Iview Versions Save

A high quality UI Toolkit built on Vue.js 2.0

v3.1.0

5 years ago
  • Supports TypeScript. #4406
  • Add Vue CLI 3 plugin. vue-cli-plugin-iview
  • The documentation adds Nuxt.js usage. View
  • The document update Quick Start section. View
  • Add new component Drawer. #4352
  • ColorPicker add new property editable, support for input color values. #4353
  • Tabs add new property beforeRemove, return Promise to interrupt close.
  • InputNumber add new property active-change, when set to false, the data will only be changed when blur. #4315
  • Modal add new property z-index.
  • Modal's ESC button will now only close the topmost modal box, and when clicked on a Modal area, it will be placed at the top level.
  • Fixed bug that DatePicker's pane is wrong sometimes. #3773
  • Fixed bug that DatePicker can not use disabled. #4351
  • Fixed bug that Select's style is wrong under version 3.0.1 #4329
  • When MenuItem sets target="_blank", clicking the menu no longer highlights the current item.

Special thanks to @yangdan8


  • 支持 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

v3.0.1

5 years ago
  • Select add new placement: top-start, bottom-start, top-end, bottom-end, and change the default value to bottom-start.
  • Fixed bug when importing iView on demand in 3.0 version. #4165
  • Fixed bug that DatePicker selected on a partial time zone. #4250
  • Fixed bug that the shortcuts of DatePicker format error. #4127
  • Fixed bug that DatePicker with multiple mode, cross-month selection will relocate to the first date location. #4249
  • Fixed bug when Select Option is too long, the style is wrong. #4194
  • Fixed bug that Select can use clearable in disabled mode. #3924
  • Fixed bug that FormItem dynamic setting rules sometimes does not work. #4214
  • Fixed bug that FormItem could not set label-width to 0.
  • Fixed bug that RadioGroup can't manually set data sometimes. #4114
  • Fixed bug that Input with number mode, when delete the value, it will be set to 0. #4048
  • Fixed bug when Tabs remove a tab, it will not display the correct label content sometimes. #4052
  • Optimize Transfer that you can only select all search result items. #4151
  • Optimize the style of the Tree. #4162
  • Progress add component name. #4036

  • 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

untagged-a6dab4e0d5abb4754570

5 years ago

New Components

  • Add new component Time. #3645 View
  • Add new component Anchor. #3369 View
  • Add new component Split. #3844 View
  • Add new component Divider. #3275 View
  • Add new component Cell. View

UI

  • Optimize the Collapse component style to look cleaner and fresher.
  • Optimize the Switch component style and make the dimensions more coordinated.
  • Optimize the Page component for a more concise style.
  • Optimize the Poptip / Tooltip components styles and the arrows are clearer.
  • Optimized the Tag component style and added a variety of preset colors.
  • Optimize the Alert component style, color and icons are more intuitive.
  • Optimize the Message / Notice components style to look cleaner and fresher.
  • Optimize the Modal and $Modal components style to look more coordinated.
  • Optimize the Menu style.
  • Optimize the Select style.
  • The default color of the Circle and Progress components is changed to the primary color, keeping the color uniform.

New Features

Global Settings

When using iView, you can make some properties of the global configuration component, for example:

Vue.use(iView, {
    transfer: true,
    size: 'large'
});

Currently only supports the transfer and size properties. The component will use the properties set by prop first, and if not, then use the global configuration.

Icon:

  • Upgrade to the ionicons 3.0 icon.
  • Add new property custom, now you can customize the icons. #3568

Button:

  • Add new property custom-icon, now you can customize the icons of button.
  • Add new properties to, replace, target, support click to jump directly.
  • Add new property ghost, the button background can be made transparent and is often used on colored backgrounds.

Input:

  • Add new properties prefix and suffix , and the same named slot, support for setting the prefix and suffix icon.
  • Add new properties search and enterButton, support for input types of search boxes.
  • Add new event @on-search, when using the search type, trigger when you click search button or press the Enter key.
  • Add new property fullscreen.
  • Add hidden mask layer property mask.
  • Add new property draggable.

Table:

  • Column add new property indexMethod, you can customize the index when use type="index" .
  • Column add new property tooltip, if open it, when the cell text exceeds one line, it will be displayed in ... and the full content will be displayed in the Tooltip.
  • Add new properties to, replace, and target, support click to jump directly.
  • Add new property target.

Badge:

  • Add new property show-zero. #3654
  • Add new property text, now you can customize the content of Badge.
  • Add new property status, the Badge can be set to a status point.
  • Add new property offset, you can set the position.
  • Add the property type, the preset color can be set.

