Ant Design 4.24 现已发布,主要变化如下:
- 新增组件 Space.Compact 用以替代 Input.Group 和 Button.Group 组件。#37652
- Form 内组件上的
disabled
属性现在将优先于 Form 的disabled
属性。#37628 - Typograph 增加
text
配置,支持同时开启省略与编辑模式时的使用。#37761 - Row 组件的
align
和justify
属性支持设置响应式的值。#37860 - Image 增加
preview.scaleStep
属性调整放大缩小的幅度,并将默认的scaleOffset
设置为 0.5。#37340 - Steps 新增支持
items
。#37531 - Collapse 新增
collapsible="icon"
从而支持点击图标展开收起。#37566 - Input.Password 支持
visibilityToggle={{ visible, onVisibleChange }}
从而可以手动控制密码显隐。#38216 - Breadcrumb 新增
menu
属性。#37885 - Dropdown 新增
menu
dropdownRender
属性,并废弃了overlay
属性。#37885 - Table
- Table
filterDropdown
新增一个close
参数对象用于关闭筛选菜单。#37745 - 修复 Table 组件
aria-label
出现[object Object]
的问题。#38160
- Table
- 修复 Tabs 组件没有读取 ConfigProvider 的
getPopupContainer
属性的问题。#38238 - 修复一个在 Menu.Item
disabled
内使用 Tooltip 不生效的问题。#38273 - 修复 Tooltip 在
placement
值为topRight
或bottomLeft
时动画原点计算错误的问题。#38159 - TimePicker 移除使用了
popupClassName
冗余警告。#38190 - 修复嵌套 Drawer 在默认都设置
open
时,添加至 document 顺序出错的问题。#37767 #37790 - 修复 Badge 同时设置
color
和count
时,数字不展示的问题。#37609 - 修复 Progress 在 Safari 下缩放异常的问题。#38301
- Modal
- 修复在 React 18 下 Modal 动画闪烁的问题。#38275
- 修复 Modal.method() 关闭时默认没有聚焦触发元素的问题。#38275
- Transfer
- 修复 Transfer
titles
为空时报错的问题。#38182 - 移除 Transfer
defaultprops
写法。#38164 #38154
- 修复 Transfer
- 重构 Anchor 为 Function Component,之前一些获取
ref
并调用内部实例方法的写法都会失效。#38265 #37957 - Dropdown.Button 改用 Space.Compact 实现。#38090
- 优化 DirectoryTree Typography 组件的内部实现。#38184 #38181
- 修复 TextArea 开启
allowClear
时自定义 border 样式无法生效的问题。#38101 - 修复 Popconfirm 设置
icon={null}
的时title
padding 仍然存在的问题,现在 icon 元素外会额外包裹一个 span 标签。#37384 - 修复 Menu 在紧凑模式下的高亮条样式。#38223
- Carousel
- 扩大 Carousel 切换点的鼠标响应范围,优化切换体验。#38257
- 修复 Carousel
dots
样式未被正确 reset 的问题。#38100
- TypeScript
- Mentions 额外导出 MentionsRef。#38028
- 国际化
- 添加 Transfer
titles
属性国际化配置。#38168 - 修正默认 Empty 描述文案。#38127
- 补全
it_IT
文案。#38108 - 补全
fr_FR
文案。#38072
- 添加 Transfer
更多详情可查看:https://github.com/ant-design/ant-design/releases/tag/4.24.0