antd5文档 https://next.ant.design/index-cn
antd5x开发计划 https://github.com/ant-design/ant-design/issues/33862

5.x 版本新功能

5.13.0

[antd: Card] bodyStyle is deprecated. Please use styles.body instead.
[antd: DatePicker] bordered is deprecated. Please use variant instead.
[antd: Select] bordered is deprecated. Please use variant instead.
variant 代替 bordered，outlined | borderless | filled，ProComponent 有⚠️
版本更新于 2024-01-13 5.13.0

Form 组件新增 variant 属性用于设置内部组件形态变体。#46573
🆕 Cascader、DatePicker、Select、TreeSelect、Input、InputNumber、Mentions 组件新增形态变体 variant 属性代替 bordered

design token新特性

  1. design token重构 less
    1. css in js，emotion.js https://github.com/emotion-js/emotion
    2. 动态主题
    3. DesignToken 支持所有自定义主题
    4. CssInJs 支持一个组件的多个版本共存
  2. 支持 react18
  3. 不支持 IE
  4. Dayjs 替换 momentjs
  5. API升级

https://www.yuque.com/yuqueyonghuipdpjm/yefogc/wl91zy

antd5新增组件

  • Tour 漫游式引导
  • QrCode 二维码
  • WaterMark 水印
  • FloatButton 悬浮按钮
  • CSS :where() 选择器 仅支持 Chrome 88 以上

API升级

  1. Modal，Drawer，用 open代替 visible
    1. 弹层类组件 open 与 visible 统一至 open 以符合 HTML5规范
  2. 结构语法糖使用数据驱动代替，以为性能优化做准备，例如
    1. Select.options
    2. Radio.Group.options
    3. Collapse.options
  3. Menu组件，Tab组件，用 items代替 Menu.Item，和 Tab.Panel
  4. items 代替 Item children
  5. dropdownClassName 与 popupClassName 统一至 popupClassName 以更符合语义