3.4.1

2019-04-26

  • 修复 Grid 设置响应式 offset 有时出错的问题。#2769
  • 修复 3.4.0 版本下,InputNumber 设置 active-change 为 false 时失焦不更改数据的问题。#5645
  • 修复 TS 的一些问题。#5673

3.4.0 BestLuck

2019-04-15

  • 新增大量全局配置。#5592查看
  • Select 新增属性及插槽 prefix#5477
  • Select 新增属性 max-tag-countmax-tag-placeholder#5568
  • Table 新增属性 max-height#4207
  • Table 新增属性 row-key,并优化性能。#5380
  • Poptip 新增属性 disabled#5520
  • Slider 新增属性 active-change#5583
  • Input 新增事件 @on-clear#5527
  • Button、Cell、MenuItem、BreadcrumbItem 新增 append 属性,同 vue-router 的 append API。#5341
  • 字体文件新增 .woff2 格式并优先使用。#5560
  • DatePicker 新增事件 @on-clickoutside
  • Dropdown 新增属性 stop-propagation#5489
  • LoadingBar 新增属性 duration#5485
  • 优化 Button 等组件使用 to 属性时,对链接的显示及新窗口打开行为。#5341#5378
  • 优化 Cascader 样式。#5455
  • 优化 Select、DatePicker 在移动端的关闭体验。#5160
  • 优化 Menu 初始化时的表现。e098ce3
  • 优化 Collapse 初始化时的表现。bbc3158
  • $Modal 点击关闭按钮或使用 ESC 键关闭时,也会执行 onCancel 函数。#5452
  • Cascader 在 data 为空时,显示空提示。#5514
  • 修复 $Notice 在 Vue.js 2.6.9 以上版本动画失效的问题。#5485
  • 修复 Tree 在 Vue.js 2.6.9 以上版本动画错误的问题。37f4b7a
  • 修复 Select 在 disabled 模式下,下拉箭头图标消失的问题。#5561
  • 修复 Table 在固定列时,排序有时出错的问题。#5580
  • 修复 Slider 使用 InputNumber 时重复触发 @on-change 事件的问题。#5577
  • 修复 Drawer width 动态设置不生效的问题。#5594
  • 修复 TS 的一些问题。#5508#5578
  • 添加 TSLint。#5461

3.3.2

2019-03-18

  • 修复 3.3.1 版本下,Tabs 默认顺序在 Firefox 等浏览器下颠倒的问题。 dba576c

3.3.1

2019-03-18

  • Tabs 新增属性 name,TabPane 新增属性 tab,如果要在 3.3.0 版本以上嵌套使用 Tabs,需要给 Tabs 设置 name,并给对应的子 TabPane 设置 tab 指向 Tabs 的 name。 查看示例#5377
  • TabPane 新增属性 index,当 TabPane 使用 v-if 时,并不会按照预先的顺序渲染,这时可设置 index,并从小到大排序(注意:TabPane 不支持 v-show)。 查看示例#5401
  • 修复 Grid 在 3.3.0 版本新增的 xl、xxl 断点有时无法正常使用的问题。#5393
  • Input 的 type 属性新增 numbertel#5381#5422
  • 修复 Drawer 关闭遮罩层时,使用 draggable 属性无效的问题。
  • 修复 FormItem 设置 error 属性无效的问题。#5352
  • 修复 Affix 初始化时未滚动的问题。#5440
  • 修复 TS 的一些问题。#5406

3.3.0 Transistor

