Ant Design 4.21 现已发布,主要变化如下:
- 新增 Form 级别控制输入组件
disabled。#35210 - Tabs 组件支持
popupClassName用于更多菜单。#35892 - Table 组件
rowSelection.onChange新增info.type参数。#35598 - Typography.Paragraph 的
copyable属性支持format以重置剪切板数据的 Mime Type。#35219 - TreeSelect 支持
treeExpandAction定义展开操作。 #35618 - ConfigProvider
- ConfigProvider 支持全局配置 Pagination
showSizeChanger属性。#35750 - ConfigProvider 支持
componentDisabled来配置组件禁用状态。#35718 - 重构 ConfigProvider 移除默认的
renderEmpty方法以解决打包循环依赖的问题。#35570
- ConfigProvider 支持全局配置 Pagination
- Collapse
- 重构 Collapse 标题部分以确保其稳定的 DOM 结构易于样式选择。#35781
- 重构 Collapse
expandIconPosition为逻辑位置start与end以解决 RTL 下的样式问题。#35770
- Progress
- Progress 分步进度条支持单独自定义色彩。#35855
- 重构 Progress
type="circle"和type="dashboard"以简化 dom 结构和带来更好的渲染效果。#35433 - 重构 Progress 成 React hooks。#35393
- 修复 Progress 进度接近 100% 间距几乎消失的问题。#35433
- 修复 Progress
type="dashboard"的gapDegree角度不准确的问题。#35433 - 修复 Progress
type="line"和strokeLinecap="butt"时的圆角样式。#35822
- Dropdown
- Dropdown 支持
autoFocus属性,打开时自动聚焦下拉单。#35391 - 修复 Dropdown 嵌套菜单注入逻辑。#35810
- Dropdown 支持
- Card
- 使用 Skeleton 重构 Card
loading属性。#35525 - 重构 Card 样式用 flex 代替 float。#35236
- 使用 Skeleton 重构 Card
- DatePicker 重构成 React hooks。#35425
- 将 Pagination
mini模式的 className 重命名为ant-pagination-mini。#35881 - 重构 Popconfirm 内部实现为 Popover 组件。#35676
- 改变 Modal confirm 组件底部按钮布局实现方式。#35530
- 修复波浪效果在 React 18 严格模式不生效的问题。#35889
- 修复 Drawer 关闭 2 次后
children为 undefined 的问题。#35853 - Skeleton
- 移除 Skeleton 默认的
margin-top以便在默认情况下更对称。#35848 - 优化 Skeleton
active的动画性能。#35836
- 移除 Skeleton 默认的
- 移除 Radio 禁用状态时样式中的
!important。#35920 - TypeScript
- 修复 Form.List 类型
FormListFieldData缺失属性fieldKey。#35884
- 修复 Form.List 类型
- 国际化
- 添加土库曼语国际化。#35605
- RTL
- 修正 Input 和 InputNumber 的
border和border-radius在 RTL 模式下的方向问题。#35876
- 修正 Input 和 InputNumber 的
更多详情可查看:https://github.com/ant-design/ant-design/releases/tag/4.21.0