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 增加
maxWidthdesign token。#56540 - Tooltip/Popover/Popconfirm 默認情況下可以通過 ESC 關閉。#56492
- Tooltip 增加
- 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
- Modal 支持
- ConfigProvider
- ConfigProvider 支持
pagination配置totalBoundary與showSizeChanger屬性。#56475 - ConfigProvider 支持配置 Alert 全局圖標。#56241
- ConfigProvider 支持
- Drawer
- Drawer 新增
focusable以配置展開後的焦點行為,支持配置鎖定焦點在框內、關閉後是否返回焦點。#56463 - 修復 Drawer
size定義不支持 string 的問題。#5635
- Drawer 新增
- 修復 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