Ant Design 4.0.0-rc.0 發布，企業級 UI 設計語言

Ant Design 4.0.0-rc.0 發布了。Ant Design 是阿里開源的一套企業級的 UI 設計語言和 React 實現，使用 TypeScript 構建，提供完整的類型定義文件，自帶提煉自企業級中後台產品的交互語言和視覺風格、開箱即用的高質量 React 組件與全鏈路開發和設計工具體系。

此版本更新內容：

新增功能及改進

• antd 打包尺寸優化，js gzipped 從 532.75KB 下降到 289.89 KB。#20356
• 新增黑暗主題支持。#20281
• ConfigProvider 支持 direction 國際化設置 rtl。#19380
• 全新 Form 組件。#17327
  • Form 組件自帶數據綁定功能。
  • 欄位值改動只會影響相關組件的渲染而非整個 Form。
  • 新增 initialValues 以代替原 field 初始化欄位。
  • 新增 validateMessages 以支持修改校驗模板。
  • 新增 onFinish 與 onFinishFailed 完成整體組件校驗邏輯。
  • 新增 onFieldsChange 與 onValuesChange 以用於受控狀態觸發。
  • 提供 useForm 的 hook 支持。
  • Form.Item 新增 name 屬性以進行數據綁定。
  • Form.Item validateTrigger 將只進行校驗觸發而不會同時收集欄位值。
  • Form.Item 新增 rules 屬性以進行數據校驗。
  • Form.Item 新增 shouldUpdate 屬性以支持 render props。
  • Form.Item 新增 dependencies 屬性以簡化相關欄位更新邏輯。
  • Form.Item 新增 noStyle 屬性以及添加無樣式數據綁定。
  • 新增 Form.List 組件以簡化增刪改查操作。
  • 新增 Form.Provider 組件以支持多表聯動。
• 全新 Table 組件。#19678
  • 添加 summary 支持總結行。
  • 現在 fixedColumn、expandable、scroll 可以混合使用。
  • 支持多列排序。
  • 支持自定義 body 並添加虛擬滾動例子。
  • 使用 css sticky 實現固定效果以優化性能。
  • 優化 expand 動畫效果。
• 全新 DatePicker、 TimePicker 與 Calendar 組件。#20023
  • 支持自定義日期庫。
  • 添加 picker 支持設置選擇器（不再需要通過受控 mode 模擬選擇器）。
  • 全範圍選擇器支持：時間、日期、周、月、年。
  • 範圍選擇器現在可以單獨選擇開始與結束時間。
  • 範圍選擇器可以為開始與結束時間單獨設置 disabled。
  • 範圍選擇器可以允許開始與結束時間為空。
  • 優化鍵盤支持。
• 移除 Icon，使用 @ant-design/icons 代替。#18217
• Skeleton
  • 支持 Skeleton.Avatar 佔位組件。#19898 @Rustin-Liu
  • 支持 Skeleton.Button 佔位組件。#19699 @Rustin-Liu
  • 支持 Skeleton.Input 佔位組件。#20264 @Rustin-Liu
• Tree 支持虛擬滾動。#18172
• Tree 增強無障礙支持以及鍵盤交互。#18866
• Select 使用虛擬滾動並增強無障礙支持以及鍵盤交互。#18658
• TreeSelect 使用虛擬滾動並優化鍵盤支持。#19040
• Button 添加 danger 的 default 和 link 樣式。#19837
• Form 與 ConfigProvider 支持 size 設置包含組件尺寸。#20570
• Typography 增加 suffix 屬性。#20224
• Progress 增加 steps 子組件。#19613
• TextArea 支持 onResize。#20408
• 新增 Alert.ErrorBoundary 用於提供友好的出錯攔截和提示。#19923
• Upload 支持 iconRender 以自定義 icon。#20034 @qq645381995
• Tag 組件預設狀態顏色。#19399
• Grid 使用 flex 布局。#16635
• 修復 Carousel 組件 dotposition 為 left | right 的顯示錯誤。#20645 @xrkffgg
• 修復 Alert 組件文本溢出的問題。#20318
• 移除廢棄 API 的警告信息。#17510
• 為使用 v3 字元串作為 icon 的 Avatar, Button, Modal.method 和 Result 組件增加 warning。#20226
• 添加 @border-color-split-popover、@input-icon-hover-color、@select-clear-background、@cascader-menu-border-color-split、@modal-header-border-color-split、@skeleton-to-color、@transfer-item-hover-bg 等 less 變數。#20070

此外，從 v3 遷移到 v4 可以參考遷移文檔，詳情查看更新說明：

https://github.com/ant-design/ant-design/releases/tag/4.0.0-rc.0