Ant Design 是阿里巴巴开源的一套企业级 UI 设计语言和 React 组件库。Ant Design 6.4.0 现已发布,主要更新内容如下:
- 新增 BorderBeam 边框流光组件,在容器边框上呈现流动的高光动画效果。#57720
- ConfigProvider
- 新增 Select
allowClear 全局配置支持。#56476 @ug-hero
- 新增 Select
showSearch、allowClear、clearIcon、loadingIcon、menuItemSelectedIcon、removeIcon、suffixIcon 全局配置支持。#56930
- 新增 DatePicker 和 TimePicker
allowClear 和 clearIcon 全局配置支持。#57002
- 新增 RangePicker
allowClear、clearIcon、suffixIcon 全局配置支持。#57075
- 新增 Modal
infoIcon、successIcon、warningIcon、errorIcon 全局配置支持。#57168
- 新增 Upload
progress 全局配置支持。#57283
- 新增 Upload
accept 全局配置支持。#57286
- 新增 Modal 和 Drawer
focusable 全局配置,控制组件是否可获得焦点。#57314
- 新增 Mentions
allowClear 全局配置支持。#57330
- 修复 ConfigProvider 的 css var 前缀未跟随
prefixCls 的问题。#57803
- Input
- 新增 Input
allowClear.disabled 属性,支持禁用清除按钮但保持可见。#57240
- 新增 Input.TextArea
allowClear.disabled 属性,支持禁用清除按钮但保持可见。#57328
- 新增 Input
clear 语义化片段,支持自定义清除按钮的 classNames 和 styles。#57391
- 新增 Input.Search
searchIcon 属性,支持自定义搜索图标。#57256
- 优化 Input.Password 可访问性,支持 ConfigProvider 配置。#57271
- Image
- 新增 Image
placeholder.progress 属性,支持显示加载进度指示器。#57173
- 新增 Image 预览蒙层
closable 支持。#57611
- 新增 Image
closeIcon 语义化节点,支持 classNames 和 styles 配置。#57263
- 新增 Image 预览的 focus-visible 样式和 focusTrap 支持。#57610
- Splitter
- 新增 Splitter
destroyOnHidden 属性,用于面板内容挂载管理。#56772
- 新增 Splitter 可折叠面板的平滑过渡动画。#56814
- 废弃 Splitter
collapsibleIcon,新增 collapsible.icon 替代。#57044
- 修复 Splitter.Panel 存在意外的 1px 水平内边距。#57838
- Select
- 修复 Select 选中项样式优先级高于激活项的问题。#56924
- 修复 Select
showArrowPaddingInlineEnd 对内容间距无效的问题。#57769
- 修复 Select error 状态颜色在 outlined 和 filled 变体下与 Input 不一致的问题。#57807
- 修复 Select 选中值字体未跟随 antd 字体 token 的问题。#57897
- 修复 Select 和 TreeSelect 搜索时
labelRender 非文本内容仍可见的问题。#57954
- Theme
- 新增
colorErrorAffix Design Token,控制输入框后缀的错误状态颜色。#57604
- 新增
colorWarningAffix Design Token,控制输入框后缀的警告状态颜色。#57760
- 修复 Design Token heading 字号令牌不支持字符串值的问题。#57598
- Typography
- 新增 Typography
actions 位置配置属性,支持控制操作按钮的摆放位置。#57440
- 新增 Typography 内表格元素默认样式。#57633
- 新增 Typography 更灵活的语义化结构。#56971
- Button
- 新增 Button solid 变体的默认颜色支持。#57495
- 修复 Button 图标按钮中图标垂直未居中的问题。#57896
- DatePicker
- 新增 DatePicker 多选模式下
tagRender 属性,支持自定义标签渲染。#57706
- 优化 DatePicker 和 TimePicker 的可访问性。#57400
- Form
- 新增 ConfigProvider 下 Form
labelAlign 属性,支持全局控制标签对齐方式。#56979
- 新增 Form
help、helpItem 和 extra 语义化 DOM 支持,便于自定义样式。#57607
- Menu
- 修复 Menu 带图标的 item extra 布局问题。#57818
- 修复 Menu item extra 省略和 tooltip padding 问题。#57823
- Notification
- 新增 Notification 完整语义化结构支持。#57824
- 修复 Notification 无标题时关闭按钮间距不足的问题。#57821
- Table
- 新增 Table
column 属性,支持通过 ConfigProvider 配置列。#57545
- 新增 Table
scrollTo align 参数,升级 rc-table 至 1.10.0。#57594
- Tag
- 新增 Tag
close 语义化节点,支持关闭图标 classNames 和 styles 配置。#57331
- 新增 Tag CheckableTagGroup 逐项
className 和 style 支持。#57840
- Tree
- 新增 Tree 和 TreeSelect 的
itemSwitcher 语义化支持。#57281
- 修复 Tree 右键菜单关闭后焦点回到树导致滚动到顶部的问题。#57329
- Wave
- 新增 Wave
triggerType 配置,控制哪个元素触发水波纹效果。#57402
- 修复 Wave 忽略透明十六进制颜色的问题。#57859
- 新增 Alert
variant 属性,支持 filled 和 outlined 样式变体,并支持 ConfigProvider 配置。#57764
- 新增 Anchor.Link
targetOffset 属性,支持为每个链接单独设置滚动偏移。#57521
- 新增 App
ref 支持,可通过 ref 访问实例方法。#56951
- 新增 Badge
paddingInline Design Token。#57891
- 新增 Calendar
itemContent 语义化 DOM 支持。#57430
- 新增 Cascader 和 ConfigProvider 的
searchIcon、clearIcon、removeIcon、suffixIcon 配置支持。#56725
- 修复 Checkbox 在 Form.Item 中冗余的原生 input 尺寸和 width/height 覆盖设置。#57714
- 修复 Dropdown 缺少
forwardRef 导致 React 18 兼容性问题。#57902
- 新增 FloatButton
disabled 支持。#57123
- 新增 Modal
closeIcon 语义化节点,支持 classNames 和 styles 配置。#57264
- 修复 Mentions 弹出层 z-index 问题。#57873
- 新增 Popconfirm
icon 语义化节点,支持 classNames 和 styles 配置。#57528
- 新增 Space.Addon Design Token 支持。#56915
- 更新 Spin
size 属性废弃警告并移除冗余检查。#57812
- 新增 Statistic 数值语义化
classNames 和 styles 支持。#57656
- 新增 Tabs
remove 语义化节点,支持关闭按钮 classNames 和 styles 配置。#57267
- 新增 Tour
closeIcon 语义化节点,支持 classNames 和 styles 配置。#57268
- 新增 Transfer source 和 target 语义化 DOM 支持。#57101
- 新增 Upload 对 avif、tif 和 tiff 图片类型的检测支持。#57287
- 修复 Watermark 默认未覆盖 Table 固定列的问题。#57813
- 新增 8 种语言的 Form
defaultValidateMessages。#57038 #57045
- 新增 antd
GetProp 支持 Return 类型。#57001
- 新增 Agent Readiness 文件(包含 robots.txt、sitemap、agent-skills、api-catalog 等),提升 ant.design 对 AI 代理的友好度。#57903
更新说明:https://github.com/ant-design/ant-design/releases/tag/6.4.0