vueComponent/ant-design-vue 1.5.0

on GitHub

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 overlay property to define drop-down menus.
  • 🌟 Added Breadcrumb.Separator component, you can customizeseparator.
• 🌟 TreeSelect's showSearch supports multiple selection mode.
• 🌟 Timeline.Item adds gray color type, which can be used in incomplete or invalid state.
• 🌟 Modal supports closeIcon property for customizing the close icon.
• Upload
  • 🌟 Upload provides previewFile property to customize the preview logic.
  • 🌟 Upload adds transformFile to support converting files before uploading.
  • 🌟 Upload supports previewing pictures in jfif format.
  • 🌟 Added showDownloadIcon property for displaying download icons.
• 🌟 Input.Search adds loading property, which is used to display the loading status.
• 🌟 Grid's gutter property 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 icon property to customize the icon.
• Drawer
  • 🌟 Support afterVisibleChange property, which is triggered after the drawer animation is completed.
  • 🌟 Support ESC shutdown.
  • 🌟 Added keyboard, which allows the response to keyboard events to be turned on and off.
• 🌟 TreeNode supports checkable property.
• 🌟 Transfer supports children custom rendering list.
• 🌟 Pagination supports disabled property.
• 🌟 Steps support click to switch function.
• Slider
  • 🌟 Support tooltipPlacement to define the location of the tip.
  • 🌟 Support getTooltipPopupContainer to allow custom container for the prompt.
  • 🌟 Flip trigger direction when Sider is on the right.
• 🌟 Calendar supports headerRender to customize header.
• 🌟 Carousel supports custom panel pointing point locations.
• 🌟 Collapse supports expandIconPosition property.
• 🌟 Popconfirm adds disabled props, which are used to control whether clicking child elements pop up.
• 🌟 Select supports showArrow in multi-select mode.
• 🌟 Collapse.Panel added extra.
• Card
  • 🌟 Card component added tabBarExtraContent property.
  • 🌟 Card.Grid added a hoverable property to allow floating effects to be disabled.
• 🌟 Anchor.Link adds target attribute.
• 🌟 TimePicker added clearIcon prop for custom clear icon.
• Form
  • 🌟 Support to configure the colon property directly on the Form.
  • 🌟 Support labelAlign property.
• Table
  • 🌟 Table adds getPopupContainer property for setting various floating layer rendering nodes in the table.
  • 💄 Adjust the style of the Table expand button.
  • 🌟 Added tableLayout property, supports setting the table'stable-layout layout, and enables tableLayout =" fixed " by default under fixed headers / columns, to solve the column alignment problem caused by the table layout automatically based on content .
  • 🌟 Added column.ellipsis to support automatic omission of cell contents.
  • 🌟 Added scroll.scrollToFirstRowOnChange property, which is used to set whether to scroll to the top of the table after page turning.   -Filter filterDropdown Addedvisible parameter to get the display status of the drop-down box.
  • 🌟 The title method adds asortColumn parameter to get the currently sorted column.   -Sort When sorting, the sorter parameter ofonChange will always contain column information.
• 🌟 Tree component supports blockNode property.
• 🌟 RangePicker adds separator definition.
• Empty
  • 🌟 Empty supports the imageStyle property.
  • 🌟 Empty description supportsfalse.
  • 🌟 Empty Supports access to preset pictures via Empty.PRESENTED_IMAGE_DEFAULT andEmpty.PRESENTED_IMAGE_SIMPLE
• 🌟 Badge supports custom colors.
• 🐞 Fix the problem that the label of Steps is not centered.
• 🐞 Fix cursor style problem of DatePicker and TimePicker.
• 🐞 Fix TreeSelect custom icon is invalid #1901
• 🐞 Fix Tabs keyboard 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 自定义。
• 🌟 TreeSelect 的 showSearch 支持多选模式。
• 🌟 Timeline.Item 新增 gray 色彩类型，可用于未完成或失效状态。
• 🌟 Modal 支持 closeIcon 属性用于自定义关闭图标。
• 🌟 Upload
  • 🌟 Upload 提供 previewFile 属性以自定义预览逻辑。
  • 🌟 Upload 新增 transformFile 支持上传之前转换文件。
  • 🌟 Upload 支持预览 jfif 格式图片。
  • 🌟 新增 showDownloadIcon 属性，用于展示下载图标。
• 🌟 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 增加 disabled props，用于控制点击子元素是否弹出。
• 🌟 Select 在多选模式下支持 showArrow。
• 🌟 Collapse.Panel 新增了 extra。
• Card
  • 🌟 Card 组件新增了 tabBarExtraContent 属性。
  • 🌟 Card.Grid 新增 hoverable 属性允许禁用浮动效果。
• 🌟 Anchor.Link 增加 target 属性。
• 🌟 TimePicker 新增了 clearIcon prop，用于自定义清除图标。
• Form
  • 🌟 支持直接在 Form 上面配置 colon 属性。
  • 🌟 支持 labelAlign 属性。
• Table
  • 🌟 Table 新增 getPopupContainer 属性用于设置表格内的各类浮层渲染节点。
  • 💄 调整 Table 展开按钮的样式。
  • 🌟 新增 tableLayout 属性，支持设置表格的 table-layout 布局，并在固定表头/列下默认开启 tableLayout="fixed"，解决因为表格自动根据内容排版造成的列对齐问题。
  • 🌟 新增 column.ellipsis 支持单元格内容自动省略。
  • 🌟 新增 scroll.scrollToFirstRowOnChange 属性，用于设置在翻页后是否滚动到表格顶部。
  • 🌟 filterDropdown 新增 visible 参数，用于获取下拉框的显示状态。
  • 🌟 title 方法新增 sortColumn 参数，用于获取当前排序的列。
  • 🌟 排序时 onChange 的 sorter 参数将始终包含 column 信息。
• 🌟 Tree 组件支持 blockNode 属性。
• 🌟 RangePicker 添加 separator 定义。
• Empty
  • 🌟 Empty 支持 imageStyle 属性。
  • 🌟 Empty description 支持 false。
  • 🌟 Empty 支持通过 Empty.PRESENTED_IMAGE_DEFAULT 和 Empty.PRESENTED_IMAGE_SIMPLE 访问预置图片。
• 🌟 Badge 支持自定义颜色。
• 🐞 修复 Steps 的 label 不居中的问题。
• 🐞 修复 DatePicker 和 TimePicker 的 cursor 样式问题。
• 🐞 修复 TreeSelect 自定义图标无效的问题 #1901
• 🐞 修复 Tabs 键盘左右切换错误问题 #1947