Bootstrap Blazor 更新版本 5.0.24

来源: 投稿
作者: Argo
2021-04-08

Bootstrap Blazor 是一款基于 Bootstrap 的 企业级 Blazor UI 组件库,目前内置近 80 个组件,欢迎大家尝试使用。

增加功能

  • !1278 feat(#I3HT3D): Upload 组件支持内置到 ValidateForm 使用 #I3HT3D

    1. 通过设置绑定模型 FileValidation 标签可进行文件 类型 与 大小 客户端验证
    2. 支持 NET 内置的验证组件如:Required
  • !1276 feat(#I3HK4J): Table 组件增加 IsTree 参数控制数据是否有树形结构 #I3HK4J

  • !1271 feat(#I3GOGP): Display 组件增加 Data 参数用于通过 Value 显示 Text #I3GOGP

    1. 此功能为 CheckboxList 或者 Select 组件设计,由于绑定数据可能是数值,用于显示时需要显示 Text 值
  • !1268 feat(#I3FKWM): Display 提供 FormatterAsync 回调委托 #I3FKWM

    1. Display 组件提供 FormatterAsync 异步格式化回调委托方法方便 wasm 模式调用 webapi 使用
  • !1263 feat(#I3F81W): 增加新组件 Display #I3F81W

    1. 此组件支持双向绑定,与表单组件功能一致,但是无客户端验证,无法输入 UI 渲染为 div
  • !1262 feat(#I3F0V9): Avatar 组件增加 GetUrlAsync 回调委托方法用于异步获取图片地址 #I3F0V9

    1. 此功能非常时候图片地址是由 webapi 等接口异步方式获取的场景
  • !1261 feat(#I3EZMH): Checkbox 增加 Color 参数用于设置背景颜色 #I3EZMH

  • !1260 feat(#I3EZGY): Select 组件选项支持 禁用 功能 #I3EZGY

    1. 通过设置 SelectedItem 的 IsDisabled 属性设置改候选项禁止被选中
  • !1258 feat(#I3EX6X): 新增 Title 组件 #I3EX6X

    1. 页面内通过 <Title Text="标题"></Title> 使用
    2. 使用注入服务
    3. 使用 TitleService 静态方法设置网页标题
[Inject]
[NotNull]
private TitleService? TitleService { get; set; }

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    await base.OnAfterRenderAsync(firstRender);

    await TitleService.SetTitle("我是标题");
}
protected override async Task OnAfterRenderAsync(bool firstRender)
{
    await base.OnAfterRenderAsync(firstRender);

    await TitleService.SetWebSiteTitle("我是标题");
}
  • !1248 feat(#I3EGFT): TimePicker 支持鼠标滚轮(适配 FireFox)#I3EGFT
  • !1250 feat(#I3EPO5): Toast 组件增加全局配置 ToastPlacement 参数可全站统一设置 Toast 弹出窗位置 #I3EPO5

问题修复

  • !1280 fix(#I3HWSW): 修复 LambdaExtensions 静态方法 GetPropertyValueLambda 与 SetPropertyValueLambda 方法内部获取属性时报错问题 #I3HWSW

    1. 当子类使用 new 关键字更改父类属性类型时复现此问题
  • !1264 fix(#I3F9DM): 修复 Upload 组件更新为泛型后客户端验证一直失败问题 #I3F9DM

  • !1259 fix(#I3EY3W): 修复 Table 组件未使用 SelectedRows 双向绑定时,此值始终为 null #I3EY3W

  • !1257 fix(#I3EVJM): 修复 Table 组件页面每次弹出 Dialog 后导致网页中有残留 div 问题 #I3EVJM

    1. 多次弹窗后导致页面内有多个弹窗元素残留
  • !1251 fix(#I3EPOP): 修复 Step 组件特定情况下丢失 Step 标签问题 #I3EPOP

  • !1247 fix(#I3EPMB): Table 组件 SearchText 搜索条件拼装时使用 Or 逻辑 #I3EPMB

  • !1249 fix(#I3EPN1): Table 组件 移动端列可见功能不可用问题 #I3EPN1

示例更新

  • !1270 docs(#I3GLM6): 更新 PopconfirmButton TableToolbarPopconfirmButton 按钮默认值
    1. Cancel 对应 取消 Ok 对应 确定
  • !1262 docs(#I3F0V9): 更新 Avatar 异步获取图片地址示例
  • !1265 docs(#I3FA8Y): 更新 Table 组件单元格内使用 PopConfirmButton 示例

性能优化

  • !1272 perf(#I3H1FQ): 优化组件 Dispose 逻辑增加 javascript 脚本资源释放逻辑 #I3H1FQ

  • !1267 refactor(#I3FBXA): 移除 CultureStorageExtensions 扩展类 #I3FBXA

    1. 使用内置 OperatingSystem.IsBrowser() 检测 wasm
  • !1266 refactor(#I3FBU8): TableCellButton 组件移除 TItem Item 两个参数,精简代码 #I3FBU8

    1. 破坏性更新,OnClickCallback 回调委托方法写法更新如下
    2. 移除 OnClickWithoutRenderCallback 与 OnClickWithoutRender 合并
<TableCellButton Size="Size.ExtraSmall" Color="Color.Primary" Icon="fa fa-edit" Text="明细" OnClickCallback="@(() => OnRowButtonClick(context))" />

更新历史 传送门

项目地址

BootstrapBlazor 遵循 Apache-2.0 开源协议,欢迎大家提交 PR 或 Issue。喜欢可以给个 Star

展开阅读全文
5 收藏
分享
加载中
最新评论 (1)
沙发
2021-04-08 18:37
0
回复
举报
更多评论
1 评论
5 收藏
分享
返回顶部
顶部