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))" />

更新历史 传送门

项目地址

• Gitee：https://gitee.com/LongbowEnterprise/BootstrapBlazor
• GitHub：https://github.com/dotnetcore/BootstrapBlazor
• Nuget：https://www.nuget.org/packages/BootstrapBlazor

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