babel-plugin-veui
Advanced tools
Changelog
2.0.0-alpha.6
Drawer
组件的 backdrop-closable
属性,新增 outside-closable
属性来控制点击组件外区域时是否关闭。<!-- #Drawer -->Sorter
组件,仅在 Table
内部使用。<!-- #Sorter -->Table
组件带边框的样式修改为依赖新增属性 bordered
,而非通过 ui="bordered"
指定,并且当存在单元格合并(包括表格内容合并和嵌套表头时)必须输出带边框样式。<!-- #Table -->Menu
组件。<!-- #Menu -->Toast
组件时,支持传入自定义的渲染函数以输出非纯文本内容。<!-- #$toast -->Table
组件新增列分组(输出嵌套表头)功能支持。<!-- #Table -->Table
组件新增固定列功能支持。<!-- #Table -->Dialog
组件在 modal
模式下,新增滚动锁定功能支持。<!-- #Dialog -->Toast
组件的进入动画。<!-- #Toast -->Input
组件在非 WebKit 浏览器下报错的问题。<!-- #Input -->SearchBox
组件的 role
属性输出。<!-- #SearchBox -->Changelog
2.0.0-alpha.5
Drawer
组件没有正确支持 overlay-class
属性的问题。<!-- #Drawer -->DatePicker
组件没有根据 week-start
属性处理快捷选项的问题。<!-- #DatePicker -->Changelog
2.0.0-alpha.4
Uploader
组件调整为适配 DLS 实现,新增了插槽 upload
支持图片模式下自定义上传区域,移除 type-invald
/ size-invalid
/ count-overflow
/ extra-operation
这四个插槽,移除属性 progress
,移除 ui
选项 horizontal
。<!-- #Uploader -->babel-plugin-veui
与 veui-loader
的 name
选项重命名为 alias
。<!-- #babel-plugin-veui #veui-loader -->Tree
组件的 item-click
属性被移除,现在点击内容区域的行为修改为:selectable
时切换选中,否则 checkable
时切换勾选,否则在有子节点时切换展开收起。<!-- #Tree -->[+] Uploader
组件新增了 validator
属性,支持自定义的异步校验功能。<!-- #Uploader -->
[+] Uploader
组件新增了 controls
属性,支持在图片模式下自定义可对文件进行的操作。<!-- #Uploader -->
[^] veui-loader
和 babel-plugin-veui
的 name
选项改名为 alias
。<!-- #veui-loader #babel-plugin-veui -->
[+] Tooltip
与 Popover
新增了 autofocus
属性,允许在 interactive
不为 false
时在打开时自动聚焦内容。<!-- #Tooltip #Popover -->
[+] Input
与 Textarea
新增了 maxlength
属性,用来指定最长的字符数限制。<!-- #Input #Textarea -->
[+] Input
与 Textarea
新增了 strict
属性,用来指定是否允许在字符数到达 maxlength
限制时继续输入。<!-- #Input #Textarea -->
[+] 新增 babel-plugin-veui/rewrite
,可以将指定路径下对 veui
的依赖根据 alias
参数重写。<!-- #babel-plugin-veui -->
例子
对于一个典型的同时引入两个版本 VEUI 的项目,
babel.config.js
内容建议如下:module.exports = { presets: ['@vue/app'], plugins: ['veui', ['veui', { name: 'veui-next' }, 'veui-next'], 'lodash'], overrides: [ { test: [/veui-theme-dls/], plugins: [['babel-plugin-veui/lib/rewrite', { alias: 'veui-next' }]] } ] }
veui-loader
读取到非用户依赖版本的 veui
版本的问题。<!-- #veui-loader -->veui-loader
会对用户依赖版本 veui
生效而 非仅仅对指定别名的包生效的问题。<!-- #veui-loader -->DatePicker
组件 shortcut 样式不正确的问题。<!-- #DatePicker -->Uploader
组件在有文件未上传完成的情况下,上传新文件会重复上传未上传完的文件的问题。<!-- #Uploader -->Option
聚焦时可能错误引发滚动的问题。<!-- #Option -->date-fns
模块引用了错误路径的问题。<!-- #veui -->Changelog
2.0.0-alpha.3
DatePicker
组件不再支持 shortcuts-position
和 panel
属性,并删除对应的全局配置项 datepicker.shortcutsPosition
。<!-- #DatePicker -->veui-loader
与 babel-plugin-veui
增加了自定义 veui
别名的功能,以允许项目同时使用多个版本的 VEUI,帮助顺利从 veui@1
向 veui@2
进行切换。详细用法见 #596。<!-- #veui-loader #babel-plugin-veui -->InputGroup
组件。<!-- #InputGroup -->Label
组件增加了 for
属性,用于显式指定被激活的输入组件。<!-- #Label -->Input
/ NumberInput
/ TimePicker
/ Textarea
/ Autocomplete
组件增加 invalid
属性,使其处于错误状态。<!-- #Input #NumberInput #TimePicker #Textarea #Autocomplete -->Autocomplete
/ Dropdown
/ Input
/ SearchBox
/ TimePicker
组件新增 clear
事件。(#591)<!-- #Autocomplete #Dropdown #Input #SearchBox #TimePicker -->Dialog
/ Drawer
/ Embedded
/ PromptBox
新增 loading
属性,默认使确认按钮处于加载状态。<!-- #Dialog #Drawer #Embedded #PromptBox -->PromptBox
增加 invalid
属性,会使内部的输入框处于错误状态。<!-- #PromptBox -->confirm
/ prompt
的 manager 与插件中,ok
/ cancel
选项函数返回 false
或返回的 Promise
resolve false
时,将阻止对话框关闭。<!-- #$confirm #$prompt -->prompt
的 manager 与插件中,ok
/ cancel
选项函数会接收到输入框当前值作为第一个参数。(#593)<!-- #$prompt -->DatePicker
/ Calendar
组件样式更新到 DLS 版本。<!-- #DatePicker #Calendar -->DatePicker
组件新增全局配置项 datepicker.monthRangePlaceholder
与 datepicker.yearRangePlaceholder
。<!-- #DatePicker -->Calendar
组件 viewchange
事件参数中新增该事件触发面板的 index
数据。<!-- #Calendar -->DatePicker
/ Calendar
组件支持月份/年份的范围选择。<!-- #DatePicker #Calendar -->Calendar
组件支持月份/年份的多选。<!-- #Calendar -->Select
组件现在在输入过程中会对外触发 input
事件并携带输入内容。<!-- #Select -->Select
新增作用域插槽 tag
,用来自定义多选情况下已选项的内容。<!-- #Select -->Slider
组件分段模式下两端缺少 marker 的问题。<!-- #Slider -->Transfer
组件中搜索功能没有正确随组件设置禁用的问题。<!-- #Transfer -->Column
的 head
/ foot
插槽数据更新失效的问题。<!-- #Column -->Select
/ Dropdown
组件的键盘操作。<!-- #Select #Dropdown -->NumberInput
组件的显示。<!-- #NumberInput -->Textarea
的 placeholder
没有生效的问题。<!-- #Textarea -->SearchBox
在未触发下拉提示时按下 <kbd>enter</kbd> 也不触发 submit
事件的问题。<!-- #SearchBox -->Changelog
2.0.0-alpha.2
Searchbox
组件更名为 SearchBox
。同时组件内部所有的 class
中的 searchbox
亦被更名为 search-box
。如果在样式代码中进行过定制,请进行全局替换。<!-- #SearchBox -->Switch
组件增加了 on-label
和 off-label
属性以及 content
作用域插槽,支持在内部输出提示文字或其它内容。<!-- #Switch -->z-index
无限制上涨的问题。<!-- #veui -->managers.overlay
,可以注入其它实例接管浮层管理逻辑。<!-- #veui -->Column
、Tab
等组件可以被封装在其它组件内,填充入 Table
、Tabs
等的插槽中使用。<!-- #Column #Tab #Table #Tabs -->Dialog
新增了 footless
属性,用于不输出默认的底部操作栏。<!-- #Dialog -->Tabs
组件有时为激活 tab 的操作设置了错误参数的问题。<!-- #Tabs -->Schedule
组件合并选择范围时可能出现的问题。<!-- #Schedule -->Changelog
2.0.0-alpha.1
veui-theme-dls-icons
中缺失的图标。<!-- #veui-theme-dls-icons -->Changelog
2.0.0-alpha.0
Overlay
组件的 options
属性(以及多个组件的 overlay-options
属性)现在都对应于 Popper.js 的 options
参数。Overlay
的 position
属性在之前的版本就已经兼容了 Popper.js 的语法,所以如果之前就以 Popper.js 风格进行描述,则无需调整。见 #574。<!-- #Overlay -->Input
组件的 before
/ after
插槽重命名为 prepend
/ append
,新的 before
/ after
位置在输入框外部。并且新增了 before-label
/ after-label
两个插槽。见 #502。<!-- #Input -->NumberInput
组件的 before
/ after
插槽重命名为 prepend
/ append
。见 #502。<!-- #NumberInput -->Alert
组件的 close-label
属性。<!-- #Alert -->Pagination
组件根据新的设计不再支持总数显示。<!-- #Pagination -->Pager
组件,请使用 Pagination
组件代替。Progress
组件已废弃的 precision
属性,请使用 decimal-place
属性代替。<!-- #Progress -->Progress
组件已废弃的 state
属性,请使用 status
属性代替。<!-- #Progress -->Progress
组件已废弃的 auto-succeed
属性,请使用 autosucceed
属性代替。<!-- #Progress -->Schedule
组件已废弃的 shortcuts-display
值 expand
/ collapse
,请使用 inline
/ popup
代替。<!-- #Schedule -->OptionGroup
组件已废弃的 position
值 popout
,请使用 popup
代替。<!-- #OptionGroup -->Tooltip
组件已废弃的 custom
属性,请使用 trigger: 'custom'
代替。<!-- #Tooltip -->Tree
组件已废弃的 expands
属性,请使用 expanded
代替。<!-- #Tree -->Uploader
组件已废弃的 auto-upload
属性,请使用 autoupload
属性代替。<!-- #Uploader -->Uploader
组件响应数据中的 status
及 reason
字段被移除,请使用 success
及 message
代替。见 1.0.0-alpha.19 的迁移指南。<!-- #Uploader -->veui-theme-dls
主题并将大部分组件调整为适配 DLS 实现。<!-- #veui-theme-dls -->Loading
组件。<!-- #Loading -->Collapse
组件。<!-- #Collapse -->Accordion
组件。<!-- #Accordion -->Badge
组件。<!-- #Badge -->TimePicker
组件。<!-- #TimePicker -->Drawer
组件。<!-- #Drawer -->Embedded
组件。<!-- #Embedded -->Anchor
组件。<!-- #Anchor -->Overlay
/ Dialog
组件新增了 inline
属性,允许内联在内容中进行渲染。<!-- #Overlay #Dialog -->Overlay
组件新增了 match-width
属性,允许对于相对指定元素定位时,以目标元素宽度为浮层最小宽度。<!-- #Overlay -->Progress
组件新增了 append
插槽。<!-- #Progress -->Alert
组件新增了 title
、extra
插槽。<!-- #Alert -->Select
组件中 Option
没有传入 label
时对应插槽不渲染的问题。<!-- #Select -->Select
内联写法时部分插槽不生效的问题。<!-- #Select -->Select
内联写法时 trigger
属性不生效的问题。<!-- #Select -->Changelog
1.0.0-alpha.32
Select
/ Input
/ Checkbox
/ Radio
/ Switch
组件现在不会在外部数据发生变化后触发更新时抛出 input
或 change
事件。当需要始终同步数据时,则需使用 v-model
进行绑定。<!-- #Select #Input #Checkbox #Radio #Switch -->outside
指令判断元素位置时增加了 Portal 逻辑的支持,如果 Portal 入口在指定范围内,则被其移动的元素也将视为在指定范围内。<!-- #v-outside -->Uploader
组件在 iframe
模式下,提交过程中被销毁时没有正确移除 <iframe>
和 <form>
的情况。<!-- #Uploader -->