Ant Design Blazor v5 尝鲜版发布

Ant Design 5.0 在2023年底发布后，我们 Blazor 社区就开始琢磨 Blazor 实现什么时候能跟进。但是由于antd 5.0激进地抛弃了 less 样式，我们Blazor 实现就用用来同步 less 文件的来同步样式的方法就不管用了。Blazor社区一开始有贡献者响应，做了一个demo，但放弃了。直到核心贡献者 yoli 说有兴趣，深入分析cssinjs的源码，创建了CssInCsharp，再利用typescript ast生成了组件库样式 Design Token 和组件样式，最后一个个地调整组件样式，测试样式同步结果等等大量的工作。v5 样式版本可以说是yoli一个人的功劳，大家要多多在群里感谢一下！本文和后续相关文章的赞助我会转给他。

今天，距离 antd 5.0 发布两年后，我们 Ant Design Blazor 终于跟进了。本文教大家如何尝鲜！

• 在线预览文档（只有组件更新了v5样式，文档本身未更新）：https://preview-3993-antblazor.surge.sh

• 代码分支 https://github.com/ant-design-blazor/ant-design-blazor/tree/compatibility-v5

引入 v5 版本

在csproj中添加引用

<PackageReference Include="AntDesign" Version="0.0.1-v5-*" />

或使用命令行

dotnet add package AntDesign --version 0.0.1-v5-*

在模板中，修改 _Imports.razor 文件，添加以下内容：

@using CssInCSharp

修改 App.razor 或 _Host.cshtml

<link no-antblazor-css />
    <StyleOutlet @rendermode="InteractiveServer" />
    @* <HeadOutlet @rendermode="InteractiveServer" /> *@

至此，安装完成，尽情享用！欢迎大家来帮忙修Bug！

后续我们会开发主题功能、重写文档样式、以及便于用户使用cssincsharp的ant-style库。欢迎大家积极参与！