page contents

Ant Design 4.20.0 发布

4月24日,Ant Design 发布 4.20.0 版本,此次版本更新变化很多:

attachments-2022-04-cvS2LRb7626748469f762.png4月24日,Ant Design 发布 4.20.0 版本,此次版本更新变化很多:

支持 React 18 以及严格模式

  • 修复 Form 在 React 18 的 StrictMode 下,错误信息无法更新的问题。
  • 修复 Notification 和 Message 在 React 18 下抛出使用 createRoot 的警告信息
  • 修复 BackTop 组件在严格模式下不能正常工作的问题

新增 Segmented 分段控制器组件

  • 4.20.0 正式版后,Segemented 的 onChange 回调函数的参数从ChangeEvent 调整为 value。如果你使用了 4.20.0-alpha.0 4.20.0-alpha.1,请注意这个变化

Form

  • Form 添加 useWatch 支持获取当前字段值。
  •  Form 支持 useFormInstance 以获取当前上下文中的 Form 实例
  • 修复 Form labelCol={{ sm: 24 }} 和 wrapperCol={{ sm: 24 }} 时样式错乱的问题

Menu

  • Menu 添加 items 数据化菜单项支持以为将来性能提升做准备,并且 children 将会在下个大版本中废弃。

Upload

  •  Upload picture-card 模式支持配置图片的 crossOrigin 属性
  • 修复 Upload prefixCls 对列表不生效的问题
  • 优化 Upload 操作按钮的样式细节

Table

  • Table 列筛选条件重置时,支持重置为默认值而非空值。
  • 修复 Table size="small" 时列头背景色和选择列宽度的样式问题。
  • 补全 Table 的德语国际化文案。
  • 优化 Table 过滤列表的计算性能。
  • 优化 Table size="small" 和 size="middle" 时选择下拉菜单的边距样式。

Tree

  • Tree 组件的 switcherIcon 属性支持 render-prop。
  • Tree 支持 rootClassName 和 rootStyle。

Breadcrumb

  • 修复 Breadcrumb 抛出 placement 废弃警告的问题。
  • 修复 Breadcrumb 展示非预期的数字符号的样式问题。
  • 为 Breadcrumb 层次结构增加可访问性支持。

Anchor

  • Anchor getCurrentAnchor 参数中返回默认高亮项。
  • 重构 Anchor 为函数组件。

Cascader

  • Cascader 添加 showCheckedStrategy 用于配置回填方式。
  • 修复 Cascader 的搜索结果未占满整个面板的问题。

Spin

  • 修复 Spin 动画样式在 Parcel 解析异常的问题。
  • Spin 添加 aria 属性以提升可访问性。

Input

  • Input.Group 对子组件屏蔽 Form.Item 的样式。
  • 调整 Form 下 TextArea 的样式

Less

  • 替换 less 中的 html 选择器为对应变量。
  • 修改 less 中 danger 值从函数改为变量。
  • 箭头圆角使用固定值 2px 变量

TypeScript

  • 修正 Upload 组件中 UploadChangeParam<T> 内部 fileList 不使用泛型问题
  • 更新 TypeScript 定义以兼容 @types/react@18。

其他

  • Image PreviewGroup 支持顶部进度渲染
  • Typography 的 onCopy 方法支持获取点击事件对象
  • Grid 支持 justify="space-evenly"
  • Dialog 及 Image 支持 rootClassName 属性
  • 修复 Skeleton 在没有 children 并设置 loading 为 false 时提示 Nothing was returned from render 的问题
  • 优化 Switch 禁用色以更好适应非白底背景
  • 移除 Tabs overflow: hidden 样式以修复 Select 和 sticky Table 在 Tabs 中的展现问题
  • 修正 Steps 在 RTL 模式下样式问题
  • 修复 Badge 在 RTL 模式下、独立使用时的动画效果
  • 优化 Modal id 生成逻辑,以优化无障碍体验
  • 修复 Select 和 AutoComplete 使用键盘向下滚动时行为异常的问题
  • Dropdown 支持方向键切换选项
  • 修复 Title、Text、Paragraph 组件不支持 ref 的问题
  • 修复 Checkbox 缺少 aria-checked 属性导致屏幕阅读器识别错误的问题

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

想高效系统的学习Python编程语言,推荐大家关注一个微信公众号:Python编程学习圈。每天分享行业资讯、技术干货供大家阅读,关注即可免费领取整套Python入门到进阶的学习资料以及教程,感兴趣的小伙伴赶紧行动起来吧

attachments-2022-06-nUSOWLOE629da844a0bdc.jpeg

  • 发表于 2022-04-26 09:18
  • 阅读 ( 426 )
  • 分类:行业资讯

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1312 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章