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


Ant Design 4.24 现已发布,主要变化如下:

  • 新增组件 Space.Compact 用以替代 Input.Group 和 Button.Group 组件。#37652
  • Form 内组件上的 disabled 属性现在将优先于 Form 的 disabled 属性。#37628
  • Typograph 增加 text 配置,支持同时开启省略与编辑模式时的使用。#37761
  • Row 组件的 alignjustify 属性支持设置响应式的值。#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 值为 topRightbottomLeft 时动画原点计算错误的问题。#38159
  • TimePicker 移除使用了 popupClassName 冗余警告。#38190
  • 修复嵌套 Drawer 在默认都设置 open 时,添加至 document 顺序出错的问题。#37767 #37790
  • 修复 Badge 同时设置 colorcount 时,数字不展示的问题。#37609
  • 修复 Progress 在 Safari 下缩放异常的问题。#38301
  • Modal
    • 修复在 React 18 下 Modal 动画闪烁的问题。#38275
    • 修复 Modal.method() 关闭时默认没有聚焦触发元素的问题。#38275
  • Transfer
    • 修复 Transfer titles 为空时报错的问题。#38182
    • 移除 Transfer defaultprops 写法。#38164 #38154
  • 重构 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

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


相關推薦

2022-08-02

Ant Design 4.22.3 现已发布,主要变化如下:   🐞 修复在 React 18 版本中 Uploader 的 fileList 发生更新后出现闪烁的情况。#36801  🐞 修复 Form.Item 在垂直布局下使用小尺寸的 labelCol 和 wrapperCol 

2024-07-07

An Design 5.19.1 现已发布,主要变化如下: Global: @ant-design/colors 使用预编译颜色预设来提升运行时性能。#49714 Global: 对于弹层类自动增长 zIndex 不再限制最大值,而是改成控制台警告。#49720 优化 Input.TextArea 清除图标

2022-05-01

Ant Design 4.20.1 现已发布,主要变化如下: 修复 Breadcrumb 多余的 padding 和 margin 样式。#35235 修复 Input.Search 在中文输入法下回车键触发 onSearch 的行为不一致的问题。#35164  修复 Upload 和 Upload.Dragger

2022-05-02

Ant Design 4.20.2 现已发布,主要变化如下: Segmented 修复 Segmented 组件高度和其他控件不一致的问题。#35281 修复 React StrictMode 下 Segmented 动画丢失的问题。#35281 Segmented options 支持设置 icon 属性。#35256 Table

2022-07-05

Ant Design 4.21.5 现已发布,主要变化如下: 修复 Checkbox 不会被 Form disabled 属性禁用的问题。#36345 修复 Button loading 属性传入 null 时错误问题。#36288 @kejianfeng 修复弹出框箭头在某些浏览器上的兼容性

2022-05-23

Ant Design 4.20.6 现已发布,主要变化如下: 修复 DatePicker 初次打开时 placeholder 闪烁的问题。#35620 移除 Grid 默认 role 标签,以使其更好的适配 aria-required-parent 要求。#35616 修复 Anchor 在某些游览器下会被切割内容的问题。#35612

2023-07-23

Ant Design 5.7.2 现已发布,主要变化如下: 修复 Menu 组件悬浮态样式丢失的问题。#43656 修复 Notification 报错 PurePanel 定义未找到的问题。#43687 修复 Button onClick 事件丢失 event 定义的问题。#43666 修复 Inpu

2022-05-31

Ant Design 4.20.7 现已发布,主要变化如下: 修复 Drawer 打开时 form 实例为 null 的问题。#35706 修复 Segmented 组件中选项使用 icon 属性时图标与文字之间的间距失效问题。#35701 优化 Popover 的箭头效果。#35717 TypeScript 修复 Card

2022-08-28

Ant Design 4.22.8 现已发布,主要变化如下: Table Table 组件添加缺失的 filterCheckAll 法语本地化。#37246 优化 Table 排序功能的无障碍体验。#37167 优化 Popconfirm 组件按钮间距。#37183 去除 Card 重复的 less 样式属性定义。#37170

2022-11-19

Ant Design 4.24.2 现已发布,主要变化如下: 修复 Typography 设置 prefixCls 不生效的问题。#38586  🐞 修复 Table 在筛选菜单里按回车时会触发排序的问题。#38585 🆕 Modal 允许透传 mousePosition 来控制弹框动画原点。#38584  🐞

2024-10-23

Ant Design 5.21.5 现已发布,主要变化如下: 修复 Cascader limit 属性设置 false 不生效的问题。#51263 修复 DatePicker 的禁用日期项无法响应鼠标事件的问题。#51294  修复 FloatButton 悬浮菜单难以点击的问题。#51

2022-08-09

Ant Design 4.22.4 现已发布,主要变化如下: 修复 Drawer zIndex 属性失效的问题。#36958 修复 PageHeader 返回按钮点击后依然有聚焦样式的问题。#36902 修复抽屉 Drawer 组件嵌套时,子抽屉的样式被父抽屉影响的问题。#36845 修复 Ment

2023-09-27

Ant Design 5.9.3 现已发布,主要变化如下: 修复 Popover 超出屏幕时不会自动调整偏移的问题。#45015 Tooltip Tooltip 删除对 disabled 子元素额外包括 span 的逻辑,现在始终能够正确触发。#44895 修复 Tooltip /

2023-12-13

An Design 5.12.2 现已发布,主要变化如下: MISC: 修复 React 17 以下使用 webpack 构建时报错 useId 找不到的问题。#46261 Pagination 修复 Pagination 在低版本浏览器上报错的问题。react-component/pagination#545 修复 Pagination simple