Ant Design 4.21 发布,企业级 UI 设计语言和 React 实现

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
  • 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
  • Card
    • 使用 Skeleton 重构 Card loading 属性。#35525
    • 重构 Card 样式用 flex 代替 float。#35236
  • 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
  • 移除 Radio 禁用状态时样式中的 !important#35920
  • TypeScript
    • 修复 Form.List 类型 FormListFieldData 缺失属性 fieldKey#35884
  • 国际化
    • 添加土库曼语国际化。#35605
  • RTL
    • 修正 Input 和 InputNumber 的 border  border-radius 在 RTL 模式下的方向问题。#35876

更多详情可查看:https://github.com/ant-design/ant-design/releases/tag/4.21.0

猜你喜欢

转载自www.oschina.net/news/198842/ant-design-4-21-released