A high quality UI Toolkit built on Vue.js 2.0
editable
, support for input color values. #4353beforeRemove
, return Promise to interrupt close.active-change
, when set to false, the data will only be changed when blur. #4315z-index
.disabled
. #4351target="_blank"
, clicking the menu no longer highlights the current item.Special thanks to @yangdan8
editable
,支持输入色值。#4353beforeRemove
,返回 Promise 可中断关闭。active-change
,设置为 false 时,只会在失焦时更改数据。#4315z-index
。disabled
属性的 bug。#4351transfer
属性后,在 3.0.1 版本下有时样式错误的 bug。#4329target="_blank"
时,点击菜单不再高亮当前项。特别感谢 @yangdan8
top-start
, bottom-start
, top-end
, bottom-end
, and change the default value to bottom-start
.clearable
in disabled mode. #3924rules
sometimes does not work. #4214label-width
to 0.top-start
, bottom-start
, top-end
, bottom-end
,并将默认值修改为 bottom-start
。rules
有时不生效的 bug。#4214label-width
设置为 0 的 bug。Time
. #3645 View
Anchor
. #3369 View
Split
. #3844 View
Divider
. #3275 View
Cell
. View
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.
ionicons
3.0 icon.custom
, now you can customize the icons. #3568custom-icon
, now you can customize the icons of button.to
, replace
, target
, support click to jump directly.ghost
, the button background can be made transparent and is often used on colored backgrounds.prefix
and suffix
, and the same named slot, support for setting the prefix and suffix icon.search
and enterButton
, support for input types of search boxes.@on-search
, when using the search type, trigger when you click search button or press the Enter key.fullscreen
.mask
.draggable
.indexMethod
, you can customize the index when use type="index"
.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.to
, replace
, and target
, support click to jump directly.target
.show-zero
. #3654text
, now you can customize the content of Badge.status
, the Badge can be set to a status point.offset
, you can set the position.type
, the preset color can be set.prev-text
and next-text
, you can customize the copy of the upper and lower pages.paste
, after opening, you can upload files copied to the clipboard.theme
, you can set either dark (default) or light.max-width
, when the maximum value is exceeded, the text will automatically wrap and be aligned.word-wrap
, when turned on, text that exceeds the specified width will automatically wrap and be aligned.padding
, you can customize the spacing value.character
, icon
and custom-icon
, support for custom characters or icons.hide-arrow
, you can hide the arrows.simple
, can be displayed as a clean mode without borders.loading
, it can be said that the switch is still being executed.color
property.trigger
add contextMenu
, which can be triggered by right clicking.dashboard
.success-percent
.custom-icon
.href
value of the is displayed.type="selection"
.ghost
, the original default style has changed.ionicons
3.0, icon and the icon's name has changed.href
property.blur
, green
, yellow
, red
to primary
, success
, warning
, error
.Time
。 #3645 查看组件
Anchor
。#3369 查看组件
Split
。#3844 查看组件
Divider
。#3275 查看组件
Cell
。查看组件
使用 iView 时,可以进行全局配置组件的一些属性,例如:
Vue.use(iView, {
transfer: true,
size: 'large'
});
目前只支持配置 transfer
和 size
两个属性。组件会优先使用 prop 设置的属性,如果未设置,再使用全局配置。
ionicons
3.0 图标。custom
,支持自定义图标。#3568custom-icon
,支持自定义图标。to
、replace
、target
,支持点击直接跳转。ghost
,可以使按钮背景透明,常用于有色背景上。prefix
和 suffix
以及同名 slot,支持设置前缀和后缀图标。search
和 enterButton
,支持搜索类型的输入框。@on-search
,使用搜索类型输入框时,点击搜索或按下回车键时触发。fullscreen
。mask
。draggable
。indexMethod
, 可以自定义 type="index"
时的序号。tooltip
,开启后,当单元格文本超过一行,会以…显示,并在 Tooltip 中显示完整内容。to
、replace
、target
,支持点击直接跳转。target
。show-zero
。#3654text
,可以自定义内容。status
,可以设置徽标为状态点。offset
,可以设置偏移量。type
,可以设置预设的颜色。prev-text
和 next-text
,可以自定义上下页的文案。paste
,开启后可以上传复制在剪贴板的文件。theme
,可以设置 dark(默认)或 light 两种主题。max-width
,超出最大值后,文本将自动换行,并两端对齐。word-wrap
,开启后,超出指定宽度文本将自动换行,并两端对齐。padding
,可以自定义间距值。character
、icon
和 custom-icon
,支持自定义字符或图标。hide-arrow
,可以隐藏箭头。simple
,可以显示为无边框的简洁模式。loading
,可表示开关仍在执行中。color
属性新增了 13 种预设。contextMenu
,可以通过点击右键触发。dashboard
。success-percent
。custom-icon
。href
值。type="selection"
时,Checkbox 为居中。ghost
,原先的 default 样式有改变。ionicons
3.0 图标,图标名称有改变。href
属性。blur
、green
、yellow
、red
更名为了 primary
、success
、warning
、error
。capture-focus
. #3732capture-focus
。#3732display: none
to visibility: hidden
. #3652disabled
. #3662@on-clear
and @on-open-change
. #3579clearable
. #3487@on-open-change
. #3540@on-focus
and @on-blur
. #3565@click
. #3621type="datetimerange"
and open show-week-numbers. #3629@on-change
called only once. #3486display: none
改为了 visibility: hidden
。#3652disabled
。#3662clearable
。#3487@on-clear
和 @on-open-change
。#3579@on-open-change
。#3540@on-focus
和 @on-blur
。#3565@click
。#3621type="datetimerange"
且开启 show-week-numbers 时,错位的 bug。#3629@on-change
只触发一次的 bug。#3486display: none
to visibility: hidden
. #3652disabled
. #3662@on-clear
and @on-open-change
. #3579clearable
. #3487@on-open-change
. #3540@on-focus
and @on-blur
. #3565@click
. #3621type="datetimerange"
and open show-week-numbers. #3629@on-change
called only once. #3486fade
.placeholder
. #3424on-focus
and return event
. #3395on-change
will return a new value type
. #3353fade
。placeholder
。#3424on-focus
增加返回值 event。#3395on-change
增加返回值 type。#3353