您现在的位置是：首页 > 文章详情

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

日期：2024-09-23点击：219收藏

Ant Design 5.21.0 现已发布，主要变化如下：

全新 Splitter 区域分割组件，自由拖拽调整区域大小。#50038
Button
- Button 支持 variant 变体和 color 颜色属性，以支持更多组合样式。#50051
- Button 添加 textColor、textHoverColor 和 textActiveColor 三个 token。#47870
FloatButton
- FloatButton 组件支持 placement 属性，支持从四个方向弹出菜单。（实现方式改为 position: absolute + flex 布局，可能会对你现有的布局造成 breaking change，请注意兼容）#50407
- 统一 FloatButton 和 FloatButton.Group 的按钮圆角。#50513
- FloatButton 组件的 z-index 加入 useZIndex 管理，兼容弹层类组件。#50311
- FloatButton 支持传入 htmlType 属性。#50892
Menu
- Menu.Item 和 Dropdown 的 menu 支持 extra 属性。#50431
- 修复 Menu popupStyle 在 SubMenu 上失效的问题。#50922
Table
- Table 列支持配置 minWidth 属性。#50416
- 修复 Table 虚拟表格下的空数据和阴影问题。#50416
- 修复 Table 列选择在某些情况下无法取消选择的问题。#50746
Input
- Input.OTP 添加 type 属性以支持只需要输入数字的场景。#50811
- 修复 Input Addon 内 Select 选中时的文字颜色。#50486
Modal
- 修复 Modal 抛出 avoid using aria-hidden on a focused element or its ancestor 警告的问题。#50823
- Modal 支持 closable.disabled 属性以禁用关闭按钮。#50522
Descriptions
- 优化 Descriptions 在某些情况下列内容消失的问题。#50895
- 回滚 #49946 以修复 Descriptions 内弹层组件被截断的问题。#50891
Upload
- Upload name 属性将透传给 <input type="file" />。#50652
- Upload 的 showUploadList.showXxxIcon 选项支持传入函数。#50245
ColorPicker
- 修复 ColorPicker 在 hex 输入框输入颜色时，部分颜色会因为精度问题得到不正确的颜色的问题。#50843
- 调整 ColorPicker 在受控时，弹出面板现在不会被 value 锁定从而允许与 onChangeComplete 配合使用的受控场景。#50785
App
- 修复 App 的 useApp 调用 modal 方法时，填入弹层组件会警告 zIndex 过大的问题。#50829
- 修复 App rtl 样式不遵守 ConfigProvider direction 配置。#50246
Pagination
- Pagination showSizeChanger 属性现在支持传入 Select 属性对象。#50952
- 移除 Pagination 默认 font-family 样式。#50808
Select
- Select 组件新增一些 token 以支持自定义 hover 和 focus 样式。#50951
- 修复 Select 搜索模式下搜索词内容覆盖右侧图标的问题。#50917
- 修复 Select 同时启用 allowClear 和 variant="filled" 时清除图标多余的白色背景的问题。#50916
Segmented 新增 vertical 属性以支持垂直模式，并优化了可访问性。#50708
Radio.Group 支持 block 属性以撑满一行。#50828
ConfigProvider 支持配置 Splitter 组件的 className 和 style 属性。#50855
Image 新增 onActive 到 toolbarRender 以切换图片。#50812
List 组件支持传递 ref 属性。#50772
Collapse 支持语义化 classNames 和 styles 属性。#50557
移除 Skeleton.Node 默认的图标 children 使其成为真正的自定义节点。#50278
修复 Typography copyable 对数组 children 复制时会有额外 , 字符的问题。#50813
修复 Layout.Sider 单独使用时无法修改主题的问题。#50780
修复 Tour 组件标题过长时会遮挡关闭按钮的问题。#50942
本地化
- 补充 DatePicker ja_JP 语言环境的 shortWeekDays 和 shortMonths 文案。#50893
- 补充 Image 预览功能的 ar_EG 阿拉伯语文案。#50851
- 补充 Form 组件的希腊语文案。#50825
- 补充 Tour 组件的西班牙语文案。#50805
TypeScript
- Checkbox 新增 onFocus 和 onBlur 类型定义。#50842
- 修复 Badge 属性类型定义不支持传递鼠标事件的问题。#50774