2019-03-05

  • Table 新增属性 draggable 及事件 @on-drag-drop,开启后可以拖拽调整行的顺序。#4729
  • Table 新增属性 tooltip-theme,可以配置 Tooltip 的主题色。#4158
  • Select 新增属性 transfer-class-name
  • Dropdown 新增属性 transfer-class-name
  • Tree 新增属性 check-directly,开启后,在 show-checkbox 模式下,select 的交互也将转为 check。 467e2cf
  • Drawer 新增属性 draggable 及事件 @on-resize-width,开启后可以拖拽调整宽度。
  • Drawer 新增属性 before-close,返回 Promise 可阻止关闭。#4895
  • DatePicker、TimePicker 新增属性 separator,可自定义分隔符。#5146
  • AutoComplete 新增事件 @on-clear
  • Avatar 新增事件 @on-error,在设置 src 且图片加载不成功时触发。#5136
  • Upload 新增属性 disabled#5071
  • Progress 新增属性 stroke-color#4334
  • Divider 新增属性 size#4415
  • 调整了默认的媒体查询断点,新增 xl、xxl 断点。6e97df1
  • 调整了 Tabs 包裹 TanPane 的计算方式。4d8b401
  • 修复 Select 在 filterable 且 disabled 状态下,在 Safari 浏览器中颜色显示不正确的问题。#5249
  • 修复 Input 在 clearable 且 disabled 状态下,仍然能清空的问题。#5296
  • 修复 TS 的一些问题。#5330
  • 更新俄语。#5279
  • 更新阿拉伯语。#5304
  • 更新韩语。#5298
  • 新增波兰语。#5245@qbunia
  • 新增阿拉伯语-埃及。#5304@mahmoudzohdi

3.2.2

2019-01-14

  • 修复由 3.2.0 版本导致 Select 在 remote 模式下,选择出错的问题。#5087
  • 修复 Select 内的 Option 动态改变时,有时选中值未更新的问题。#5090
  • 修复 Select 在 filterable 模式下,失焦后搜索词未清空的问题。#5155
  • 修复 Select 在 filterable 模式下,有时按回车键报错的问题。#5116
  • 修复 AutoComplete 主动赋值后,强行显示下拉框的问题。#5150
  • 修复 Slider 在 range 模式下,点击滑条有时重叠的问题。#3968
  • 修复 Slider 在 range 模式下,两个滑块到 100% 位置时,无法向左拖动的问题。#4281
  • 修复 Slider 修改 currentValue 的触发条件。#3400
  • 修复 Slider 改变宽度时,滑动速率不一致的问题。#5183
  • 修复 Divider 在 dashed 模式下,样式不正确的问题。#5135
  • 修复 Cascader 宽度较小时,内容样式不正确的问题。#5153
  • 修复 Tabs 内含有表单组件时,按下 tab 键样式出错的问题。#5111
  • 修复 Drawer 使用 inner 时,滚动条闪动的问题。#5076
  • 修复 Table 表头固定且内容为空时,有时表头样式错误的问题。#5174
  • 修复 Tag 在 dot 和 color 模式下,样式不正确的问题。#5194
  • 修复 TS 的一些问题。#5147#5156
  • 更新意大利语。#5182
  • 新增丹麦语。#5154@miloandco

3.2.1

Merry Christmas

2018-12-25

  • 优化 Input 的 v-model 在输入中文时的体验。#5060
  • 优化 InputNumber 的 placeholder 颜色。#5053
  • 优化 Select 在 multiple 模式下,选项过长的样式。#4938
  • 修复 Select 列表无法在移动端滚动的问题。#4941
  • 修复由 3.2.0 版本导致 Select 在 group 模式下,无法选择的问题。57bd539
  • 修复 DatePicker 在 datetime 模式下,切换时间,浮层位置不正确的问题。#5046
  • 修复 Cascader 在 change-on-select 模式下,点击选项有时无法选中的问题。#5021
  • 修复 Cascader 点击选项有时显示错误的问题。#4998
  • 修复 Cascader 在 filterable 模式下,@on-change 事件返回数据不正确的问题。#4786
  • 修复 Cascader 在页面最右侧时,无法显示完整列表的问题(需开启 transfer 属性)。#4189
  • 修复 Tag 手动修改 checked 值,UI 未响应的问题。#4587
  • 修复 Scroll 在按需加载时,报错组件未注册的问题。#3391
  • 修复 Modal 在 fullscreen 模式下,宽度小于 768px 时,样式不正确的问题。#4804
  • 修复 TS 的一些问题。#5044#5054
  • 修复 Dropdown 在 Tree 内使用时,样式不正确的问题。#5056

