Ant Design 5.0

設(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 子組件)。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容