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 在 [email protected] 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

猜你喜欢

转载自www.oschina.net/news/117507/antd-4-5-0-released