Ant Design v3.24 已经发布,一套企业级的 UI 设计语言和 React 实现。
Ant Design v3.24 更新日志:
🔥 首页新增语雀的推广链接。
- Table
- 🌟 新增
tableLayout
属性,支持设置表格的table-layout
布局,并在固定表头/列下默认开启tableLayout="fixed"
,解决因为表格自动根据内容排版造成的列对齐问题。#17284 - 🌟 新增
column.ellipsis
支持单元格内容自动省略。 - 🌟 新增
scroll.scrollToFirstRowOnChange
属性,用于设置在翻页后是否滚动到表格顶部。#18726 - 🌟
filterDropdown
新增visible
参数,用于获取下拉框的显示状态。#17614 @sedx - 🌟
title
方法新增sortColumn
参数,用于获取当前排序的列。#19012 @swillis12 - 🌟 排序时
onChange
的sorter
参数将始终包含column
信息。#19226 - 🐞 修复过滤下拉菜单的间距问题。#e1a4f28
- 🌟 新增
- 🌟 Anchor 新增
onChange
属性,用于监听锚点链接的改变。#18715 - Upload
- 🌟 新增
showDownloadIcon
属性,用于展示下载图标。#18664 @qq645381995 - 🌟 支持
onRemove
对上传中断的控制。#18937 @ladjzero
- 🌟 新增
- 🌟 Input.Search 新增
loading
属性,用于展示加载中的状态。#18771 - 🌟 Grid 的
gutter
属性新增垂直间距的支持,现在你可以给gutter
设置一个数组,数组的第二个值就表示垂直间距。#18979 - 🌟 message 新增支持通过唯一的
key
来更新内容。#18678 - 🌟 Layout 新增
zeroWidthTriggerStyle
属性以控制当collapsedWidth
为0
时,出现的特殊trigger
的样式。#19079 - 🌟 Drawer 新增
drawerStyle
和headerStyle
属性。#19109 - PageHeader
- 💄 重新设计了样式 #19100
- 🌟 新增
ghost
属性,用于设置是否需要白底背景。#19100
- ConfigProvider
- 🌟 新增
pageHeader
用于全局控制 PageHeader 的样式。#19100 - 🐞 修复 moment 不能被 tree shaking 的问题。#19115
- 🌟 新增
- 🐞 修复 TreeSelect 的
removeIcon
和clearIcon
属性不生效的问题。#18949 - 🐞 修复 Tree 设置
showLine
后switcherIcon
不生效的问题。#18829 @MrHeer - 🐞 修复 Slider 组件设置
handle
大小后定位错误的问题。#19120 - Collapse
- 🐞 修复在 IE 11 下的图标样式。#19135 @GBcrimson
- 🐞 修复
expandIcon
的className
会被覆盖的问题。#19160 @gpetrioli
- 🐞 修复 Tree.DirectoryTree 组件传入
treeData
时defaultExpandAll
不生效的问题。#19148 - 🐞 修复 Dropdown 下部分 Menu 样式错乱的问题。#19150
- 🐞 修复 Cascader 的
placeholder
国际化错误。#19227 @kagawagao - 🌟 新增 less 变量
@typography-title-margin-top
和@typography-title-margin-bottom
。#18746 - 🗑 废弃 Input.TextArea 的
autosize
属性,请使用autoSize
代替。#19177
特性
- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 React 组件。
- 使用 TypeScript 构建,提供完整的类型定义文件。
- 全链路开发和设计工具体系。
支持环境
- 现代浏览器和 IE9 及以上。
- 支持服务端渲染。
- Electron
Linux公社的RSS地址:https://www.linuxidc.com/rssFeed.aspx
本文永久更新链接地址:https://www.linuxidc.com/Linux/2019-10/161054.htm
