AntDesign Blazor 0.18.0 发布,列表选择器、动态表单、AI元素、WebApp站点| 贡献者突破200!...

💡 原文中文,约2200字,阅读约需6分钟。
📝

内容提要

Ant Design Blazor发布新版本,修复bug,增加动态表单、表格选择器、评论组件对话样式和ReuseTabs功能。详细更新列表可见原文。

🔎

延伸解读

动态表单:字符串绑定模型的实现方式

本次更新中,Form组件支持用字符串绑定模型,并允许动态创建表单。开发者只需将Form.Model绑定到一个字典,FormItem便会自动创建键值对。这种方式降低了动态表单的实现复杂度,适合需要根据数据动态生成表单的场景。

表格选择器:组合优于封装的组件设计

Select组件新增了表格选择器示例,通过组合Table和Select实现。Ant Design Blazor团队没有将其封装为独立组件,是为了保持灵活性和高效性。这种设计允许开发者完全控制组件的属性和事件,也便于扩展出其他类型的选择器,如图标选择器。

评论组件对话样式:为AI应用做准备

评论组件新增了对话样式,旨在配合AI应用开发。目前已有开发者使用Ant Design Blazor构建AI应用,如AntSk,团队正与作者紧密合作,期待产品上线。这一样式更新为AI对话界面提供了更合适的展示方式。

ReuseTabs增强:支持恢复标签页状态

ReuseTabs新增了创建标签的方法,可用于授权登录等场景,在页面跳转后恢复之前打开的标签,或保存工作状态。系统可以在用户打开页面时保存标签,刷新时重新加载。如果希望此功能内置,开发者可以提交PR。

❓

Q&A

Ant Design Blazor 0.18.0 版本有哪些主要新特性?

主要新特性包括:Form 组件支持用字符串绑定模型和动态模型;Select 组件新增表格选择器示例;评论组件增加对话样式;ReuseTabs 支持恢复原来打开的标签。

Ant Design Blazor 的动态表单功能怎么用?

Form 组件支持用字符串绑定模型,也支持动态模型。只需将 Form.Model 绑定到一个字典,即可动态创建表单,FormItem 会自动创建键值对。

为什么 Ant Design Blazor 不把表格选择器封装成独立组件?

因为 AntDesign Blazor 设计上追求灵活和高效,组合能够实现的功能就不希望集成起来。集成封装之后,必定对组件各个部分的控制(比如属性和事件的配置)都不能完全覆盖。

ReuseTabs 的 CreateTab 方法有什么作用?

CreateTab 方法用于为 ReuseTabsService 创建标签,解决在授权登录等场景下,跳出页面后再返回需要恢复原来打开过的标签,或者希望每次打开页面能恢复原来的工作状态。

Ant Design Blazor 的评论组件对话样式是为什么场景增加的?

这是为配合 AI 应用而增加的样式。目前已经有朋友使用 AntDesign Blazor 来开发 AI 应用,如 AntSk。

Ant Design Blazor 项目贡献者数量有多少?

项目贡献者超过了 200 位。

🏷️

标签

➡️

继续阅读