設(shè)計升級
- 增加了 4 類新組件和 4+ 變體組件;
- 組件默認樣式全面升級。
- 全新 Design Token 模型
- 改造所有 Token,使其基于 Seed + Algorithm 可以派生出所有的 Design Token;
- 支持多算法 Pipeline。
CSS-in-JS 動態(tài)主題
- 為了降低維護成本,選擇了 CSS-in-JS 方案,此方案不需要維護中間變量,但是有更多的運行時消耗。但是為了不損害用戶體驗,研發(fā)了針對組件級別的 CSS-in-JS 庫 @ant-design/cssinjs,通過犧牲動態(tài)性來獲取更高的緩存效率,從而減少運行時的性能損耗;
- 新的 CSS-in-JS 方案原生支持 Tree Shaking,在 v5 你不在需要使用 babel-plugin-import 摘除未使用到的樣式。新的方案將自動按需加載樣式。
兼容性調(diào)整
- Ant Design v5 兼容性調(diào)整從 IE 11 提升至 Edge,其余現(xiàn)代瀏覽器不變;
- 默認 Day.js 代替 Moment.js;
- API 非 Break 調(diào)整、組件移除(移除 Comment、PageHeader,BackTop 將會成為 FloatButton 子組件)。