Ant Design 4.20 发布，企业级 UI 设计语言和 React 实现-低调大师

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

2022-04-24 639

Ant Design 4.20 现已发布，主要变化如下：

支持 React 18 以及严格模式。
- 修复 Form 在 React 18 的 StrictMode 下，错误信息无法更新的问题。#35096
- 修复 Notification 和 Message 在 React 18 下抛出使用 createRoot 的警告信息。#35030
- 修复 BackTop 组件在严格模式下不能正常工作的问题。#34858
新增 Segmented 分段控制器组件。#34319
- 4.20.0 正式版后，Segemented 的 onChange 回调函数的参数从 ChangeEvent 调整为 value。如果你使用了 4.20.0-alpha.0 4.20.0-alpha.1，请注意这个变化。#35187
Form
- Form 添加 useWatch 支持获取当前字段值。#35036
- Form 支持 useFormInstance 以获取当前上下文中的 Form 实例。#35039
- 修复 Form labelCol={{ sm: 24 }} 和 wrapperCol={{ sm: 24 }} 时样式错乱的问题。#34907
Menu 添加 items 数据化菜单项支持以为将来性能提升做准备，并且 children 将会在下个大版本中废弃。#34559
Image PreviewGroup 支持顶部进度渲染。#35038
Upload
- Upload picture-card 模式支持配置图片的 crossOrigin 属性。#34981
- 修复 Upload prefixCls 对列表不生效的问题。#34944
- 优化 Upload 操作按钮的样式细节。#35052
Table
- Table 列筛选条件重置时，支持重置为默认值而非空值。#34355
- 修复 Table size="small" 时列头背景色和选择列宽度的样式问题。#34963
- 补全 Table 的德语国际化文案。#34836
- 优化 Table 过滤列表的计算性能。#35064
- 优化 Table size="small" 和 size="middle" 时选择下拉菜单的边距样式。#35173
Tree
- Tree 组件的 switcherIcon 属性支持 render-prop。#34470
- Tree 支持 rootClassName and rootStyle。#34578
Breadcrumb
- 修复 Breadcrumb 抛出 placement 废弃警告的问题。#35162
- 修复 Breadcrumb 展示非预期的数字符号的样式问题。#35123
- 为 Breadcrumb 层次结构增加可访问性支持。#34082
Anchor
- Anchor getCurrentAnchor 参数中返回默认高亮项。#34799
- 重构 Anchor 为函数组件。#35073
Cascader
- Cascader 添加 showCheckedStrategy 用于配置回填方式。#34568
- 修复 Cascader 的搜索结果未占满整个面板的问题。#35019
Typography 的 onCopy 方法支持获取点击事件对象。#34655
Grid 支持 justify="space-evenly"。#34606
Dialog 及 Image 支持 rootClassName 属性。#34574
修复 Skeleton 在没有 children 并设置 loading 为 false 时提示 Nothing was returned from render 的问题。#34872
优化 Switch 禁用色以更好适应非白底背景。#35103
移除 Tabs overflow: hidden 样式以修复 Select 和 sticky Table 在 Tabs 中的展现问题。#35195
修正 Steps 在 RTL 模式下样式问题。#35088
修复 Badge 在 RTL 模式下、独立使用时的动画效果。#34899
优化 Modal id 生成逻辑，以优化无障碍体验。#35072
修复 Select 和 AutoComplete 使用键盘向下滚动时行为异常的问题。#35025
Spin
- 修复 Spin 动画样式在 Parcel 解析异常的问题。#35005
- Spin 添加 aria 属性以提升可访问性。#34408
Dropdown 支持方向键切换选项。#34738
修复 Title、Text、Paragraph 组件不支持 ref 的问题。#34847
Input
- Input.Group 对子组件屏蔽 Form.Item 的样式。#34764
- 调整 Form 下 TextArea 的样式。#34714
修复 Checkbox 缺少 aria-checked 属性导致屏幕阅读器识别错误的问题。#34862
Less
- 替换 less 中的 html 选择器为对应变量。#35186
- 修改 less 中 danger 值从函数改为变量。#35113
- 箭头圆角使用固定值 2px 变量。#35086
TypeScript
- 修正 Upload 组件中 UploadChangeParam<T> 内部 fileList 不使用泛型问题。#35158
- 更新 TypeScript 定义以兼容 @types/react@18。#35075 #35076

微信关注我们

原文链接：https://www.oschina.net/news/192836/ant-design-4-20-released

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Semi Design 2.9.0 发布，抖音企业级 UI 库

Semi Design 是现代、全面、灵活的设计系统和 UI 库，由字节跳动抖音前端与 UED 团队设计、开发并维护，是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案，可用于快速搭建美观的 React 应用。目前 Semi Design发布了 v2.9.0 版本，此版本带来如下更新内容：【Fix】修复 TagInput 在 Form 内使用时，敲击回车会导致 submit 事件触发的问题修复 Modal 命令式调用后遗留无用 div 的问题修复 Collapse 将部分 props 透传至 DOM 导致存在无用属性 warning 的问题去除 Form label user-select:none 默认样式，允许用户选中修复 Cascader 清除按钮键盘事件不响应问题更新公告：https://github.com/DouyinFE/semi-design/releases/tag/v2.9.0

2022-04-25

536

FreeBSD 13.1 第 4 个 RC 版本已发布。主要更新内容修复和更新多个手册页已从 OpenBSD 导入 cft.h 头文件，附加后续修复和更新修复 libcxxrt 以恢复 API/ABI 使用 O_PATH 打开文件的更改避免阻塞非强制卸载已恢复修复对 libarchive 的 Zstd 支持问题修复网络堆栈中的 LLE 锁泄漏问题默认在 64 位架构上启用与位置无关的可执行文件 (PIE) 支持新增用于自动解密 ZFS 数据集的新"zfskeys"服务脚本使用 Bhyve 进行 NVMe 仿真 chroot 现在支持非特权操作针对 POWER 和 RISC-V 的多项改进改进对big endian 的支持支持 HiFive Unmatched RISC-V 开发板更新对 OpenZFS 2. 1.4 文件系统的上游支持优化其他的设备驱动详情点此查看。按照发布计划，这是最后一个 RC 版本，正式版本将于 5 月初发布。

2022-04-25

553

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。