AntDesign Blazor 0.20.2发布:本地化智能提醒,Table 动态列配置,静态表单demo,Table表单验证...

大家好,0.20.2来咯!本周带来了一小波更新,包括Form验证的几个bug修复、Table动态列的bug修复等,另外还增加了两个Form demo,分别是静态表单和表格表单。以下重点介绍一下。

1. 类库智能提醒本地化工具 —— 开源社区合作又一成功案例

大家肯定知道.NET类库的注释可以生成xml文档,打包到nuget包中,就可以让用户在开发过程中,IDE的智能提醒带有这些注释,不用看文档就能了解到每个API的功能和用法。这是提高开发者开发效率的强大工具。

但我所见到的类库,除了官方的BCL,再没见过有本地化的,因为常用的类库大多由外国人开发,另外非英语地区也习惯用英文来注释以使用户范围更广,但当非英语区的用户使用起来多少遇到一些不便。所以自AntDesign Blazor 项目成立之初,我们便在寻找本地化的方法。

终于在4年后的今天,我们与 islocalizer 工具作者共同讨论,在已有的官方文档生成本地化xml的功能基础上,增加翻译本地xml文件的功能,并支持增量和人工维护。让类库作者能够利用islocalizer 为类库的 xml生成本地化的 Intellisense 文件。我晚点再推动国内类库作者使用,让大家的项目都有本地化的智能提醒。

在本次版本中,大家应该就能看到中文的提示了。(但是目前是机翻的,也缺少了很多API,再此也希望大家能来协助文档补全和翻译工作。)

969fc9d39c295c32e2950154c67b13cc.png

2. 增加静态表单验证demo

自 Blazor 在 .NET8 支持静服务端态渲染以来,AntDesign Blazor 第一时间适配了静态表单验证和部分组件的静态交互能力,但只更新了API文档,没有增加demo,很多用户在使用时遇到不少问题。因此我们在文档上增加静态表单的demo,使大家能够复制粘贴到自己的项目中直接使用。

7fca8ed9853f63bf8d8d727e828033d0.png

3. 表单增加表格输入验证demo

这也是早些时间大家提问比较多的,因此也加上了。Form现在还支持无绑定属性的验证,比如这个demo中的Students是Form所绑定的Model类上的一个列表类型的属性,可以FormItem的Name来绑定这个属性,然后用Rules来增加验证规则。本利中设置了min=1,即Table未添加行会提示至少要有一个Students。

6cd43039230b599bc262d41152baf99e.png

4. Table支持动态修改列配置

AntDesign Blazor的Table的功能是所有组件库中最强大的,也是最灵活的。动态数据和DataTable在很早以前就支持,但是因为内部要记录每一列的排序,初始化后就不再变更,所以一直有一个在初始化之后就不能动态列配置的bug。这使大家想实现这功能时就经常遇到问题。但周五有朋友的提问和workaround方案使我有了思路,在周末解决了这个问题。

3fc585709c6ca11f02ded808ca736766.gif

好了,以下就是本次版本的所有变更:

  • 🔥 增加 API 智能提醒语言支持 zh-CN、ja-JP、ko-KR。#4107 @ElderJames

  • Form

    • 🆕 增加 支持无绑定属性验证。#4102 @ElderJames

    • 🐞 修复 CompareAttribute 验证。#4098 @ElderJames

    • 🛠 删除复杂对象验证器。#4098 @ElderJames

    • 📖 文档 增加 Table 录入验证示例。#4102 @ElderJames

    • 📖 文档 增加静态渲染表单验证示例。#4105 @ElderJames

  • Table

    • 🐞 修复 在跳过两边的列设置固定列,或全部没设置Width的时候固定列时,样式错乱的问题。#4097 @ElderJames

    • 🐞 修复 动态修改列显示隐藏时样式错乱的问题。#4093 @ElderJames

  • 💄 修复 Upload 的拖拽上传区域“未选择文件”的提示。#4096 @pankey888

  • 🐞 修复 Tabs 的定位 ink 在 ActiveKey 变化时不更新。#4094 @pankey888

  • 📖 文档 修改图表 GroupedColumn 示例。#3524 @SuperQuestions

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值