1.5.0
2020-3-29
- Four new components have been added:
- 🔥🔥🔥 Mentions Added mentioned components and discarded the original Mention components.
- 🔥🔥🔥 Descriptions Display multiple read-only fields in groups.
- 🔥🔥🔥 PageHeader can be used to declare the topic of the page, display important information about the page that the user is concerned about, and carry the operation items related to the current page.
- 🔥🔥🔥 Result is used to feedback the processing results of a series of operation tasks.
- 🔥🔥🔥 FormModel Form components that use v-model for automatic validation are more concise than v-decorator forms.
- 🔥 Descriptions supports vertical layout.
- 🔥 Progress.Circle supports gradient colors.
- 🔥 Progress.Line supports gradient colors.
- Breadcrumb
- 🎉 Breadcrumb.Item supports the
overlayproperty to define drop-down menus. - 🌟 Added
Breadcrumb.Separatorcomponent, you can customizeseparator.
- 🎉 Breadcrumb.Item supports the
- 🌟 TreeSelect's
showSearchsupports multiple selection mode. - 🌟 Timeline.Item adds
graycolor type, which can be used in incomplete or invalid state. - 🌟 Modal supports
closeIconproperty for customizing the close icon. - Upload
- 🌟 Upload provides
previewFileproperty to customize the preview logic. - 🌟 Upload adds
transformFileto support converting files before uploading. - 🌟 Upload supports previewing pictures in jfif format.
- 🌟 Added
showDownloadIconproperty for displaying download icons.
- 🌟 Upload provides
- 🌟 Input.Search adds
loadingproperty, which is used to display the loading status. - 🌟 Grid's
gutterproperty adds support for vertical spacing. Now you can set an array forgutter, the second value of the array represents the vertical spacing. - 🌟 message Added support for updating content with unique
key. - 🌟 TextArea supports
allowClear. - 🌟 Dropdown.Button supports
iconproperty to customize the icon. - Drawer
- 🌟 Support
afterVisibleChangeproperty, which is triggered after the drawer animation is completed. - 🌟 Support
ESCshutdown. - 🌟 Added
keyboard, which allows the response to keyboard events to be turned on and off.
- 🌟 Support
- 🌟 TreeNode supports
checkableproperty. - 🌟 Transfer supports
childrencustom rendering list. - 🌟 Pagination supports
disabledproperty. - 🌟 Steps support click to switch function.
- Slider
- 🌟 Support
tooltipPlacementto define the location of the tip. - 🌟 Support
getTooltipPopupContainerto allow custom container for the prompt. - 🌟 Flip
triggerdirection when Sider is on the right.
- 🌟 Support
- 🌟 Calendar supports
headerRenderto customize header. - 🌟 Carousel supports custom panel pointing point locations.
- 🌟 Collapse supports
expandIconPositionproperty. - 🌟 Popconfirm adds
disabledprops, which are used to control whether clicking child elements pop up. - 🌟 Select supports
showArrowin multi-select mode. - 🌟 Collapse.Panel added
extra. - Card
- 🌟 Card component added
tabBarExtraContentproperty. - 🌟 Card.Grid added a hoverable property to allow floating effects to be disabled.
- 🌟 Card component added
- 🌟 Anchor.Link adds
targetattribute. - 🌟 TimePicker added
clearIconprop for custom clear icon. - Form
- 🌟 Support to configure the
colonproperty directly on the Form. - 🌟 Support
labelAlignproperty.
- 🌟 Support to configure the
- Table
- 🌟 Table adds
getPopupContainerproperty for setting various floating layer rendering nodes in the table. - 💄 Adjust the style of the Table expand button.
- 🌟 Added
tableLayoutproperty, supports setting the table'stable-layoutlayout, and enablestableLayout =" fixed "by default under fixed headers / columns, to solve the column alignment problem caused by the table layout automatically based on content . - 🌟 Added
column.ellipsisto support automatic omission of cell contents. - 🌟 Added
scroll.scrollToFirstRowOnChangeproperty, which is used to set whether to scroll to the top of the table after page turning. -FilterfilterDropdownAddedvisibleparameter to get the display status of the drop-down box. - 🌟 The
titlemethod adds asortColumnparameter to get the currently sorted column. -Sort When sorting, thesorterparameter ofonChangewill always containcolumninformation.
- 🌟 Table adds
- 🌟 Tree component supports
blockNodeproperty. - 🌟 RangePicker adds
separatordefinition. - Empty
- 🌟 Empty supports the
imageStyleproperty. - 🌟 Empty
descriptionsupportsfalse. - 🌟 Empty Supports access to preset pictures via
Empty.PRESENTED_IMAGE_DEFAULTandEmpty.PRESENTED_IMAGE_SIMPLE
- 🌟 Empty supports the
- 🌟 Badge supports custom colors.
- 🐞 Fix the problem that the label of Steps is not centered.
- 🐞 Fix cursor style problem of DatePicker and TimePicker.
- 🐞 Fix
TreeSelectcustom icon is invalid #1901 - 🐞 Fix
Tabskeyboard left / right switching error #1947
- 新增了五个组件:
- 🔥🔥🔥 Mentions 新增提及组件并废弃原有 Mention 组件。
- 🔥🔥🔥 Descriptions 成组展示多个只读字段。
- 🔥🔥🔥 PageHeader 可用于声明页面主题、展示用户所关注的页面重要信息,以及承载与当前页相关的操作项。
- 🔥🔥🔥 Result 用于反馈一系列操作任务的处理结果。
- 🔥🔥🔥 FormModel 使用 v-model 进行自动校验的表单组件,相较于 v-decorator 形式的表单,更加简洁。
- 🔥 Descriptions 支持垂直布局。
- 🔥 Progress.Circle 支持渐变色。
- 🔥 Progress.Line 支持渐变色。
- Breadcrumb
- 🎉 Breadcrumb.Item 支持
overlay属性来定义下拉菜单。 - 🌟 新增
Breadcrumb.Separator组件,可进行separator自定义。
- 🎉 Breadcrumb.Item 支持
- 🌟 TreeSelect 的
showSearch支持多选模式。 - 🌟 Timeline.Item 新增
gray色彩类型,可用于未完成或失效状态。 - 🌟 Modal 支持
closeIcon属性用于自定义关闭图标。 - 🌟 Upload
- 🌟 Upload 提供
previewFile属性以自定义预览逻辑。 - 🌟 Upload 新增
transformFile支持上传之前转换文件。 - 🌟 Upload 支持预览
jfif格式图片。 - 🌟 新增
showDownloadIcon属性,用于展示下载图标。
- 🌟 Upload 提供
- 🌟 Input.Search 新增
loading属性,用于展示加载中的状态。 - 🌟 Grid 的
gutter属性新增垂直间距的支持,现在你可以给gutter设置一个数组,数组的第二个值就表示垂直间距。 - 🌟 message 新增支持通过唯一的
key来更新内容。 - 🌟 TextArea 支持
allowClear。 - 🌟 Dropdown.Button 支持
icon属性来自定义图标。 - Drawer
- 🌟 支持
afterVisibleChange属性,在抽屉动画完成后触发。 - 🌟 支持
ESC关闭。 - 🌟 新增
keyboard,允许打开关闭对键盘事件的响应。
- 🌟 支持
- 🌟 TreeNode 支持
checkable属性。 - 🌟 Transfer 支持
children来自定义渲染列表。 - 🌟 Pagination 支持
disabled属性。 - 🌟 Steps 支持点击切换功能。
- Slider
- 🌟 支持
tooltipPlacement以定义提示所在位置。 - 🌟 支持
getTooltipPopupContainer以允许自定义提示所在容器。 - 🌟 当 Sider 在右边时,翻转
trigger方向。
- 🌟 支持
- 🌟 Calendar 支持
headerRender以自定义头部。 - 🌟 Carousel 支持自定义面板指示点的位置。
- 🌟 Collapse 支持
expandIconPosition属性。 - 🌟 Popconfirm 增加
disabledprops,用于控制点击子元素是否弹出。 - 🌟 Select 在多选模式下支持
showArrow。 - 🌟 Collapse.Panel 新增了
extra。 - Card
- 🌟 Card 组件新增了
tabBarExtraContent属性。 - 🌟 Card.Grid 新增
hoverable属性允许禁用浮动效果。
- 🌟 Card 组件新增了
- 🌟 Anchor.Link 增加
target属性。 - 🌟 TimePicker 新增了
clearIconprop,用于自定义清除图标。 - Form
- 🌟 支持直接在 Form 上面配置
colon属性。 - 🌟 支持
labelAlign属性。
- 🌟 支持直接在 Form 上面配置
- Table
- 🌟 Table 新增
getPopupContainer属性用于设置表格内的各类浮层渲染节点。 - 💄 调整 Table 展开按钮的样式。
- 🌟 新增
tableLayout属性,支持设置表格的table-layout布局,并在固定表头/列下默认开启tableLayout="fixed",解决因为表格自动根据内容排版造成的列对齐问题。 - 🌟 新增
column.ellipsis支持单元格内容自动省略。 - 🌟 新增
scroll.scrollToFirstRowOnChange属性,用于设置在翻页后是否滚动到表格顶部。 - 🌟
filterDropdown新增visible参数,用于获取下拉框的显示状态。 - 🌟
title方法新增sortColumn参数,用于获取当前排序的列。 - 🌟 排序时
onChange的sorter参数将始终包含column信息。
- 🌟 Table 新增
- 🌟 Tree 组件支持
blockNode属性。 - 🌟 RangePicker 添加
separator定义。 - Empty
- 🌟 Empty 支持
imageStyle属性。 - 🌟 Empty
description支持false。 - 🌟 Empty 支持通过
Empty.PRESENTED_IMAGE_DEFAULT和Empty.PRESENTED_IMAGE_SIMPLE访问预置图片。
- 🌟 Empty 支持
- 🌟 Badge 支持自定义颜色。
- 🐞 修复 Steps 的 label 不居中的问题。
- 🐞 修复 DatePicker 和 TimePicker 的 cursor 样式问题。
- 🐞 修复 TreeSelect 自定义图标无效的问题 #1901
- 🐞 修复 Tabs 键盘左右切换错误问题 #1947