Ant Design 4.5.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。
此版本更新内容:
- Input 和 Input.TextArea 支持
bordered
属性。#25617 - Message 新增
useMessage
hook,以支持context
访问。#25422 - Tree 添加
titleRender
以支持定制所有节点内容。#25624 - Descriptions 新增
extra
属性。#25512 @zzz111 - 新增
Modal.config
用于全局配置 Modal 静态方法的rootPrefixCls
。#25613 - Drawer 增加
push
属性用于自定义多层级 Drawer 之间的联动。#25445 @jinxin0112 - 新增 Badge.Ribbon 缎带组件。#25456
- Steps 新增
percent
属性来展示步骤图标的进度。#25839 - Menu.Item 水平模式的蓝色指示线和下拉菜单宽度现在和其文字内容宽度一致。#25622
- Avatar
- DatePicker
- DatePicker 支持 date-fns 日期库。#25822 @fireairforce
- 提升日期组件悬停体验,当悬停在某个日期上时占位符将变为对应的日期格式化后的值。(#25050)。#25784 @Kermit-Xuan
- RangePicker
onCalendarChange
参数中增加range
用于指示当前触发面板。#25568 @Kim-Wing-Fung - DatePicker 支持
panelRender
以自定义渲染面板。#25488 - 修复 QuarterPicker 无法使用的问题,同时更新官网示例将 XxxPicker 调整为
picker='xxx'
,这是 v4 更推荐的写法。#25768
- Form
- Form.List 中的
remove
方法支持数组类型。#25638 @fireairforce - Form.Item 在
children
形为render props
时支持使用dependencies
控制更新逻辑。#25408 - 调整 Form.Item
validateFirst
属性为依次执行校验,原并行逻辑改由配置parallel
开启。#25321 - 修复 Form.Item 有时候没有清理之前的错误信息的问题。#25737
- 修复 Form.Item 在子 Form.Item 设置
noStyle
并校验失败时没有更新validateStatus
的问题。#25734 - 修复 Form 垂直布局时 Form.Item 设置
labelCol={{ offset: number }}
不生效的问题。#25713 @zhangchen915 - Form 错误信息节点增加属性
role="alert"
以增强可访问性。#25735 @AlbertAZ1992
- Form.List 中的
- Calendar
- 修复 Calendar 组件的
validRange
导致disabledDate
不生效 。#25626 @zhangchen915 - 修复 Calendar
validRange
对月份下拉菜单不生效的问题。#25626 @zhangchen915
- 修复 Calendar 组件的
- 修复 Table
getCheckboxProps
返回的indeterminate
不生效。#25649 - 修复 Select 清除按钮在 Form.Item 下位置不对的问题。#25728
- 修复 Pagination 翻页按钮的鼠标样式。#25772
- 修复 TreeSelect
treeNodeLabelProp
会影响树节点展示内容的问题。#25755 - 修复 Carousel 在 React 严格模式下的
findDOMNode
废弃警告。#25744 - 修复 Radio 在
webpack@4.44.0
SSR 构建出错的问题。25821 @Kermit-Xuan - 修复 Tabs 禁用时 focus & active 状态的颜色。25827 hsuanxyz
- Card 操作面板颜色与主体颜色统一。#25722
- 提升 Alert/message/notification 组件的可访问性。#25774
- 新增 zh_HK 本地化。#25731 @wuchu
- 改进 de_DE 本地化。#25823 @LukeTimeWalker
更新说明:https://github.com/ant-design/ant-design/releases/tag/4.5.0