3.2.0 Lost Tracks

2018-12-18

  • Table 支持 slot-scope 用法。#4847查看示例
  • Tree 新增属性 check-strictly,开启后,在复选框模式下,将不再严格遵循父子互相关联的做法。#4872
  • Tree 的 @on-select-change 和 @on-check-change 事件返回参数新增当前项。#4849
  • 修复 TS 的一些问题。#4809#4465#4930
  • 修复 Table 动态设置表头分组报错的问题。#3472
  • 修复 InputNumber 在设置最小值为负数时,数值变化为 0 时的错误。#5002
  • 修复 ColorPicker 在 transfer 模式下,有时无法聚焦输入框的问题。#4826
  • 修复 Modal 的拖拽功能在某些浏览器下无效的问题。#4903
  • 修复 Drawer 多层嵌套使用时,内层关闭,外层的滚动属性错误的问题。#4831
  • 修复 Select 动态修改 slot 后,绑定的值未更新 label 的问题。#4626
  • 修复 Select 浮层有时因 slot 改变而位置发生变化的问题。#4913
  • 修复 Select 手动赋值后,未触发 Form 验证的问题。#4910
  • 修复 Menu 在 primary 模式下,样式不正确的问题。
  • 修改 Upload 的 on-form-change 事件派发时机。#5012
  • 优化 AutoComplete 的输入体验。#4985
  • 新增阿拉伯语。@OsamaElzero

3.1.5

2018-11-09

  • 修复 ColorPicker 在开启 transfer 时,输入框无法聚焦的问题。#4718
  • 修复 Slider 在使用数字输入框时,清空数值报错的问题。#4746
  • 修复 AutoComplete 有时无法选中、选中删除瞬间消失等问题。#4750
  • 修复 Table 内无法使用单元格组件 Cell 的问题。#4258
  • 优化 Switch 样式。#4762

3.1.4

2018-10-30

  • Tree 新增选中及半选节点的方法 getCheckedAndIndeterminateNodes#4664
  • 修复 Time 组件有时计算时间不准确的 bug。#4651
  • 新增芬兰语。@lahdekorpi

3.1.3

2018-09-30

  • Time 组件支持国际化。#4317
  • Table 新增取消全选事件 @on-select-all-cancel#2586
  • 优化 Cascader 在 trigger="hover" 时的表现。#4472
  • Page 组件的 total 动态修改为 0 时,当前页置为 1。#4460
  • 修复 Select 在 filterable 模式下,完整匹配搜索词时显示完整列表的问题。#4273
  • 修复 Select 在 filterable 且 multiple 模式下,动态设置数据出错的问题。#4575
  • 修复 Select 在 filterable 模式下,使用 OptionGroup 搜索出错的问题。#4371
  • 修复 Table 在固定高度时,配置可展开列无法动态计算滚动条的问题。#4219
  • 修复 Carousel 动态设置 height 出错的问题。#4324

3.1.2

2018-09-25

  • 修复 DatePicker 在 split-panels 模式下,有时报错的问题。#4524
  • 修复 DatePicker 点击清空图标时,弹出选择器的问题。
  • 修复 DatePicker 切换月份时,左边月份比右边大的问题。#3973
  • 修复 FormItem 使用 required 属性时,无法校验的问题。#4537

3.1.1

