4.2.0 Vikings: an Archer's Journey

2020-04-13

  • Table 新增属性 show-context-menu，开启后，可以点击右键弹出菜单，需配合 slot contextMenu 一起使用。
  • Table 事件 @on-contextmenu 新增返回参数 position，右键距离 Table 组件左上角的位置。
  • Table 列新增属性 display，使用 slot 自定义列时，列的渲染模式。可选值为 block、inline、inline-block。当使用树形数据时，建议使用 inline 或 inline-block。
  • Table 新增事件 @on-cell-click，点击单元格时触发。
  • Select 新增属性 filter-by-label，开启后，在搜索时，只按照 label 进行搜索。
  • Transfer 新增属性 reverse-operation，开启后，颠倒两个操作按钮的上下顺序。
  • 还原 Split 部分代码，以修复不能使用 px 的问题。
  • 修复 Select 创建新项目的一些问题。#404
  • 修复 Tooltip 在长字母、数字时不自动换行的问题，同时解决 Table 列开启 tooltip 属性的问题。
  • 修复 Table 开启 border，且同时固定表头和列时，底部边框消失的问题。
  • 修复 Table 开启 loading，边框显示错误的问题。
  • 修复 Input 在使用 append slot 时，偏移 1px 的问题。#380
  • 新增挪威语。#399

4.1.3

2020-02-24

  • 还原 4.1.0 对 DatePicker 的修改。#303 #334
  • 修复 Slider 滑块没有居中的问题。
  • 修复 Tag 在彩色模式下，大号和中号尺寸文字没有居中的问题。
  • 修复 Tree 有时报错的问题。#307

4.1.2

2020-02-04

  • 修复 Table 使用树形数据时的问题。#305

4.1.1

2020-01-16

  • 修复 Table 使用树形数据时的问题。#291

4.1.0 Pascal's Wager

2020-01-13

Table：

  • 支持树形数据。
  • 新增属性 indent-size，可设置树形的缩进宽度。
  • 新增属性 load-data，树形数据异步时使用。
  • row-key 支持 String 类型，使用树形数据时必须为 String。
  • column 新增属性 tree，树形数据使用，开启则该列为可展开列。
  • data 新增属性 _showChildren，树形数据使用，指定默认子数据是否展开。
  • data 新增属性 _loading，树形数据使用，用于异步请求子数据。
  • 新增属性 context-menu，开启后，当前行点击右键会阻止默认行为。
  • 新增事件 @on-contextmenu，当前行点击右键时触发。

其它：

  • Select 新增事件 @on-select，选择项目时触发。
  • Carousel 新增事件 @on-click，点击幻灯片时触发，返回索引值。
  • Tree 使用 Render 时，可以直接使用选中功能。
  • Affix 新增属性 use-capture。
  • 修复 Carousel 内的 CarouselItem 样式重叠的问题。
  • 修复 Carousel 点击指示器时，不触发 on-click 事件的问题。
  • 修复 Collapse 异步加载时，不能打开面板的问题。
  • 修复 Split 嵌套使用时，有时样式出错的问题。
  • 修复 FormItem 没有监听 required 属性改变的问题。 #233
  • 修复 AutoComplete 的 transfer 属性，在全局配置有时错误的问题。
  • 修复 AutoComplete 的事件 on-select 有时不触发的问题。
  • 修复 Modal confirm 关闭按钮事件问题。
  • 修复 TimePicker 使用向上箭头选择时出错的问题。 #237
  • 修复 DatePicker 有时选择日期，错误的问题。 537403b
  • 修复 DatePicker setMonth 的问题。
  • 修复 Split 的 min 和 max 属性在改变浏览器尺寸时不正确的问题。
  • 修复 Time 不能动态设置 time 属性的问题。 #199
  • 修复 Avatar 自定义尺寸有时样式出错的问题。
  • 修复 Tree 数据设置 disabled 时，不能点击箭头的问题。
  • 修复 TypeScript 的一些问题。
  • 新增维吾尔语。 #246

4.0.2

2019-10-22

  • 优化 Table 列开启 tooltip 属性时，鼠标经过不再立即消失。
  • 修复 Cascader、Dropdown、Poptip 组件有时点击内部直接关闭的问题。#32

4.0.1

2019-10-15

  • 修复 4.0 版本下，Cascader、Dropdown 组件在 transfer 模式下，下拉浮层错误收起的问题。#32
  • 修复 4.0 版本下，Table 拖拽调整列宽，宽度太小时，表头错位的问题。#18
  • 修复 4.0 版本下，Table 事件 @on-column-width-resize 返回值不正确的问题。#21
  • 修复 Select 在多选模式下，在 Form 校验时，重置无法清除提示的问题。
  • 修复 Select 在搜索模式下，在部分浏览器中无法删除的问题。
  • 修复 Select 在多选且搜索模式下，中文输入法删除搜索词，会直接删除已选项的问题。
  • 修复 Page 页码数字的字体在 Safari 浏览器下不正确的问题。
  • 修复 Modal 设置 styles 属性后自定义位置，且开启 draggable 时，拖拽移动出错的问题。
  • 修复 AutoComplete 在 disabled 模式下，仍然可以清空的问题。
  • 修复 Tabs 内使用 Table，有时 Table 宽度不正确的问题。

