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
- 修复 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
- 重构 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
- 国际化
更多详情可查看:https://github.com/ant-design/ant-design/releases/tag/4.24.0