Ant Design 5.8.0 现已发布,主要变化如下:
- 组件 Token 支持配置
algorithm 参数,添加配置即可像全局 Token 一样由部分修改的 token 计算派生 token 的值并用于组件样式中。#43810
- Modal hooks 方法支持
await 调用。#43470
- ConfigProvider 支持
wave 配置以自定义水波纹效果。#43784
- Form 新增
getFieldsValue({ strict: true }) 以支持获取仅通过 Item 绑定的字段。#43828
- Descriptions 支持
items 属性。#43483
- ColorPicker 支持
disabledAlpha 属性。#43355
- Avatar.Group 支持设置
shape 属性。#43817
- AutoComplete/Cascader/DatePicker/Input.Textarea/TimePicker/TreeSelect 组件均已支持通过
allowClear.clearIcon 属性自定义清除按钮。#43582
- RangePicker
presets 属性支持回调函数。#43476
- Image 新增
preivew={{ movable: Boolean }} 属性以支持可拖拽到文件夹。#43823
- Slider
tooltip 支持配置 autoAdjustOverflow 属性。#43788
- Transfer 组件新增
selectionsIcon 属性以支持自定义下拉菜单图标。#43773
- Select、Tree-Select 和 Cascader 组件废弃
showArrow 属性,可由 suffixIcon 统一配置。#43520
- 优化
@ant-design/icons 导入写法以避免 Tree Shaking 在 Next.js 中失效的问题。#43915
- 修复 Anchor 在滚动时无法触发
getCurrentAnchor 的问题。#43916
- 修复 Tooltip hover 时无法在
disabled 元素上触发的问题。#43872
- 修复 ColorPicker 在更改值时未调用
onChangeComplete 回调的问题。#43867
- 修复
Modal.confirm 的 locale 设置被重置的问题。#43277
- 修复 Slider 中描述信息和滑块手柄重叠问题。#43780
- 修复 Select 弹出框翻转时动画不正确的问题。#43764
- 修复 InputNumber 在圆角不同下的样式异常。#43875
- 修复和其他使用
@ant-design/cssinjs 的组件库混合使用,antd 的样式总是会插入在最前面,以避免加载顺序导致的样式覆盖问题。#43847
- 修复 Select
aria-activedescendant 缺少有效值的问题。#43800
- 修复
Layout.Header a11y role 属性。#43749
- 优化 message 和 notification 渲染逻辑,现在在 SSR 环境下不会导出样式。#43808
- TypeScript
Form.Item 支持泛型对 name 属性校验。#43904
更新说明:https://github.com/ant-design/ant-design/releases/tag/5.8.0