当前位置: 欣欣网 > 码农

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

2024-03-02码农

年后开工两周了,祝大家龙年吉祥,身体健康,万事如意,恭喜发财!

Ant Design Blazor 过年期间也有不少国外的朋友在社区活跃,应接不暇。最近恢复更新了!先来整理PR发布新版本。另外也很高兴项目贡献者超过了200位!

这次版本除了修复一些bug外,还带来了几个新特性。另外还有我们上线了基于Blazor WebAPP auto渲染模式的测试站点,有服务端预渲染支持,丝滑秒开(点击原文体验)

https://antdesigndocswebapp.azurewebsites.net/

动态表单

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


详细的说明可以看我们之前发过的文章

表格选择器

本次更新为Select组件增加了表格选择器示例,是利用Table和Select两个组件组合在一起的。我们没有选择封装成单独的组件,是因为AntDesign Blazor设计上追求灵活和高效,组合能够实现的功能就不希望集成起来。因为集成封装之后,必定对组件各个部分的控制(比如属性和事件的配置)都不能完全覆盖。

参考这个示例,用户就可以方便地实现其他类型的选择器,如另一个图标选择器。


评论组件对话样式

这是为配合AI应用而增加的样式。

目前已经有朋友使用AntDesign Blazor来开发AI应用,如AntSk,我跟作者正在紧密配合,期待第一版的产品上线!


ReuseTabs 支持增加标签

这是解决在例如授权登录这样的场景,跳出页面后再返回,需要恢复原来打开过的标签,或者希望每次打开页面能恢复原来的工作状态,那么这个API就很有用了。系统可以在用户打开页面时保存当前打开过的标签,等再次刷新时加载回来这些标签。当然了,如果大家希望这个是内置的功能,欢迎来提交PR。


好了,重要的内容就说这么多,更多的惊喜就等大家来发现了!


以下是本次更新完整列表:


🐉龙年吉祥!

  • Table

  • 🆕 新增 默认滚动条样式。#3668 @thirking

  • 🐞 修复 内置的日期类型筛选器在绑定类型为可空时,修改值会引发异常。#3704 @ElderJames

  • 🐞 修复 固定列的Table中Header的阴影样式。#3691 @thirking

  • 🐞 修复 筛选器跳动。#3683 @m-khrapunov

  • 🐞 修复 DataSource 为空且类型时抽象类时,一直显示加载中不显示空状态。#3688 @ElderJames

  • Select

  • 🆕 新增 支持列表选择器(Table Select)。#3693 @ElderJames

  • 🆕 新增 Select 筛选表达式属性 FilterExpression 用于自定义筛选逻辑。#3656 @Magehernan

  • 🐞 修复 固定输入(搜索)值不为null时选择内容中的占位符显示。#3701 @agolub-s

  • 🐞 修复 错误的 HTML Title 显示。#3695 @ElderJames

  • 🐞 修复 的 DropdownRender 属性没有传入原内容。#3675 @ElderJames

  • 🐞 修复 在 From 中当 ValidateOnChange 为 true 时,修改绑定值不会更新选中项。#3703 @edwardbarford

  • Form

  • 🆕 新增 Form 的 Method 属性用于适配 SSR 表单。#3608 @CrosRoad95

  • 🆕 新增 FormItem Name 属性,基于 DataIndex 支持动态属性。#3612 @Zonciu

  • 🆕 新增 Tabs 为 ReuseTabsService 新增创建标签的方法 CreateTab 。#3671 @jxcproject

  • 🆕 新增 Comment 头像位置属性 Placement。#3670 @ElderJames

  • 🐞 修复 Modal 重复移除DOM的问题。#3673 @zxyao145

  • 🐞 修复 Message 在 Webview 上非线程安全的问题。#3698 @zxyao145

  • 🐞 修复 Radio 切换选项后原选中样式未重置。#3694 @ElderJames

  • 🐞 修复 Card 中的 Tabs 尺寸属性。#3661 @thirking

  • 🐞 修复 Segmented 的 SegmentedOption 标签 。#3659 @CrosRoad95

  • 📖 新增 Blazor WebApp 示例站点。#3642 @bxjg1987

  • 欢迎新的贡献者

    @bxjg1987

    @thirking

    @edwardbarford