Ant Design 4.4.0 釋出了。Ant Design 是一套企業級的 UI 設計語言和 React 實現,使用 TypeScript 構建,提供完整的型別定義檔案,自帶提煉自企業級中後臺產品的互動語言和視覺風格、開箱即用的高質量 React 元件與全鏈路開發和設計工具體系。
此版本更新內容:
- 最佳化 RangePicker 互動,現在任意麵板選擇完畢後,另一個面板會自動彈出。#25135
- 新增 Skeleton.Image 元件。#24805 @fireairforce
- Form
- Form 例項支援
getFieldInstance
。#24711
- Form.Item 新增
hidden
屬性用於隱藏表單項。#25108
- Form.Item 新增
preserve
屬性以支援欄位值清理。#25186
- Table
- Table 新增
rowSelection.dirty
以支援非同步資料下保留 key
。#24718
- Table
onChange
新增 action
引數用於標示操作型別。#24697
- Table 支援
rowSelection.checkStrictly
來完全受控節點。#24931
- 修復 Table
onSelectAll
的 changeRows
引數不正確的問題。#24931
- 修復 Table 樹形資料葉節點行的展開按鈕仍能被點選的問題。#24931
- 修復 Table 展開圖示隱藏時仍然有滑鼠手型的問題。#25170
- 修復 Table 展開圖示隱藏時仍然有滑鼠手型的問題。#25170
- TimePicker
- 修復 TimePicker 面板 12 AM 顯示為 0 AM 的問題。#25174
- 修復 TimePicker 在 use12Hours 時沒有用 0 ~ 23 來禁用小時的問題。#25174
- 修復 TimePicker 沒有根據小時禁用情況禁用 AM PM 的問題。#25174
- 修復 TimePicker
Now
按鈕沒有和 hour|minute|second|step
保持一致的問題。#25174
- Cascader
- Cascader 新增
expandIcon
來自定義次級選單展開圖示。#24865
- Cascader 增加
dropdownRender
屬性用於擴充套件選單。#24812
- Menu
- Tabs
- Tabs 支援
addIcon
以自定義新增圖示。#25006
- 修復 Tabs 在 IE11 下無法關閉的問題。#25200
- Pagination
- DatePicker
- Drawer
- Drawer 支援
closeIcon
屬性。#24842
- 修復 Drawer 使用
getContainer={false}
時可能導致頁面捲軸消失的問題。#25273
- Rate
character
支援透過 (RateProps) => ReactNode
自定義。#24903
- 移除了垂直點狀 Steps.Step 的 140px 寬度限制。#24907
- Menution 新增
autoSize
屬性以支援高度自適應。#24961 @Kermit-Xuan
- 調整 Result
children
顯示位置到元件尾部。#24945
- Radio.Group 新增
optionType
來設定 options
的 Radio 型別。#24809
- Tag 新增
closeIcon
用以自定義關閉按鈕。#24885
- Dropdown 元件支援下拉框箭頭。#23869 @wendellhu95
- Collapse 增加了
ghost
屬性來設定透明背景。#24734
- Progress 元件支援自定義已完成進度條顏色。#24655 @fireairforce
- Typography copyable 屬性支援
icon
和 tooltips
用於自定義圖示和提示文案。#25274 @israelKusayev
- Tree
showLine
屬性支援配置隱藏葉節點圖示。#25271
- BackTop 支援
duration
來設定回到頂部所需時間。#25254
- 修復 Select 點選下拉箭頭時輸入框不能獲得焦點的問題。#25212
- 修復 Rate 半選時
value
被四捨五入的問題。#24993
- 修復 Notification 修改
width
時沒有相對螢幕邊緣對齊的問題。#25168
- 修正 InputNumber
max
屬性沒有預設值的問題。#25243
- 給 Modal 元件增加了更多的 less 變數。#24773 @hicrystal
- 更快的 Switch 動畫切換效果。#25160
- 修復 PageHeader 內 Tabs 多餘的邊框樣式。#25159
- 增加了德語,義大利語和捷克語缺失的翻譯。#25233 @karelsoupaEMZ
- 增加了 Form 的日語國際化。#25244 @kentaro84207
- RTL
- 修復 Table RTL 模式下的巢狀表格樣式。#25156
- 修復 Table RTL 模式下,篩選和排序的頭部樣式。#25152
- 修復 InputNumber RTL 模式下輸入框內顯示。#25146
更新說明:https://github.com/ant-design/ant-design/releases/tag/4.4.0