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

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

  • Table 支持 virtual 属性开启虚拟滚动。#44349
  • Form validateFields 支持 recursive 以校验所有包含路径的字段。#44130
  • Form.Item 支持 validateDebounce 以配置校验防抖。#44633
  • Button 组件新增 contentFontSize contentFontSizeSM contentFontSizeLG 三个组件 token ,用于定制各个尺寸下的字体大小。#44257
  • Form requiredMark 支持自定义渲染。#44073
  • Tabs 组件添加新组件 Token itemColor,用于控制常态 tab 的文本颜色。#44201
  • ColorPicker 组件支持 defaultFormat 属性。#44487
  • Form 新增 feedbackIcons 属性且 Form.Item 支持 hasFeedback={{ icons: ... }},用于自定义校验图标。#43894
  • Segmented 组件新增 itemSelectedColor 的组件 Token。#44570
  • Modal 页脚 footer 支持自定义函数渲染。#44318
  • Descriptions 的 items.span 支持响应式设置。#44534
  • Tabs 组件 indicatorSize 支持通过 ConfigProvider 全局配置。#44406
  • Transfer 组件 filterOption 函数新增 direction 入参。#44417
  • Input.Search 组件支持在 onSearch 方法中接受 source 参数。#44457
  • Input 组件新增组件 Token 用于定制激活态阴影。#44410
  • Radio 组件新增组件 Token,用于定制填充按钮选中时的颜色。#44389
  • Tour 组件间距支持横向偏移量。#44377
  • Tour 组件支持通过 closeIcon 来自定义关闭按钮。#44312
  • Avatar 支持使用 ConfigProvider 的 componentSize 配置 size#44288
  • List 支持使用 ConfigProvider 的 componentSize 配置 size#44267
  • Cascader 支持 autoClearSearchValue 属性。#44033
  •  UploadAutoCompleteBadge.RibbonInput.TextAreaRangePickerTimePicker 中添加了对 rootClassName 的支持。
  • 重构 Modal.confirm 结构以修复 width: fit-content 导致宽度异常问题以及大量文本下的样式断行问题。抽离 confirm 样式至懒加载以优化 SSR 下的样式尺寸。#44557
  • Progress 调整 circle  dashboard 的线性渐变色为锥形渐变色。#44404
  • 修复 DatePicker 组件自定义页脚样式问题。#44642
  • 修复 ConfigProvider tag.className  tag.style 无法作用于 Tag.CheckableTag 的问题。#44602
  • 修复 Select 配置的 getPopupContainer 容器有 transform: scale 样式时,弹出框宽度与输入框不一致的情况。#44378
  • 修复 Form.Item 配置 noStyle 时,被绑定的元素无法消费 useStatus 的问题。#44576
  • 修复 Tag 被 Popover/Popconfirm 包裹时,Hover 会导致 font-size 错误的问题。#44663
  • 修复 Input.Search 组合中,搜索按钮会额外阴影的问题。#44660
  • 修复 Modal 的 hooks 调用通过按键 esc 关闭时无法正确触发 await 的问题。#44646
  • 修复 Space 的预设 size 不会跟随 Design Token 的问题,现在紧凑模式也会正确处理对应的间距数值。#44598
  • 修复 Upload 组件点击某文件的下载按钮后,鼠标移出该文件时仍展示下载按钮的问题。#44594
  • 修复 FloatButton 组件添加 href 后在 FloatButton.Group 中间距失效的问题。#44707
  • 修复 Button fontSizeSM token 不生效的问题。#44217
  • Watermark 现在可以在嵌套的 Modal 和 Drawer 组件中生效。#44104
  • 迁移 Alert、Tree、Cascader、Layout、Table、Modal、Drawer、Button、Switch、Select、Badge、Form、TimePicker、Spin、Input、Progress、Divider 的 less 变量到 Token。 #42142 #42607 #42627 #42757 #42774 #42778 #44090#44118 #44174 #44228 #44261 #44282 #44334 #42192
  • 移除 Space 和 Grid 对于旧版 IE 浏览器兼容逻辑,减少打包产物体积。#44620
  • TypeScript
    • 从 Tree 中导出 BasicDataNode 类型。#44624

更新说明:https://github.com/ant-design/ant-design/releases/tag/5.9.0

猜你喜欢

转载自www.oschina.net/news/257656/ant-design-5-9-0-released