2018-09-18

  • 修复支持 TypeScript 的一些问题。#4447#4449#4490
  • 修复 3.1.0 版本下,TimePicker 报错的问题。#4473
  • 修复 3.1.0 版本下,Modal 的遮罩层没有 z-index 的问题。#4439
  • 修复 3.1.0 版本下,Modal 内使用其它开启 transfer 属性的组件后,层级错乱的问题。7bafe9d
  • 修复 ColorPicker 未导入 Button 的问题。#4483
  • 修复 InputNumber 失焦时没有触发 Form 校验的问题。#4536
  • 新增传统蒙古语。@XuYS

3.1.0 INSIDE

2018-09-03

  • 支持 TypeScript。#4406
  • 增加 Vue CLI 3 插件。vue-cli-plugin-iview
  • 文档增加 Nuxt.js 用法。查看
  • 文档更新快速上手章节。查看
  • 新增抽屉组件 Drawer。查看#4352
  • ColorPicker 新增属性 editable,支持输入色值。#4353
  • Tabs 新增属性 beforeRemove,返回 Promise 可中断关闭。
  • InputNumber 新增属性 active-change,设置为 false 时,只会在失焦时更改数据。#4315
  • Modal 新增属性 z-index
  • Modal 的 ESC 按键,现在只会关闭最顶层的模态框,当点击某个 Modal 区域时,它将置为最顶层。
  • 修复 DatePicker 在某些日期下,面板联动错误的 bug。#3773
  • 修复 DatePicker 无法使用 disabled 属性的 bug。#4351
  • 修复 Select 开启 transfer 属性后,在 3.0.1 版本下有时样式错误的 bug。#4329
  • MenuItem 设置 target="_blank" 时,点击菜单不再高亮当前项。
    特别感谢 @yangdan8

3.0.1

2018-08-22

  • Select 的 placement 属性,新增值 top-start, bottom-start, top-end, bottom-end,并将默认值修改为 bottom-start
  • 修复 3.0 按需使用时,报错的 bug。#4165
  • 修复 DatePicker 在部分时区下选择后错误的 bug。#4250
  • 修复 DatePicker 的 shortcuts 功能自定义格式出错的 bug。#4127
  • 修复 DatePicker 在 multiple 模式下,跨月选择会重新定位到第一个日期位置的 bug。#4249
  • 修复 Select 的 Option 过长,样式错误的 bug。#4194
  • 修复 Select 在 disabled 模式下,clearable 仍然能使用的 bug。#3924
  • 修复 FormItem 动态设置 rules 有时不生效的 bug。#4214
  • 修复 FormItem 无法给 label-width 设置为 0 的 bug。
  • 修复 RadioGroup 有时无法手动设置数据的 bug。#4114
  • 修复 Input 在 number 模式下,删除清空后,值会置为 0 的 bug。#4048
  • 修复 Tabs 移除标签页时,有时无法显示正确的标签内容的 bug。#4052
  • 优化 Transfer 在搜索时,只能全选搜索结果项。#4151
  • 优化 Tree 的样式。#4162
  • Progress 增加 name。#4036

3.0.0 Battleheart

2018-07-28

新增组件

UI

  • 优化 Collapse 组件样式,看起来更简洁、清新。
  • 优化 Switch 组件样式,尺寸更协调了。
  • 优化 Page 组件样式,风格更简洁。
  • 优化 Poptip / Tooltip 组件样式,箭头更清晰了。
  • 优化了 Tag 组件样式,增加多种预设的颜色。
  • 优化 Alert 组件样式,配色和图标更直观好看了。
  • 优化 Message / Notice 组件样式,看起来更简洁、清新。
  • 优化 Modal、$Modal 样式,看起来更协调了。
  • 优化 Menu 样式。
  • 优化 Select 样式。
  • Circle 和 Progress 组件的默认色改为了主色,保持配色统一。

新特性

全局配置

  • 使用 iView 时,可以进行全局配置组件的一些属性,例如:
  1. Vue.use(iView, {
  2. transfer: true,
  3. size: 'large',
  4. select: {
  5. arrow: 'md-arrow-dropdown',
  6. arrowSize: 20
  7. }
  8. });

