Ant Design 4.0 正式版來了!究竟變化了多少,是否值得下水


Ant Design 4.0 正式版來了!究竟變化了多少,是否值得下水


經過 1 個多月的反饋收集和調整之後,終於迎來了 4.0 的正式版!感謝在此期間每一位提供反饋、建議以及貢獻的人。我們會結合 rc 版本已經涉及的更新以及一些比較重要的新增內容於此進行列舉。完整的更新文檔可以點擊此處。

v4 文檔地址:https://ant.design

需要注意的是,v3 版本於 2019 年 12 月合入 3.x-stable 分支並進入維護狀態。我們仍然會為 v3 版本進行半年的維護工作。

維護截止日期為 2020 年 5 月。

  • Ant Design v4 發佈!點擊此處查看更多信息。
  • Breadcrumb 使用 path 作為默認 key 以修復 name 作為 key 重名的衝突問題。#21583 @douxc
  • Timeline.Item 支持 label。#21560 @shaodahong
  • 修復 Table 篩選菜單高度溢出屏幕的問題。#21602
  • 增加 Calendar 組件自定義顯示內容的默認字體顏色。#21598 @xrkffgg
  • 移除 DatePicker 針對自定義單元格的 3.x 的兼容類名。#21589
  • 修復 RangePicker 在 IE11 下的樣式渲染問題。#21587
  • Progress 中 strokeColor 屬性現在會忽略錯誤的百分比參數。#21564 @AshoneA
  • 修復 Progress trailColor 屬性在 type=line 時無效果的問題。#21552 @AshoneA
  • 修復暗色主題下,組件在彈出層組件下的背景樣式問題。#21299 優化暗色主題下色板透明度。 新增 less 變量 @popover-customize-border-color、@list-customize-card-bg、@table-expand-icon-bg、@steps-background、@pagination-item-input-bg 用於主題定製。

  • 兼容性調整

  • 由於 IE 在全球的市場份額在逐年降低,它的兼容性問題更是在業界臭名昭著,這次更新僅 支持到 IE11(莫名開心)
  • React 最低支持版本為 React 16.9,部分組件開始使用 hooks(不瞭解的可以去學習學習了,比寫class組件舒服太多了) 進行重構

  • 設計規範調整

  • 行高 從 1.5(21px) 調整為 1.5715(22px)
  • 圓角 調整,由4px 改為 2px
  • 全局 陰影 優化,調整為三層陰影區分控件層次關係
  • 一些 顏色 的調整

  • 其他組件的更新

    增加了帶步驟的進度條。

    Ant Design 4.0 正式版來了!究竟變化了多少,是否值得下水


    圓角的效果也減少了2px,更加耐看

    Ant Design 4.0 正式版來了!究竟變化了多少,是否值得下水

    DatePicker這個組件的變化還是挺大的,細心的你看出來了嗎

    Ant Design 4.0 正式版來了!究竟變化了多少,是否值得下水

    Ant Design 4.0 正式版來了!究竟變化了多少,是否值得下水

    新版的ant你還喜歡嗎?坐等VUE版本更新


    分享到:


    相關文章: