【资讯】1574- Ant Design 5.0 正式发布!
Ant Design链接:
https://github.com/ant-design/ant-design https://ant.design/components/overview-cn/
今天Ant Design发布了V5版本,让我们来看看更新了哪些内容。
- 新增组件
- 新增组件变体
- 设计变化
- 新增导出对象 theme,用于获取主题相关属性
- ConfigProvider 新增 theme 属性,用于更改主题配置
- 产物新增 locale 目录,内含 cjs 格式的语言文件
- 移除了一些内容
二、正文
全新 Design Token 模型
在 v5 中,官方改造了所有的 Token,使其基于 Seed + Algorithm 可以派生出所有的 Design Token。全新的 Design Token 模型支持多算法 Pipeline,从而大大降低开发者拓展成本。
我们可以选择一个现成的算法,再加自己的拓展部分算法(当然也可以写一套完整的算法),就可以生成一套完整的 Design Token:
CSS-in-JS 动态主题
官方弃用 less,采用 CSS-in-JS,更好地支持动态主题。
v5 官方研发了一套针对组件级别的 CSS-in-JS 库 @ant-design/cssinjs。它通过牺牲动态性来获取更高的缓存效率,从而减少运行时的性能损耗。
https://www.npmjs.com/package/@ant-design/cssinjs
通过动态主题能力,你通过 ConfigProvider 可以任意调整、嵌套主题:
<ConfigProvider theme={{ token: { colorPrimary: 'red' }}}>
<ConfigProvider theme={{ token: { colorPrimary: 'blue' }}}>
<MyApp />
</ConfigProvider>
</ConfigProvider>
甚至可以针对某一个组件进行调整:
<ConfigProvider theme={{
components: {
Button: { colorText: 'red' },
},
}}>
<MyApp />
</ConfigProvider>
新的 CSS-in-JS 方案原生支持 Tree Shaking,在 v5 不在需要使用 babel-plugin-import
摘除未使用到的样式。新的方案将自动按需加载样式。
更多组件
新增 FloatButton 组件用于网站上的全局功能,原 BackTop 将收为其子组件:
新增 Tour 组件用于引导用户了解产品功能:
提供了一些组件的变体用于内联使用:
兼容性调整
Ant Design v5 兼容性调整从 IE 11 提升至 Edge,其余现代浏览器不变。IE 兼容性样式代码将全部移除。
默认 Day.js 代替 Moment.js
Day.js 除了包体积更小之外,也带来了 immutable 能力。
如果希望项目升级后仍然使用 Moment.js,可以通过 @ant-design/moment-webpack-plugin
插件进行替换。
组件移除
v5 将会移除 Comment 组件 与 PageHeader 组件,BackTop 将会成为 FloatButton 子组件。
相关文章
- 就在刚刚,HTTP/3 正式发布了!
- 【说站】Forest v1.5.3 正式版本发布
- 千呼万唤始出来,ElementPlus正式版正式发布,VueAdminWorkX第一时间升级更新
- 种子轮融资 700 w,Astro 的正式发布给前端界带来了什么?
- DPU发展分析蓝皮报告正式发布!(附下载)
- 一周发布30多个版本,Spring 6.0开始爆发
- K8S v1.26:CPUManager 正式发布,生产可用!
- Visual Studio Code 1.73 正式发布!
- SQLServer 错误 21893 订阅服务器 (%s)(属于原始发布服务器“%s”)在重定向的发布服务器“%s”中不显示为远程服务器。 在重定向的发布服务器上运行 sp_addlinkedserver,以将这些订阅服务器添加为远程服务器。 故障 处理 修复 支持远程
- Android 12发布:采用全新设计语言 引入个性化体验
- FydeOS for PC v5.3 Dev 发布 全新图形化的多系统启动安装
- Debian 9.1 发布 包括一些包的更新
- Linux Kernel 4.14 正式发布,驱动和性能改进
- Java 12 / JDK 12 正式发布
- GNS3 2.2.0 发布: 网络拓扑模拟工具
- Opera 33 正式发布
- 黑帽大会上即将发布的9款免费攻防利器
- 谷歌布局大数据:开源平台 Apache Beam 正式发布
- Oracle 190正式发布时代里的强大伙伴(oracle19发布时间)
- Android 7.1.1正式发布,推出“Android版3D Touch”功能
- 1899 元起,荣耀 X20 5G 手机正式发布:搭载天玑 900 处理器
- 百度发布无人车出行服务平台萝卜快跑:加速全民无人化出行时代到来