iview

Bot releases are visible (Hide)

iview - v3.1.0 INSIDE

Published by icarusion about 6 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

iview - v3.0.1

Published by icarusion about 6 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

iview - v3.0.0 Battleheart

Published by icarusion about 6 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.

Modal:

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.

Breadcrumb:

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.

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.

Dropdown:

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

Breadcrumb:

The href value of the is displayed.

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.

新增组件

相对时间组件 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'
});

目前只支持配置 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。