Page:

  • Add new property prev-text and next-text, you can customize the copy of the upper and lower pages.

Upload:

  • Add new property paste, after opening, you can upload files copied to the clipboard.

Tooltip:

  • Add new property theme, you can set either dark (default) or light.
  • Add new property max-width, when the maximum value is exceeded, the text will automatically wrap and be aligned.

Poptip:

  • Add new property word-wrap, when turned on, text that exceeds the specified width will automatically wrap and be aligned.
  • Add new property padding, you can customize the spacing value.

Rate:

  • Add new property character, icon and custom-icon, support for custom characters or icons.

Collapse:

  • Add new property hide-arrow, you can hide the arrows.
  • Add new property simple, can be displayed as a clean mode without borders.

Switch:

  • Add new property loading, it can be said that the switch is still being executed.

Tag:

  • There are 13 new presets added to the color property.
  • Trigger mode trigger add contextMenu, which can be triggered by right clicking.

Circle:

  • Add new property dashboard.

Progress:

  • Added the segmentation progress property success-percent.

Avatar:

  • Add custom icon property custom-icon.

Optimizations

Page:

  • Optimize the logic for fast forward and fast backwards. #3965

Table:

  • Checkbox is centered when type="selection".

Others

  • Add Mongolian. @Ariunbold13

Bug Fix

  • Fixed a bug where the active animation was not oriented correctly when Progress was vertical.
  • Fixed a bug where Carousel does not use v-model when clicking on the indicator and the indicator is not updated.
  • Fixed a bug that Carouse loop is invalid.

Breaking Changes

  • Button discards type ghost, the original default style has changed.
  • The Icon is upgraded to the ionicons 3.0, icon and the icon's name has changed.
  • Breadcrumb discards the href property.
  • Badge's count property only supports the Number type.
  • The color property of Tag renames the original blur, green, yellow, red to primary, success, warning, error.

新增组件

UI

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

新特性

全局配置

使用 iView 时,可以进行全局配置组件的一些属性,例如:

Vue.use(iView, {
    transfer: true,
    size: 'large'
});

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

Icon 图标:

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

Button 按钮:

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

Input 输入框:

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

Table 表格:

  • Column 新增属性 indexMethod, 可以自定义 type="index" 时的序号。
  • Column 新增属性 tooltip,开启后,当单元格文本超过一行,会以…显示,并在 Tooltip 中显示完整内容。
  • 新增属性 toreplacetarget,支持点击直接跳转。
  • 新增属性 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 种预设。
  • 触发方式 trigger 新增 contextMenu,可以通过点击右键触发。

Circle 进度环:

  • 新增仪表盘属性 dashboard

Progress 进度条:

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

Avatar 头像:

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

优化

  • 在链接上会显示 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 属性将原先的 blurgreenyellowred 更名为了 primarysuccesswarningerror

v2.14.3

5 years ago
  • Fixed bug that Select cannot select directly when entering numbers sometimes. #3872

  • 修复 Select 在输入数字时,有时无法直接选择的 bug。#3872

v2.14.2

5 years ago
  • Fixed bug that Select can't display the selected item when the Option is set asynchronously. #3722
  • Fixed bug that Select can't display the selected item when set the value asynchronously. #3795
  • Fixed bug that Select can't display the label and throw errors in filterable and remote mode. #3817
  • Fixed bug that Select show incorrect dropdown list when set the value asynchronously in filterable mode. #3836
  • Fixed bug that DatePicker throw errors in confirm mode. #3769
  • Fixed bug that DatePicker show incorrect right panel in range type sometimes. #3773
  • Fixed bug about Menu in accordion mode sometimes. #3803
  • Optimize the logic for Modal mask clicks. #3792

  • 修复 Select 在异步设置 Option 时,无法显示选中项的 bug。#3722
  • 修复 Select 在异步赋值时,无法显示选中项的 bug。#3795
  • 修复 Select 在 filterable 且 remote 模式下,设置 label 不显示及报错的 bug。#3817
  • 修复 Select 在 filterable 模式下,异步赋值,下拉列表不正确的 bug。#3836
  • 修复 DatePicker 在 confirm 模式下报错的 bug。#3769
  • 修复 DatePicker 在 range 模式下,有时右侧面板日期不正确的 bug。#3773
  • 修复 Menu 在 accordion 模式下,有时出错的 bug。#3803
  • 优化 Modal 遮罩层点击的逻辑。#3792

v2.14.1

