资讯评论 - Ant Design 4.5.0 发布，企业级 UI 设计语言和 React 实现 - OSCHINA

Ant Design 4.5.0 发布，企业级 UI 设计语言和 React 实现

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
- 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
Calendar
- 修复 Calendar 组件的 validRange 导致 disabledDate 不生效。#25626 @zhangchen915
- 修复 Calendar validRange 对月份下拉菜单不生效的问题。#25626 @zhangchen915
修复 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