Ant Design 是阿里巴巴开源的一套企业级 UI 设计语言和 React 组件库。Ant Design 6.2.0 现已发布,主要更新内容如下:
- Button、Masonry、Mentions、Select、Space、Splitter、Steps 等组件批量使用
genCssVar 方法以生成更加稳定的 css 变量名。#56562 #56559 #56557 #56555 #56550 #56547 #56546 #56529
- QRCode 新增
marginSize 属性用于展示二维码留白区。#56569
- Tour 新增
keyboard 属性以配置键盘操作。#56581
- Tooltip
- Tooltip 增加
maxWidth design token。#56540
- Tooltip/Popover/Popconfirm 默认情况下可以通过 ESC 关闭。#56492
- Steps 移除无用的样式。#56565
- Form 支持
tel 类型校验。#56533
- 修复 Badge 在使用
text 属性时,ref 无效的问题。#56532
- Calendar 和 DatePicker 的
locale 配置现在支持只填充部分内容。#56376
- 修复 ConfigProvider 配置
theme.cssVar 对图标无效的问题。#56504
- 修复 Collapse
items 语义化属性无效的问题。#56517
- Modal
- Modal 支持
focusable.trap 以配置是否将焦点锁定在 Modal 内部。#56500
- 移除 Modal 无用的 DOM 结构并且优化焦点捕获以防止意外的焦点逃逸到 Modal 外的情况。#56142
- ConfigProvider
- ConfigProvider 支持
pagination 配置 totalBoundary 与 showSizeChanger 属性。#56475
- ConfigProvider 支持配置 Alert 全局图标。#56241
- Drawer
- Drawer 新增
focusable 以配置展开后的焦点行为,支持配置锁定焦点在框内、关闭后是否返回焦点。#56463
- 修复 Drawer
size 定义不支持 string 的问题。#5635
- 修复 Image 嵌套在 Modal 内时,Esc无法顺序关闭。#56386
- Pagination 支持
size 属性。#56009
- Breadcrumb 支持
dropdownIcon 自定义。#56250
- Checkbox.Group 支持
role 配置。#56126
- Mentions 修复不同尺寸下
padding: undefined 的无效样式。#56564
- 修复 Select 在
size="small" 时,清除按钮位置对齐问题。#56525
更新说明:https://github.com/ant-design/ant-design/releases/tag/6.2.0