release: publish 5.0.24

* docs: 格式化文档
* test: 增加单元测试
* fix: Lambda 扩展方法获取属性方法支持继承类使用 new 关键字更改属性类型
* docs: 更新 Items 注释文档
* chore: 更新依赖组件

.dockerignore

@@ -4,6 +4,8 @@
 .gitignore
 .vs
 .vscode
+.gitee
+.github
 */bin
 */obj
-**/.toolstarget
+**/.toolstarget

.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 

.gitattributes

@@ -17,7 +17,7 @@
 #
 # Merging from the command prompt will add diff markers to the files if there
 # are conflicts (Merging from VS is not affected by the settings below, in VS
-# the diff markers are never inserted). Diff markers may cause the following 
+# the diff markers are never inserted). Diff markers may cause the following
 # file extensions to fail to load in VS. An alternative would be to treat
 # these files as binary and thus will always conflict and require user
 # intervention with every merge. To do so, just uncomment the entries below
@@ -46,9 +46,9 @@
 
 ###############################################################################
 # diff behavior for common document formats
-# 
+#
 # Convert binary document formats to text before diffing them. This feature
-# is only available from the command line. Turn it on by uncommenting the 
+# is only available from the command line. Turn it on by uncommenting the
 # entries below.
 ###############################################################################
 #*.doc   diff=astextplain
@@ -60,4 +60,4 @@
 #*.pdf   diff=astextplain
 #*.PDF   diff=astextplain
 #*.rtf   diff=astextplain
-#*.RTF   diff=astextplain
+#*.RTF   diff=astextplain

.gitee/ISSUE_TEMPLATE.zh-CN.md

@@ -1,16 +1,17 @@
 ### 重现步骤
 [请务必填写重现步骤，作者无法重现步骤将无法修复缺陷，此类 Issue 将被标注为无法重现，三天后将会被关闭]
+[创建 Issue 后，作者会第一时间响应，请务必认真对待，作者认真对待 Issue 也请提交 Issue 的人认真对待，如创建 Issue 就不理的将会关闭]
 
 
 ### 报错信息
-
+无
 
 ### 组件版本
-
+latest
 
 ### 浏览器
-
+all
 
 ### 运行模式
 - [X] Server Side
-- [ ] Web Assembly
+- [X] Web Assembly

.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.101
+        dotnet-version: 5.0.201
 
     - 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

@@ -1,11 +1,9 @@
-name: Deploy To Pages
+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.101
+        dotnet-version: 5.0.201
 
     - 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.201
+
+    - 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

.gitignore

@@ -351,6 +351,6 @@ src/**/*.xml
 
 ###### -- Custom Ignore Section, Make sure all files you add to the git repo are below this line  --  ######
 
-# Coverage 
+# Coverage
 coverage*.xml
-tools/
+tools/

.issuetracker

@@ -4,7 +4,7 @@
 
 [issuetracker "Gitee-Issue"]
   regex = "#(.+?)\\)"
-  url = "https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/$1?from=project-issue"
+  url = "https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/$1"
 
 [issuetracker "Gitee-Url"]
   regex = "([a-zA-z]+://[^\\s]*)"

.tfignore

@@ -1 +1 @@
-\.git
+\.git

BootstrapBlazor.sln

@@ -39,6 +39,7 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "github", "github", "{F07542
 		.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 +86,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 +134,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 +168,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,14 +1,15 @@
-<Project>
-    <PropertyGroup>
-        <Copyright>Longbow</Copyright>
-        <Authors>Argo Zhang(argo@163.com)</Authors>
-        <Company>Longbow</Company>
-        <SignAssembly>true</SignAssembly>
-        <AssemblyOriginatorKeyFile>$(MSBuildThisFileDirectory)src\keys\Longbow.Utility.snk</AssemblyOriginatorKeyFile>
-    </PropertyGroup>
+<Project>
+  <PropertyGroup>
+    <TargetFramework>net5.0</TargetFramework>
+    <Copyright>Argo Zhang</Copyright>
+    <Authors>Argo Zhang(argo@163.com)</Authors>
+    <Company>Longbow</Company>
+    <SignAssembly>true</SignAssembly>
+    <AssemblyOriginatorKeyFile>$(MSBuildThisFileDirectory)src\keys\Longbow.Utility.snk</AssemblyOriginatorKeyFile>
+  </PropertyGroup>
 
-    <PropertyGroup>
-        <LangVersion>latest</LangVersion>
-    </PropertyGroup>
+  <PropertyGroup>
+    <LangVersion>latest</LangVersion>
+  </PropertyGroup>
 
