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
- 新增 Avatar.Group 用于展现一组头像集合。#25192
- 修复 Avatar
src 图片地址失效时没有正确 fallback 的问题。#25806
- DatePicker
- 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
- 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