5 years ago
  • Fixed bug that not available under SSR mode in the 2.14.0 version. #3740
  • Fixed bug that Select can not bind the number 0 in the 2.14.0 version. #3696
  • Fixed bug that Select will show undefined sometimes in the 2.14.0 version. #3705
  • Fixed bug that Select will trigger @on-change event at initialization in the 2.14.0 version. #3725
  • Fixed bug that Select show incorrect label in the 2.14.0 version. #3728 #3742
  • Fixed bug that Select can not show correct options when clear selected item under filterable and clearable mode in the 2.14.0 version. #3746
  • Fixed bug that Select can not use under transfer mode in the 2.14.0 version. #3695
  • Fixed bug that Select can not use in mobile phone in the 2.14.0 version. #3741
  • Fixed bug that Select can not bind an Object in the 2.14.0 version. #3737
  • Fixed bug that AutoComplete can not hide drop panel sometimes in the 2.14.0 version. #3709
  • Fixed bug that form components in Tabs will be focused automatically, unless open the property capture-focus. #3732
  • Fixed bug that transverse Menu's Submenu show incorrect position. #3733

  • 修复 2.14.0 版本中,在 SSR 中无法使用的 bug。#3740
  • 修复 2.14.0 版本中,Select 无法绑定数字 0 的 bug。#3696
  • 修复 2.14.0 版本中,Select 有时会显示 undefined 的 bug。#3705
  • 修复 2.14.0 版本中,Select 初次渲染会触发 @on-change 事件的 bug。#3725
  • 修复 2.14.0 版本中,Select 显示 label 不正确的 bug。#3728 #3742
  • 修复 2.14.0 版本中,Select 在 filterable 且 clearable 模式下,清空列表未还原的 bug。#3746
  • 修复 2.14.0 版本中,Select 在开启 transfer 时无法使用的 bug。#3695
  • 修复 2.14.0 版本中,Select 无法在移动设备使用的 bug。#3741
  • 修复 2.14.0 版本中,Select 无法绑定值为对象的 bug。#3737
  • 修复 2.14.0 版本中,AutoComplete 有时无法正常收起的 bug。#3709
  • 修复 2.14.0 版本中,Tabs 内的表单控件不会自动获得焦点,除非开启属性 capture-focus。#3732
  • 修复 2.14.0 版本中,横向 Menu 有时展开子菜单错位的 bug。#3733

v2.14.0

5 years ago
  • Refactor the Select component, fully supports keyboard accessibility and fixes several issues. #3157 #1647 #3574
  • DatePicker supports keyboard accessibility. #3643 #1647
  • ColorPicker supports keyboard accessibility. #3662 #1647
  • Tabs supports keyboard accessibility. #3642 #1647
  • TabPane changed display: none to visibility: hidden. #3652
  • ColorPicker add new property disabled. #3662
  • Select add new events @on-clear and @on-open-change. #3579
  • Rate add new property clearable. #3487
  • ColorPicker add new event @on-open-change. #3540
  • AutoComplete add new event @on-focus and @on-blur. #3565
  • Icon add new event @click. #3621
  • Menu In accordion mode, when the parent menu is closed, its submenus are closed too. #3617
  • Optimize the popper.js configuration. https://github.com/iview/iview/commit/354254b414127554bb956df9bd8bb0e91eabcedb
  • Fixed the bug that Slider can't drag sometimes. #3468
  • Fixed nested Row gutter bug. #3596
  • Fixed DatePicker style bug when type="datetimerange" and open show-week-numbers. #3629
  • Fixed DatePicker bug that uses v-model in multiple mode. #3675
  • Fixed RadioGroup bug that cannot use value directly. #3498
  • Fixed bug that RadioGroup doesn't center content sometimes. #3586
  • Fixed bug that $Spin calls the .hide() method directly. #3535
  • Fixed bug that AutoComplete event @on-change called only once. #3486
  • Fixed bug that AutoComplete can not scroll when the content is too long. #3590
  • Fixed Notice bug that class name is wrong. #3551
  • Fixed bug of Menu that @on-open-change event return wrong value. #3575
  • Fixed bug of InputNumber when set precision property and clear value. #3676
  • Add Czech. @ajkl2533

  • 重构 Select 组件,完全支持键盘可访问性,并修复若干问题。#3157 #1647 #3574
  • DatePicker 组件增强键盘的可访问性。#3643 #1647
  • ColorPicker 组件增强键盘的可访问性。#3662 #1647
  • Tabs 组件增强键盘的可访问性。#3554 #1647
  • TabPane 将 display: none 改为了 visibility: hidden。#3652
  • ColorPicker 新增属性 disabled。#3662
  • Rate 新增属性 clearable。#3487
  • Select 新增事件 @on-clear@on-open-change。#3579
  • ColorPicker 新增事件 @on-open-change。#3540
  • AutoComplete 新增事件 @on-focus@on-blur。#3565
  • Icon 新增事件 @click。#3621
  • Menu 在手风琴模式下,关闭父菜单,其子菜单也会关闭。#3617
  • 优化 popper.js 的配置。https://github.com/iview/iview/commit/354254b414127554bb956df9bd8bb0e91eabcedb
  • 修复 Slider 有时无法拖拽的 bug。#3468
  • 修复 Grid 嵌套多层 Row 时,gutter 受父级影响的问题。#3596
  • 修复 DatePicker 在 type="datetimerange" 且开启 show-week-numbers 时,错位的 bug。#3629
  • 修复 DatePicker 在 multiple 模式下,使用 v-model 报错的 bug。#3675
  • 修复 RadioGroup 无法直接使用 value 的 bug。#3498
  • 修复 RadioGroup 有时内容不居中的问题。#3586
  • 修复 $Spin 直接调用 .hide() 方法,有时报错的 bug。#3535
  • 修复 AutoComplete 事件 @on-change 只触发一次的 bug。#3486
  • 修复 AutoComplete 内容溢出,点击横向滚动条时,关闭弹层的 bug。#3590
  • 修复 Notice 类名错误的 bug。#3551
  • 修复 Menu 事件 @on-open-change 返回值不正确的 bug。#3575
  • 修复 InputNumber 设置 precision 时,清空数据报错的 bug。#3676
  • 新增捷克语。@ajkl2533

