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