Ant Design 4.20 现已发布,主要变化如下:
- 支持 React 18 以及严格模式。
- 修复 Form 在 React 18 的 StrictMode 下,错误信息无法更新的问题。#35096
- 修复 Notification 和 Message 在 React 18 下抛出使用
createRoot 的警告信息。#35030
- 修复 BackTop 组件在严格模式下不能正常工作的问题。#34858
- 新增 Segmented 分段控制器组件。#34319
- 4.20.0 正式版后,Segemented 的
onChange 回调函数的参数从 ChangeEvent 调整为 value。如果你使用了 4.20.0-alpha.0 4.20.0-alpha.1,请注意这个变化。#35187
- Form
- Form 添加
useWatch 支持获取当前字段值。#35036
- Form 支持
useFormInstance 以获取当前上下文中的 Form 实例。#35039
- 修复 Form
labelCol={{ sm: 24 }} 和 wrapperCol={{ sm: 24 }} 时样式错乱的问题。#34907
- Menu 添加
items 数据化菜单项支持以为将来性能提升做准备,并且 children 将会在下个大版本中废弃。#34559
- Image PreviewGroup 支持顶部进度渲染。#35038
- Upload
- Upload
picture-card 模式支持配置图片的 crossOrigin 属性。#34981
- 修复 Upload
prefixCls 对列表不生效的问题。#34944
- 优化 Upload 操作按钮的样式细节。#35052
- Table
- Table 列筛选条件重置时,支持重置为默认值而非空值。#34355
- 修复 Table
size="small" 时列头背景色和选择列宽度的样式问题。#34963
- 补全 Table 的德语国际化文案。#34836
- 优化 Table 过滤列表的计算性能。#35064
- 优化 Table
size="small" 和 size="middle" 时选择下拉菜单的边距样式。#35173
- Tree
- Tree 组件的
switcherIcon 属性支持 render-prop。#34470
- Tree 支持
rootClassName and rootStyle。#34578
- Breadcrumb
- 修复 Breadcrumb 抛出
placement 废弃警告的问题。#35162
- 修复 Breadcrumb 展示非预期的数字符号的样式问题。#35123
- 为 Breadcrumb 层次结构增加可访问性支持。#34082
- Anchor
- Anchor
getCurrentAnchor 参数中返回默认高亮项。#34799
- 重构 Anchor 为函数组件。#35073
- Cascader
- Cascader 添加
showCheckedStrategy 用于配置回填方式。#34568
- 修复 Cascader 的搜索结果未占满整个面板的问题。#35019
- Typography 的
onCopy 方法支持获取点击事件对象。#34655
- Grid 支持
justify="space-evenly"。#34606
- Dialog 及 Image 支持
rootClassName 属性。#34574
- 修复 Skeleton 在没有
children 并设置 loading 为 false 时提示 Nothing was returned from render 的问题。#34872
- 优化 Switch 禁用色以更好适应非白底背景。#35103
- 移除 Tabs
overflow: hidden 样式以修复 Select 和 sticky Table 在 Tabs 中的展现问题。#35195
- 修正 Steps 在 RTL 模式下样式问题。#35088
- 修复 Badge 在 RTL 模式下、独立使用时的动画效果。#34899
- 优化 Modal id 生成逻辑,以优化无障碍体验。#35072
- 修复 Select 和 AutoComplete 使用键盘向下滚动时行为异常的问题。#35025
- Spin
- 修复 Spin 动画样式在 Parcel 解析异常的问题。#35005
- Spin 添加
aria 属性以提升可访问性。#34408
- Dropdown 支持方向键切换选项。#34738
- 修复 Title、Text、Paragraph 组件不支持
ref 的问题。#34847
- Input
- Input.Group 对子组件屏蔽 Form.Item 的样式。#34764
- 调整 Form 下 TextArea 的样式。#34714
- 修复 Checkbox 缺少
aria-checked 属性导致屏幕阅读器识别错误的问题。#34862
- Less
- TypeScript
- 修正 Upload 组件中
UploadChangeParam<T> 内部 fileList 不使用泛型问题。#35158
- 更新 TypeScript 定义以兼容
@types/react@18。#35075 #35076
更多详情可查看:https://github.com/ant-design/ant-design/releases/tag/4.20.0