Ant Design Blazor v5 尝鲜版发布

💡 原文中文,约1200字,阅读约需3分钟。
📝

内容提要

Ant Design Blazor 已经赶上了 Ant Design 5.0。文章提供了更新说明,并提到了主题功能和文档风格重写的计划。

🔎

延伸解读

样式同步的技术挑战

Ant Design 5.0 抛弃了 less 样式,导致 Blazor 实现原有的样式同步方法失效。社区初期有贡献者尝试但放弃,直到核心贡献者 yoli 深入分析 cssinjs 源码,创建了 CssInCsharp,并利用 TypeScript AST 生成组件库样式,再逐一调整和测试,才实现了 v5 样式同步。这反映了前端样式方案变革对跨平台实现的深远影响。

尝鲜版的使用与反馈

文章提供了在线预览文档和代码分支链接,方便开发者体验。引入 v5 版本需在 csproj 中添加对 AntDesign 包的引用,并在 _Imports.razor 中添加 @using CssInCSharp,同时修改 App.razor 或 _Host.cshtml 以包含 StyleOutlet 组件。目前文档本身尚未更新,仅组件样式更新,尝鲜者需注意这一限制。

后续开发方向

Ant Design Blazor 团队计划开发主题功能、重写文档样式,并推出便于用户使用 CssInCsharp 的 ant-style 库。这些举措旨在完善 v5 版本的生态,降低用户迁移和定制成本。社区成员可以积极参与贡献,共同推动项目发展。

❓

Q&A

Ant Design Blazor v5 的主要更新内容是什么?

Ant Design Blazor v5 跟进了 Ant Design 5.0 的发布,主要更新包括新的样式同步方法和组件库样式的生成。

如何在项目中引入 Ant Design Blazor v5?

在 csproj 中添加引用 <PackageReference Include="AntDesign" Version="0.0.1-v5-*" />,并修改 _Imports.razor 文件以添加 @using CssInCSharp。

Ant Design Blazor v5 的样式版本是由谁贡献的?

Ant Design Blazor v5 的样式版本主要是由核心贡献者 yoli 贡献的。

Ant Design Blazor v5 的后续计划有哪些?

后续计划包括开发主题功能、重写文档样式和便于用户使用的 ant-style 库。

Ant Design 5.0 为什么抛弃了 less 样式?

Ant Design 5.0 抛弃了 less 样式是为了采用新的样式同步方法,适应更现代的开发需求。

在哪里可以找到 Ant Design Blazor v5 的在线预览文档?

Ant Design Blazor v5 的在线预览文档可以在 https://preview-3993-antblazor.surge.sh 找到。

🏷️

标签

➡️

继续阅读