Ant Design 5.9.0 现已发布,主要变化如下:
- Table 支持
virtual 属性开启虚拟滚动。#44349
- Form
validateFields 支持 recursive 以校验所有包含路径的字段。#44130
- Form.Item 支持
validateDebounce 以配置校验防抖。#44633
- Button 组件新增
contentFontSize contentFontSizeSM contentFontSizeLG 三个组件 token ,用于定制各个尺寸下的字体大小。#44257
- Form
requiredMark 支持自定义渲染。#44073
- Tabs 组件添加新组件 Token
itemColor,用于控制常态 tab 的文本颜色。#44201
- ColorPicker 组件支持
defaultFormat 属性。#44487
- Form 新增
feedbackIcons 属性且 Form.Item 支持 hasFeedback={{ icons: ... }},用于自定义校验图标。#43894
- Segmented 组件新增
itemSelectedColor 的组件 Token。#44570
- Modal 页脚
footer 支持自定义函数渲染。#44318
- Descriptions 的
items.span 支持响应式设置。#44534
- Tabs 组件
indicatorSize 支持通过 ConfigProvider 全局配置。#44406
- Transfer 组件
filterOption 函数新增 direction 入参。#44417
- Input.Search 组件支持在
onSearch 方法中接受 source 参数。#44457
- Input 组件新增组件 Token 用于定制激活态阴影。#44410
- Radio 组件新增组件 Token,用于定制填充按钮选中时的颜色。#44389
- Tour 组件间距支持横向偏移量。#44377
- Tour 组件支持通过
closeIcon 来自定义关闭按钮。#44312
- Avatar 支持使用 ConfigProvider 的
componentSize 配置 size。#44288
- List 支持使用 ConfigProvider 的
componentSize 配置 size。#44267
- Cascader 支持
autoClearSearchValue 属性。#44033
- 在 Upload、AutoComplete、Badge.Ribbon、Input.TextArea、RangePicker、TimePicker 中添加了对
rootClassName 的支持。
- 重构 Modal.confirm 结构以修复
width: fit-content 导致宽度异常问题以及大量文本下的样式断行问题。抽离 confirm 样式至懒加载以优化 SSR 下的样式尺寸。#44557
- Progress 调整
circle 和 dashboard 的线性渐变色为锥形渐变色。#44404
- 修复 DatePicker 组件自定义页脚样式问题。#44642
- 修复 ConfigProvider
tag.className 与 tag.style 无法作用于 Tag.CheckableTag 的问题。#44602
- 修复 Select 配置的
getPopupContainer 容器有 transform: scale 样式时,弹出框宽度与输入框不一致的情况。#44378
- 修复 Form.Item 配置
noStyle 时,被绑定的元素无法消费 useStatus 的问题。#44576
- 修复 Tag 被 Popover/Popconfirm 包裹时,Hover 会导致
font-size 错误的问题。#44663
- 修复 Input.Search 组合中,搜索按钮会额外阴影的问题。#44660
- 修复 Modal 的 hooks 调用通过按键
esc 关闭时无法正确触发 await 的问题。#44646
- 修复 Space 的预设
size 不会跟随 Design Token 的问题,现在紧凑模式也会正确处理对应的间距数值。#44598
- 修复 Upload 组件点击某文件的下载按钮后,鼠标移出该文件时仍展示下载按钮的问题。#44594
- 修复 FloatButton 组件添加
href 后在 FloatButton.Group 中间距失效的问题。#44707
- 修复 Button
fontSizeSM token 不生效的问题。#44217
- Watermark 现在可以在嵌套的 Modal 和 Drawer 组件中生效。#44104
- 迁移 Alert、Tree、Cascader、Layout、Table、Modal、Drawer、Button、Switch、Select、Badge、Form、TimePicker、Spin、Input、Progress、Divider 的 less 变量到 Token。 #42142 #42607 #42627 #42757 #42774 #42778 #44090#44118 #44174 #44228 #44261 #44282 #44334 #42192
- 移除 Space 和 Grid 对于旧版 IE 浏览器兼容逻辑,减少打包产物体积。#44620
- TypeScript
- 从 Tree 中导出
BasicDataNode 类型。#44624
更新说明:https://github.com/ant-design/ant-design/releases/tag/5.9.0