4.0.0 The Gardens Between

2019-10-09

新增组件

UI

  • 基础字号调整为 14px。
  • 表单类组件各尺寸调整为 40px、32px、24px。
  • 优化 Slider 间断点样式。
  • 优化 Card、Modal 等组件带有标题栏的样式。
  • 优化 Alert 样式。
  • $Message 新增多彩样式。
  • Table 组件的默认样式将不带外侧边框，除非开启 border 属性。
  • Steps 组件使用 flex 布局。

新特性

全局配置

  • 新增 capture 选项，可以配置所有组件默认的 capture 模式，默认为 true。

capture 是浏览器的一种默认行为，如果开启，当可下拉的组件（例如 Select）处于展开状态时，点击外部操作不会立即响应，而是先收起下拉菜单，再次点击才会响应操作。

如果不需要该特性，可以通过全局配置，将 capture 设置为 false。

Table 表格：

  • 新增属性 span-method，可以合并行或列。
  • 新增属性 show-summary，开启可以在尾行对数据进行合计。另外新增了属性 summary-method 和 sum-text。
  • 列 column 新增属性 resizable，开启后可以拖拽调整列的宽度。
  • 新增事件 @on-column-width-resize，拖拽调整列宽度时触发。

Form 表单：

  • 新增属性 hide-required-mark，开启后可以隐藏所有表单项的必选标记。
  • 新增属性 label-colon，开启则 label 名称后会自动添加冒号。
  • 新增属性 disabled，是否禁用该表单内的所有组件（适用于具有 disabled 属性的表单类组件）。
  • 新增事件 @on-validate，任一表单项被校验后触发，返回表单项 prop、校验状态、错误消息。

Select 选择器：

  • 新增属性 allow-create，开启后，在 filterable 模式下，可以通过在输入框中输入内容来创建新的条目。
  • 新增事件 @on-create，在将创建新条目时触发。
  • Option 组件新增属性 tag，设置后，在多选时，标签将优先显示设置的内容。
  • 新增属性 capture。

Input 输入框：

  • 新增属性 show-word-limit，开启后，可以配合 maxlength 属性来显示字数统计。
  • 新增属性 password，开启后，可以切换显示与隐藏密码。

Slider 滑块：

  • 新增属性 marks，可以展示标记内容。

Progress 进度条：

  • 新增属性 text-inside，开启后，百分比将置于进度条内部。
  • stroke-color 支持传入数组，显示为渐变色。

Radio 单选：

  • 新增属性 border，支持带边框的单选样式。

Checkbox 多选：

  • 新增属性 border，支持带边框的多选样式。

Circle 进度环：

  • stroke-color 支持传入数组，显示为渐变色。

Page 分页：

  • 新增属性 disabled，开启后可以禁用分页组件。

Switch 开关：

  • 新增属性 true-color 和 false-color，可以设置开关背景颜色。
  • 新增属性 before-change，返回 Promise 可以阻止切换。

Badge 徽标数：

  • 新增属性 color，可以设置更多的状态点颜色及自定义颜色。
  • 新增 slot count，设置时，可以自定义角标显示内容（去角标背景），数值 count 将无效。
  • 新增 slot text，设置时，可以自定义角标显示内容（带角标背景），数值 count 将无效。亦可自定义状态点模式下的 text 内容。

Message 全局提示：

  • 新增属性 background，设置为 true 后，通知会显示背景色。

Tabs 标签页：

  • 标签页过多时，在标签页位置可以使用鼠标滚动。

AutoComplete 自动完成：

  • placement 属性支持全方向。

Card 卡片：

  • 新增属性 to、target、replace、append，支持跳转链接。

Tag 标签：

  • 新增属性 size，可以设置不同的尺寸，可选值为 large（大号）、medium（中号）、default（默认）

Avatar 头像：

  • 尺寸属性 size 支持具体的数值。

Steps 步骤条：

  • Step 组件新增具名 slot title、content 和 icon。

DatePicker 日期选择器：

  • 新增属性 capture。

TimePicker 日期选择器：

  • 新增属性 capture。

ColorPicker 颜色选择器：

  • 新增属性 capture。

优化

Button 按钮：

  • 按钮高度的计算由 padding 模式改为了 height。

Circle 进度环：

  • stroke-linecap 属性也对 dashboard 模式生效了。

Tooltip/Poptip：

  • 调整 fade 动画的默认时间为 0.15 秒，Tooltip、Poptip 组件的出现和消失更快速了。

Tabs 标签页：

  • 标签页过多时，左右箭头距离增加。

Steps 步骤条：

  • 布局由原先的百分比布局调整为 flex 布局，且优化了最后一列的布局显示。

修复

  • 修复 Button、Menu 等带有跳转功能组件在 vue-router 3.1+ 版本跳转报错的问题。

AutoComplete 自动完成：

  • 修复点击组件外部关闭浮窗后，输入框仍然聚焦的问题。
  • 修复 disabled 模式下，聚焦显示外轮廓的问题。

Steps 步骤条：

  • 修复最后一列宽度不正确的问题。

不兼容更新

  • DropdownItem 开启 disabled 属性后，Dropdown 不再触发 @on-click 事件。
  • Table 默认样式不再带有外侧边框。