目前只支持配置 transfer 和 size 两个属性。组件会优先使用 prop 设置的属性,如果未设置,再使用全局配置。

Icon 图标:

  • 升级至 ionicons 3.0 图标。
  • 新增属性 custom,支持自定义图标。#3568

Button 按钮:

  • 新增属性 custom-icon,支持自定义图标。
  • 新增属性 toreplacetarget,支持点击直接跳转。
  • 新增幽灵属性 ghost,可以使按钮背景透明,常用于有色背景上。

Input 输入框:

  • 新增属性 prefixsuffix 以及同名 slot,支持设置前缀和后缀图标。
  • 新增属性 searchenterButton,支持搜索类型的输入框。
  • 新增事件 @on-search,使用搜索类型输入框时,点击搜索或按下回车键时触发。

Modal 对话框:

  • 新增全屏属性 fullscreen
  • 新增隐藏遮罩层属性 mask
  • 新增拖拽属性 draggable

Table 表格:

  • Column 新增属性 indexMethod, 可以自定义 type="index" 时的序号。
  • Column 新增属性 tooltip,开启后,当单元格文本超过一行,会以…显示,并在 Tooltip 中显示完整内容。

Menu 菜单:

  • 新增属性 toreplacetarget,支持点击直接跳转。

Breadcrumb 面包屑:

  • 新增属性 target

Badge 徽章:

  • 新增属性 show-zero#3654
  • 新增属性 text,可以自定义内容。
  • 新增属性 status,可以设置徽标为状态点。
  • 新增属性 offset,可以设置偏移量。
  • 新增属性 type,可以设置预设的颜色。

Page 分页:

  • 新增属性 prev-textnext-text,可以自定义上下页的文案。

Upload 上传:

  • 新增属性 paste,开启后可以上传复制在剪贴板的文件。

Tooltip 文字提示:

  • 新增属性 theme,可以设置 dark(默认)或 light 两种主题。
  • 新增属性 max-width,超出最大值后,文本将自动换行,并两端对齐。

Poptip 气泡提示:

  • 新增属性 word-wrap,开启后,超出指定宽度文本将自动换行,并两端对齐。
  • 新增属性 padding,可以自定义间距值。

Rate 评分:

  • 新增属性 charactericoncustom-icon,支持自定义字符或图标。

Collapse 折叠面板:

  • 新增属性 hide-arrow,可以隐藏箭头。
  • 新增属性 simple,可以显示为无边框的简洁模式。

Switch 开关:

  • 新增属性 loading,可表示开关仍在执行中。

Tag 标签:

  • color 属性新增了 13 种预设。

Dropdown 下拉菜单:

  • 触发方式 trigger 新增 contextMenu,可以通过点击右键触发。

Circle 进度环:

  • 新增仪表盘属性 dashboard

Progress 进度条:

  • 新增分段进度属性 success-percent

Avatar 头像:

  • 新增自定义图标属性 custom-icon

优化

Breadcrumb 面包屑:

  • 在链接上会显示 a 标签的 href 值。

Page 分页:

  • 优化快进和快退的逻辑。#3965

Table 表格:

  • 优化 type="selection" 时,Checkbox 为居中。

其它

修复

  • 修复 Progress 纵向时,active 动画方向不正确的 bug。
  • 修复 Carousel 未使用 v-model 时,点击指示器,指示器不更新的 bug。
  • 修复 Carousel 设置 loop 无效的 bug。

不兼容更新

  • Button 废弃 type ghost,原先的 default 样式有改变。
  • Icon 的图标升级至 ionicons 3.0 图标,图标名称有改变。
  • Breadcrumb 废弃 href 属性。
  • Badge 的 count 属性只支持 Number 类型。
  • Tag 的 color 属性将原先的 bluegreenyellowred 更名为了 primarysuccesswarningerror