release: publish 5.0.28

* fix: 修复验证所有属性时 CheckboxList 无验证问题
* refactor: 代码复用使用 Validate 方法
* refactor: 提炼 Validate 方法代码复用
* Merge branch 'dev' into dev-checkboxlist
* refactor: ValidateForm 验证跳过集合
* refactor: 使用 OfType 代替 Where 过滤条件
* refactor: 移除 sealed 关键字

.editorconfig

@@ -64,8 +64,8 @@ dotnet_style_explicit_tuple_names = true:suggestion
 dotnet_style_null_propagation = true:suggestion 
 dotnet_style_coalesce_expression = true:suggestion 
 dotnet_style_prefer_is_null_check_over_reference_equality_method = true:silent 
-dotnet_prefer_inferred_tuple_names = true:suggestion 
-dotnet_prefer_inferred_anonymous_type_member_names = true:suggestion 
+dotnet_style_prefer_inferred_tuple_names = true:suggestion
+dotnet_style_prefer_inferred_anonymous_type_member_names = true:suggestion
 dotnet_style_prefer_auto_properties = true:silent 
 dotnet_style_prefer_conditional_expression_over_assignment = true:silent 
 dotnet_style_prefer_conditional_expression_over_return = true:silent 

.github/workflows/build.yml

@@ -0,0 +1,26 @@
+name: Build Project
+
+on:
+  push:
+    branches:
+      - main
+      - dev
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Setup .NET Core
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 5.0.202
+
+    - name: Build
+      env: 
+        NUGET_API_KEY: ${{secrets.NUGET_API_KEY}}
+      run: |
+        dotnet restore src/BootstrapBlazor --no-cache
+        dotnet build src/BootstrapBlazor

.github/workflows/deploy.yml

@@ -3,9 +3,7 @@ name: Deploy To Huawei VM
 on:
   push:
     branches:
-      - master
-      - dev
-      - hot-fix
+      - master-off
 
 jobs:
   deploy:
@@ -25,4 +23,3 @@ jobs:
             cd ~/BootstrapBlazor
             git checkout dev
             sh ~/deploy-blazor.sh
-            sh ~/deploy-wasm.sh

.github/workflows/pack.yml

@@ -3,9 +3,7 @@ name: Package to Nuget
 on:
   push:
     branches:
-      - master
-      - dev
-      - hot-fix
+      - pack
 
 jobs:
   pack:
@@ -17,7 +15,7 @@ jobs:
     - name: Setup .NET Core
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.102
+        dotnet-version: 5.0.202
 
     - name: Publish to Nuget
       env: 
@@ -25,21 +23,3 @@ jobs:
       run: |
         dotnet pack src/BootstrapBlazor -c Release -o publish
         dotnet nuget push publish/BootstrapBlazor.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
-        
-        dotnet pack src/Extensions/Components/BootstrapBlazor.Chart -c Release -o publish
-        dotnet nuget push publish/BootstrapBlazor.Chart.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
-        
-        dotnet pack src/Extensions/Components/BootstrapBlazor.TableExport -c Release -o publish
-        dotnet nuget push publish/BootstrapBlazor.TableExport.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
-        
-        dotnet pack src/Extensions/Components/BootstrapBlazor.Markdown -c Release -o publish
-        dotnet nuget push publish/BootstrapBlazor.Markdown.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
-        
-        dotnet pack src/Extensions/DataServices/BootstrapBlazor.DataAcces.PetaPoco -c Release -o publish
-        dotnet nuget push publish/BootstrapBlazor.DataAcces.PetaPoco.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
-        
-        dotnet pack src/Extensions/DataServices/BootstrapBlazor.DataAcces.EntityFrameworkCore -c Release -o publish
-        dotnet nuget push publish/BootstrapBlazor.DataAcces.EntityFrameworkCore.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
-        
-        dotnet pack src/Extensions/DataServices/BootstrapBlazor.DataAcces.FreeSql -c Release -o publish
-        dotnet nuget push publish/BootstrapBlazor.DataAcces.FreeSql.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate

.github/workflows/publish.yml

@@ -3,9 +3,7 @@ name: Deploy To Pages
 on:
   push:
     branches:
-      - master
-      - dev
-      - hot-fix
+      - publish
 
 jobs:
   publish:
@@ -17,7 +15,7 @@ jobs:
     - name: Setup .NET Core
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.102
+        dotnet-version: 5.0.202
 
     - name: Publish wasm
       run: |

.github/workflows/release.yml

@@ -0,0 +1,40 @@
+name: Package to Nuget
+
+on:
+  push:
+    branches:
+      - release
+
+jobs:
+  pack:
+    runs-on: ubuntu-latest
+    
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Setup .NET Core
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 5.0.202
+
+    - name: Publish to Nuget
+      env: 
+        NUGET_API_KEY: ${{secrets.NUGET_API_KEY}}
+      run: |      
+        dotnet pack src/Extensions/Components/BootstrapBlazor.Chart -c Release -o publish
+        dotnet nuget push publish/BootstrapBlazor.Chart.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
+        
+        dotnet pack src/Extensions/Components/BootstrapBlazor.TableExport -c Release -o publish
+        dotnet nuget push publish/BootstrapBlazor.TableExport.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
+        
+        dotnet pack src/Extensions/Components/BootstrapBlazor.Markdown -c Release -o publish
+        dotnet nuget push publish/BootstrapBlazor.Markdown.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
+        
+        dotnet pack src/Extensions/DataServices/BootstrapBlazor.DataAcces.PetaPoco -c Release -o publish
+        dotnet nuget push publish/BootstrapBlazor.DataAcces.PetaPoco.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
+        
+        dotnet pack src/Extensions/DataServices/BootstrapBlazor.DataAcces.EntityFrameworkCore -c Release -o publish
+        dotnet nuget push publish/BootstrapBlazor.DataAcces.EntityFrameworkCore.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate
+        
+        dotnet pack src/Extensions/DataServices/BootstrapBlazor.DataAcces.FreeSql -c Release -o publish
+        dotnet nuget push publish/BootstrapBlazor.DataAcces.FreeSql.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate

BootstrapBlazor.sln

@@ -36,9 +36,11 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "appveyor", "appveyor", "{1E
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "github", "github", "{F0754254-903C-411B-972C-EC91254B4A67}"
 	ProjectSection(SolutionItems) = preProject
+		.github\workflows\build.yml = .github\workflows\build.yml
 		.github\workflows\deploy.yml = .github\workflows\deploy.yml
 		.github\workflows\pack.yml = .github\workflows\pack.yml
 		.github\workflows\publish.yml = .github\workflows\publish.yml
+		.github\workflows\release.yml = .github\workflows\release.yml
 	EndProjectSection
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "docs", "docs", "{9437A6C6-CF87-4B75-916B-C1EF558BD8EF}"
@@ -85,8 +87,6 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.TableExport
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.Shared", "src\BootstrapBlazor.Shared\BootstrapBlazor.Shared.csproj", "{C63F35FD-FE14-4517-9457-9DA43F0DCB9E}"
 EndProject
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.Docs", "src\BootstrapBlazor.Docs\BootstrapBlazor.Docs.csproj", "{09F31634-B9A7-4EB3-97D3-8DA5B5210730}"
-EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.Server", "src\BootstrapBlazor.Server\BootstrapBlazor.Server.csproj", "{1ED371F3-2B28-4B2D-91B8-0C00DA42CB65}"
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.WebAssembly.ClientHost", "src\Wasm\BootstrapBlazor.WebAssembly.ClientHost\BootstrapBlazor.WebAssembly.ClientHost.csproj", "{0556D9AB-8673-4248-8817-4D99F4DCC568}"
@@ -135,10 +135,6 @@ Global
 		{C63F35FD-FE14-4517-9457-9DA43F0DCB9E}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{C63F35FD-FE14-4517-9457-9DA43F0DCB9E}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{C63F35FD-FE14-4517-9457-9DA43F0DCB9E}.Release|Any CPU.Build.0 = Release|Any CPU
-		{09F31634-B9A7-4EB3-97D3-8DA5B5210730}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{09F31634-B9A7-4EB3-97D3-8DA5B5210730}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{09F31634-B9A7-4EB3-97D3-8DA5B5210730}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{09F31634-B9A7-4EB3-97D3-8DA5B5210730}.Release|Any CPU.Build.0 = Release|Any CPU
 		{1ED371F3-2B28-4B2D-91B8-0C00DA42CB65}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
 		{1ED371F3-2B28-4B2D-91B8-0C00DA42CB65}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{1ED371F3-2B28-4B2D-91B8-0C00DA42CB65}.Release|Any CPU.ActiveCfg = Release|Any CPU
@@ -173,7 +169,6 @@ Global
 		{EEB9751A-5C06-4725-8037-FA9C0F140018} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
 		{5ED0DD16-1583-4FC3-B2E9-FE5DBA98BD47} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
 		{C63F35FD-FE14-4517-9457-9DA43F0DCB9E} = {A2182155-43ED-44C1-BF6F-1B70EBD2DFFE}
-		{09F31634-B9A7-4EB3-97D3-8DA5B5210730} = {A2182155-43ED-44C1-BF6F-1B70EBD2DFFE}
 		{1ED371F3-2B28-4B2D-91B8-0C00DA42CB65} = {A2182155-43ED-44C1-BF6F-1B70EBD2DFFE}
 		{0556D9AB-8673-4248-8817-4D99F4DCC568} = {C8E79F4C-8C55-4E13-96B5-3D2BD6A07B74}
 		{FFFD2EB7-AE88-4DAD-A825-528B2CEFB4B5} = {C8E79F4C-8C55-4E13-96B5-3D2BD6A07B74}

CHANGELOG.zh-CN.md

