Ant Design Blazor v5 尝鲜版发布
内容提要
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 找到。