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-count
和max-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 属性新增
number
和tel
。 #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
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
新增组件
- 相对时间组件
Time
。#3645查看组件 - 锚点组件
Anchor
。#3369查看组件 - 面板分割组件
Split
。#3844查看组件 - 分割线组件
Divider
。#3275查看组件 - 单元格组件
Cell
。查看组件
UI
- 优化 Collapse 组件样式,看起来更简洁、清新。
- 优化 Switch 组件样式,尺寸更协调了。
- 优化 Page 组件样式,风格更简洁。
- 优化 Poptip / Tooltip 组件样式,箭头更清晰了。
- 优化了 Tag 组件样式,增加多种预设的颜色。
- 优化 Alert 组件样式,配色和图标更直观好看了。
- 优化 Message / Notice 组件样式,看起来更简洁、清新。
- 优化 Modal、$Modal 样式,看起来更协调了。
- 优化 Menu 样式。
- 优化 Select 样式。
- Circle 和 Progress 组件的默认色改为了主色,保持配色统一。
新特性
全局配置
- 使用 iView 时,可以进行全局配置组件的一些属性,例如:
Vue.use(iView, {
transfer: true,
size: 'large',
select: {
arrow: 'md-arrow-dropdown',
arrowSize: 20
}
});
目前只支持配置 transfer 和 size 两个属性。组件会优先使用 prop 设置的属性,如果未设置,再使用全局配置。
Icon 图标:
- 升级至
ionicons
3.0 图标。 - 新增属性
custom
,支持自定义图标。#3568
Button 按钮:
- 新增属性
custom-icon
,支持自定义图标。 - 新增属性
to
、replace
、target
,支持点击直接跳转。 - 新增幽灵属性
ghost
,可以使按钮背景透明,常用于有色背景上。
Input 输入框:
- 新增属性
prefix
和suffix
以及同名 slot,支持设置前缀和后缀图标。 - 新增属性
search
和enterButton
,支持搜索类型的输入框。 - 新增事件
@on-search
,使用搜索类型输入框时,点击搜索或按下回车键时触发。
Modal 对话框:
- 新增全屏属性
fullscreen
。 - 新增隐藏遮罩层属性
mask
。 - 新增拖拽属性
draggable
。
Table 表格:
- Column 新增属性
indexMethod
, 可以自定义type="index"
时的序号。 - Column 新增属性
tooltip
,开启后,当单元格文本超过一行,会以…显示,并在 Tooltip 中显示完整内容。
Menu 菜单:
- 新增属性
to
、replace
、target
,支持点击直接跳转。
Breadcrumb 面包屑:
- 新增属性
target
。
Badge 徽章:
- 新增属性
show-zero
。#3654 - 新增属性
text
,可以自定义内容。 - 新增属性
status
,可以设置徽标为状态点。 - 新增属性
offset
,可以设置偏移量。 - 新增属性
type
,可以设置预设的颜色。
Page 分页:
- 新增属性
prev-text
和next-text
,可以自定义上下页的文案。
Upload 上传:
- 新增属性
paste
,开启后可以上传复制在剪贴板的文件。
Tooltip 文字提示:
- 新增属性
theme
,可以设置 dark(默认)或 light 两种主题。 - 新增属性
max-width
,超出最大值后,文本将自动换行,并两端对齐。
Poptip 气泡提示:
- 新增属性
word-wrap
,开启后,超出指定宽度文本将自动换行,并两端对齐。 - 新增属性
padding
,可以自定义间距值。
Rate 评分:
- 新增属性
character
、icon
和custom-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 为居中。
其它
- 新增蒙古语。@Ariunbold13
修复
- 修复 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 属性将原先的
blue
、green
、yellow
、red
更名为了primary
、success
、warning
、error
。
当前内容版权归 iviewui.com 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 iviewui.com .