@@ -0,0 +1,90 @@
+<h1 align="center">Bootstrap Blazor 组件库</h1>
+
+<div align="center">
+<h2>一套基于 Bootstrap 和 Blazor 的企业级组件库</h2>
+
+
+[![Nuget](https://img.shields.io/nuget/v/BootstrapBlazor.svg?color=red&logo=nuget&logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)
+[![Nuget](https://img.shields.io/nuget/dt/BootstrapBlazor.svg?logo=nuget&logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)
+[![Commit Date](https://img.shields.io/github/last-commit/ArgoZhang/BootstrapBlazor/master.svg?logo=github&logoColor=green&label=commit)](https://github.com/ArgoZhang/BootstrapBlazor)
+
+</div>
+
+---
+
+### 发布周期
+
+- 主版本号：与 Microsoft .NET 主版本号一致
+- 次版本号：与 Microsoft .NET 次版本号一致
+- 修订版本号：每周四发布正式版（翻车紧急修复会跳版本号）日常每天发布新功能测试版本或者修复 BUG 测试版本 beta-##
+
+---
+
+### 5.0.22
+
+`2021-03-24`
+
+#### 增加功能
+
+- !1193 feat(#I3CQYI): Table 组件编辑按钮增加回调委托 [#I3CQYI](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1193)
+- !1192 feat(#I3CQY7): 增加 Row 组件用于栅格系统布局 [#I3CQY7](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1192)
+- !1191 feat(#I3CQXQ): 自动生成标签 AutoGenerateColumn 增加 ComponentType 属性用于自定义呈现组件 [#I3CQXQ](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1191)
+- !1188 feat(#I3CQY7): Switch 组件适配 Row 组件支持 row form-row form-inline 三种模式 [#I3CQY7](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1188)
+- !1187 feat(#I3CPJ8): Select 组件适配 Row 组件支持 row form-row form-inline 三种模式 [#I3CPJ8](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1187)
+- !1172 feat(#I3CFJS): Table 组件树形数据支持 CRUD 并且保持编辑前展开收缩状态 [#I3CFJS](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1172)
+- !1173 feat(#I3CBQT): 增加演示网站 wasm 模式对浏览器是否兼容性提示功能 [#I3CBQT](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1173)
+- !1171 feat(#I3CBI6): DataAnnotation 支持复杂类型的验证 [#I3CBI6](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1171)
+- !1167 feat(#I3C6GH): Table 组件展开树形数据是增加 Spin 动画效果 [#I3C6GH](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1167)
+
+#### 问题修复
+
+- !1189 fix(#I3CPLZ): 更新 EFCore 数据注入服务获取记录总数逻辑 [#I3CPLZ](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1189)
+- !1185 fix(#I3CFAS): 修复 EFCore 数据注入服务排序导致递归循环引用问题 [#I3CFAS](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1185)
+- !1183 fix(#I3CF4K): 更新 EFCore 数据注入服务使服务生命周期内部与参数一致默认 Scope [#I3CF4K](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1183)
+- !1178 fix(#I3CCK1): 修复全局配置 SwalDelay 参数在 Swal 组件中未生效问题 [#I3CCK1](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1178)
+- !1177 fix(#I3CCIQ): 修复全局配置 MessageDelay 参数在 Message 组件中未生效问题 [#I3CCIQ](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1177)
+- !1175 fix(#I3CBSW): 修复 Timer 计时器组件不兼容 wasm 模式问题 [#I3CBSW](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1175)
+- !1168 fix(#I3C8PH): 修复 Tab 组件首次加载时活动标签页蓝色火柴棍特效不能正常呈现问题 [#I3C8PH](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1168)
+- !1163 fix(#I3C2W4): 修复内置数据服务导致高级搜索默认高亮状态问题 [#I3C2W4](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1163)
+- !1161 fix(#I3C205): 更新 Switch 组件点击事件触发组件 [#I3C205](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1161)
+
+#### 示例更新
+
+- !1190 docs(#I3CQXN): 更新 Table 组件明细行示例代码
+- !1182 docs(#I3CF12): 更新 Table 组件更新固定列示例代码
+- !1169 docs(#I3C8Q3): 更新 dialog 示例代码
+- !1166 docs(#I3C4HV): 更新 Table 组件固定表头示例代码
+- !1165 docs(#I3C4F0): 更新 Table 组件多表头示例代码
+
+#### 性能优化
+
+- !1186 perf(#I3CPID): 优化 ValidateForm 组件提高内部性能 [#I3CPID](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1186)
+- !1170 refactor(#I3CA0I): DynamicComponent 改名为 BootstrapDynamicComponent [#I3CA0I](https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/1170)
+
+
+### 5.0.21
+
+`2021-03-18`
+ 
+* !1158 feat(#I3BULP): Table 组件增加数据服参数未设置时使用全局注入数据服务
+* !1157 feat(#I3BUL0): MultiSelect 组件支持双向绑定数组类型
+* !1155 feat(#I3BNXX): ValidateForm 组件增加 ValidateAllProperties 参数是否开启检查所有字段默认 false 仅检查表单中的绑定字段
+* !1154 feat(#I3BN0L): ValidateForm 组件增加 SetError 方法可主动设置绑定字段提示信息
+* !1153 feat(#I3BKXC): 优化 Upload 组件 ButtonUpload 模式上传失败后鼠标悬停图标
+* !1152 fix(#I3ALSP): 修复 Upload 组件 ShowProgress 与 IsMultiple 参数共同使用时出错问题
+* !1151 fix(#I3BGMV): 修复 Table 组件固定列后选中行样式被遮挡问题
+* !1147 fix(#I3AB7H): Upload 组件上传中增加 Spin 动画
+* !1145 fix(#I3BEBQ): 修复 Cascader 组件选中项样式
+* !1144 fix(#I3BBNS): 修复 Table 组件加载树形数据后与 ClickToSelect 参数冲突问题
+* !1143 perf(#I3BBMK): 优化 SweetAlert 组件内部弹窗性能
+* !1142 feat(#I3BADG): Dialog 组件支持无限弹窗
+* !1140 fix(#I3B9GU): 修复 Cascader 组件选择后显示文字不更新问题
+* !1139 feat(#I3B8RN): 演示站点增加切换主题功能
+* !1138 feat(#I3B8FX): Table 组件增加 ShowErrorToast 参数用于控制是否显示操作提示弹窗
+* !1137 feat(#I3B7UV): 新增 Cascader 组件
+* !1136 fix(#I3B502): 修复 Table 组件 ClickToSelect 属性与扩展操作按钮冲突问题
+* !1134 fix(#I3B50S): 修复 Table 组件树形数据点击节点无刷新问题
+* !1131 docs(#I3B1VU): Table 组件更新分页示例
+* !1130 feat(#I3B1VL): EditorForm 组件自动布局支持 Textarea 组件类型
+* !1128 fix(#I3AZOI): 修复 Menu 组件顶栏超过 5 个子菜单时样式不正确问题
+* !1127 perf(#I3AYCH): 优化 Dialog 组件性能阻止点击关闭等按钮导致子组件二次渲染问题

Directory.Build.props

@@ -1,5 +1,6 @@
 <Project>
   <PropertyGroup>
+    <TargetFramework>net5.0</TargetFramework>
     <Copyright>Argo Zhang</Copyright>
     <Authors>Argo Zhang(argo@163.com)</Authors>
     <Company>Longbow</Company>

NuGet.Config

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<configuration>
+  <packageSources>
+    <add key="azure" value="https://nuget.cdn.azure.cn/v3/index.json" />
+    <add key="cnblogs" value="https://nuget.cnblogs.com/v3/index.json" />
+    <add key="huawei" value="https://repo.huaweicloud.com/repository/nuget/v3/index.json" />
+  </packageSources>
+</configuration>

README.md

@@ -1,15 +1,15 @@
-<h1 align="center">Bootstrap Blazor Component</h1>
+<h1 align="center">Bootstrap Blazor Component</h1>
 
 <div align="center">
 <h2>A set of enterprise-class UI components based on Bootstrap and Blazor.</h2>
 
 
-[![Github build](https://img.shields.io/github/workflow/status/ArgoZhang/BootstrapBlazor/Package%20to%20Nuget/master?label=master&logo=github&logoColor=green)](https://github.com/ArgoZhang/BootstrapAdmin/actions?query=workflow%3A%22Auto+Build+CI%22+branch%3Amaster)
+[![Github build](https://img.shields.io/github/workflow/status/ArgoZhang/BootstrapBlazor/Build%20Project/main?label=main&logo=github&logoColor=green)](https://github.com/ArgoZhang/BootstrapBlazor/actions?query=workflow%3A%22Build+Project%22+branch%3Amain)
 [![Nuget](https://img.shields.io/nuget/v/BootstrapBlazor.svg?color=red&logo=nuget&logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)
 [![Nuget](https://img.shields.io/nuget/dt/BootstrapBlazor.svg?logo=nuget&logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)
-[![Github](https://img.shields.io/github/license/argozhang/bootstrapblazor.svg?logo=git&logoColor=red)](https://github.com/ArgoZhang/BootstrapBlazor/blob/master/LICENSE)
+[![Github](https://img.shields.io/github/license/argozhang/bootstrapblazor.svg?logo=git&logoColor=red)](https://github.com/ArgoZhang/BootstrapBlazor/blob/main/LICENSE)
 [![Repo Size](https://img.shields.io/github/repo-size/ArgoZhang/BootstrapBlazor.svg?logo=github&logoColor=green&label=repo)](https://github.com/ArgoZhang/BootstrapBlazor)
-[![Commit Date](https://img.shields.io/github/last-commit/ArgoZhang/BootstrapBlazor/master.svg?logo=github&logoColor=green&label=commit)](https://github.com/ArgoZhang/BootstrapBlazor)
+[![Commit Date](https://img.shields.io/github/last-commit/ArgoZhang/BootstrapBlazor/main.svg?logo=github&logoColor=green&label=commit)](https://github.com/ArgoZhang/BootstrapBlazor)
 
 </div>
 

README.zh-CN.md

@@ -1,4 +1,18 @@
-# Bootstrap Blazor Component
+<h1 align="center">Bootstrap Blazor 组件库</h1>
+
+<div align="center">
+<h2>一套基于 Bootstrap 和 Blazor 的企业级组件库</h2>
+
+[![Github build](https://img.shields.io/github/workflow/status/ArgoZhang/BootstrapBlazor/Build%20Project/main?label=main&logo=github&logoColor=green)](https://github.com/ArgoZhang/BootstrapBlazor/actions?query=workflow%3A%22Build+Project%22+branch%3Amain)
+[![Nuget](https://img.shields.io/nuget/v/BootstrapBlazor.svg?color=red&logo=nuget&logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)
+[![Nuget](https://img.shields.io/nuget/dt/BootstrapBlazor.svg?logo=nuget&logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)
+[![Github](https://img.shields.io/github/license/argozhang/bootstrapblazor.svg?logo=git&logoColor=red)](https://github.com/ArgoZhang/BootstrapBlazor/blob/main/LICENSE)
+[![Repo Size](https://img.shields.io/github/repo-size/ArgoZhang/BootstrapBlazor.svg?logo=github&logoColor=green&label=repo)](https://github.com/ArgoZhang/BootstrapBlazor)
+[![Commit Date](https://img.shields.io/github/last-commit/ArgoZhang/BootstrapBlazor/main.svg?logo=github&logoColor=green&label=commit)](https://github.com/ArgoZhang/BootstrapBlazor)
+
+</div>
+
+---
 
 <a href="README.md">English</a> | <span>中文</span>
 
@@ -28,17 +42,29 @@ Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架：
 2. 安装 Visual Studio 2019 最新版 [官方网址](https://visualstudio.microsoft.com/vs/getting-started/)
 3. 获取本项目代码 [BootstrapBlazor](https://gitee.com/LongbowEnterprise/BootstrapBlazor)
 
+## 相关资源
+
+- [Blazor 官方文档](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?WT.mc_id=DT-MVP-5004174)
+- [生成 Blazor Web 应用](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/?WT.mc_id=DT-MVP-5004174)
+- [什么是 Blazor](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/2-understand-blazor-webassembly?WT.mc_id=DT-MVP-5004174)
+- [练习 - 配置开发环境](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/3-exercise-configure-enviromnent?WT.mc_id=DT-MVP-5004174)
+- [Blazor 组件](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/4-blazor-components?WT.mc_id=DT-MVP-5004174)
+- [练习 - 添加组件](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/5-exercise-add-component?WT.mc_id=DT-MVP-5004174)
+- [数据绑定和事件](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/6-csharp-razor-binding?WT.mc_id=DT-MVP-5004174)
+- [练习 - 数据绑定和事件](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/7-exercise-razor-binding?WT.mc_id=DT-MVP-5004174)
+- [总结](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/8-summary?WT.mc_id=DT-MVP-5004174)
+
 ## QQ交流群
 
-[![QQ](https://img.shields.io/badge/QQ-795206915-green.svg?logo=tencent%20qq&logoColor=red)](https://shang.qq.com/wpa/qunwpa?idkey=d381355e50ff91db410c3da3eadb081ba859f64c2877e86343f4709b171f28b8)
+[![QQ](https://img.shields.io/badge/QQ-795206915(满)-red.svg?logo=tencent%20qq&logoColor=red)](https://qm.qq.com/cgi-bin/qm/qr?k=1-jF9-5WA_3GFiJgXem2U_AQfqbdyOlV&jump_from=webapi) [![QQ](https://img.shields.io/badge/QQ-675147445-green.svg?logo=tencent%20qq&logoColor=red)](https://qm.qq.com/cgi-bin/qm/qr?k=Geker7hCXK0HC-J8_974645j_n6w0OE0&jump_from=webapi)
 
 ## 视频教程
 
-B 站视频集锦 [传送门](https://gitee.com/LongbowEnterprise/BootstrapBlazor/wikis/%E8%A7%86%E9%A2%91%E8%B5%84%E6%BA%90?sort_id=3300624)
+B 站视频集锦 [传送门](https://space.bilibili.com/660853738/channel/index)
 
 ## 组件
 
-Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面、对话框或数据输入窗体。
+Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面、对话框或数据输入窗体。
 
 组件是内置到 .NET 程序集的 .NET 类，用来：
 - 定义灵活的 UI 呈现逻辑。
@@ -48,18 +74,16 @@ Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 
 ### 内置组件
 
-内置组件 [传送门](https://www.blazor.zone/alerts)
+内置组件 [传送门](https://www.blazor.zone/components)
 
 ## 分支说明
 
 - master 稳定分支
 - dev 开发功能分支
-- publish 与演示网站同步
 - 其他 均为临时分支
 
 ## 演示地址
-[![website](https://img.shields.io/badge/Github-https://argozhang.github.io-success.svg?logo=buzzfeed&logoColor=red&color=red)](https://argozhang.github.io)
-[![website](https://img.shields.io/badge/linux-https://www.blazor.zone-success.svg?logo=buzzfeed&logoColor=green)](https://www.blazor.zone)
+[![website](https://img.shields.io/badge/Github-海外-success.svg?logo=buzzfeed&logoColor=red&color=red)](https://argozhang.github.io) [![website](https://img.shields.io/badge/linux-备站-success.svg?logo=buzzfeed&logoColor=green)](https://blazor.zylweb.cn) [![website](https://img.shields.io/badge/linux-主站-success.svg?logo=buzzfeed&logoColor=green)](https://www.blazor.zone)
 
 ## GVP 奖杯
 ![项目奖杯](https://images.gitee.com/uploads/images/2021/0112/120620_e596ac3c_554725.png "GVP.png")

global.json

@@ -1,5 +0,0 @@
-{
-  "sdk": {
-    "version": "5.0.102"
-  }
-}

scripts/linux/deploy-blazor.sh

@@ -2,6 +2,7 @@
 
 cd ~/BootstrapBlazor
 git pull
+dotnet restore --no-cache
 dotnet publish src/BootstrapBlazor.WebConsole -c Release
 
 systemctl stop ba.blazor

src/BootstrapBlazor.Docs/BootstrapBlazor.Docs.csproj

@@ -1,11 +0,0 @@
-<Project Sdk="Microsoft.NET.Sdk.Razor">
-
-  <PropertyGroup>
-    <TargetFramework>net5.0</TargetFramework>
-  </PropertyGroup>
-
-  <ItemGroup>
-    <SupportedPlatform Include="browser" />
-  </ItemGroup>
-
-</Project>

src/BootstrapBlazor.Docs/wwwroot/docs/alert/alert.1.html

@@ -1,7 +0,0 @@
-<Alert Color="Color.Primary">主要的警告框</Alert>
-<Alert Color="Color.Secondary">次要的警告框</Alert>
-<Alert Color="Color.Success">成功的警告框</Alert>
-<Alert Color="Color.Danger">危险的警告框</Alert>
-<Alert Color="Color.Warning">警告的警告框</Alert>
-<Alert Color="Color.Info">信息的警告框</Alert>
-<Alert Color="Color.Dark">黑暗的警告框</Alert>

src/BootstrapBlazor.Docs/wwwroot/docs/alert/alert.2.html

@@ -1,7 +0,0 @@
-<Alert ShowDismiss="true" OnDismiss="@DismissClick" Color="Color.Primary">主要的警告框</Alert>
-<Alert ShowDismiss="true" OnDismiss="@DismissClick" Color="Color.Secondary">次要的警告框</Alert>
-<Alert ShowDismiss="true" OnDismiss="@DismissClick" Color="Color.Success">成功的警告框</Alert>
-<Alert ShowDismiss="true" OnDismiss="@DismissClick" Color="Color.Danger">危险的警告框</Alert>
-<Alert ShowDismiss="true" OnDismiss="@DismissClick" Color="Color.Warning">警告的警告框</Alert>
-<Alert ShowDismiss="true" OnDismiss="@DismissClick" Color="Color.Info">信息的警告框</Alert>
-<Alert ShowDismiss="true" OnDismiss="@DismissClick" Color="Color.Dark">黑暗的警告框</Alert>

src/BootstrapBlazor.Docs/wwwroot/docs/alert/alert.3.html

@@ -1,4 +0,0 @@
-<Alert Icon="fa fa-check-circle" Color="Color.Success">成功提示的文案</Alert>
-<Alert Icon="fa fa-warning" Color="Color.Warning">警告提示的文案</Alert>
-<Alert Icon="fa fa-question-circle" Color="Color.Info">消息提示的文案</Alert>
-<Alert Icon="fa fa-times-circle" Color="Color.Danger">错误提示的文案</Alert>

src/BootstrapBlazor.Docs/wwwroot/docs/alert/alert.4.html

@@ -1,15 +0,0 @@
-<Alert ShowBar="true" Color="Color.Info">
-    <div>消息提示的文案</div>
-</Alert>
-<Alert ShowBar="true" Color="Color.Success">
-    <div>成功提示的文案</div>
-</Alert>
-<Alert ShowBar="true" Color="Color.Primary">
-    <div>主要的警告框</div>
-</Alert>
-<Alert ShowBar="true" Color="Color.Warning">
-    <div>警告的警告框</div>
-</Alert>
-<Alert ShowBar="true" Color="Color.Danger">
-    <div>危险的警告框</div>
-</Alert>

src/BootstrapBlazor.Docs/wwwroot/docs/anchor/anchor.1.html

@@ -1,15 +0,0 @@
-<ul class="demo-ul">
-    <li><Anchor Target="anchor1" Offset="50">Anchor1</Anchor></li>
-    <li><Anchor Target="anchor2" Offset="50">Anchor2</Anchor></li>
-    <li><Anchor Target="anchor3" Offset="50">Anchor3</Anchor></li>
-    <li><Anchor Target="anchor4" Offset="50">Anchor4</Anchor></li>
-</ul>
-
-<h4 id="anchor1">Archor1</h4>
-<div>@ContentText1</div>
-<h4 id="anchor2">Archor2</h4>
-<div>@ContentText1</div>
-<h4 id="anchor3">Archor3</h4>
-<div>@ContentText1</div>
-<h4 id="anchor4">Archor4</h4>
-<div>@ContentText1</div>

src/BootstrapBlazor.Docs/wwwroot/docs/autocomplete/autocomplete.1.html

@@ -1 +0,0 @@
-<AutoComplete Items="@Items" />

src/BootstrapBlazor.Docs/wwwroot/docs/autocomplete/autocomplete.2.html

@@ -1 +0,0 @@
-<AutoComplete Items="@Items" ValueChanged="@OnValueChanged" />

src/BootstrapBlazor.Docs/wwwroot/docs/autocomplete/autocomplete.3.html

@@ -1 +0,0 @@
-<AutoComplete Items="@StaticItems" NoDataTip="没有找到你想要的数据" />

src/BootstrapBlazor.Docs/wwwroot/docs/autocomplete/autocomplete.4.html

@@ -1 +0,0 @@
-<AutoComplete Items="@StaticItems" IsLikeMatch="true" IgnoreCase="false" />

src/BootstrapBlazor.Docs/wwwroot/docs/autocomplete/autocomplete.5.html

@@ -1,31 +0,0 @@
-<p>前置标签显式规则与 <code>BootstrapInput</code> 组件一致 <a href="inputs">[传送门]</a></p>
-<Divider Text="双向绑定显示标签" Alignment="Alignment.Left" style="margin: 2rem 0;"></Divider>
-<ValidateForm class="form-inline" Model="@Model">
-    <div class="row">
-        <div class="form-group col-12">
-            <AutoComplete Items="@StaticItems" @bind-Value="@Model.Name" ShowLabel="true" />
-        </div>
-    </div>
-</ValidateForm>
-<Divider Text="双向绑定不显示标签" Alignment="Alignment.Left" style="margin: 2rem 0;" />
-<div class="form-inline">
-    <div class="row">
-        <div class="form-group col-12">
-            <AutoComplete Items="@StaticItems" @bind-Value="@Model.Name" ShowLabel="false" />
-        </div>
-    </div>
-</div>
-<Divider Text="自定义 DisplayText" Alignment="Alignment.Left" style="margin: 2rem 0;"></Divider>
-<div class="form-inline">
-    <div class="row">
-        <div class="form-group col-12">
-            <AutoComplete Items="@StaticItems" @bind-Value="@Model.Name" DisplayText="自定义城市" ShowLabel="true" />
-        </div>
-    </div>
-</div>
-
-@code {
-    private Foo Model { get; set; } = new Foo() { Name = "" };
-
-    private IEnumerable<string> StaticItems => new List<string> { "1", "12", "123", "1234", "12345", "123456", "abc", "abcdef", "ABC", "aBcDeFg", "ABCDEFG" };
-}

src/BootstrapBlazor.Docs/wwwroot/docs/avatar/avatar.1.html

@@ -1,11 +0,0 @@
-<Avatar Url="images/argo-c.png" IsCircle="true" Size="Size.ExtraLarge" />
-<Avatar Url="images/argo-c.png" IsCircle="true" Size="Size.Large" />
-<Avatar Url="images/argo-c.png" IsCircle="true" />
-<Avatar Url="images/argo-c.png" IsCircle="true" Size="Size.Small" />
-<Avatar Url="images/argo-c.png" IsCircle="true" Size="Size.ExtraSmall" />
-
-<Avatar Url="images/argo.png" Size="Size.ExtraLarge" />
-<Avatar Url="images/argo.png" Size="Size.Large" />
-<Avatar Url="images/argo.png" />
-<Avatar Url="images/argo.png" Size="Size.Small" />
-<Avatar Url="images/argo.png" Size="Size.ExtraSmall" />

src/BootstrapBlazor.Docs/wwwroot/docs/avatar/avatar.2.html

@@ -1,3 +0,0 @@
-<Avatar IsCircle="true" IsIcon="true" />
-<Avatar IsCircle="true" Url="images/argo-c.png" />
-<Avatar IsCircle="true" IsText="true" Text="User"/>

src/BootstrapBlazor.Docs/wwwroot/docs/avatar/avatar.3.html

@@ -1,4 +0,0 @@
-<Avatar IsCircle="true" IsBorder="true" Url="images/argo-c.png" />
-<Avatar IsCircle="true" IsBorder="true" Url="images/argo-c1.png" />
-<Avatar IsCircle="true" IsBorder="true" IsIcon="true" Icon="fa fa-tv" />
-<Avatar IsCircle="true" IsBorder="true" IsText="true" Text="AZ" />

src/BootstrapBlazor.Docs/wwwroot/docs/badge/badge.1.html

@@ -1,8 +0,0 @@
-<Badge Color="Color.Primary">primary</Badge>
-<Badge Color="Color.Secondary">secondary</Badge>
-<Badge Color="Color.Success">success</Badge>
-<Badge Color="Color.Danger">danger</Badge>
-<Badge Color="Color.Warning">warning</Badge>
-<Badge Color="Color.Info">info</Badge>
-<Badge Color="Color.Dark">dark</Badge>
-<Badge Color="Color.Light">light</Badge>

src/BootstrapBlazor.Docs/wwwroot/docs/badge/badge.2.html

@@ -1,8 +0,0 @@
-<Badge IsPill="true" Color="Color.Primary">primary</Badge>
-<Badge IsPill="true" Color="Color.Secondary">secondary</Badge>
-<Badge IsPill="true" Color="Color.Success">success</Badge>
-<Badge IsPill="true" Color="Color.Danger">danger</Badge>
-<Badge IsPill="true" Color="Color.Warning">warning</Badge>
-<Badge IsPill="true" Color="Color.Info">info</Badge>
-<Badge IsPill="true" Color="Color.Dark">dark</Badge>
-<Badge IsPill="true" Color="Color.Light">light</Badge>

src/BootstrapBlazor.Docs/wwwroot/docs/badge/badge.3.html

@@ -1,11 +0,0 @@
-<Button Color="Color.Primary">
-   <i class="fa fa-tv"></i>
-   <span>主要按钮</span>
-   <Badge Color="Color.Danger">1</Badge>
-</Button>
-<div class="badge-widget">
-   <i class="fa fa-tv"></i>
-   <Badge Color="Color.Success">
-      <span style="padding: 0 2px;">8</span>
-   </Badge>
-</div>

src/BootstrapBlazor.Docs/wwwroot/docs/barcode/barcode.1.html

@@ -1,34 +0,0 @@
-<BarcodeReader OnInit="@OnInit" OnResult="@OnResult" OnStart="@OnStart" OnClose="@OnClose" OnError="@OnError" />
-
-@code {
-    private Task OnInit(IEnumerable<Camera> devices)
-    {
-        var cams = string.Join("", devices.Select(i => i.Label));
-        Trace?.Log($"初始化摄像头完成 {cams}");
-        return Task.CompletedTask;
-    }
-
-    private Task OnResult(string barcode)
-    {
-        Trace?.Log($"扫描到条码 {barcode}");
-        return Task.CompletedTask;
-    }
-
-    private Task OnError(string error)
-    {
-        Trace?.Log($"发生错误 {error}");
-        return Task.CompletedTask;
-    }
-
-    private Task OnStart()
-    {
-        Trace?.Log($"打开摄像头");
-        return Task.CompletedTask;
-    }
-
-    private Task OnClose()
-    {
-        Trace?.Log($"关闭摄像头");
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/barcode/barcode.2.html

@@ -1,15 +0,0 @@
-<BarcodeReader ScanType="@ScanType.Image" OnResult="@OnImageResult" OnError="@OnImageError" />
-
-@code {
-    private Task OnImageResult(string barcode)
-    {
-        //Trace2?.Log($"扫描到条码 {barcode}");
-        return Task.CompletedTask;
-    }
-
-    private Task OnImageError(string err)
-    {
-        //Trace2?.Log($"发生错误 {err}");
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/barcode/barcode.3.html

@@ -1 +0,0 @@
-<BarcodeReader OnResult="@OnImageResult" OnError="@OnImageError" AutoStart="true" />

src/BootstrapBlazor.Docs/wwwroot/docs/breadcrumb/breadcrumb.1.html

@@ -1,21 +0,0 @@
-<Breadcrumb Value="@DataSource" />
-
-@code {
-    [NotNull]
-    private IEnumerable<BreadcrumbItem>? DataSource { get; set; }
-
-    /// <summary>
-    /// OnInitialized 方法
-    /// </summary>
-    protected override void OnInitialized()
-    {
-        base.OnInitialized();
-
-        DataSource = new List<BreadcrumbItem>
-        {
-            new BreadcrumbItem("Home", "#"),
-            new BreadcrumbItem("Library", "#"),
-            new BreadcrumbItem("Data")
-        };
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/button/button.1.html

@@ -1,9 +0,0 @@
-<Button @onclick="@ButtonClick" Color="Color.Primary">主要按钮</Button>
-<Button @onclick="@ButtonClick" Color="Color.Secondary">次要按钮</Button>
-<Button @onclick="@ButtonClick" Color="Color.Success">成功按钮</Button>
-<Button @onclick="@ButtonClick" Color="Color.Danger">危险按钮</Button>
-<Button @onclick="@ButtonClick" Color="Color.Warning">警告按钮</Button>
-<Button @onclick="@ButtonClick" Color="Color.Info">信息按钮</Button>
-<Button @onclick="@ButtonClick" Color="Color.Dark">黑暗按钮</Button>
-<Button @onclick="@ButtonClick" Color="Color.Light">高亮按钮</Button>
-<Button @onclick="@ButtonClick" Color="Color.Link">链接按钮</Button>

src/BootstrapBlazor.Docs/wwwroot/docs/button/button.2.html

@@ -1,9 +0,0 @@
-<Button IsOutline="true" Color="Color.Primary">主要按钮</Button>
-<Button IsOutline="true" Color="Color.Secondary">次要按钮</Button>
-<Button IsOutline="true" Color="Color.Success">成功按钮</Button>
-<Button IsOutline="true" Color="Color.Danger">危险按钮</Button>
-<Button IsOutline="true" Color="Color.Warning">警告按钮</Button>
-<Button IsOutline="true" Color="Color.Info">信息按钮</Button>
-<Button IsOutline="true" Color="Color.Dark">黑暗按钮</Button>
-<Button IsOutline="true" Color="Color.Light">高亮按钮</Button>
-<Button IsOutline="true" Color="Color.Link">链接按钮</Button>

src/BootstrapBlazor.Docs/wwwroot/docs/button/button.3.html

@@ -1,7 +0,0 @@
-<Button Size="Size.ExtraSmall" Color="Color.Primary">超小按钮</Button>
-<Button Size="Size.Small" Color="Color.Secondary">小按钮</Button>
-<Button Size="Size.None" Color="Color.Info">按钮</Button>
-<Button Size="Size.Medium" Color="Color.Success">中等按钮</Button>
-<Button Size="Size.Large" Color="Color.Danger">大按钮</Button>
-<Button Size="Size.ExtraLarge" Color="Color.Warning">超大按钮</Button>
-<Button IsBlock="true" Color="Color.Primary">Block 按钮</Button>

src/BootstrapBlazor.Docs/wwwroot/docs/button/button.4.html

@@ -1,33 +0,0 @@
-<Button IsDisabled="true" Color="Color.Primary">主要按钮</Button>
-<Button IsDisabled="true" Color="Color.Secondary">次要按钮</Button>
-<Button IsDisabled="true" Color="Color.Success">成功按钮</Button>
-<Button IsDisabled="true" Color="Color.Danger">危险按钮</Button>
-<Button IsDisabled="true" Color="Color.Warning">警告按钮</Button>
-<Button IsDisabled="true" Color="Color.Info">信息按钮</Button>
-<Button IsDisabled="true" Color="Color.Dark">黑暗按钮</Button>
-<Button IsDisabled="true" Color="Color.Light">高亮按钮</Button>
-<Button IsDisabled="true" Color="Color.Link">链接按钮</Button>
-
-<Button Text="点击被禁用" OnClick="@ClickButton1" @ref="ButtonDisableDemo" IsDisabled="@IsDisable">
-    <Tooltip Title="点击按钮后由于被禁用 Tooltip 被销毁" Placement="Placement.Top" Trigger="hover" />
-</Button>
-<Button Color="Color.Info" Text="点击后使第一个按钮可用" OnClickWithoutRender="@ClickButton2" class="ml-3"></Button>
-
-@code {
-    private Button ButtonDisableDemo { get; set; }
-
-    private bool IsDisable { get; set; }
-
-    private void ClickButton1()
-    {
-        IsDisable = !IsDisable;
-        StateHasChanged();
-    }
-
-    private Task ClickButton2()
-    {
-        IsDisable = false;
-        ButtonDisableDemo.SetDisable(false);
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/button/button.5.html

@@ -1,4 +0,0 @@
-<div class="btn-group" role="group">
-    <Button Color="Color.Primary">按钮一</Button>
-    <Button Color="Color.Success">按钮二</Button>
-</div>

src/BootstrapBlazor.Docs/wwwroot/docs/button/button.6.html

@@ -1,2 +0,0 @@
-<Button Color="Color.Primary" Icon="fa fa-fa" Text="状态按钮"></Button>
-<Button Color="Color.Info" Icon="fa fa-spinner fa-spin fa-fw" Text="进度按钮"></Button>

src/BootstrapBlazor.Docs/wwwroot/docs/button/button.7.html

@@ -1,6 +0,0 @@
-<Button ButtonStyle="ButtonStyle.Round" Color="Color.Primary">主要按钮</Button>
-<Button ButtonStyle="ButtonStyle.Round" Color="Color.Secondary">次要按钮</Button>
-<Button ButtonStyle="ButtonStyle.Round" Color="Color.Success">成功按钮</Button>
-<Button ButtonStyle="ButtonStyle.Round" Color="Color.Danger">危险按钮</Button>
-<Button ButtonStyle="ButtonStyle.Round" Color="Color.Warning">警告按钮</Button>
-<Button ButtonStyle="ButtonStyle.Circle" Icon="fa fa-fw fa-cubes"></Button>

src/BootstrapBlazor.Docs/wwwroot/docs/button/button.8.html

@@ -1,14 +0,0 @@
-<WinButton Text="按钮一" OnClick="@ClickButtonShowText"></WinButton>
-<WinButton Text="按钮二" OnClick="@ClickButtonShowText"></WinButton>
-<div>@ButtonText</div>
-
-@code {
-    private string ButtonText { get; set; } = "";
-
-    private Task ClickButtonShowText(string text)
-    {
-        ButtonText = text;
-        StateHasChanged();
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/calendar/calendar.1.html

@@ -1 +0,0 @@
-<Calendar ValueChanged="@OnValueChanged" />

src/BootstrapBlazor.Docs/wwwroot/docs/calendar/calendar.2.html

@@ -1 +0,0 @@
-<Calendar @bind-Value="@BindValue" />

src/BootstrapBlazor.Docs/wwwroot/docs/calendar/calendar.3.html

@@ -1 +0,0 @@
-<Calendar ViewModel="CalendarViewModel.Week" />

src/BootstrapBlazor.Docs/wwwroot/docs/calendar/calendar.4.html

@@ -1,63 +0,0 @@
-<Calendar ViewModel="CalendarViewModel.Week">
-    <tr>
-        <td class="none">无</td>
-        <td rowspan="4"><div class="less ch">语文</div></td>
-        <td>数学</td>
-        <td>语文</td>
-        <td>数学</td>
-        <td>英语</td>
-        <td class="none">无</td>
-    </tr>
-    <tr>
-        <td class="none">无</td>
-        <td>数学</td>
-        <td rowspan="3"><div class="less en">英语</div></td>
-        <td>数学</td>
-        <td>英语</td>
-        <td class="none">无</td>
-    </tr>
-    <tr>
-        <td class="none">无</td>
-        <td>数学</td>
-        <td>数学</td>
-        <td>英语</td>
-        <td class="none">无</td>
-    </tr>
-    <tr>
-        <td class="none">无</td>
-        <td>数学</td>
-        <td>数学</td>
-        <td>英语</td>
-        <td class="none">无</td>
-    </tr>
-    <tr>
-        <td style="background-color: #f8f9fa;" colspan="7">午休</td>
-    </tr>
-    <tr>
-        <td class="none">无</td>
-        <td>数学</td>
-        <td>语文</td>
-        <td>英语</td>
-        <td>数学</td>
-        <td>英语</td>
-        <td class="none">无</td>
-    </tr>
-    <tr>
-        <td class="none">无</td>
-        <td>自习</td>
-        <td>自习</td>
-        <td>自习</td>
-        <td>自习</td>
-        <td>自习</td>
-        <td class="none">无</td>
-    </tr>
-    <tr>
-        <td class="none">无</td>
-        <td>自习</td>
-        <td>自习</td>
-        <td>自习</td>
-        <td>自习</td>
-        <td>自习</td>
-        <td class="none">无</td>
-    </tr>
-</Calendar>

src/BootstrapBlazor.Docs/wwwroot/docs/camera/camera.1.html

@@ -1,37 +0,0 @@
-<Camera OnInit="@OnInit" OnStart="@OnStart" OnClose="@OnClose" OnError="@OnError" OnCapture="@OnCapture" />
-<Logger @ref="Trace" class="mt-3" />
-
-@code {
-    private Logger Trace { get; set; }
-
-    private Task OnInit(IEnumerable<DeviceItem> devices)
-    {
-        var cams = string.Join("", devices.Select(i => i.Label));
-        Trace?.Log($"初始化摄像头完成 {cams}");
-        return Task.CompletedTask;
-    }
-
-    private Task OnError(string err)
-    {
-        Trace?.Log("发生错误 {err}");
-        return Task.CompletedTask;
-    }
-
-    private Task OnStart()
-    {
-        Trace?.Log("打开摄像头");
-        return Task.CompletedTask;
-    }
-
-    private Task OnClose()
-    {
-        Trace?.Log("关闭摄像头");
-        return Task.CompletedTask;
-    }
-
-    private Task OnCapture()
-    {
-        Trace?.Log("拍照完成");
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/camera/camera.2.html

@@ -1 +0,0 @@
-<Camera ShowPreview="true" />

src/BootstrapBlazor.Docs/wwwroot/docs/camera/camera.3.html

@@ -1 +0,0 @@
-<Camera AutoStart="true" />

src/BootstrapBlazor.Docs/wwwroot/docs/captcha/captcha.1.html

@@ -1 +0,0 @@
-<Captcha />

src/BootstrapBlazor.Docs/wwwroot/docs/captcha/captcha.2.html

@@ -1 +0,0 @@
-<Captcha ImagesPath="@ImagesPath" ImagesName="@ImagesName" />

src/BootstrapBlazor.Docs/wwwroot/docs/captcha/captcha.3.html

@@ -1 +0,0 @@
-<Captcha GetImageName="@GetImageName" />

src/BootstrapBlazor.Docs/wwwroot/docs/card/card.1.html

@@ -1,7 +0,0 @@
-<Card style="width: 18rem;">
-    <CardBody>
-        <h5 class="card-title">Card title</h5>
-        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-        <a href="#" class="btn btn-primary">Go somewhere</a>
-    </CardBody>
-</Card>

src/BootstrapBlazor.Docs/wwwroot/docs/card/card.2.html

@@ -1,13 +0,0 @@
-<Card>
-    <CardHeader>
-        Featured
-    </CardHeader>
-    <CardBody>
-        <h5 class="card-title">Special title treatment</h5>
-        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
-        <a href="#" class="btn btn-primary">Go somewhere</a>
-    </CardBody>
-    <CardFooter>
-        2 days ago
-    </CardFooter>
-</Card>

src/BootstrapBlazor.Docs/wwwroot/docs/card/card.3.html

@@ -1,13 +0,0 @@
-<Card IsCenter="true">
-    <CardHeader>
-        Featured
-    </CardHeader>
-    <CardBody>
-        <h5 class="card-title">Special title treatment</h5>
-        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
-        <a href="#" class="btn btn-primary">Go somewhere</a>
-    </CardBody>
-    <CardFooter>
-        2 days ago
-    </CardFooter>
-</Card>

src/BootstrapBlazor.Docs/wwwroot/docs/card/card.4.html

@@ -1,65 +0,0 @@
-<div class="row flex">
-    <Card Color="Color.Primary" Class="ml-3  mt-2" IsCenter="true" style="width: 18rem;">
-        <CardHeader>
-            Header
-        </CardHeader>
-        <CardBody>
-            <h5 class="card-title">Primary card title</h5>
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-        </CardBody>
-    </Card>
-    <Card Color="Color.Secondary" Class="ml-3  mt-2" IsCenter="true" style="width: 18rem;">
-        <CardHeader>
-            Header
-        </CardHeader>
-        <CardBody>
-            <h5 class="card-title">Success card title</h5>
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-        </CardBody>
-    </Card>
-    <Card Color="Color.Success" Class="ml-3  mt-2" IsCenter="true" style="width: 18rem;">
-        <CardHeader>
-            Header
-        </CardHeader>
-        <CardBody>
-            <h5 class="card-title">Secondary card title</h5>
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-        </CardBody>
-    </Card>
-    <Card Color="Color.Warning" Class="ml-3  mt-2" IsCenter="true" style="width: 18rem;">
-        <CardHeader>
-            Header
-        </CardHeader>
-        <CardBody>
-            <h5 class="card-title">Warning card title</h5>
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-        </CardBody>
-    </Card>
-    <Card Color="Color.Danger" Class="ml-3  mt-2" IsCenter="true" style="width: 18rem;">
-        <CardHeader>
-            Header
-        </CardHeader>
-        <CardBody>
-            <h5 class="card-title">Danger card title</h5>
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-        </CardBody>
-    </Card>
-    <Card Color="Color.Info" Class="ml-3  mt-2" IsCenter="true" style="width: 18rem;">
-        <CardHeader>
-            Header
-        </CardHeader>
-        <CardBody>
-            <h5 class="card-title">Info card title</h5>
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-        </CardBody>
-    </Card>
-    <Card Color="Color.Dark" Class="ml-3  mt-2" IsCenter="true" style="width: 18rem;">
-        <CardHeader>
-            Header
-        </CardHeader>
-        <CardBody>
-            <h5 class="card-title">Dark card title</h5>
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-        </CardBody>
-    </Card>
-</div>

src/BootstrapBlazor.Docs/wwwroot/docs/carousel/carousel.1.html

@@ -1,10 +0,0 @@
-<Carousel Images="@Images" Width="280"></Carousel>
-
-@code {
-    private IEnumerable<string> Images = new List<string>()
-    {
-        "images/Pic0.jpg",
-        "images/Pic1.jpg",
-        "images/Pic2.jpg"
-    };
-}

src/BootstrapBlazor.Docs/wwwroot/docs/carousel/carousel.2.html

@@ -1 +0,0 @@
-<Carousel Images="@Images" Width="280" IsFade="true"></Carousel>

src/BootstrapBlazor.Docs/wwwroot/docs/carousel/carousel.3.html

@@ -1,27 +0,0 @@
-<Carousel Images="@Images" Width="280" IsFade="true" OnClick="@OnClick"></Carousel>
-<Logger @ref="Trace" class="mt-3" />
-
-@code {
-    /// <summary>
-    /// 
-    /// </summary>
-    private Logger? Trace { get; set; }
-
-    private IEnumerable<string> Images => new List<string>()
-    {
-        "_content/BootstrapBlazor.Shared/images/Pic0.jpg",
-        "_content/BootstrapBlazor.Shared/images/Pic1.jpg",
-        "_content/BootstrapBlazor.Shared/images/Pic2.jpg"
-    };
-
-    /// <summary>
-    /// 
-    /// </summary>
-    /// <param name="imageUrl"></param>
-    /// <returns></returns>
-    private Task OnClick(string imageUrl)
-    {
-        Trace?.Log($"Image Clicked: {imageUrl}");
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/chart/chart.1.html

@@ -1,22 +0,0 @@
-<Chart OnInit="@(() => OnInit(LineDatasetCount, LineDataCount))" />
-
-@code{
-    private Task<ChartDataSource> OnInit(int dsCount, int daCount)
-    {
-        var ds = new ChartDataSource();
-        ds.Options.XAxes.Add(new ChartAxes() { LabelString = "天数" });
-        ds.Options.YAxes.Add(new ChartAxes() { LabelString = "数值" });
-
-        ds.Labels = Enumerable.Range(1, daCount).Select(i => i.ToString());
-
-        for (var index = 0; index < dsCount; index++)
-        {
-            ds.Data.Add(new ChartDataset()
-            {
-                Label = $"数据集 {index}",
-                Data = Enumerable.Range(1, daCount).Select(i => Random(20, 37)).Cast<object>()
-            });
-        }
-        return Task.FromResult(ds);
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/chart/chart.2.html

@@ -1,22 +0,0 @@
-<Chart ChartType="ChartType.Bar" OnInit="@(() => OnInit(BarDatasetCount, BarDataCount))" />
-
-@code{
-    private Task<ChartDataSource> OnInit(int dsCount, int daCount)
-    {
-        var ds = new ChartDataSource();
-        ds.Options.XAxes.Add(new ChartAxes() { LabelString = "天数" });
-        ds.Options.YAxes.Add(new ChartAxes() { LabelString = "数值" });
-
-        ds.Labels = Enumerable.Range(1, daCount).Select(i => i.ToString());
-
-        for (var index = 0; index < dsCount; index++)
-        {
-            ds.Data.Add(new ChartDataset()
-            {
-                Label = $"数据集 {index}",
-                Data = Enumerable.Range(1, daCount).Select(i => Randomer.Next(20, 37)).Cast<object>()
-            });
-        }
-        return Task.FromResult(ds);
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/chart/chart.3.html

@@ -1,25 +0,0 @@
-<Chart ChartType="ChartType.Pie" OnInit="@(() => OnPieInit(PieDatasetCount, PieDataCount))" />
-
-@code{
-    private Task<ChartDataSource> OnPieInit(int dsCount, int daCount)
-    {
-        var ds = new ChartDataSource();
-        ds.Options.XAxes.Add(new ChartAxes() { LabelString = "天数" });
-        ds.Options.ShowXAxesLine = false;
-
-        ds.Options.YAxes.Add(new ChartAxes() { LabelString = "数值" });
-        ds.Options.ShowYAxesLine = false;
-
-        ds.Labels = Colors.Take(daCount);
-
-        for (var index = 0; index < dsCount; index++)
-        {
-            ds.Data.Add(new ChartDataset()
-            {
-                Label = $"数据集 {index}",
-                Data = Enumerable.Range(1, daCount).Select(i => Randomer.Next(20, 37)).Cast<object>()
-            });
-        }
-        return Task.FromResult(ds);
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/chart/chart.4.html

@@ -1,25 +0,0 @@
-<Chart ChartType="ChartType.Doughnut" OnInit="@(() => OnPieInit(DoughnutDatasetCount, DoughnutDataCount))" />
-
-@code{
-    private Task<ChartDataSource> OnPieInit(int dsCount, int daCount)
-    {
-        var ds = new ChartDataSource();
-        ds.Options.XAxes.Add(new ChartAxes() { LabelString = "天数" });
-        ds.Options.ShowXAxesLine = false;
-
-        ds.Options.YAxes.Add(new ChartAxes() { LabelString = "数值" });
-        ds.Options.ShowYAxesLine = false;
-
-        ds.Labels = Colors.Take(daCount);
-
-        for (var index = 0; index < dsCount; index++)
-        {
-            ds.Data.Add(new ChartDataset()
-            {
-                Label = $"数据集 {index}",
-                Data = Enumerable.Range(1, daCount).Select(i => Randomer.Next(20, 37)).Cast<object>()
-            });
-        }
-        return Task.FromResult(ds);
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/chart/chart.5.html

@@ -1,25 +0,0 @@
-<Chart ChartType="ChartType.Bubble" OnInit="@(() => OnBubbleInit(BubbleDatasetCount, BubbleDataCount))" />
-
-@code{
-    private Task<ChartDataSource> OnPieInit(int dsCount, int daCount)
-    {
-        var ds = new ChartDataSource();
-        ds.Options.XAxes.Add(new ChartAxes() { LabelString = "天数" });
-        ds.Options.ShowXAxesLine = false;
-
-        ds.Options.YAxes.Add(new ChartAxes() { LabelString = "数值" });
-        ds.Options.ShowYAxesLine = false;
-
-        ds.Labels = Colors.Take(daCount);
-
-        for (var index = 0; index < dsCount; index++)
-        {
-            ds.Data.Add(new ChartDataset()
-            {
-                Label = $"数据集 {index}",
-                Data = Enumerable.Range(1, daCount).Select(i => Randomer.Next(20, 37)).Cast<object>()
-            });
-        }
-        return Task.FromResult(ds);
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/checkbox/checkbox.1.html

@@ -1,2 +0,0 @@
-<Checkbox TValue="string" State="CheckboxState.Checked" DisplayText="选中" ShowLabel="true"></Checkbox>
-<Checkbox TValue="string" State="CheckboxState.UnChecked" DisplayText="未选" ShowLabel="true"></Checkbox>

src/BootstrapBlazor.Docs/wwwroot/docs/checkbox/checkbox.2.html

@@ -1,10 +0,0 @@
-<div class="form-inline">
-    <div class="row">
-        <div class="form-group col-12 col-md-4">
-            <Checkbox TValue="string" State="CheckboxState.Checked" IsDisabled="true" DisplayText="选中" ShowLabel="true"></Checkbox>
-        </div>
-        <div class="form-group col-12 col-md-4">
-            <Checkbox TValue="string" State="CheckboxState.UnChecked" IsDisabled="true" DisplayText="未选" ShowLabel="true"></Checkbox>
-        </div>
-    </div>
-</div>

src/BootstrapBlazor.Docs/wwwroot/docs/checkbox/checkbox.3.html

@@ -1 +0,0 @@
-<Checkbox TValue="string" DisplayText="显示文字" ShowAfterLabel="true"></Checkbox>

src/BootstrapBlazor.Docs/wwwroot/docs/checkbox/checkbox.4.html

@@ -1,17 +0,0 @@
-<div class="form-inline">
-    <div class="row">
-        <div class="form-group col-12">
-            <Checkbox DisplayText="双向绑定" ShowLabel="true" @bind-Value="@BindValue"></Checkbox>
-        </div>
-        <div class="form-group col-12">
-            <BootstrapInput @bind-Value="@BindValue" IsDisabled="true"></BootstrapInput>
-        </div>
-    </div>
-</div>
-
-@code {
-    /// <summary>
-    /// 
-    /// </summary>
-    private bool BindValue { get; set; }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/checkbox/checkbox.5.html

@@ -1,18 +0,0 @@
-<div class="form-inline">
-    <div class="row">
-        <div class="form-group col-12">
-            <Checkbox DisplayText="双向绑定" ShowLabel="true" @bind-Value="@BindValue"></Checkbox>
-        </div>
-        <div class="form-group col-12">
-            <BootstrapInput @bind-Value="@BindValue" IsDisabled="true"></BootstrapInput>
-        </div>
-    </div>
-</div>
-
-@code {
-    /// <summary>
-        /// 
-        /// </summary>
-        private bool BindValue { get; set; }
-    }
-}    

src/BootstrapBlazor.Docs/wwwroot/docs/checkbox/checkbox.6.html

@@ -1,20 +0,0 @@
-<ValidateForm class="form-inline" Model="@Model">
-    <div class="row">
-        <div class="form-group col-12 col-sm-6">
-            <Checkbox @bind-Value="@Model.BindValue" ShowLabel="true"></Checkbox>
-        </div>
-        <div class="form-group col-12 col-sm-6">
-            <Checkbox @bind-Value="@Model.BindValue" ShowLabel="true" DisplayText="手写标签"></Checkbox>
-        </div>
-    </div>
-</ValidateForm>
-
-@code {
-    class Foo
-    {
-        [DisplayName("标签文字")]
-        public bool BindValue { get; set; }
-    }
-
-    private Foo Model { get; set; } = new Foo();
-}

src/BootstrapBlazor.Docs/wwwroot/docs/checkboxlist/checkboxlist.1.html

@@ -1,35 +0,0 @@
-<CheckboxList TModel="Foo" TValue="string" @bind-Value="@Value1" Items="@Items1"
-              OnSelectedChanged="@OnSelectedChanged"
-              ValueField="Value" TextField="Text" CheckedField="Checked"></CheckboxList>
-
-@code {
-    private class Foo
-    {
-        public string Text { get; set; } = "";
-
-        public int Value { get; set; }
-
-        public bool Checked { get; set; }
-    }
-
-    /// <summary>
-    /// 
-    /// </summary>
-    private IEnumerable<Foo> Items1 { get; set; } = new List<Foo>()
-    {
-        new Foo { Text = "Item 1", Value = 1, Checked = true },
-        new Foo { Text = "Item 2", Value = 2, Checked = false },
-        new Foo { Text = "Item 3", Value = 3, Checked = true },
-        new Foo { Text = "Item 4", Value = 4, Checked = false }
-    };
-
-    private string Value1 { get; set; } = "1,3";
-
-    private Task OnSelectedChanged(IEnumerable<Foo> items, Foo foo, string value)
-    {
-        Trace?.Log($"{foo.Text} - {foo.Checked} Value: {foo.Value} 共 {items.Where(i => i.Checked).Count()} 项被选中 组件绑定值 value：{value}");
-        Trace?.Log($"组件绑定值 Value1：{Value1}");
-
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/checkboxlist/checkboxlist.2.html

@@ -1,44 +0,0 @@
-<ValidateForm Model="@FooModel">
-    <div class="form-inline">
-        <div class="row">
-            <div class="form-group col-12">
-                <CheckboxList TModel="Foo" TValue="string" @bind-Value="@FooModel.Value" Items="@Items2"
-                              ValueField="Value" TextField="Text" CheckedField="Checked">
-                    <RequiredValidator />
-                </CheckboxList>
-            </div>
-        </div>
-        <div class="row">
-            <div class="form-group col-12">
-                <div class="control-label">绑定值：</div>
-                <div class="form-control">@FooModel.Value</div>
-            </div>
-        </div>
-    </div>
-</ValidateForm>
-
-@code {
-    private class Model
-    {
-        public string Value { get; set; } = "5,8";
-    }
-
-    private Model FooModel { get; set; } = new Model();
-   
-    private class Foo
-    {
-        public string Text { get; set; } = "";
-
-        public int Value { get; set; }
-
-        public bool Checked { get; set; }
-    }
-
-    private IEnumerable<Foo> Items2 { get; set; } = new List<Foo>()
-    {
-        new Foo { Text = "Item 5", Value = 5, Checked = true },
-        new Foo { Text = "Item 6", Value = 6, Checked = false },
-        new Foo { Text = "Item 7", Value = 7, Checked = true },
-        new Foo { Text = "Item 8", Value = 8, Checked = false }
-    };
-}

src/BootstrapBlazor.Docs/wwwroot/docs/checkboxlist/checkboxlist.3.html

@@ -1,35 +0,0 @@
-<CheckboxList TModel="Foo" TValue="IEnumerable<int>" Items="@Items3" @bind-Value="@Value2"
-              ValueField="Value" TextField="Text" CheckedField="Checked"></CheckboxList>
-<div class="form-inline mt-3">
-    <div class="row">
-        <div class="form-group col-12">
-            <div class="control-label">绑定值：</div>
-            <div class="form-control">@(string.Join(",", Value2))</div>
-        </div>
-    </div>
-</div>
-
-<CheckboxList TModel="Foo" TValue="IEnumerable<string>" Items="@Items4" @bind-Value="@Value3"
-              ValueField="Text" TextField="Text" CheckedField="Checked"></CheckboxList>
-
-@code {
-    private IEnumerable<Foo> Items3 { get; set; } = new List<Foo>()
-    {
-        new Foo { Text = "Item 9", Value = 9, Checked = false },
-        new Foo { Text = "Item 10", Value = 10, Checked = false },
-        new Foo { Text = "Item 11", Value = 11, Checked = false },
-        new Foo { Text = "Item 12", Value = 12, Checked = false }
-    }; 
-
-    private IEnumerable<Foo> Items4 { get; set; } = new List<Foo>()
-    {
-        new Foo { Text = "Item 13", Value = 13, Checked = false },
-        new Foo { Text = "Item 14", Value = 14, Checked = false },
-        new Foo { Text = "Item 15", Value = 15, Checked = false },
-        new Foo { Text = "Item 16", Value = 16, Checked = false },
-    });
-
-    private IEnumerable<int> Value2 { get; set; } = new int[] { 9, 10 };
-
-    private IEnumerable<string> Value3 { get; set; } = new string[] { "Item 13", "Item 15" };        
-}

src/BootstrapBlazor.Docs/wwwroot/docs/circle/circle.1.html

@@ -1 +0,0 @@
-<Circle Value="@CircleValue" />

src/BootstrapBlazor.Docs/wwwroot/docs/circle/circle.2.html

@@ -1,7 +0,0 @@
-<Circle Value="10" Color="Color.Primary" />
-<Circle Value="20" Color="Color.Success" />
-<Circle Value="30" Color="Color.Info" />
-<Circle Value="40" Color="Color.Warning" />
-<Circle Value="50" Color="Color.Danger" />
-<Circle Value="60" Color="Color.Secondary" />
-<Circle Value="70" Color="Color.Dark" />

src/BootstrapBlazor.Docs/wwwroot/docs/circle/circle.3.html

@@ -1 +0,0 @@
-<Circle Value="80" Color="Color.Info" StrokeWidth="5" />

src/BootstrapBlazor.Docs/wwwroot/docs/circle/circle.4.html

@@ -1,10 +0,0 @@
-<Circle Width="250" Value="75" Color="Color.Success" StrokeWidth="10" ShowProgress="false">
-    <div class="circle-demo">
-        <h1>42,001,776</h1>
-        <p>消费人群规模</p>
-        <span>
-            总占人数
-            <i>75%</i>
-        </span>
-    </div>
-</Circle>

src/BootstrapBlazor.Docs/wwwroot/docs/collapse/collapse.1.html

@@ -1,21 +0,0 @@
-<Collapse>
-    <CollapseItems>
-        <CollapseItem Text="一致性 Consistency">
-            <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
-            <div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
-        </CollapseItem>
-        <CollapseItem Text="反馈 Feedback" IsCollapsed="false">
-            <div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>
-            <div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>
-        </CollapseItem>
-        <CollapseItem Text="效率 Efficiency">
-            <div>简化流程：设计简洁直观的操作流程；</div>
-            <div>清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；</div>
-            <div>帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。</div>
-        </CollapseItem>
-        <CollapseItem Text="可控 Controllability">
-            <div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div>
-            <div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div>
-        </CollapseItem>
-    </CollapseItems>
-</Collapse>

src/BootstrapBlazor.Docs/wwwroot/docs/collapse/collapse.2.html

@@ -1,21 +0,0 @@
-<Collapse ShowArrow="true">
-    <CollapseItems>
-        <CollapseItem Text="一致性 Consistency">
-            <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
-            <div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
-        </CollapseItem>
-        <CollapseItem Text="反馈 Feedback" IsCollapsed="false">
-            <div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>
-            <div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>
-        </CollapseItem>
-        <CollapseItem Text="效率 Efficiency">
-            <div>简化流程：设计简洁直观的操作流程；</div>
-            <div>清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；</div>
-            <div>帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。</div>
-        </CollapseItem>
-        <CollapseItem Text="可控 Controllability">
-            <div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div>
-            <div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div>
-        </CollapseItem>
-    </CollapseItems>
-</Collapse>

src/BootstrapBlazor.Docs/wwwroot/docs/collapse/collapse.3.html

@@ -1,21 +0,0 @@
-<Collapse ShowArrow="true" IsAccordion ="true">
-    <CollapseItems>
-        <CollapseItem Text="一致性 Consistency">
-            <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
-            <div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
-        </CollapseItem>
-        <CollapseItem Text="反馈 Feedback">
-            <div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>
-            <div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>
-        </CollapseItem>
-        <CollapseItem Text="效率 Efficiency">
-            <div>简化流程：设计简洁直观的操作流程；</div>
-            <div>清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；</div>
-            <div>帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。</div>
-        </CollapseItem>
-        <CollapseItem Text="可控 Controllability">
-            <div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div>
-            <div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div>
-        </CollapseItem>
-    </CollapseItems>
-</Collapse>

src/BootstrapBlazor.Docs/wwwroot/docs/collapse/collapse.4.html

@@ -1 +0,0 @@
-<Collapse ExpandedText="点击我折叠" CollapsedText="点击我展开">学习让我快乐</Collapse>

src/BootstrapBlazor.Docs/wwwroot/docs/console/console.1.html

@@ -1 +0,0 @@
-<Console Items="@Messages" Height="126" />

src/BootstrapBlazor.Docs/wwwroot/docs/console/console.2.html

@@ -1 +0,0 @@
-<Console Items="@Messages" Height="126" OnClear="@OnClear" />

src/BootstrapBlazor.Docs/wwwroot/docs/console/console.3.html

@@ -1 +0,0 @@
-<Console Items="@ColorMessages" Height="126" OnClear="@OnClear" />

src/BootstrapBlazor.Docs/wwwroot/docs/console/console.4.html

@@ -1 +0,0 @@
-<Console Items="@Messages" Height="126" ShowAutoScroll="true" />

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.1.html

@@ -1,13 +0,0 @@
-<DatePickerBody IsShown="true" ValueChanged="@DateValueChanged" ShowFooter="false" />
-
-@code {
-    /// <summary>
-    /// 
-    /// </summary>
-    /// <param name="d"></param>
-    private Task DateValueChanged(DateTime d)
-    {
-        DateLogger?.Log($"选择的日期为: {d:yyyy-MM-dd}");
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.10.html

@@ -1,2 +0,0 @@
-<DateTimePicker TValue="DateTime" ViewModel="DatePickerViewModel.Date" Value="@(DateTime.Today.AddDays(3 - DateTime.Today.Day))"
-                MinValue="@(DateTime.Today.AddDays(1 - DateTime.Today.Day))" MaxValue="@(DateTime.Today.AddDays(14 - DateTime.Today.Day))" />

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.3.html

@@ -1 +0,0 @@
-<DateTimePicker TValue="DateTime" Value="@DateTime.Today" />

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.4.html

@@ -1,32 +0,0 @@
-<DateTimePicker TValue="DateTime?" Value="@BindValue" ValueChanged="@DateTimeValueChanged" Placement="Placement.Right" />
-<input class="form-control" @bind="@BindValueString" />
-
-@code{
-   protected DateTime BindValue { get; set; } = DateTime.Today;
-    
-   private string BindValueString
-   {
-        get
-        {
-            return BindValue.HasValue ? BindValue.Value.ToString("yyyy-MM-dd") : "";
-        }
-        set
-        {
-            if (DateTime.TryParse(value, out var d))
-            {
-                BindValue = d;
-            }
-            else
-            {
-                BindValue = DateTime.Today;
-            }
-        }
-    }
-	
-    private Task DateTimeValueChanged(DateTime? d)
-    {
-        BindValue = d;
-        DateTimeLogger?.Log($"选择的时间为: {d:yyyy-MM-dd}");
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.5.html

@@ -1 +0,0 @@
-<DateTimePicker TValue="DateTime" ViewModel="DatePickerViewModel.DateTime" />

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.6.html

@@ -1 +0,0 @@
-<DateTimePicker TValue="DateTime?" ViewModel="DatePickerViewModel.DateTime" />

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.7.html

@@ -1,5 +0,0 @@
-<DateTimePicker TValue="DateTime?" @bind-Value="@BindNullValue" DisplayText="选择时间" ShowLabel="true" />
-
-@code {
-    private DateTime? BindNullValue { get; set; }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.8.html

@@ -1 +0,0 @@
-<DateTimePicker TValue="DateTime" IsDisabled="true" />

src/BootstrapBlazor.Docs/wwwroot/docs/datepicker/datepicker.9.html

@@ -1 +0,0 @@
-<DateTimePicker TValue="DateTime" ShowSidebar="true" ViewModel="DatePickerViewModel.DateTime"/>

src/BootstrapBlazor.Docs/wwwroot/docs/datetimerange/datetimerange.1.html

@@ -1,15 +0,0 @@
-<DateTimeRange @bind-Value="@DateTimeRangeValue1" OnConfirm="OnConfirm" />
-<Logger @ref="DateLogger" class="mt-3" />
-
-@code {
-    [NotNull]
-    private Logger? DateLogger { get; set; }
-
-    private DateTimeRangeValue DateTimeRangeValue1 { get; set; } = new DateTimeRangeValue();
-
-    private Task OnConfirm(DateTimeRangeValue value)
-    {
-        DateLogger?.Log($"选择的时间范围是: {value.Start:yyyy-MM-dd} - {value.End:yyyy-MM-dd}");
-        return Task.CompletedTask;
-    }
-}

src/BootstrapBlazor.Docs/wwwroot/docs/datetimerange/datetimerange.2.html

@@ -1,15 +0,0 @@
-<DateTimeRange @bind-Value="@DateTimeRangeValue2" />
-<div>
-    @if (DateTimeRangeValue2.Start != DateTime.MinValue)
-    {
-        <span>时间范围：</span> @DateTimeRangeValue2.Start.ToString("yyyy-MM-dd");
-    }
-    @if (DateTimeRangeValue2.End != DateTime.MinValue)
-    {
-        <span> - </span> @DateTimeRangeValue2.End.ToString("yyyy-MM-dd");
-    }
-</div>
-
-@code {
-    private DateTimeRangeValue DateTimeRangeValue2 { get; set; } = new DateTimeRangeValue();
-}

src/BootstrapBlazor.Docs/wwwroot/docs/datetimerange/datetimerange.3.html

@@ -1,5 +0,0 @@
-<DateTimeRange Value="@DateTimeRangeValue3" IsDisabled="true" />
-
-@code {
-    private DateTimeRangeValue DateTimeRangeValue3 { get; set; } = new DateTimeRangeValue() { Start = DateTime.Today, End = DateTime.Today.AddDays(3) };
-}

src/BootstrapBlazor.Docs/wwwroot/docs/datetimerange/datetimerange.4.html

@@ -1,5 +0,0 @@
-<DateTimeRange Value="@DateTimeRangeValue4" ShowSidebar="true" />
-
-@code {
-    private DateTimeRangeValue DateTimeRangeValue4 { get; set; } = new DateTimeRangeValue();
-}

src/BootstrapBlazor.Docs/wwwroot/docs/dialog/dialog.1.html

@@ -1,29 +0,0 @@
-<Button @onclick="@OnClick">点击打开 Dialog</Button>
-
-<Dialog></Dialog>
-
-@code {
-    /// <summary>
-    /// 获得 DialogService 实例
-    /// </summary>
-    [Inject]
-    private DialogService? DialogService { get; set; }
-
-    /// <summary>
-    /// 点击按钮调用 Dialog 服务
-    /// </summary>
-    /// <returns></returns>
-    private Task OnClick()
-    {
-        DialogService?.Show(new DialogOption()
-        {
-            Title = "我是服务创建的弹出框",
-            BodyTemplate = DynamicComponent.CreateComponent<Button>(new KeyValuePair<string, object>[]
-            {
-                new KeyValuePair<string, object>(nameof(Button.ChildContent), new RenderFragment(builder => builder.AddContent(0, "我是服务创建的按钮")))
-            })
-            .Render()
-        });
-        return Task.CompletedTask;
-    }
-}