-</Project>
+</Project>

LICENSE

@@ -186,7 +186,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright Argo Zhang (argo@163.com)
+   Copyright [Argo Zhang] (argo@163.com)
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

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

@@ -24,9 +24,10 @@ English | <a href="README.zh-CN.md">中文</a>
 - Supports Progressive Web Applications (PWA).
 - Build with C#, a multi-paradigm static language for an efficient development experience.
 - .NET Standard 2.1 based, with direct reference to the rich .NET ecosystem.
+- Supports NET5. (Server-Side, WASM)
 - Seamless integration with existing ASP.NET Core MVC and Razor Pages projects.
 
-## Online Examples  
+## Online Examples
 [![website](https://img.shields.io/badge/China-https://www.blazor.zone-success.svg?color=red&logo=buzzfeed&logoColor=red)](https://www.blazor.zone)
 [![website](https://img.shields.io/badge/Github-https://argozhang.github.io-success.svg?logo=buzzfeed&logoColor=green)](https://argozhang.github.io)
 
@@ -45,6 +46,14 @@ English | <a href="README.zh-CN.md">中文</a>
 
 `dotnet new bbapp`
 
+## Install Bootstrap Blazor Project Template
+
+1. Download Project Template
+
+Microsoft Market [link](https://marketplace.visualstudio.com/items?itemName=Longbow.BootstrapBlazorUITemplate)
+
+2. Double Click **BootstrapBlazor.UITemplate.vsix**
+
 ## Import Bootstrap Blazor into an existing project
 
 1. Go to the project folder of the application and install the Nuget package reference
@@ -53,7 +62,7 @@ English | <a href="README.zh-CN.md">中文</a>
 
 2.  **Add** the `stylesheet` `javascripts` file to your main index file - `Pages/_Host.cshtml (Server)` or `wwwroot/index.html (WebAssembly)`
 
- **HTML**  
+ **HTML**
 
 ```HTML
 <!DOCTYPE html>
@@ -68,11 +77,11 @@ English | <a href="README.zh-CN.md">中文</a>
     <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
 </body>
 </html>
-``` 
+```
 
 3. Open the `~/Startup.cs` file in the and register the `Bootstrap Blazor` service:
 
- **C#** 
+ **C#**
 
 ```csharp
 namespace BootstrapBlazorAppName
@@ -82,7 +91,7 @@ namespace BootstrapBlazorAppName
         public void ConfigureServices(IServiceCollection services)
         {
             //more code may be present here
-            services.AddBootstrapBlazor(); 
+            services.AddBootstrapBlazor();
         }
 
         //more code may be present here
@@ -120,7 +129,7 @@ To start the wizard, use either of the following approaches
 ![Andriod](https://img.shields.io/badge/andriod->%3D4.4-success.svg?logo=android)
 ![oper](https://img.shields.io/badge/opera->%3D4.4-success.svg?logo=opera&logoColor=red)
 
-### Mobile devices  
+### Mobile devices
 
 ![ios](https://img.shields.io/badge/ios-supported-success.svg?logo=apple&logoColor=white)
 ![Andriod](https://img.shields.io/badge/andriod-suported-success.svg?logo=android)
@@ -132,7 +141,7 @@ To start the wizard, use either of the following approaches
 |  **Android**           | Supported    | Supported     | N/A          | Android v5.0+ supported         | Supported            |
 |  **Windows 10 Mobile** | N/A          | N/A           | N/A          | N/A                             | Supported            |
 
-### Desktop browsers  
+### Desktop browsers
 
 ![macOS](https://img.shields.io/badge/macOS-supported-success.svg?logo=apple&logoColor=white)
 ![linux](https://img.shields.io/badge/linux-suported-success.svg?logo=linux&logoColor=white)
@@ -163,6 +172,6 @@ To start the wizard, use either of the following approaches
 
 ## Donate
 
-If this project is helpful to you, please scan the QR code below for a cup of coffee.    
+If this project is helpful to you, please scan the QR code below for a cup of coffee.
 
 <img src="https://raw.githubusercontent.com/ArgoZhang/Images/master/Donate/BarCode%402x.png" width="382px;" />

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/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)
+[![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)
+[![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)
+
+</div>
+
+---
 
 <a href="README.md">English</a> | <span>中文</span>
 
@@ -18,13 +32,31 @@ Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架：
 - 在服务器和客户端之间共享应用逻辑。
 - 受益于 .NET 的性能、可靠性和安全性。
 - 始终高效支持 Windows、Linux 和 macOS 上的 Visual Studio。
+- 支持 Net5
 - 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。
 
 本项目是利用 Bootstrap 样式进行封装的 UI 组件库
 
+## 开发环境搭建
+1. 安装 .net core sdk 最新版 [官方网址](http://www.microsoft.com/net/download)
+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)
+- [MS Learn 平台 Blazor 教程](https://docs.microsoft.com/zh-cn/learn/modules/build-blazor-webassembly-visual-studio-code/?WT.mc_id=DT-MVP-5004174)
+
+## QQ交流群
+
+[![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://space.bilibili.com/660853738/channel/index)
+
 ## 组件
 
-Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面、对话框或数据输入窗体。
+Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面、对话框或数据输入窗体。
 
 组件是内置到 .NET 程序集的 .NET 类，用来：
 - 定义灵活的 UI 呈现逻辑。
@@ -32,20 +64,21 @@ Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 - 可以嵌套和重用。
 - 可以作为 Razor 类库或 NuGet 包共享和分发。
 
-### 内置组件 
+### 内置组件
 
-内置组件 [传送门](https://www.balzor.zone/alerts)
+内置组件 [传送门](https://www.blazor.zone/components)
 
-## 分支说明  
+## 分支说明
 
 - master 稳定分支
 - dev 开发功能分支
-- publish 与演示网站同步
 - 其他 均为临时分支
 
-## 演示地址  
-[![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-https://argozhang.github.io-success.svg?logo=buzzfeed&logoColor=red&color=red)](https://argozhang.github.io)
+## 演示地址
+[![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")
 
 ## 项目截图
 
@@ -77,6 +110,6 @@ Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 
 ## 捐助
 
-如果这个项目对您有所帮助，请扫下方二维码打赏一杯咖啡。    
+如果这个项目对您有所帮助，请扫下方二维码打赏一杯咖啡。
 
 <img src="https://gitee.com/LongbowEnterprise/Pictures/raw/master/WeChat/BarCode@2x.png" width="382px;" />

appveyor.yml

@@ -1,4 +1,4 @@
-version: 3.1.{build}
+version: 5.0.{build}
 branches:
   only:
   - master
@@ -10,7 +10,7 @@ init:
 environment:
   CI: true
   Appveyor: true
-  COVERALLS_REPO_TOKEN: 
+  COVERALLS_REPO_TOKEN:
     secure: 5L1b6XqSNTOfU1iZrARo5eUOi1HOleVO3VDCW0pr6yaspgkC5jxL+gBDK0OEY8EI
   COVERALLS_REPO_TOKEN_GITLAB:
     secure: yPxFQv4kSWtZ7Vvs70bIXDx9IOEEJ9utI3UyZsJGU7rt63gZnHOry0kt9DBMWcwV
@@ -27,7 +27,7 @@ artifacts:
 deploy:
 - provider: NuGet
   api_key:
-    secure: oRAxWkjeC6lJi4Kks6kacqXxOlIpxFatk9I32HQEFDlA8gy4x4xI7tA905S3ne54
+    secure: 4GiuikUCa11fxasu2UCmU8bd3exMf46F49wnMlYWjSuWTBXbPpPN5YxRvLwtNcii
   username:
     secure: RiKaoizWFqvYLGs9oUSI8g==
   skip_symbols: true

global.json

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

scripts/appveyor/appveyor.build.ps1

@@ -2,5 +2,5 @@
     write-host $cmd -ForegroundColor Cyan
     cmd.exe /c $cmd
 }
-runCmd "dotnet build src\BootstrapBlazor.WebConsole --configuration Release"
+runCmd "dotnet build src\BootstrapBlazor.Server --configuration Release"
 runCmd "dotnet pack src\BootstrapBlazor --configuration Release"

scripts/linux/deploy-blazor.sh

@@ -5,6 +5,6 @@ git pull
 dotnet publish src/BootstrapBlazor.WebConsole -c Release
 
 systemctl stop ba.blazor
-\cp -fr ~/BootstrapBlazor/src/BootstrapBlazor.WebConsole/bin/Release/netcoreapp3.1/publish/* /usr/local/ba/blazor
+\cp -fr ~/BootstrapBlazor/src/BootstrapBlazor.WebConsole/bin/Release/net5.0/publish/* /usr/local/ba/blazor
 systemctl start ba.blazor
 systemctl status ba.blazor -l

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