v2.14.0-rc.5

5 years ago
  • Fixed DatePicker bug that uses v-model in multiple mode. #3675
  • Fixed bug of InputNumber when set precision property and clear value. #3676

v2.14.0-rc.4

5 years ago
  • Refactor the Select component, fully supports keyboard accessibility and fixes several issues. #3157 #1647 #3574
  • DatePicker supports keyboard accessibility. #3643 #1647
  • ColorPicker supports keyboard accessibility. #3662 #1647
  • Tabs supports keyboard accessibility. #3642 #1647
  • TabPane changed display: none to visibility: hidden. #3652
  • ColorPicker add new property disabled. #3662
  • Select add new events @on-clear and @on-open-change. #3579
  • Rate add new property clearable. #3487
  • ColorPicker add new event @on-open-change. #3540
  • AutoComplete add new event @on-focus and @on-blur. #3565
  • Icon add new event @click. #3621
  • Menu In accordion mode, when the parent menu is closed, its submenus are closed too. #3617
  • Optimize the popper.js configuration. https://github.com/iview/iview/commit/354254b414127554bb956df9bd8bb0e91eabcedb
  • Fixed the bug that Slider can't drag sometimes. #3468
  • Fixed nested Row gutter bug. #3596
  • Fixed DatePicker style bug when type="datetimerange" and open show-week-numbers. #3629
  • Fixed RadioGroup bug that cannot use value directly. #3498
  • Fixed bug that RadioGroup doesn't center content sometimes. #3586
  • Fixed bug that $Spin calls the .hide() method directly. #3535
  • Fixed bug that AutoComplete event @on-change called only once. #3486
  • Fixed bug that AutoComplete can not scroll when the content is too long. #3590
  • Fixed Notice bug that class name is wrong. #3551
  • Fixed bug of Menu that @on-open-change event return wrong value. #3575
  • Add Czech. @ajkl2533

v2.13.1

6 years ago
  • Tag add new property fade.
  • InputNumber add new property placeholder. #3424
  • InputNumber add new event on-focus and return event. #3395
  • DatePicker event on-change will return a new value type. #3353
  • Optimize the configuration of popper.js and expand animation of dropdown. #3354
  • Fixed Table bug dynamically adjusts the page width, and the scroll bar shows the wrong sometimes. #3358
  • Fixed inaccurate bug in position when Poptip / Tooltip modified content dynamically. #3412
  • Fixed issue where clicking a button would jump when using Carousel inside a Form. #3426

  • Tag 新增属性 fade
  • InputNumber 新增属性 placeholder。#3424
  • InputNumber 的事件 on-focus 增加返回值 event。#3395
  • DatePicker 的事件 on-change 增加返回值 type。#3353
  • 优化 popper.js 的配置及 dropdown 的展开动画。#3354
  • 修复 Table 在动态调整页面宽度,有时滚动条显示错误的 bug。#3358
  • 修复 Poptip / Tooltip 动态修改内容后,位置计算不准确的 bug。#3412
  • 修复在 Form 内使用 Carousel 时,点击按钮会跳转的问题。#3426