chore: bump version 6.5.0

* doc: 更新文档
* doc: 更新示例
* chore: 更新资源文件
* fix: 修复右侧已选数据取消选择时 Value 不正确问题

.editorconfig

@@ -88,9 +88,10 @@ dotnet_naming_symbols.constant_fields.required_modifiers          = const
 # var preferences 
 csharp_style_var_for_built_in_types = true:silent 
 csharp_style_var_when_type_is_apparent = true:silent 
-csharp_style_var_elsewhere = true:silent 
+csharp_style_var_elsewhere = true:silent
+csharp_prefer_static_local_function= true:silent
 # Expression-bodied members 
-csharp_style_expression_bodied_methods = false:silent 
+csharp_style_expression_bodied_methods =false:silent
 csharp_style_expression_bodied_constructors = false:silent 
 csharp_style_expression_bodied_operators = false:silent 
 csharp_style_expression_bodied_properties = true:silent 
@@ -149,3 +150,5 @@ visual_basic_preferred_modifier_order = Partial,Default,Private,Protected,Public
 [*.cs]
 # Add file header
 file_header_template = Copyright (c) Argo Zhang (argo@163.com). All rights reserved.\nLicensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\nWebsite: https://www.blazor.zone or https://argozhang.github.io/
+csharp_style_namespace_declarations=file_scoped:suggestion
+csharp_style_expression_bodied_local_functions=true:silent

.filenesting.json

@@ -0,0 +1,110 @@
+{
+  "help": "https://go.microsoft.com/fwlink/?linkid=866610",
+  "root": true,
+
+  "dependentFileProviders": {
+    "add": {
+      "addedExtension": {},
+      "pathSegment": {
+        "add": {
+          ".*": [
+            ".js",
+            ".css",
+            ".html",
+            ".htm",
+            ".less",
+            ".scss",
+            ".coffee",
+            ".iced",
+            ".config",
+            ".cs",
+            ".vb",
+            ".json"
+          ]
+        }
+      },
+      "extensionToExtension": {
+        "add": {
+          ".js": [
+            ".cs",
+            ".razor",
+            ".coffee",
+            ".iced",
+            ".ts",
+            ".tsx",
+            ".jsx"
+          ],
+          ".css": [
+            ".cs",
+            ".razor",
+            ".less",
+            ".scss",
+            ".sass",
+            ".styl"
+          ],
+          ".html": [
+            ".md",
+            ".mdown",
+            ".markdown",
+            ".mdwn"
+          ],
+          ".map": [
+            ".js",
+            ".css"
+          ],
+          ".svgz": [
+            ".svg"
+          ],
+          ".designer.cs": [
+            ".resx"
+          ],
+          ".cs.d.ts": [
+            ".cs"
+          ]
+        }
+      },
+      "fileToFile": {
+        "add": {
+          ".bowerrc": [
+            "bower.json"
+          ],
+          ".npmrc": [
+            "package.json"
+          ],
+          "npm-shrinkwrap.json": [
+            "package.json"
+          ],
+          "yarn.lock": [
+            "package.json"
+          ],
+          ".yarnclean": [
+            "package.json"
+          ],
+          ".yarnignore": [
+            "package.json"
+          ],
+          ".yarn-integrity": [
+            "package.json"
+          ],
+          ".yarnrc": [
+            "package.json"
+          ],
+          "package-lock.json": [
+            "package.json"
+          ]
+        }
+      },
+      "fileSuffixToExtension": {
+        "add": {
+          "-vsdoc.js": [
+            ".js"
+          ]
+        }
+      },
+      "allExtensions": {
+        "add": {
+        }
+      }
+    }
+  }
+}

.gitee/ISSUE_TEMPLATE.zh-CN.md

@@ -1,7 +1,8 @@
-### 重现步骤
+### 提供问题的摘要，以及你预期会发生什么，包括重现的具体步骤
 [请务必填写重现步骤，作者无法重现步骤将无法修复缺陷，此类 Issue 将被标注为无法重现，三天后将会被关闭]
 [创建 Issue 后，作者会第一时间响应，请务必认真对待，作者认真对待 Issue 也请提交 Issue 的人认真对待，如创建 Issue 就不理的将会关闭]
 
+---------请删除上面提示信息以及本行---------
 
 ### 报错信息
 无

.github/workflows/build.yml

@@ -5,6 +5,7 @@ on:
     branches:
       - main
       - dev
+      - dev-table
 
 jobs:
   deploy:
@@ -13,14 +14,31 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup .NET Core
+    - name: Setup .NET Core 2.1
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.202
+        dotnet-version: 2.1.x
+
+    - name: Setup .NET Core 6
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 6.0.x
 
     - name: Build
       env: 
         NUGET_API_KEY: ${{secrets.NUGET_API_KEY}}
+        Bundle: True
       run: |
         dotnet restore src/BootstrapBlazor --no-cache
         dotnet build src/BootstrapBlazor
+
+    - name: Test
+      run: |
+        dotnet test test/UnitTest -c Release --collect:"XPlat Code Coverage" -r ./coverage
+        #dotnet test test/UnitTest.Localization -c Release -f net6.0 --collect:"XPlat Code Coverage" -r ./coverage
+
+    - name: Upload to Codecov
+      uses: codecov/codecov-action@v2
+      with:
+        token: ${{ secrets.CODECOV_TOKEN }}
+        directory: ./coverage/

.github/workflows/docker.yml

@@ -8,8 +8,18 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
- 
+
     steps:
     - uses: actions/checkout@v1
-    - name: Build the Docker image
-      run: docker build . --file src/BootstrapBlazor.Server/Linux.Dockerfile --tag bb:$(date +%s)
+    - name: Login to Docker Hub
+      uses: docker/login-action@v1
+      with:
+        username: ${{ secrets.DOCKERHUB_USERNAME }}
+        password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+    - name: Build and push Docker images
+      uses: docker/build-push-action@v2.7.0
+      with:
+          file: src/BootstrapBlazor.Server/Dockerfile
+          push: true
+          tags: argozhang/blazor:latest

.github/workflows/pack.yml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - pack
+      - hotfix
 
 jobs:
   pack:
@@ -12,14 +13,21 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup .NET Core
+    - name: Setup .NET Core 2.1
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.202
+        dotnet-version: 2.1.x
+
+    - name: Setup .NET Core 6
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 6.0.x
 
     - name: Publish to Nuget
       env: 
         NUGET_API_KEY: ${{secrets.NUGET_API_KEY}}
+        Bundle: True
+
       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

.github/workflows/publish.yml

@@ -12,10 +12,15 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup .NET Core
+    - name: Setup .NET Core 2.1
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.202
+        dotnet-version: 2.1.x
+
+    - name: Setup .NET Core 6
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 6.0.x
 
     - name: Publish wasm
       run: |

.github/workflows/release.yml

@@ -12,14 +12,20 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup .NET Core
+    - name: Setup .NET Core 2.1
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.202
+        dotnet-version: 2.1.x
+
+    - name: Setup .NET Core 6
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 6.0.x
 
     - name: Publish to Nuget
       env: 
         NUGET_API_KEY: ${{secrets.NUGET_API_KEY}}
+        Bundle: True
       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
@@ -30,6 +36,9 @@ jobs:
         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/Components/BootstrapBlazor.FontAwesome -c Release -o publish
+        dotnet nuget push publish/BootstrapBlazor.FontAwesome.*.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
         
@@ -38,3 +47,6 @@ jobs:
         
         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
+        
+        dotnet pack src/Middleware/BootstrapBlazor.Middleware -c Release -o publish
+        dotnet nuget push publish/BootstrapBlazor.Middleware.*.nupkg -s https://api.nuget.org/v3/index.json -k $NUGET_API_KEY --skip-duplicate

.gitignore

@@ -1,4 +1,4 @@
-###### -- File Created With Git Source Control Provider 2015 -- ######
+###### -- File Created With Git Source Control Provider 2015 -- ######
 ###### -- From https://github.com/github/gitignore -- ######
 ###### -- Warning Regenerating this file will erase all your custom ignores, unless you add them below the Custom Ignore section at the bottom --  ######
 ## Ignore Visual Studio temporary files, build results, and
@@ -354,3 +354,6 @@ src/**/*.xml
 # Coverage
 coverage*.xml
 tools/
+
+# Upload Folder
+src/**/wwwroot/**/uploader

BootstrapBlazor.sln

@@ -1,7 +1,7 @@
 
 Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 16
-VisualStudioVersion = 16.0.29911.84
+# Visual Studio Version 17
+VisualStudioVersion = 17.0.31912.275
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor", "src\BootstrapBlazor\BootstrapBlazor.csproj", "{D0AE3016-4878-4807-A04C-C33CBEC7B092}"
 EndProject
@@ -13,8 +13,10 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "scripts", "scripts", "{A627
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "linux", "linux", "{EA765165-0542-41C8-93F2-85787FEDEDFF}"
 	ProjectSection(SolutionItems) = preProject
+		scripts\linux\ba.blazor.service = scripts\linux\ba.blazor.service
 		scripts\linux\deploy-blazor.sh = scripts\linux\deploy-blazor.sh
 		scripts\linux\deploy-wasm.sh = scripts\linux\deploy-wasm.sh
+		scripts\linux\nginx.conf = scripts\linux\nginx.conf
 		scripts\linux\publish.sh = scripts\linux\publish.sh
 		scripts\linux\watch-run.sh = scripts\linux\watch-run.sh
 	EndProjectSection
@@ -67,9 +69,6 @@ EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "UnitTest", "test\UnitTest\UnitTest.csproj", "{190F25CF-C6F9-4964-97E9-F6A912D527AE}"
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "extensions", "extensions", "{22328011-53B3-447A-B781-AC3C196B2847}"
-	ProjectSection(SolutionItems) = preProject
-		src\Extensions\Directory.Build.props = src\Extensions\Directory.Build.props
-	EndProjectSection
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "wasm", "wasm", "{C8E79F4C-8C55-4E13-96B5-3D2BD6A07B74}"
 EndProject
@@ -100,6 +99,7 @@ EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "config", "config", "{8AB9DB43-233A-4D49-99FA-FA540C2109F2}"
 	ProjectSection(SolutionItems) = preProject
 		.editorconfig = .editorconfig
+		.filenesting.json = .filenesting.json
 		.gitattributes = .gitattributes
 		.gitignore = .gitignore
 		.issuetracker = .issuetracker
@@ -108,6 +108,16 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "config", "config", "{8AB9DB
 		NuGet.Config = NuGet.Config
 	EndProjectSection
 EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "middleware", "middleware", "{4A7F4513-C515-40DD-A217-169E1CBB2827}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.Middleware", "src\Middleware\BootstrapBlazor.Middleware\BootstrapBlazor.Middleware.csproj", "{59B49D4C-05FB-4E51-AB40-9498ADC71DD0}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "UnitTest.Localization", "test\UnitTest.Localization\UnitTest.Localization.csproj", "{99B55645-0E89-43F8-938F-2304B486AD2A}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.FontAwesome", "src\Extensions\Components\BootstrapBlazor.FontAwesome\BootstrapBlazor.FontAwesome.csproj", "{C28717F8-9D2B-4296-9CC4-94882338F370}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.Speech", "src\Extensions\Components\BootstrapBlazor.Speech\BootstrapBlazor.Speech.csproj", "{6A294916-66AF-4A05-B26F-006A9FEFFD51}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -162,6 +172,22 @@ Global
 		{FFFD2EB7-AE88-4DAD-A825-528B2CEFB4B5}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{FFFD2EB7-AE88-4DAD-A825-528B2CEFB4B5}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{FFFD2EB7-AE88-4DAD-A825-528B2CEFB4B5}.Release|Any CPU.Build.0 = Release|Any CPU
+		{59B49D4C-05FB-4E51-AB40-9498ADC71DD0}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{59B49D4C-05FB-4E51-AB40-9498ADC71DD0}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{59B49D4C-05FB-4E51-AB40-9498ADC71DD0}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{59B49D4C-05FB-4E51-AB40-9498ADC71DD0}.Release|Any CPU.Build.0 = Release|Any CPU
+		{99B55645-0E89-43F8-938F-2304B486AD2A}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{99B55645-0E89-43F8-938F-2304B486AD2A}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{99B55645-0E89-43F8-938F-2304B486AD2A}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{99B55645-0E89-43F8-938F-2304B486AD2A}.Release|Any CPU.Build.0 = Release|Any CPU
+		{C28717F8-9D2B-4296-9CC4-94882338F370}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{C28717F8-9D2B-4296-9CC4-94882338F370}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{C28717F8-9D2B-4296-9CC4-94882338F370}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{C28717F8-9D2B-4296-9CC4-94882338F370}.Release|Any CPU.Build.0 = Release|Any CPU
+		{6A294916-66AF-4A05-B26F-006A9FEFFD51}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{6A294916-66AF-4A05-B26F-006A9FEFFD51}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{6A294916-66AF-4A05-B26F-006A9FEFFD51}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{6A294916-66AF-4A05-B26F-006A9FEFFD51}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
@@ -188,6 +214,11 @@ Global
 		{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}
+		{4A7F4513-C515-40DD-A217-169E1CBB2827} = {A2182155-43ED-44C1-BF6F-1B70EBD2DFFE}
+		{59B49D4C-05FB-4E51-AB40-9498ADC71DD0} = {4A7F4513-C515-40DD-A217-169E1CBB2827}
+		{99B55645-0E89-43F8-938F-2304B486AD2A} = {7C1D79F1-87BC-42C1-BD5A-CDE4044AC1BD}
+		{C28717F8-9D2B-4296-9CC4-94882338F370} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
+		{6A294916-66AF-4A05-B26F-006A9FEFFD51} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
 		SolutionGuid = {0DCB0756-34FA-4FD0-AE1D-D3F08B5B3A6B}

BootstrapBlazor.slnf

@@ -0,0 +1,12 @@
+{
+  "solution": {
+    "path": "BootstrapBlazor.sln",
+    "projects": [
+      "src\\BootstrapBlazor.Server\\BootstrapBlazor.Server.csproj",
+      "src\\BootstrapBlazor.Shared\\BootstrapBlazor.Shared.csproj",
+      "src\\BootstrapBlazor\\BootstrapBlazor.csproj",
+      "test\\UnitTest.Localization\\UnitTest.Localization.csproj",
+      "test\\UnitTest\\UnitTest.csproj"
+    ]
+  }
+}

Directory.Build.props

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

NuGet.Config

@@ -1,8 +1,7 @@
 <?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" />
+    <add key="nuget.org" value="https://api.nuget.org/v3/index.json" />
+    <add key="Blazor" value="https://nuget.blazor.zone/v3/index.json" />
   </packageSources>
 </configuration>

README.md

@@ -3,20 +3,19 @@
 <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/Build%20Project/main?label=main&logo=github&logoColor=green)](https://github.com/ArgoZhang/BootstrapBlazor/actions?query=workflow%3A%22Build+Project%22+branch%3Amain)
+[![License](https://img.shields.io/github/license/argozhang/bootstrapblazor.svg?logo=git&logoColor=red)](https://github.com/ArgoZhang/BootstrapBlazor/blob/main/LICENSE)
 [![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)
-
+[![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)
+[![codecov](https://codecov.io/gh/dotnetcore/BootstrapBlazor/branch/main/graph/badge.svg?token=5SXIWHXZC3)](https://codecov.io/gh/dotnetcore/BootstrapBlazor)
 </div>
 
----
-
 English | <a href="README.zh-CN.md">中文</a>
 
+---
+
 ## Features
 - Enterprise-class UI designed for web applications.
 - A set of high-quality Blazor components out of the box.
@@ -34,7 +33,7 @@ English | <a href="README.zh-CN.md">中文</a>
 ## Installation Guide
 
 - Install .net core sdk [Offical website](https://dotnet.microsoft.com/download)
-- Install Visual Studio 2019 lastest [Offical website](https://visualstudio.microsoft.com/vs/getting-started/)
+- Install Visual Studio 2022 lastest [Offical website](https://visualstudio.microsoft.com/vs/getting-started/)
 
 ## Create a new project from the dotnet new template
 

README.zh-CN.md

@@ -3,17 +3,15 @@
 <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)
+[![License](https://img.shields.io/github/license/argozhang/bootstrapblazor.svg?logo=git&logoColor=red)](https://github.com/ArgoZhang/BootstrapBlazor/blob/main/LICENSE)
 [![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)
-
+[![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)
+[![codecov](https://codecov.io/gh/dotnetcore/BootstrapBlazor/branch/main/graph/badge.svg?token=5SXIWHXZC3)](https://codecov.io/gh/dotnetcore/BootstrapBlazor)
 </div>
 
----
-
 <a href="README.md">English</a> | <span>中文</span>
 
 ---
@@ -37,9 +35,18 @@ Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架：
 
 本项目是利用 Bootstrap 样式进行封装的 UI 组件库
 
+## 生态伙伴
+
+WTM 快速开发框架，设计的核心理念就是 "尽一切可能提高开发效率"。WTM框架把常规编码结构化，重复编码自动化，它不仅是一个框架，它是强有力的生产力工具！目前 WTM 快速开发框架已深度集成 Blazor 欢迎大家使用 [传送门](https://wtmdoc.walkingtec.cn)
+
+<a href="https://wtmdoc.walkingtec.cn" target="_blank"><img src="http://images.gitee.com/uploads/images/2021/0718/194451_5b6cff04_554725.png" width="100px" /></a>
+
+WTM 快速开发框架，设计的核心理念就是 "尽一切可能提高开发效率"。WTM框架把常规编码结构化，重复编码自动化，它不仅是一个框架，它是强有力的生产力工具！目前 WTM 快速开发框架已深度集成 Blazor 欢迎大家使用 [传送门](https://wtmdoc.walkingtec.cn)
+
 ## 开发环境搭建
+
 1. 安装 .net core sdk 最新版 [官方网址](http://www.microsoft.com/net/download)
-2. 安装 Visual Studio 2019 最新版 [官方网址](https://visualstudio.microsoft.com/vs/getting-started/)
+2. 安装 Visual Studio 2022 最新版 [官方网址](https://visualstudio.microsoft.com/vs/getting-started/)
 3. 获取本项目代码 [BootstrapBlazor](https://gitee.com/LongbowEnterprise/BootstrapBlazor)
 
 ## 相关资源
@@ -56,7 +63,7 @@ Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架：
 
 ## 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)
+[![QQ](https://img.shields.io/badge/QQ-795206915-green.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)
 
 ## 视频教程
 
@@ -83,7 +90,7 @@ Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 - 其他 均为临时分支
 
 ## 演示地址
-[![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)
+[![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://www.blazor.zone)
 
 ## GVP 奖杯
 ![项目奖杯](https://images.gitee.com/uploads/images/2021/0112/120620_e596ac3c_554725.png "GVP.png")

scripts/linux/ba.blazor.service

@@ -0,0 +1,15 @@
+[Unit]
+Description=Bootstrap Admin Blazor Application
+
+[Service]
+Type=simple
+WorkingDirectory=/usr/local/ba/blazor
+Environment=ASPNETCORE_ENVIRONMENT=Production
+ExecStart=/usr/bin/dotnet BootstrapBlazor.Server.dll --urls http://localhost:50853
+ExecStop=/bin/kill -2 $MAINPID
+KillMode=process
+Restart=on-failure
+RestartSec=1s
+
+[Install]
+WantedBy=multi-user.target

scripts/linux/deploy-blazor.sh

@@ -3,9 +3,9 @@
 cd ~/BootstrapBlazor
 git pull
 dotnet restore --no-cache
-dotnet publish src/BootstrapBlazor.WebConsole -c Release
+dotnet publish src/BootstrapBlazor.Server -c Release
 
 systemctl stop ba.blazor
-\cp -fr ~/BootstrapBlazor/src/BootstrapBlazor.WebConsole/bin/Release/net5.0/publish/* /usr/local/ba/blazor
+\cp -fr ~/BootstrapBlazor/src/BootstrapBlazor.Server/bin/Release/net6.0/publish/* /usr/local/ba/blazor
 systemctl start ba.blazor
-systemctl status ba.blazor -l
+systemctl status ba.blazor -l --no-pager

scripts/linux/deploy-wasm.sh

@@ -3,4 +3,4 @@
 cd ~/BootstrapBlazor
 git pull
 
-dotnet publish ~/BootstrapBlazor/src/BootstrapBlazor.WebAssembly.ClientHost -c Release -o /usr/local/ba/wasm/
+dotnet publish ~/BootstrapBlazor/src/Wasm/BootstrapBlazor.WebAssembly.ClientHost -c Release -o /usr/local/ba/wasm/

scripts/linux/nginx.conf

@@ -0,0 +1,56 @@
+    server {
+        listen       80;
+        server_name  www.blazor.zone;
+	    client_max_body_size 20m;
+        rewrite ^(.*)$  https://$host$1 redirect;
+        error_page 404 500 /50x.html;
+        proxy_redirect  off;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        location / {
+            proxy_connect_timeout  1;
+            proxy_pass http://localhost:50853;
+        }
+
+        location /_blazor  {
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_pass http://localhost:50853/_blazor;
+	    }
+
+        location = /50x.html {
+            root   html;
+        }
+
+        error_page  404 500 502 503 504  /50x.html;
+    }
+
+    server {
+        listen      443 ssl;
+        server_name www.blazor.zone;
+        ssl_certificate blazor_zone.crt;
+        ssl_certificate_key blazor_zone.key;
+        ssl_session_cache shared:SSL:1m;
+        ssl_session_timeout 5m;
+        ssl_ciphers     HIGH:!aNULL:!MD5;
+        ssl_prefer_server_ciphers   on;
+        proxy_set_header    Host                $host;
+        proxy_set_header    X-Real-IP           $remote_addr;
+        proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
+        proxy_set_header    X-Forwarded-Proto   $scheme;
+        add_header          X-Frame-Options     SAMEORIGIN;
+
+        location / {
+            proxy_connect_timeout  1;
+            proxy_pass http://localhost:50853;
+        }
+
+        location /_blazor {
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_pass http://localhost:50853/_blazor;
+        }
+    }

scripts/windows/bundle.cmd

@@ -0,0 +1 @@
+setx Bundle=True

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -1,11 +1,16 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
+  <Import Project="..\Framework.props" />
+
   <PropertyGroup>
     <IsWebProject>true</IsWebProject>
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Longbow.Tasks" Version="5.0.1" />
+    <PackageReference Include="BootstrapBlazor.FontAwesome" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.Middleware" Version="1.*" />
+    <PackageReference Include="Longbow.Logging" Version="5.2.0" />
+    <PackageReference Include="Longbow.Tasks" Version="5.*" />
   </ItemGroup>
 
   <ItemGroup>

src/BootstrapBlazor.Server/Controllers/Api/CodeController.cs

@@ -5,46 +5,42 @@
 using BootstrapBlazor.Shared;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.Extensions.Options;
-using System;
 using System.Net;
-using System.Net.Http;
-using System.Threading.Tasks;
 
-namespace BootstrapBlazor.Server.Controllers.Api
+namespace BootstrapBlazor.Server.Controllers.Api;
+
+/// <summary>
+/// 
+/// </summary>
+[Route("api/[controller]")]
+[ApiController]
+public class CodeController : ControllerBase
 {
     /// <summary>
     /// 
     /// </summary>
-    [Route("api/[controller]")]
-    [ApiController]
-    public class CodeController : ControllerBase
+    /// <param name="fileName"></param>
+    /// <param name="client"></param>
+    /// <param name="options"></param>
+    /// <returns></returns>
+    [HttpGet]
+    public async Task<string> Get([FromQuery] string fileName, [FromServices] HttpClient client, [FromServices] IOptions<WebsiteOptions> options)
     {
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <param name="fileName"></param>
-        /// <param name="client"></param>
-        /// <param name="options"></param>
-        /// <returns></returns>
-        [HttpGet]
-        public async Task<string> Get([FromQuery] string fileName, [FromServices] HttpClient client, [FromServices] IOptions<WebsiteOptions> options)
+        var ret = "";
+        client.BaseAddress = new Uri(options.Value.RepositoryUrl);
+        try
         {
-            var ret = "";
-            client.BaseAddress = new Uri(options.Value.RepositoryUrl);
-            try
-            {
-                ret = await client.GetStringAsync(fileName);
-            }
-            catch (HttpRequestException ex) { ret = ex.StatusCode == HttpStatusCode.NotFound ? "无" : ex.StatusCode.ToString() ?? "网络错误"; }
-            catch (Exception) { }
-            return ret;
+            ret = await client.GetStringAsync(fileName);
         }
-
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <returns></returns>
-        [HttpOptions]
-        public string Options() => "";
+        catch (HttpRequestException ex) { ret = ex.StatusCode == HttpStatusCode.NotFound ? "无" : ex.StatusCode.ToString() ?? "网络错误"; }
+        catch (Exception) { }
+        return ret;
     }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <returns></returns>
+    [HttpOptions]
+    public string Options() => string.Empty;
 }

src/BootstrapBlazor.Server/Controllers/Api/GiteeController.cs

@@ -0,0 +1,71 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using BootstrapBlazor.Shared;
+using Microsoft.AspNetCore.Mvc;
+
+namespace BootstrapBlazor.Server.Controllers.Api;
+
+/// <summary>
+/// 
+/// </summary>
+[Route("api/[controller]/[action]")]
+[ApiController]
+public class GiteeController : ControllerBase
+{
+    /// <summary>
+    /// Gitee Webhook
+    /// </summary>
+    /// <returns></returns>
+    [HttpPost]
+    public IActionResult Webhook([FromQuery] string? id, [FromServices] IConfiguration config, [FromServices] IDispatchService<GiteePostBody> dispatch, [FromBody] GiteePostBody payload)
+    {
+        bool ret = false;
+        if (Check())
+        {
+            // 全局推送
+            if (payload.HeadCommit != null || payload.Commits?.Count > 0)
+            {
+                dispatch.Dispatch(new DispatchEntry<GiteePostBody>()
+                {
+                    Name = "Gitee",
+                    Entry = payload
+                });
+            }
+            ret = true;
+        }
+        return ret ? Ok() : Unauthorized();
+
+        bool Check()
+        {
+            var configId = config.GetValue<string>("WebHooks:Gitee:Id");
+            var configToken = config.GetValue<string>("WebHooks:Gitee:Token");
+            var token = "";
+            if (Request.Headers.TryGetValue("X-Gitee-Token", out var vals))
+            {
+                token = vals.FirstOrDefault() ?? string.Empty;
+            }
+            return id == configId && token == configToken
+                    && payload.Id == configId && payload.Password == configToken;
+        }
+    }
+
+    /// <summary>
+    /// Webhook 测试接口
+    /// </summary>
+    /// <returns></returns>
+    [HttpGet]
+    public IActionResult Webhook()
+    {
+        return Ok(new { Message = "Ok" });
+    }
+
+    /// <summary>
+    /// 跨域握手协议
+    /// </summary>
+    /// <returns></returns>
+    [HttpOptions]
+    public string Options() => string.Empty;
+}

src/BootstrapBlazor.Server/Controllers/Api/LoginController.cs

@@ -0,0 +1,38 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Shared;
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Mvc;
+
+namespace BootstrapBlazor.Server.Controllers.Api;
+
+/// <summary>
+/// 
+/// </summary>
+[Route("api/[controller]")]
+[AllowAnonymous]
+[ApiController]
+public class LoginController : ControllerBase
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <param name="user"></param>
+    /// <returns></returns>
+    [HttpPost]
+    public IActionResult Post(User user)
+    {
+        IActionResult? response;
+        if (user.UserName == "admin" && user.Password == "123456")
+        {
+            response = new JsonResult(new { Code = 200, Message = "登录成功" });
+        }
+        else
+        {
+            response = new JsonResult(new { Code = 500, Message = "用户名或密码错误" });
+        }
+        return response;
+    }
+}

src/BootstrapBlazor.Server/Controllers/CultureController.cs

@@ -5,46 +5,45 @@
 using Microsoft.AspNetCore.Localization;
 using Microsoft.AspNetCore.Mvc;
 
-namespace BootstrapBlazor.Server.Controllers
+namespace BootstrapBlazor.Server.Controllers;
+
+/// <summary>
+/// 
+/// </summary>
+[Route("[controller]/[action]")]
+public class CultureController : Controller
 {
     /// <summary>
     /// 
     /// </summary>
-    [Route("[controller]/[action]")]
-    public class CultureController : Controller
+    /// <param name="culture"></param>
+    /// <param name="redirectUri"></param>
+    /// <returns></returns>
+    public IActionResult SetCulture(string culture, string redirectUri)
     {
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <param name="culture"></param>
-        /// <param name="redirectUri"></param>
-        /// <returns></returns>
-        public IActionResult SetCulture(string culture, string redirectUri)
-        {
-            if (string.IsNullOrEmpty(culture))
-            {
-                HttpContext.Response.Cookies.Delete(CookieRequestCultureProvider.DefaultCookieName);
-            }
-            else
-            {
-                HttpContext.Response.Cookies.Append(
-                    CookieRequestCultureProvider.DefaultCookieName,
-                    CookieRequestCultureProvider.MakeCookieValue(new RequestCulture(culture, culture)));
-            }
-
-            return LocalRedirect(redirectUri);
-        }
-
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <param name="redirectUri"></param>
-        /// <returns></returns>
-        public IActionResult ResetCulture(string redirectUri)
+        if (string.IsNullOrEmpty(culture))
         {
             HttpContext.Response.Cookies.Delete(CookieRequestCultureProvider.DefaultCookieName);
-
-            return LocalRedirect(redirectUri);
         }
+        else
+        {
+            HttpContext.Response.Cookies.Append(
+                CookieRequestCultureProvider.DefaultCookieName,
+                CookieRequestCultureProvider.MakeCookieValue(new RequestCulture(culture, culture)));
+        }
+
+        return LocalRedirect(redirectUri);
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <param name="redirectUri"></param>
+    /// <returns></returns>
+    public IActionResult ResetCulture(string redirectUri)
+    {
+        HttpContext.Response.Cookies.Delete(CookieRequestCultureProvider.DefaultCookieName);
+
+        return LocalRedirect(redirectUri);
     }
 }

src/BootstrapBlazor.Server/Dockerfile

@@ -1,11 +1,11 @@
-#Depending on the operating system of the host machines(s) that will build or run the containers, the image specified in the FROM statement may need to be changed.
+#Depending on the operating system of the host machines(s) that will build or run the containers, the image specified in the FROM statement may need to be changed.
 #For more information, please see https://aka.ms/containercompat
 
-FROM mcr.microsoft.com/dotnet/aspnet:5.0 AS base
+FROM mcr.microsoft.com/dotnet/aspnet:6.0 AS base
 WORKDIR /app
 EXPOSE 80
 
-FROM mcr.microsoft.com/dotnet/sdk:5.0 AS build
+FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build
 WORKDIR /
 COPY . .
 
@@ -14,6 +14,7 @@ FROM build AS publish
 RUN dotnet publish -c Release -o /app
 
 FROM base AS final
+ENV LANG zh_CN.utf8
 WORKDIR /app
 COPY --from=publish /app .
 ENTRYPOINT ["dotnet", "BootstrapBlazor.Server.dll"]

src/BootstrapBlazor.Server/Extensions/ServicesExtensions.cs

@@ -0,0 +1,94 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using BootstrapBlazor.Server.Services;
+using Microsoft.Extensions.Options;
+using System.Reflection;
+
+namespace Microsoft.Extensions.DependencyInjection;
+
+/// <summary>
+/// 后台任务扩展方法
+/// </summary>
+internal static class ServicesExtensions
+{
+    /// <summary>
+    /// 添加示例后台任务
+    /// </summary>
+    /// <param name="services"></param>
+    public static IServiceCollection AddBootstrapBlazorServices(this IServiceCollection services)
+    {
+        // 增加错误日志
+        services.AddLogging(logging => logging.AddFileLogger());
+
+        // 增加后台任务服务
+        services.AddTaskServices();
+        services.AddHostedService<ClearUploadFilesService>();
+
+        // 增加演示网站服务
+        services.AddWebSiteServices();
+
+        // 增加 BootstrapBlazor 组件
+        services.AddBootstrapBlazor();
+
+        services.ConfigureJsonLocalizationOptions(options =>
+        {
+            // 附加自己的 json 多语言文化资源文件 如 zh-TW.json
+            options.AdditionalJsonAssemblies = new Assembly[]
+            {
+                typeof(BootstrapBlazor.Shared.App).Assembly,
+                typeof(BootstrapBlazor.Components.Chart).Assembly
+            };
+        });
+
+        // 设置地理位置定位器
+        services.ConfigureIPLocatorOption(op => op.LocatorFactory = sp => new BaiDuIPLocator());
+
+        // 增加多语言支持配置信息
+        services.AddRequestLocalization<IOptions<BootstrapBlazorOptions>>((localizerOption, blazorOption) =>
+        {
+            var supportedCultures = blazorOption.Value.GetSupportedCultures();
+
+            localizerOption.SupportedCultures = supportedCultures;
+            localizerOption.SupportedUICultures = supportedCultures;
+        });
+
+        // 增加 PetaPoco ORM 数据服务操作类
+        // 需要时打开下面代码
+        //services.AddPetaPoco(option =>
+        //{
+        //    // 配置数据信息
+        //    // 使用 SQLite 数据以及从配置文件中获取数据库连接字符串
+        //    // 需要引用 Microsoft.Data.Sqlite 包，操作 SQLite 数据库
+        //    // 需要引用 PetaPoco.Extensions 包，PetaPoco 包扩展批量插入与删除
+        //    option.UsingProvider<SQLiteDatabaseProvider>()
+        //          .UsingConnectionString(Configuration.GetConnectionString("bb"));
+        //});
+
+        // 增加 FreeSql ORM 数据服务操作类
+        // 需要时打开下面代码
+        // 需要引入 FreeSql 对 SQLite 的扩展包 FreeSql.Provider.Sqlite
+        //services.AddFreeSql(option =>
+        //{
+        //    option.UseConnectionString(FreeSql.DataType.Sqlite, Configuration.GetConnectionString("bb"))
+#if DEBUG
+        //         //开发环境:自动同步实体
+        //         .UseAutoSyncStructure(true)
+        //         //调试sql语句输出
+        //         .UseMonitorCommand(cmd => System.Console.WriteLine(cmd.CommandText))
+#endif
+        //        ;
+        //});
+
+        // 增加 EFCore ORM 数据服务操作类
+        // 需要时打开下面代码
+        //services.AddEntityFrameworkCore<Shared.Pages.FooDbContext>(option =>
+        //{
+        //    // 需要引用 Microsoft.EntityFrameworkCore.Sqlite 包，操作 SQLite 数据库
+        //    option.UseSqlite(Configuration.GetConnectionString("bb"));
+        //});
+        return services;
+    }
+}

src/BootstrapBlazor.Server/Extensions/TasksExtensions.cs

@@ -1,94 +0,0 @@
-// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
-// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
-// Website: https://www.blazor.zone or https://argozhang.github.io/
-
-using BootstrapBlazor.Shared;
-using Longbow.Tasks;
-using Microsoft.AspNetCore.Hosting;
-using Microsoft.Extensions.Hosting;
-using Microsoft.Extensions.Options;
-using System.IO;
-using System.Linq;
-using System.Threading;
-using Task = System.Threading.Tasks.Task;
-
-namespace Microsoft.Extensions.DependencyInjection
-{
-    /// <summary>
-    /// 后台任务扩展方法
-    /// </summary>
-    internal static class TasksExtensions
-    {
-        /// <summary>
-        /// 添加示例后台任务
-        /// </summary>
-        /// <param name="services"></param>
-        public static IServiceCollection AddBlazorBackgroundTask(this IServiceCollection services)
-        {
-            services.AddSingleton<WeatherForecastService>();
-            services.AddTaskServices();
-            services.AddHttpClient();
-            services.AddVersionManager();
-            services.AddExampleService();
-            services.AddSingleton<IConfigureOptions<WebsiteOptions>, ConfigureOptions<WebsiteOptions>>();
-            services.AddHostedService<BlazorBackgroundServices>();
-            return services;
-        }
-    }
-
-    /// <summary>
-    /// 后台任务服务类
-    /// </summary>
-    internal class BlazorBackgroundServices : BackgroundService
-    {
-        private readonly IWebHostEnvironment? _env;
-
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <param name="env"></param>
-        /// <param name="websiteOption"></param>
-        public BlazorBackgroundServices(IWebHostEnvironment env, IOptions<WebsiteOptions> websiteOption)
-        {
-            _env = env;
-            websiteOption.Value.WebRootPath = env.WebRootPath;
-        }
-
-        /// <summary>
-        /// 运行任务
-        /// </summary>
-        /// <param name="stoppingToken"></param>
-        /// <returns></returns>
-        protected override Task ExecuteAsync(CancellationToken stoppingToken)
-        {
-            TaskServicesManager.GetOrAdd("Clear Upload Files", token =>
-            {
-                if (_env != null)
-                {
-                    var webSiteUrl = $"images{Path.DirectorySeparatorChar}uploader{Path.DirectorySeparatorChar}";
-                    var filePath = Path.Combine(_env.WebRootPath, webSiteUrl);
-                    if (Directory.Exists(filePath))
-                    {
-                        Directory.EnumerateFiles(filePath).Take(10).ToList().ForEach(file =>
-                        {
-                            try
-                            {
-                                if (token.IsCancellationRequested)
-                                {
-                                    return;
-                                }
-
-                                File.Delete(file);
-                            }
-                            catch { }
-                        });
-                    }
-
-                }
-                return Task.CompletedTask;
-            }, TriggerBuilder.Build(Cron.Minutely(10)));
-
-            return Task.CompletedTask;
-        }
-    }
-}

src/BootstrapBlazor.Server/Pages/_Host.cshtml

@@ -1,70 +1,8 @@
 @page "/"
 @using BootstrapBlazor.Shared
-@namespace BootstrapBlazor.Server
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
 @{
-    Layout = null;
+    Layout = "_Layout";
 }
 
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <meta name="keywords" content="bootstrap,blazor,wasm,webassembly,UI,netcore,web,assembly">
-    <meta name="description" content="基于 Bootstrap 风格的 Blazor UI 组件库，用于研发企业级中后台产品。">
-    <meta name="author" content="argo (argo@163.com)">
-    <title>Bootstrap Blazor - 企业级 UI 组件库</title>
-    <link rel="icon" href="favicon.ico" type="image/x-icon">
-    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
-    <link rel="apple-touch-icon" href="favicon.png">
-    <base href="~/">
-    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" asp-append-version="true">
-    <link rel="stylesheet" href="_content/BootstrapBlazor.Chart/css/bootstrap.blazor.chart.bundle.min.css" asp-append-version="true">
-    <link rel="stylesheet" href="_content/BootstrapBlazor.Markdown/css/bootstrap.blazor.markdown.min.css" asp-append-version="true">
-    <link rel="stylesheet" href="_content/BootstrapBlazor.Shared/lib/highlight/vs.css" asp-append-version="true">
-    <link rel="stylesheet" href="_content/BootstrapBlazor.Shared/css/site.css" asp-append-version="true">
-    <environment include="Staging,Production">
-        <script>
-            var _hmt = _hmt || [];
-            (function () {
-                var hm = document.createElement("script");
-                hm.src = "https://hm.baidu.com/hm.js?f147c9b2e3e0cc2b629c6390e5ffe377";
-                var s = document.getElementsByTagName("script")[0];
-                s.parentNode.insertBefore(hm, s);
-            })();
-        </script>
-    </environment>
-</head>
-<body>
-    <app>
-        @(await Html.RenderComponentAsync<App>(RenderMode.ServerPrerendered))
-    </app>
-
-    <div id="blazor-error-ui">
-        <environment include="Staging,Production">
-            An error has occurred. This application may no longer respond until reloaded.
-        </environment>
-        <environment include="Development">
-            An unhandled exception has occurred. See browser dev tools for details.
-        </environment>
-        <a href="" class="reload">Reload</a>
-        <a class="dismiss"><i class="fa fa-times"></i></a>
-    </div>
-    <div class="wwads-cn wwads-horizontal" data-id="72" style="max-width:350px"></div>
-    <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js" asp-append-version="true"></script>
-    <script src="_content/BootstrapBlazor.Chart/js/bootstrap.blazor.chart.bundle.min.js" asp-append-version="true"></script>
-    <script src="_content/BootstrapBlazor.TableExport/js/export.min.js" asp-append-version="true"></script>
-    <script src="_content/BootstrapBlazor.Markdown/js/bootstrap.blazor.markdown.min.js" asp-append-version="true"></script>
-    <script src="_content/BootstrapBlazor.Shared/lib/highlight/highlight.min.js" asp-append-version="true"></script>
-    <script src="_content/BootstrapBlazor.Shared/lib/summernote/summernote-zh-CN.min.js" asp-append-version="true"></script>
-    <script src="_content/BootstrapBlazor.Shared/js/common.js" asp-append-version="true"></script>
-    <script src="_framework/blazor.server.js" asp-append-version="true"></script>
-    <environment include="Staging,Production">
-        <script src="https://wwads.cn/js/makemoney.js" type="text/javascript" async></script>
-    </environment>
-</body>
-</html>
+<component type="typeof(App)" render-mode="ServerPrerendered" />

src/BootstrapBlazor.Server/Pages/_Layout.cshtml

@@ -0,0 +1,66 @@
+@using Microsoft.AspNetCore.Components.Web
+@namespace BootstrapBlazor.Server
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="keywords" content="bootstrap,blazor,wasm,webassembly,UI,netcore,web,assembly">
+    <meta name="description" content="基于 Bootstrap 风格的 Blazor UI 组件库，用于研发企业级中后台产品。">
+    <meta name="author" content="argo (argo@163.com)">
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <link rel="apple-touch-icon" href="favicon.png">
+    <base href="~/">
+    <link rel="stylesheet" href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css">
+    <link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" asp-append-version="true">
+    <link rel="stylesheet" href="_content/BootstrapBlazor.Chart/css/bootstrap.blazor.chart.bundle.min.css" asp-append-version="true">
+    <link rel="stylesheet" href="_content/BootstrapBlazor.Markdown/css/bootstrap.blazor.markdown.min.css" asp-append-version="true">
+    <link rel="stylesheet" href="_content/BootstrapBlazor.Shared/BootstrapBlazor.Shared.bundle.scp.css" asp-append-version="true">
+    <link rel="stylesheet" href="_content/BootstrapBlazor.Shared/lib/highlight/vs.css" asp-append-version="true">
+    <link rel="stylesheet" href="_content/BootstrapBlazor.Shared/css/site.css" asp-append-version="true">
+    <link rel="stylesheet" href="_content/BootstrapBlazor/css/motronic.min.css" asp-append-version="true">
+    <link rel="stylesheet" href="_content/BootstrapBlazor.Shared/css/motronic.css" asp-append-version="true">
+    <environment include="Staging,Production">
+        <script>
+            var _hmt = _hmt || [];
+            (function () {
+                var hm = document.createElement("script");
+                hm.src = "https://hm.baidu.com/hm.js?f147c9b2e3e0cc2b629c6390e5ffe377";
+                var s = document.getElementsByTagName("script")[0];
+                s.parentNode.insertBefore(hm, s);
+            })();
+        </script>
+    </environment>
+    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
+</head>
+<body>
+    @RenderBody()
+
+    <div id="blazor-error-ui">
+        <span>
+            <environment include="Staging,Production">
+                An error has occurred. This application may no longer respond until reloaded.
+            </environment>
+            <environment include="Development">
+                An unhandled exception has occurred. See browser dev tools for details.
+            </environment>
+        </span>
+        <a href="" class="reload">Reload</a>
+        <a class="dismiss"><i class="fa fa-times"></i></a>
+    </div>
+
+    <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js" asp-append-version="true"></script>
+    <script src="_content/BootstrapBlazor.Chart/js/bootstrap.blazor.chart.bundle.min.js" asp-append-version="true"></script>
+    <script src="_content/BootstrapBlazor.TableExport/js/export.min.js" asp-append-version="true"></script>
+    <script src="_content/BootstrapBlazor.Markdown/js/bootstrap.blazor.markdown.min.js" asp-append-version="true"></script>
+    <script src="_content/BootstrapBlazor.Shared/lib/highlight/highlight.min.js" asp-append-version="true"></script>
+    <script src="_content/BootstrapBlazor.Shared/lib/summernote/summernote-zh-CN.min.js" asp-append-version="true"></script>
+    <script src="_content/BootstrapBlazor.Shared/js/common.js" asp-append-version="true"></script>
+    <script src="_framework/blazor.server.js" asp-append-version="true"></script>
+</body>
+</html>

src/BootstrapBlazor.Server/Program.cs

@@ -2,35 +2,71 @@
 // Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
 // Website: https://www.blazor.zone or https://argozhang.github.io/
 
-using Microsoft.AspNetCore.Hosting;
-using Microsoft.Extensions.Hosting;
+using Microsoft.AspNetCore.HttpOverrides;
+using Microsoft.AspNetCore.SignalR;
+using Microsoft.Extensions.Options;
+using System.Text;
 
-namespace BootstrapBlazor.Server
+var builder = WebApplication.CreateBuilder(args);
+
+// Add services to the container.
+Encoding.RegisterProvider(CodePagesEncodingProvider.Instance);
+
+builder.Services.AddCors();
+builder.Services.AddResponseCompression();
+
+builder.Services.AddControllers();
+builder.Services.AddRazorPages();
+builder.Services.AddServerSideBlazor();
+builder.Services.AddBootstrapBlazorServices();
+
+// 获得当前主题配置
+var themes = builder.Configuration.GetSection("Themes")
+    .GetChildren()
+    .Select(c => new KeyValuePair<string, string>(c.Key, c.Value));
+
+builder.Services.ConfigureBootstrapBlazorOption(options =>
 {
-    /// <summary>
-    ///
-    /// </summary>
-    public class Program
-    {
-        /// <summary>
-        ///
-        /// </summary>
-        /// <param name="args"></param>
-        public static void Main(string[] args)
-        {
-            CreateHostBuilder(args).Build().Run();
-        }
+    // 统一设置 Toast 组件自动消失时间
+    options.ToastDelay = 4000;
+    options.Themes.AddRange(themes);
+});
 
-        /// <summary>
-        ///
-        /// </summary>
-        /// <param name="args"></param>
-        /// <returns></returns>
-        public static IHostBuilder CreateHostBuilder(string[] args) =>
-            Host.CreateDefaultBuilder(args)
-                .ConfigureWebHostDefaults(webBuilder =>
-                {
-                    webBuilder.UseStartup<Startup>();
-                });
-    }
+builder.Services.Configure<HubOptions>(option => option.MaximumReceiveMessageSize = int.MaxValue);
+
+var app = builder.Build();
+
+// 启用本地化
+var option = app.Services.GetService<IOptions<RequestLocalizationOptions>>();
+if (option != null)
+{
+    app.UseRequestLocalization(option.Value);
 }
+
+// 启用转发中间件
+app.UseForwardedHeaders(new ForwardedHeadersOptions() { ForwardedHeaders = ForwardedHeaders.All });
+
+if (app.Environment.IsDevelopment())
+{
+    app.UseDeveloperExceptionPage();
+}
+else
+{
+    app.UseExceptionHandler("/Error");
+}
+
+app.UseResponseCompression();
+app.UseStaticFiles();
+app.UseRouting();
+app.UseCors(builder => builder.WithOrigins(app.Configuration["AllowOrigins"].Split(',', StringSplitOptions.RemoveEmptyEntries))
+    .AllowAnyHeader()
+    .AllowAnyMethod()
+    .AllowCredentials());
+
+app.UseBootstrapBlazor();
+
+app.MapDefaultControllerRoute();
+app.MapBlazorHub();
+app.MapFallbackToPage("/_Host");
+
+app.Run();

src/BootstrapBlazor.Server/Properties/launchSettings.json

@@ -3,28 +3,26 @@
     "windowsAuthentication": false,
     "anonymousAuthentication": true,
     "iisExpress": {
-      "hotReloadProfile": "aspnetcore",
       "applicationUrl": "http://localhost:50853/",
       "sslPort": 0
     }
   },
   "profiles": {
-    "IIS Express": {
-      "commandName": "IISExpress",
-      "hotReloadProfile": "aspnetcore",
+    "WebConsole": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
       "launchBrowser": true,
+      "applicationUrl": "http://localhost:50853/",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       }
     },
-    "BootstrapBlazor.WebConsole": {
-      "commandName": "Project",
-      "hotReloadProfile": "aspnetcore",
+    "IIS Express": {
+      "commandName": "IISExpress",
       "launchBrowser": true,
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
-      },
-      "applicationUrl": "http://localhost:50853/"
+      }
     },
     "Docker": {
       "commandName": "Docker",

src/BootstrapBlazor.Server/Services/ClearUploadFilesService.cs

@@ -0,0 +1,67 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Shared;
+using Longbow.Tasks;
+using Microsoft.Extensions.Options;
+
+namespace BootstrapBlazor.Server.Services;
+
+/// <summary>
+/// 后台任务服务类
+/// </summary>
+internal class ClearUploadFilesService : BackgroundService
+{
+    private readonly IWebHostEnvironment _env;
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <param name="env"></param>
+    /// <param name="websiteOption"></param>
+    public ClearUploadFilesService(IWebHostEnvironment env, IOptions<WebsiteOptions> websiteOption)
+    {
+        _env = env;
+        websiteOption.Value.WebRootPath = env.WebRootPath;
+        websiteOption.Value.ContentRootPath = env.ContentRootPath;
+        websiteOption.Value.IsDevelopment = env.IsDevelopment();
+    }
+
+    /// <summary>
+    /// 运行任务
+    /// </summary>
+    /// <param name="stoppingToken"></param>
+    /// <returns></returns>
+    protected override Task ExecuteAsync(CancellationToken stoppingToken)
+    {
+        _ = TaskServicesManager.GetOrAdd("Clear Upload Files", token =>
+        {
+            if (_env != null)
+            {
+                var webSiteUrl = $"images{Path.DirectorySeparatorChar}uploader{Path.DirectorySeparatorChar}";
+                var filePath = Path.Combine(_env.WebRootPath, webSiteUrl);
+                if (Directory.Exists(filePath))
+                {
+                    Directory.EnumerateFiles(filePath).Take(10).ToList().ForEach(file =>
+                    {
+                        try
+                        {
+                            if (token.IsCancellationRequested)
+                            {
+                                return;
+                            }
+
+                            File.Delete(file);
+                        }
+                        catch { }
+                    });
+                }
+
+            }
+            return Task.CompletedTask;
+        }, TriggerBuilder.Build(Cron.Minutely(10)));
+
+        return Task.CompletedTask;
+    }
+}

src/BootstrapBlazor.Server/Startup.cs

@@ -1,169 +0,0 @@
-// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
-// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
-// Website: https://www.blazor.zone or https://argozhang.github.io/
-
-using BootstrapBlazor.Components;
-using Microsoft.AspNetCore.Builder;
-using Microsoft.AspNetCore.Hosting;
-using Microsoft.AspNetCore.HttpOverrides;
-using Microsoft.Extensions.Configuration;
-using Microsoft.Extensions.DependencyInjection;
-using Microsoft.Extensions.Hosting;
-using Microsoft.Extensions.Options;
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Reflection;
-
-namespace BootstrapBlazor.Server
-{
-    /// <summary>
-    ///
-    /// </summary>
-    public class Startup
-    {
-        /// <summary>
-        ///
-        /// </summary>
-        /// <param name="configuration"></param>
-        /// <param name="env"></param>
-        public Startup(IConfiguration configuration, IWebHostEnvironment env)
-        {
-            Configuration = configuration;
-            Enviroment = env;
-        }
-
-        /// <summary>
-        ///
-        /// </summary>
-        public IConfiguration Configuration { get; }
-
-        /// <summary>
-        /// 获得 当前运行时环境
-        /// </summary>
-        public IWebHostEnvironment Enviroment { get; }
-
-        /// <summary>
-        ///
-        /// </summary>
-        /// <param name="services"></param>
-        // This method gets called by the runtime. Use this method to add services to the container.
-        // For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
-        public void ConfigureServices(IServiceCollection services)
-        {
-            services.AddCors();
-            services.AddResponseCompression();
-
-            services.AddControllers();
-            services.AddRazorPages();
-            services.AddServerSideBlazor();
-
-            services.AddBlazorBackgroundTask();
-
-            // 增加 BootstrapBlazor 组件
-            services.AddBootstrapBlazor(options =>
-            {
-                // 统一设置 Toast 组件自动消失时间
-                options.ToastDelay = 4000;
-                options.Themes.AddRange(Configuration.GetSection("Themes")
-                    .GetChildren()
-                    .Select(c => new KeyValuePair<string, string>(c.Key, c.Value)));
-            }, options =>
-            {
-                // 附加自己的 json 多语言文化资源文件 如 zh-TW.json
-                options.AdditionalJsonAssemblies = new Assembly[]
-                {
-                    typeof(BootstrapBlazor.Shared.App).Assembly,
-                    typeof(BootstrapBlazor.Components.Chart).Assembly
-                };
-            });
-
-            // 增加多语言支持配置信息
-            services.AddRequestLocalization<IOptions<BootstrapBlazorOptions>>((localizerOption, blazorOption) =>
-            {
-                var supportedCultures = blazorOption.Value.GetSupportedCultures();
-
-                localizerOption.SupportedCultures = supportedCultures;
-                localizerOption.SupportedUICultures = supportedCultures;
-            });
-
-            // 增加 Table Excel 导出服务
-            services.AddBootstrapBlazorTableExcelExport();
-
-            // 增加 PetaPoco ORM 数据服务操作类
-            // 需要时打开下面代码
-            //services.AddPetaPoco(option =>
-            //{
-            //    // 配置数据信息
-            //    // 使用 SQLite 数据以及从配置文件中获取数据库连接字符串
-            //    // 需要引用 Microsoft.Data.Sqlite 包，操作 SQLite 数据库
-            //    // 需要引用 PetaPoco.Extensions 包，PetaPoco 包扩展批量插入与删除
-            //    option.UsingProvider<SQLiteDatabaseProvider>()
-            //          .UsingConnectionString(Configuration.GetConnectionString("bb"));
-            //});
-
-            // 增加 FreeSql ORM 数据服务操作类
-            // 需要时打开下面代码
-            // 需要引入 FreeSql 对 SQLite 的扩展包 FreeSql.Provider.Sqlite
-            //services.AddFreeSql(option =>
-            //{
-            //    option.UseConnectionString(FreeSql.DataType.Sqlite, Configuration.GetConnectionString("bb"))
-#if DEBUG
-            //         //开发环境:自动同步实体
-            //         .UseAutoSyncStructure(true)
-            //         //调试sql语句输出
-            //         .UseMonitorCommand(cmd => System.Console.WriteLine(cmd.CommandText))
-#endif
-            //        ;
-            //});
-
-            // 增加 EFCore ORM 数据服务操作类
-            // 需要时打开下面代码
-            //services.AddEntityFrameworkCore<Shared.Pages.FooDbContext>(option =>
-            //{
-            //    // 需要引用 Microsoft.EntityFrameworkCore.Sqlite 包，操作 SQLite 数据库
-            //    option.UseSqlite(Configuration.GetConnectionString("bb"));
-            //});
-
-            // 增加 Table 数据服务操作类
-            services.AddTableDemoDataService();
-        }
-
-        /// <summary>
-        ///
-        /// </summary>
-        /// <param name="app"></param>
-        /// <param name="env"></param>
-        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
-        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
-        {
-            // 启用本地化
-            app.UseRequestLocalization(app.ApplicationServices.GetService<IOptions<RequestLocalizationOptions>>()!.Value);
-
-            app.UseForwardedHeaders(new ForwardedHeadersOptions() { ForwardedHeaders = ForwardedHeaders.All });
-
-            if (env.IsDevelopment())
-            {
-                app.UseDeveloperExceptionPage();
-            }
-            else
-            {
-                app.UseExceptionHandler("/Error");
-                // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
-                app.UseHsts();
-            }
-
-            app.UseResponseCompression();
-            app.UseStaticFiles();
-            app.UseRouting();
-            app.UseCors(builder => builder.WithOrigins(Configuration["AllowOrigins"].Split(',', StringSplitOptions.RemoveEmptyEntries)).AllowAnyHeader().AllowAnyMethod().AllowCredentials());
-
-            app.UseEndpoints(endpoints =>
-            {
-                endpoints.MapDefaultControllerRoute();
-                endpoints.MapBlazorHub();
-                endpoints.MapFallbackToPage("/_Host");
-            });
-        }
-    }
-}

src/BootstrapBlazor.Server/appsettings.Development.json

@@ -3,8 +3,7 @@
   "Logging": {
     "LogLevel": {
       "Default": "Information",
-      "Microsoft": "Warning",
-      "Microsoft.Hosting.Lifetime": "Information"
+      "Microsoft.AspNetCore": "Warning"
     }
   },
   "AllowOrigins": "http://localhost:5000",

src/BootstrapBlazor.Server/appsettings.json

@@ -2,8 +2,14 @@
   "Logging": {
     "LogLevel": {
       "Default": "Information",
-      "Microsoft": "Warning",
-      "Microsoft.Hosting.Lifetime": "Information"
+      "Microsoft.AspNetCore": "Warning"
+    },
+    "LgbFile": {
+      "IncludeScopes": true,
+      "LogLevel": {
+        "Default": "Error"
+      },
+      "FileName": "Error\\Log.log"
     }
   },
   "AllowedHosts": "*",
@@ -19,18 +25,26 @@
     "SupportedCultures": [
       "zh-CN",
       "en-US"
-    ]
+    ],
+    "TableSettings": {
+      "CheckboxColumnWidth": 36
+    }
   },
   "WebsiteOptions": {
     "ServerUrl": "https://www.blazor.zone",
     "AdminUrl": "https://admin.blazor.zone",
     "ImageLibUrl": "https://imgs.blazor.zone",
     "WasmUrl": "https://wasm.blazor.zone",
-    "TotalCount": 80
+    "TotalCount": 100
   },
   "Themes": {
-    "Ant Design (完善中)": "_content/BootstrapBlazor.Shared/css/ant.css",
-    "LayUI (完善中)": "_content/BootstrapBlazor.Shared/css/layui.css",
-    "Bluma (完善中)": "_content/BootstrapBlazor.Shared/css/bluma.css"
+    "Ant Design (完善中)": "ant",
+    "LayUI (完善中)": "layui"
+  },
+  "WebHooks": {
+    "Gitee": {
+      "Id": "",
+      "Token": ""
+    }
   }
 }

src/BootstrapBlazor.Server/wwwroot/docs/index.html

@@ -1,102 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <meta name="keywords" content="bootstrap,blazor,wasm,webassembly,UI,netcore,web,assembly">
-    <meta name="author" content="argo (argo@163.com)">
-    <title>Microsoft Docs Learn</title>
-    <link rel="icon" href="https://devblogs.microsoft.com/visualstudio/wp-content/uploads/sites/4/2018/10/Microsoft-Favicon.png" sizes="32x32">
-    <link rel="icon" href="https://devblogs.microsoft.com/visualstudio/wp-content/uploads/sites/4/2018/10/Microsoft-Favicon.png" sizes="192x192">
-    <link rel="apple-touch-icon" href="https://devblogs.microsoft.com/visualstudio/wp-content/uploads/sites/4/2018/10/Microsoft-Favicon.png">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
-    <script>
-        var _hmt = _hmt || [];
-        (function () {
-            var hm = document.createElement("script");
-            hm.src = "https://hm.baidu.com/hm.js?f147c9b2e3e0cc2b629c6390e5ffe377";
-            var s = document.getElementsByTagName("script")[0];
-            s.parentNode.insertBefore(hm, s);
-        })();
-    </script>
-    <style>
-        body {
-            background-color: #f4f4f4;
-        }
-
-        main {
-            padding: 60px 16%;
-            margin: 60px 0;
-            box-shadow: 2px 2px 8px rgb(0 0 0 / 10%);
-            border-radius: 4px;
-            background-color: #fff;
-        }
-
-        article h1 {
-            text-align: center;
-            font-size: 1.8rem;
-            margin-bottom: 1.5rem;
-        }
-
-        article h2 {
-            font-size: 1.5rem;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="row">
-            <div class="col-md">
-                <main>
-                    <article>
-                        <h1>Docs & Learn Champion Best Practice Story</h1>
-                        <div class="text-center">
-                            <img src="imgs/Argo-Circle.png" style="width: 60px;" />
-                        </div>
-                        <div class="text-center" style="font-size:1.25rem;">
-                            <div class="mt-2">Guangpo Zhang</div>
-                            <div class="mt-2 mb-3" style="font-size:0.875rem; color: #616161;">April 27th, 2021</div>
-                        </div>
-                        <p>
-                            I am honored to be awarded as <a href="https://mvp.microsoft.com/en-us/PublicProfile/5004174" target="_blank">Microsoft MVP</a> on <b>March 1st, 2021</b>. Being MVP has always been my dream for a senior developer who has kept active in technical communities about 20 years.
-</p>
-                        <p>
-                            As soon as I joined the program, my CPM Christina Liang contacted with me immediately and arranged the onboarding meeting to introduce MVP Program and Docs & Learn Champion project. I thought Docs & Learn Champion was a fantastic project, which can help more people know MS Learn free learning platform, where they can find a systemtic knowledge and tool resource, so I registered this activity at once. Before I received my Creator ID, I have chose a dozen of Docs articles, vedios and learning modules from MS Docs and Learn website, prepared the original URLs to add my Creator ID later. Christina said I was as active and energetic as the generation of post 90s. Haha, it is my habit to take action fast. As a startup partner, I am very busy at work, so I treasure every minute in part time to build several personal technical websites, organize community learning groups and record learning videos, so when I think one thing is worth doing, I will take action fast to make it true, and more people can benefit from it soon.
-                        </p>
-                        <p>
-                            I was also astonished when Christina told me my score during March, with <b>3,287</b> total unique and <b>21,250</b> page views. Seeing so many visitors are interested in MS Learn content, I have momentum to contribute more on this thing. Maybe it is just because of my sharing, someone know Blazor and MS product and services, and will make use of it in their daily work and get achievement in the future. That’s what make us feel proud as a Microsoft MVP.
-                        </p>
-                        <img src="imgs/Picture1.png" class="w-100 py-3" />
-                        <p>Let me share my experience how I can attract 3,000+ visitors to see MS Docs and Learn website during one month.</p>
-                        <h2>Firstly</h2>
-                        <p>
-                            I add Docs links of Blazor official learning content at outsanding position on my persoanl website: <a href="https://www.blazor.zone" target="_blank">www.blazor.zone</a>, and I also made a popup box to introduce 8 important articles on Blazor, which beginner shall read them to have a general concept. Here is a small trick that I set up the popup box to cover some website content, most people would like to click them to have a look out of curiosity. Frankly speaking, they are very good learning content, and I highly recommend people to read them in my learning groups. The dashboard data says these 8 articles have got largest clicks, with each one over <b>3,200</b> views.
-                        </p>
-                        <img src="imgs/Picture2.png" class="w-100 py-3" />
-                        <img src="imgs/Picture3.png" class="w-100 py-3" />
-                        <h2>Secondly</h2>
-                        <p>I made two large-scale updates and advertisement for my website in March, which attracted new visitors that took <b>71.94%</b> of all visitors and attributed high clicks on my website. As shown in the screenshot below, you can see the visitors of my website in March was about 10,000 making <b>93,010</b> page views, so my Docs & Learn Champion unique visitors and page views are divided by my website data, we could find the transfer rates were <b>35.90%</b> and <b>22.8%</b> separately for unique visitors and page views. High percentage of my website visitors are interested in MS Learn content. </p>
-                        <img src="imgs/Picture7.png" class="w-100 py-3" />
-                        <img src="imgs/Picture4.png" class="w-100 py-3" />
-                        <h2>Thirdly</h2>
-                        <p>I made search engine optimization for some key words to get a satisfied result. Now, if people search words, such as blazor bootstrap ui in Chinese famous search engine – Baidu.com, they will be led to my website, and then have great probabilities to click MS Learn links I inserted there. </p>
-                        <img src="imgs/Picture5.png" class="w-100 py-3" />
-                        <h2>Fourthly</h2>
-                        <p>
-                            I organized Blazor community, and a number of learning groups. I would send MS Learn and Docs articles and modules into these community groups as learning material or answers to their questions. My hardworking administrators will also help me send these articles to group members. We are happy to receive members’ feedback that they felt the material is valuable and many of them sent screenshot to me showing they finished all modules.
-                        </p>
-                        <img src="imgs/Picture6.png" class="w-100 py-3" />
-                        <h2>Fifthly</h2>
-                        <p>I have several open-source projects, which will be updated every Thursday. I will send MS Learn content together with my open-source update news to the audience to share the popularity of update news, which usually attract over <b>2,000</b> views till next morning. </p>
-                        <h2>Sixthly</h2>
-                        <p>Taking a ride from official release. When .Net releases the preview version, people all actively discuss the new features, so I will post some blogs in the topic of these new features inserting MS Learn article links. For example, Microsoft recently released .Net preview 3 with hot reload feature, so I also post some blogs introducing blazor support hot reload and MS Learn courses. </p>
-                        <p>All in all, as a newcomer, there are a lot of things to be learned from experienced MVPs and CPMs. I hope my sharing can provide you with some reference. Through joining Docs & Learn Champion, I am excited to see so many developers are interested in Microsoft products and services, as well as this fantastic free MS Learn platform. It is a continuously updated storehouse of practical knowledge, and I hope more people would know it, use it and connect with each other to progress through my sharing. </p>
-                    </article>
-                </main>
-            </div>
-        </div>
-    </div>
-</body>
-</html>

src/BootstrapBlazor.Shared/App.razor

@@ -1,12 +1,18 @@
-<Router AppAssembly="@typeof(MainLayout).Assembly" PreferExactMatches="@true">
-    <Found Context="routeData">
-        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
-    </Found>
-    <NotFound>
-        <LayoutView Layout="@typeof(MainLayout)">
-            <p>正在玩命开发中 ...</p>
-        </LayoutView>
-    </NotFound>
-</Router>
+@inject IStringLocalizer<App> AppLocalizer
+
+<BootstrapBlazorRoot>
+    <Router AppAssembly="@typeof(App).Assembly">
+        <Found Context="routeData">
+            <PageTitle>@AppLocalizer["Title"]</PageTitle>
+            <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+            <FocusOnNavigate RouteData="@routeData" Selector="h1" />
+        </Found>
+        <NotFound>
+            <PageTitle>Not found</PageTitle>
+            <LayoutView Layout="@typeof(MainLayout)">
+                <p>正在玩命开发中 ...</p>
+            </LayoutView>
+        </NotFound>
+    </Router>
+</BootstrapBlazorRoot>
 
-<Title></Title>

src/BootstrapBlazor.Shared/App.razor.cs

@@ -2,36 +2,101 @@
 // Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
 // Website: https://www.blazor.zone or https://argozhang.github.io/
 
+using BootstrapBlazor.Components;
+using BootstrapBlazor.Shared.Components;
+using BootstrapBlazor.Shared.Exntensions;
 using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
 using Microsoft.JSInterop;
-using System;
-using System.Threading.Tasks;
 
-namespace BootstrapBlazor.Shared
+namespace BootstrapBlazor.Shared;
+
+/// <summary>
+/// 
+/// </summary>
+public sealed partial class App : IDisposable
 {
+    [Inject]
+    [NotNull]
+    private IJSRuntime? JSRuntime { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<App>? Localizer { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IDispatchService<GiteePostBody>? DispatchService { get; set; }
+
+    [Inject]
+    [NotNull]
+    private ToastService? Toast { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        DispatchService.Subscribe(Notify);
+    }
+
     /// <summary>
     /// 
     /// </summary>
-    public sealed partial class App
+    /// <param name="firstRender"></param>
+    protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        /// <summary>
-        /// 
-        /// </summary>
-        [Inject]
-        private IJSRuntime? JSRuntime { get; set; }
+        await base.OnAfterRenderAsync(firstRender);
 
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <param name="firstRender"></param>
-        protected override async Task OnAfterRenderAsync(bool firstRender)
+        if (firstRender)
         {
-            await base.OnAfterRenderAsync(firstRender);
-
-            if (firstRender && OperatingSystem.IsBrowser() && JSRuntime != null)
-            {
-                await JSRuntime.InvokeVoidAsync("$.loading");
-            }
+            await JSRuntime.InvokeVoidAsync("$.loading", OperatingSystem.IsBrowser(), Localizer["ErrorMessage"].Value, Localizer["Reload"].Value);
         }
     }
+
+    private async Task Notify(DispatchEntry<GiteePostBody> payload)
+    {
+        if (payload.CanDispatch())
+        {
+            var option = new ToastOption()
+            {
+                Category = ToastCategory.Information,
+                Title = "代码提交推送通知",
+                Delay = 30 * 1000,
+                ForceDelay = true,
+#if DEBUG
+                IsAutoHide = false,
+#endif
+                ChildContent = BootstrapDynamicComponent.CreateComponent<CommitItem>(new Dictionary<string, object?>
+                {
+                    [nameof(CommitItem.Item)] = payload.Entry
+                }).Render()
+            };
+            await Toast.Show(option);
+        }
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <param name="disposing"></param>
+    private void Dispose(bool disposing)
+    {
+        if (disposing)
+        {
+            DispatchService.UnSubscribe(Notify);
+        }
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <exception cref="NotImplementedException"></exception>
+    public void Dispose()
+    {
+        Dispose(true);
+        GC.SuppressFinalize(this);
+    }
 }

src/BootstrapBlazor.Shared/BootstrapBlazor.Shared.csproj

@@ -1,9 +1,6 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
-  <PropertyGroup>
-    <IsPackable>true</IsPackable>
-    <Version>5.0.0</Version>
-  </PropertyGroup>
+  <Import Project="..\Framework.props" />
 
   <ItemGroup>
     <SupportedPlatform Include="browser" />
@@ -17,13 +14,15 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="BootstrapBlazor.Chart" Version="5.0.21" />
-    <PackageReference Include="BootstrapBlazor.Markdown" Version="5.0.21" />
-    <PackageReference Include="BootstrapBlazor.TableExport" Version="5.0.21" />
+    <PackageReference Include="BootstrapBlazor.Chart" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.Markdown" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.TableExport" Version="6.*" />
+    <PackageReference Include="System.Text.Json" Version="6.*" />
   </ItemGroup>
 
   <ItemGroup>
     <ProjectReference Include="..\BootstrapBlazor\BootstrapBlazor.csproj" />
+    <ProjectReference Include="..\Extensions\Components\BootstrapBlazor.Speech\BootstrapBlazor.Speech.csproj" />
   </ItemGroup>
 
 </Project>

src/BootstrapBlazor.Shared/Common/AttributeItem.cs

@@ -4,41 +4,40 @@
 
 using System.ComponentModel;
 
-namespace BootstrapBlazor.Shared.Common
+namespace BootstrapBlazor.Shared.Common;
+
+/// <summary>
+/// 属性说明类
+/// </summary>
+public class AttributeItem
 {
     /// <summary>
-    /// 属性说明类
+    /// 获得/设置 参数
     /// </summary>
-    public class AttributeItem
-    {
-        /// <summary>
-        /// 获得/设置 参数
-        /// </summary>
-        [DisplayName("参数")]
-        public string Name { get; set; } = "";
+    [DisplayName("参数")]
+    public string Name { get; set; } = "";
 
-        /// <summary>
-        /// 获得/设置 说明
-        /// </summary>
-        [DisplayName("说明")]
-        public string Description { get; set; } = "";
+    /// <summary>
+    /// 获得/设置 说明
+    /// </summary>
+    [DisplayName("说明")]
+    public string Description { get; set; } = "";
 
-        /// <summary>
-        /// 获得/设置 类型
-        /// </summary>
-        [DisplayName("类型")]
-        public string Type { get; set; } = "";
+    /// <summary>
+    /// 获得/设置 类型
+    /// </summary>
+    [DisplayName("类型")]
+    public string Type { get; set; } = "";
 
-        /// <summary>
-        /// 获得/设置 可选值
-        /// </summary>
-        [DisplayName("可选值")]
-        public string ValueList { get; set; } = "";
+    /// <summary>
+    /// 获得/设置 可选值
+    /// </summary>
+    [DisplayName("可选值")]
+    public string ValueList { get; set; } = "";
 
-        /// <summary>
-        /// 获得/设置 默认值
-        /// </summary>
-        [DisplayName("默认值")]
-        public string DefaultValue { get; set; } = "";
-    }
+    /// <summary>
+    /// 获得/设置 默认值
+    /// </summary>
+    [DisplayName("默认值")]
+    public string DefaultValue { get; set; } = "";
 }

src/BootstrapBlazor.Shared/Common/EventItem.cs

@@ -4,29 +4,28 @@
 
 using System.ComponentModel;
 
-namespace BootstrapBlazor.Shared.Common
+namespace BootstrapBlazor.Shared.Common;
+
+/// <summary>
+/// 事件说明类
+/// </summary>
+public class EventItem
 {
     /// <summary>
-    /// 事件说明类
+    /// 获得/设置 参数
     /// </summary>
-    public class EventItem
-    {
-        /// <summary>
-        /// 获得/设置 参数
-        /// </summary>
-        [DisplayName("参数")]
-        public string Name { get; set; } = "";
+    [DisplayName("参数")]
+    public string Name { get; set; } = "";
 
-        /// <summary>
-        /// 获得/设置 说明
-        /// </summary>
-        [DisplayName("说明")]
-        public string Description { get; set; } = "";
+    /// <summary>
+    /// 获得/设置 说明
+    /// </summary>
+    [DisplayName("说明")]
+    public string Description { get; set; } = "";
 
-        /// <summary>
-        /// 获得/设置 类型
-        /// </summary>
-        [DisplayName("类型")]
-        public string Type { get; set; } = "";
-    }
+    /// <summary>
+    /// 获得/设置 类型
+    /// </summary>
+    [DisplayName("类型")]
+    public string Type { get; set; } = "";
 }

src/BootstrapBlazor.Shared/Common/MethodItem.cs

@@ -4,23 +4,22 @@
 
 using System.ComponentModel;
 
-namespace BootstrapBlazor.Shared.Common
+namespace BootstrapBlazor.Shared.Common;
+
+/// <summary>
+/// 方法说明类
+/// </summary>
+public class MethodItem : EventItem
 {
     /// <summary>
-    /// 方法说明类
+    /// 参数
     /// </summary>
-    public class MethodItem : EventItem
-    {
-        /// <summary>
-        /// 参数
-        /// </summary>
-        [DisplayName("参数")]
-        public string Parameters { get; set; } = "";
+    [DisplayName("参数")]
+    public string Parameters { get; set; } = "";
 
-        /// <summary>
-        /// 返回值
-        /// </summary>
-        [DisplayName("返回值")]
-        public string ReturnValue { get; set; } = "";
-    }
+    /// <summary>
+    /// 返回值
+    /// </summary>
+    [DisplayName("返回值")]
+    public string ReturnValue { get; set; } = "";
 }

src/BootstrapBlazor.Shared/Components/AttributeTable.razor

@@ -4,9 +4,9 @@
     <Table TItem="BootstrapBlazor.Shared.Common.AttributeItem" Items="Items">
         <TableColumns>
             <TableColumn @bind-Field="@context.Name" />
-            <TableColumn @bind-Field="@context.Description" AllowTextWrap="true" />
+            <TableColumn @bind-Field="@context.Description" TextWrap="true" />
             <TableColumn @bind-Field="@context.Type" />
-            <TableColumn @bind-Field="@context.ValueList" AllowTextWrap="true" />
+            <TableColumn @bind-Field="@context.ValueList" TextWrap="true" />
             <TableColumn @bind-Field="@context.DefaultValue" />
         </TableColumns>
     </Table>

src/BootstrapBlazor.Shared/Components/AttributeTable.razor.cs

@@ -0,0 +1,41 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Shared.Common;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public sealed partial class AttributeTable
+{
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<AttributeTable>? Localizer { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    [NotNull]
+    public string? Title { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter] public IEnumerable<AttributeItem>? Items { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        Title ??= Localizer[nameof(Title)];
+    }
+}

src/BootstrapBlazor.Shared/Components/BlockLogger.razor

@@ -1,12 +1,23 @@
 <div class="@ClassName">
     @foreach (var m in Message.Reverse())
     {
-        <div class="log-item">@m</div>
+        <div class="log-item">
+            @if (IsHtml)
+            {
+                @((MarkupString)m)
+            }
+            else
+            {
+                @m
+            }
+        </div>
     }
 </div>
 
 @code {
-    protected System.Collections.Concurrent.ConcurrentQueue<string> Message { get; set; } = new System.Collections.Concurrent.ConcurrentQueue<string>();
+    protected System.Collections.Concurrent.ConcurrentQueue<string> Message { get; set; } = new();
+
+    private bool IsHtml { get; set; }
 
     /// <summary>
     /// 获得 按钮样式集合
@@ -25,8 +36,9 @@
     [Parameter(CaptureUnmatchedValues = true)]
     public IDictionary<string, object>? AdditionalAttributes { get; set; }
 
-    public void Log(string message)
+    public void Log(string message, bool isHtml = false)
     {
+        IsHtml = isHtml;
         Message.Enqueue($"{DateTimeOffset.Now}: {message}");
         Class = "";
         if (Message.Count > 3) Message.TryDequeue(out var s);

src/BootstrapBlazor.Shared/Components/ChartToast.cs

@@ -0,0 +1,79 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
+using Microsoft.JSInterop;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class ChartToast : ComponentBase, IDisposable
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    [Inject]
+    private ToastService? ToastService { get; set; }
+
+    [Inject]
+    private IJSRuntime? JSRuntime { get; set; }
+
+    private JSInterop<ChartToast>? Interope { get; set; }
+
+    /// <summary>
+    /// BuildRenderTree 方法
+    /// </summary>
+    /// <param name="builder"></param>
+    protected override void BuildRenderTree(RenderTreeBuilder builder)
+    {
+        builder.OpenComponent<Toast>(0);
+        builder.CloseComponent();
+    }
+
+    /// <summary>
+    /// OnAfterRenderAsync 方法
+    /// </summary>
+    /// <param name="firstRender"></param>
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        await base.OnAfterRenderAsync(firstRender);
+
+        if (firstRender && JSRuntime != null)
+        {
+            if (Interope == null) Interope = new JSInterop<ChartToast>(JSRuntime);
+            await Interope.InvokeVoidAsync(this, "", "_initChart", nameof(ShowToast));
+        }
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [JSInvokable]
+    public void ShowToast()
+    {
+        ToastService?.Show(new ToastOption() { Title = "友情提示", Content = "屏幕宽度过小，如果是手机请横屏观看" });
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <param name="disposing"></param>
+    private void Dispose(bool disposing)
+    {
+        if (disposing) Interope?.Dispose();
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    public void Dispose()
+    {
+        Dispose(true);
+        GC.SuppressFinalize(this);
+    }
+}

src/BootstrapBlazor.Shared/Components/CommitItem.razor

@@ -0,0 +1,7 @@
+<div class="d-flex fw-bold mb-1">
+    <span class="text-success flex-fill">@Timestamp</span>
+    <span>共 @TotalCount 个提交</span>
+</div>
+<div>提交作者: <span class="text-info fw-bold">@Author</span></div>
+<div>分支名称: <span class="text-info fw-bold">@Branch</span></div>
+<div>提交信息: <a href="@Url" target="_blank">@Message</a></div>

src/BootstrapBlazor.Shared/Components/CommitItem.razor.cs

@@ -0,0 +1,52 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class CommitItem
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    [NotNull]
+    [EditorRequired]
+    public GiteePostBody? Item { get; set; }
+
+    private string? Author { get; set; }
+
+    private string? Timestamp { get; set; }
+
+    private string? Message { get; set; }
+
+    private string? Url { get; set; }
+
+    private string? Branch { get; set; }
+
+    private string? TotalCount { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        var commit = Item.HeadCommit;
+        TotalCount = Item.Commits?.Count.ToString() ?? "1";
+        if (commit != null)
+        {
+            Timestamp = commit.Timestamp.ToString("yyyy-MM-dd HH:mm:ss");
+            Author = commit.Author.Name;
+            Message = commit.Message;
+            Url = commit.Url;
+            Branch = Item.GetBranchName();
+        }
+    }
+}

src/BootstrapBlazor.Shared/Components/ComponentCard.razor.cs

@@ -0,0 +1,63 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public sealed partial class ComponentCard
+{
+    private string ImageUrl => $"_content/BootstrapBlazor.Shared/images/{Image}";
+
+    private string? ClassString => CssBuilder.Default("col-12 col-sm-6 col-md-4 col-lg-3")
+        .AddClass("d-none", IsHide)
+        .Build();
+
+    /// <summary>
+    /// 获得/设置 Header 文字
+    /// </summary>
+    [Parameter]
+    public string Text { get; set; } = "未设置";
+
+    /// <summary>
+    /// 获得/设置 组件图片
+    /// </summary>
+    [Parameter]
+    public string Image { get; set; } = "Divider.svg";
+
+    /// <summary>
+    /// 获得/设置 链接地址
+    /// </summary>
+    [Parameter]
+    public string? Url { get; set; }
+
+    [CascadingParameter]
+    private List<string>? ComponentNames { get; set; }
+
+    [CascadingParameter]
+    private ComponentCategory? Parent { get; set; }
+
+    [CascadingParameter]
+    private string? SearchText { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        ComponentNames?.Add(Text);
+        Parent?.Add(this);
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    internal bool IsHide => !string.IsNullOrEmpty(SearchText) && !Text.Contains(SearchText, StringComparison.OrdinalIgnoreCase);
+}

src/BootstrapBlazor.Shared/Components/ComponentCategory.razor

@@ -1,9 +1,15 @@
-<div class="coms-cate">
+<div class="@ClassString">
     <h3>
         <span>@Text</span>
+        <RenderTemplate>
+            <Badge IsPill="true" Color="Color.Success">@CardCount</Badge>
+        </RenderTemplate>
     </h3>
 
-    <h4>@Desc</h4>
+    @if (!string.IsNullOrEmpty(Desc))
+    {
+        <h4>@Desc</h4>
+    }
 
     <div class="coms-demo">
         <div class="row g-3">
@@ -12,11 +18,4 @@
             </CascadingValue>
         </div>
     </div>
-
-    <RenderTemplate>
-        @if (Cards.Count > 0)
-        {
-            <Badge IsPill="true" Color="Color.Success">@Cards.Count</Badge>
-        }
-    </RenderTemplate>
 </div>

src/BootstrapBlazor.Shared/Components/ComponentCategory.razor.cs

@@ -0,0 +1,58 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public sealed partial class ComponentCategory
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ChildContent { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public string? Text { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public string? Desc { get; set; }
+
+    private List<ComponentCard> Cards { get; } = new List<ComponentCard>();
+
+    internal void Add(ComponentCard card) => Cards.Add(card);
+
+    private int CardCount => Cards.Where(c => !c.IsHide).Count();
+
+    private bool IsRendered { get; set; }
+
+    private string? ClassString => CssBuilder.Default("coms-cate")
+        .AddClass("d-none", IsRendered && CardCount == 0)
+        .Build();
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <param name="firstRender"></param>
+    protected override void OnAfterRender(bool firstRender)
+    {
+        base.OnAfterRender(firstRender);
+
+        if (firstRender)
+        {
+            IsRendered = true;
+        }
+    }
+}

src/BootstrapBlazor.Shared/Components/CultureChooser.razor.cs

@@ -0,0 +1,98 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+using Microsoft.Extensions.Options;
+using Microsoft.JSInterop;
+using System.Globalization;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class CultureChooser
+{
+    [Inject]
+    [NotNull]
+    private IOptions<BootstrapBlazorOptions>? BootstrapOptions { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<CultureChooser>? Localizer { get; set; }
+
+    [Inject]
+    [NotNull]
+    private NavigationManager? NavigationManager { get; set; }
+
+    private string? ClassString => CssBuilder.Default("culture-selector")
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
+
+    private string SelectedCulture { get; set; } = CultureInfo.CurrentUICulture.Name;
+
+    [NotNull]
+    private string? Label { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        Label ??= Localizer[nameof(Label)];
+    }
+
+    private async Task SetCulture(SelectedItem item)
+    {
+        if (OperatingSystem.IsBrowser())
+        {
+            var cultureName = item.Value;
+            if (cultureName != CultureInfo.CurrentCulture.Name)
+            {
+                await JSRuntime.InvokeVoidAsync(identifier: "$.blazorCulture.set", cultureName);
+                var culture = new CultureInfo(cultureName);
+                CultureInfo.CurrentCulture = culture;
+                CultureInfo.CurrentUICulture = culture;
+
+                NavigationManager.NavigateTo(NavigationManager.Uri, forceLoad: true);
+            }
+        }
+        else
+        {
+            // 使用 api 方式 适用于 Server-Side 模式
+            if (SelectedCulture != item.Value)
+            {
+                var culture = item.Value;
+                var uri = new Uri(NavigationManager.Uri).GetComponents(UriComponents.PathAndQuery, UriFormat.Unescaped);
+                var query = $"?culture={Uri.EscapeDataString(culture)}&redirectUri={Uri.EscapeDataString(uri)}";
+
+                // use a path that matches your culture redirect controller from the previous steps
+                NavigationManager.NavigateTo("/Culture/SetCulture" + query, forceLoad: true);
+            }
+        }
+    }
+
+    private static string GetDisplayName(CultureInfo culture)
+    {
+        string? ret;
+        if (OperatingSystem.IsBrowser())
+        {
+            ret = culture.Name switch
+            {
+                "zh-CN" => "中文（中国）",
+                "en-US" => "English (United States)",
+                _ => ""
+            };
+        }
+        else
+        {
+            ret = culture.NativeName;
+        }
+        return ret;
+    }
+}

src/BootstrapBlazor.Shared/Components/CustomerSelectDialog.razor.cs

@@ -0,0 +1,52 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class CustomerSelectDialog
+{
+    private IEnumerable<SelectedItem>? Items2;
+    private readonly IEnumerable<SelectedItem> Items3 = new SelectedItem[]
+    {
+            new SelectedItem ("", "请选择 ..."),
+            new SelectedItem ("Beijing", "北京"),
+            new SelectedItem ("Shanghai", "上海")
+    };
+
+    /// <summary>
+    /// 级联绑定菜单
+    /// </summary>
+    /// <param name="item"></param>
+    private async Task OnCascadeBindSelectClick(SelectedItem item)
+    {
+        // 模拟异步通讯获取数据
+        await Task.Delay(100);
+        if (item.Value == "Beijing")
+        {
+            Items2 = new SelectedItem[]
+            {
+                    new SelectedItem("1","朝阳区"),
+                    new SelectedItem("2","海淀区"),
+            };
+        }
+        else if (item.Value == "Shanghai")
+        {
+            Items2 = new SelectedItem[]
+            {
+                    new SelectedItem("1","静安区"),
+                    new SelectedItem("2","黄浦区"),
+            };
+        }
+        else
+        {
+            Items2 = Enumerable.Empty<SelectedItem>();
+        }
+        StateHasChanged();
+    }
+}

src/BootstrapBlazor.Shared/Components/DataDialogComponent.razor

@@ -12,10 +12,10 @@
         <EditorForm TModel="Foo">
             <FieldItems>
                 <EditorItem @bind-Field="@context.Id" Editable="false" />
-                <EditorItem @bind-Field="@context.Hobby" Data="@Hobbys" />
+                <EditorItem @bind-Field="@context.Hobby" Items="@Hobbys" />
             </FieldItems>
         </EditorForm>
-        <div class="modal-footer table-modal-footer">
+        <div class="modal-footer mt-3">
             <button type="button" class="btn btn-secondary" @onclick="@(e => OnClose?.Invoke())">
                 <i class="fa fa-times"></i>
                 <span>关闭</span>
@@ -25,8 +25,6 @@
     </ValidateForm>
 }
 
-<Toast />
-
 @code {
     [Inject]
     [NotNull]
@@ -46,7 +44,6 @@
     [NotNull]
     private IEnumerable<SelectedItem>? Hobbys { get; set; }
 
-
     /// <summary>
     ///
     /// </summary>

src/BootstrapBlazor.Shared/Components/DemoBlock.razor

@@ -0,0 +1,25 @@
+@inherits BootstrapComponentBase
+
+<AnchorLink Text="@Title" Id="@Name" />
+
+<p>@(new MarkupString(Introduction))</p>
+
+<h5>@SubTitle</h5>
+
+<div class="card card-demo">
+    <div class="card-body">
+        @ChildContent
+    </div>
+    @if (ShowCode)
+    {
+        <div class="card-footer" @ref="BlockElement">
+            <div class="card-footer-code collapse">
+                <Pre @key="@RazorFileName" CodeFile="@RazorFileName" BlockTitle="@BlockTitle"></Pre>
+            </div>
+            <a class="card-footer-control collapsed" data-bs-toggle="collapse">
+                <i class="fa fa-caret-up"></i>
+                <span class="card-demo-text"></span>
+            </a>
+        </div>
+    }
+</div>

src/BootstrapBlazor.Shared/Components/DemoBlock.razor.cs

@@ -0,0 +1,90 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+using Microsoft.JSInterop;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public sealed partial class DemoBlock
+{
+    private ElementReference BlockElement { get; set; }
+
+    /// <summary>
+    /// 获得/设置 组件 Title 属性
+    /// </summary>
+    [Parameter]
+    [NotNull]
+    public string? Title { get; set; }
+
+    /// <summary>
+    /// 获得/设置 组件说明信息
+    /// </summary>
+    [Parameter]
+    public string Introduction { get; set; } = "未设置";
+
+    /// <summary>
+    /// 文件名 从ComponentLayout传递过来的razor文件名
+    /// </summary>
+    [CascadingParameter(Name = "RazorFileName")]
+    public string? RazorFileName { get; set; }
+
+    /// <summary>
+    /// 获得/设置 组件内容
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ChildContent { get; set; }
+
+    /// <summary>
+    /// 获得/设置 是否显示代码块 默认 true 显示
+    /// </summary>
+    [Parameter]
+    public bool ShowCode { get; set; } = true;
+
+    [NotNull]
+    private string? SubTitle { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<DemoBlock>? Localizer { get; set; }
+
+    /// <summary>
+    /// 获得/设置 友好链接锚点名称
+    /// </summary>
+    [Parameter]
+    public string? Name { get; set; }
+
+    private string BlockTitle => Name ?? Title;
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        Title ??= Localizer[nameof(Title)];
+        SubTitle ??= Localizer[nameof(SubTitle)];
+    }
+
+    /// <summary>
+    /// OnAfterRenderAsync
+    /// </summary>
+    /// <param name="firstRender"></param>
+    /// <returns></returns>
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        await base.OnAfterRenderAsync(firstRender);
+
+        if (firstRender)
+        {
+            await JSRuntime.InvokeVoidAsync("$.bb_block", BlockElement);
+        }
+    }
+}

src/BootstrapBlazor.Shared/Components/DialogBodyFoo.razor

@@ -0,0 +1 @@
+改变标题栏中下拉框此处会更改： @Value

src/BootstrapBlazor.Shared/Components/DialogBodyFoo.razor.cs

@@ -0,0 +1,31 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class DialogBodyFoo
+{
+    private string? Value { get; set; }
+
+    private List<SelectedItem> Items { get; } = new(new[]
+    {
+            new SelectedItem("beijing", "北京"),
+            new SelectedItem("shanghai", "上海")
+        });
+
+    /// <summary>
+    /// 
+    /// </summary>
+    public Task UpdateAsync(string val)
+    {
+        Value = Items.First(i => i.Value == val).Text;
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+}

src/BootstrapBlazor.Shared/Components/DialogDemo.razor.cs

@@ -0,0 +1,40 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class DialogDemo
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    [NotNull]
+    public string? Value { get; set; }
+
+    [Inject]
+    [NotNull]
+    private DialogService? DialogService { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        Value = DateTime.Now.ToString();
+    }
+
+    private Task OnClickButton() => DialogService.Show(new DialogOption()
+    {
+        Title = $"弹窗 {Value}",
+        Component = BootstrapDynamicComponent.CreateComponent<DialogDemo>()
+    });
+}

src/BootstrapBlazor.Shared/Components/DialogHeaderFoo.razor

@@ -0,0 +1,4 @@
+<h5 class="modal-title">自定义 Header</h5>
+<div class="d-flex flex-fill justify-content-end me-3">
+	<Select TValue="string" Items="Items" Value="Value" OnSelectedItemChanged="OnSelectedItemChanged" style="max-width: 120px;" />
+</div>

src/BootstrapBlazor.Shared/Components/DialogHeaderFoo.razor.cs

@@ -0,0 +1,52 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class DialogHeaderFoo
+{
+    [NotNull]
+    private IEnumerable<SelectedItem>? Items { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public string? Value { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public Func<string, Task>? OnValueChanged { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        Items = new[]
+        {
+                new SelectedItem("beijing", "北京"),
+                new SelectedItem("shanghai", "上海")
+            };
+    }
+
+    private async Task OnSelectedItemChanged(SelectedItem item)
+    {
+        Value = item.Value;
+        if (OnValueChanged != null)
+        {
+            await OnValueChanged(Value);
+        }
+    }
+}

src/BootstrapBlazor.Shared/Components/DialogSaveDetail.razor

@@ -0,0 +1,17 @@
+<div class="row form-inline g-3">
+    <div class="col-12 col-sm-6">
+        <BootstrapInput @bind-Value="Value.Name" ShowLabel="true" DisplayText="姓名" />
+    </div>
+    <div class="col-12 col-sm-6">
+        <BootstrapInput @bind-Value="Value.Count" ShowLabel="true" DisplayText="数量" />
+    </div>
+</div>
+
+@code {
+    /// <summary>
+    ///
+    /// </summary>
+    [Parameter]
+    [NotNull]
+    public Foo? Value { get; set; }
+}

src/BootstrapBlazor.Shared/Components/EventTable.razor

@@ -1,10 +1,12 @@
-<div class="table-attr">
-    <h4>事件 Events</h4>
+@inject IStringLocalizer<EventTable> Localizer
+
+<div class="table-attr">
+    <h4>@Localizer["Title"]</h4>
 
     <Table TItem="BootstrapBlazor.Shared.Common.EventItem" Items="Items">
         <TableColumns>
             <TableColumn @bind-Field="@context.Name" />
-            <TableColumn @bind-Field="@context.Description" AllowTextWrap="true" />
+            <TableColumn @bind-Field="@context.Description" TextWrap="true" />
             <TableColumn @bind-Field="@context.Type" />
         </TableColumns>
     </Table>

src/BootstrapBlazor.Shared/Components/FooSearch.razor

@@ -0,0 +1,8 @@
+<div class="row form-inline g-3">
+    <div class="col-12 col-sm-6">
+        <BootstrapInput @bind-Value="Value.Name" ShowLabel="true" DisplayText="姓名" />
+    </div>
+    <div class="col-12 col-sm-6">
+        <Select @bind-Value="Value.Count" ShowLabel="true" DisplayText="数量" Items="CountItems" />
+    </div>
+</div>

src/BootstrapBlazor.Shared/Components/FooSearch.razor.cs

@@ -0,0 +1,38 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class FooSearch
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    [NotNull]
+    public FooSearchModel? Value { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public EventCallback<FooSearchModel> ValueChanged { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    public List<SelectedItem> CountItems { get; } = new List<SelectedItem>()
+        {
+            new SelectedItem("", "全部"),
+            new SelectedItem("1", "小于 30"),
+            new SelectedItem("2", "大于等于 30 小于 70"),
+            new SelectedItem("3", "大于等于 70 小于 100")
+        };
+}

src/BootstrapBlazor.Shared/Components/InstallContent.razor

@@ -0,0 +1,91 @@
+@using Microsoft.Extensions.DependencyInjection
+@inject VersionService VersionManager
+@inject IStringLocalizer<InstallContent> Localizer
+
+<h3>@Title</h3>
+
+<h4>环境准备</h4>
+
+<p class="mt-3">确保系统安装</p>
+<ul>
+    <li><code>visual studio 2019</code> 或者 <code>visual studio 2022</code></li>
+    <li><code>net5</code> 或者 <code>net6</code></li>
+</ul>
+<div><code>BootstrapBlazor</code> 目前支持 <code>net5/net6</code></div>
+
+<h4>使用 BootstrapBlazor Project Template 扩展创建项目</h4>
+
+<p>您可以通过 <a href="templates">[传送门]</a> 下载安装扩展后，通过扩展创建项目</p>
+
+<h4>使用 Visual Studio 创建项目</h4>
+
+<h5 class="mb-3">步骤一、创建项目</h5>
+<div class="code-label mb-2">1. 打开 Visual Studio 2019 或者 Visual Studio 2022</div>
+<div class="code-label mb-2">2. 创建一个新项目</div>
+<div class="code-label mb-2">3. 选择 <b>Blazor App</b> 并单击 <b>下一步</b>, 为项目选择一个名称和位置，然后点击 <b>Create</b></div>
+<img src="_content/BootstrapBlazor.Shared/images/create-new-application.png" style="border-radius: 6px;" class="d-none d-sm-block" />
+@ChooseTemplate
+<h5 class="mb-3">步骤二、将 BootstrapBlazor 组件添加到现有项目</h5>
+<div class="code-label mb-2">1. 通过 <b>nuget.org</b> 源搜索 <code>BootstrapBlazor</code></div>
+<div class="mb-2">右键点击解决方案中的项目并选择 <b>Manage Nuget Packages</b></div>
+<Pre class="no-highlight">dotnet add package BootstrapBlazor --version @Version</Pre>
+<img src="_content/BootstrapBlazor.Shared/images/manage-nuget-packages-for-server-app.png" style="border-radius: 6px;" class="d-none d-sm-block" />
+<div class="code-label mt-3 mb-2">2. 安装 BootstrapBlazor 包</div>
+<img src="_content/BootstrapBlazor.Shared/images/nuget_install.png" style="width: 1000px; border-radius: 6px;" class="d-none d-sm-block" />
+<div class="code-label mt-3 mb-2">3. 添加样式表文件</div>
+<div class="mb-3">在宿主文件中增加主题样式表</div>
+@SheetTemplate
+<Tips>
+    <div>@((MarkupString)Localizer["Tips2"].Value)</div>
+</Tips>
+<Pre>&lt;head&gt;
+    ...
+    &lt;!-- 增加代码 !--&gt;
+    <b>
+        // 需引用 BootstrapBlazor.FontAwesome 包
+        &lt;link href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" rel="stylesheet"&gt;
+        &lt;link href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" rel="stylesheet"&gt;
+    </b>
+    ...
+    &lt;link href="css/site.css" rel="stylesheet"&gt;
+    &lt;link href="BlazorApp1.styles.css" rel="stylesheet"&gt;
+&lt;/head&gt;</Pre>
+<div class="code-label mb-3">4. 添加 Javascript 文件</div>
+@ScriptsTemplate
+<Pre>&lt;body&gt;
+    ...
+    &lt;!-- 增加代码 !--&gt;
+    <b>&lt;script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"&gt;&lt;/script&gt;</b>
+    ...
+    &lt;script src="_framework/blazor.server.js"&gt;&lt;/script&gt;
+&lt;/body&gt;</Pre>
+<div class="code-label mb-2">5. 注册 BootstrapBlazor 服务</div>
+@ServicesTemplate
+
+<div class="code-label mb-2">6. 增加命名空间引用</div>
+<div class="mb-1">将以下内容添加到 <code>~/_Imports.razor</code> 文件中，以便 <code>Razor</code> 文件中能识别组件</div>
+<Pre><b>@@using BootstrapBlazor.Components</b></Pre>
+
+<div class="code-label mb-2">7. 增加 <code>BootstrapBlazorRoot</code> 组件到 <code>~/App.razor</code> 文件中</div>
+<Pre>&lt;BootstrapBlazorRoot&gt;
+    &lt;Router AppAssembly="@@typeof(App).Assembly"&gt;
+        &lt;Found Context="routeData"&gt;
+            &lt;PageTitle&gt;Title&lt;/PageTitle&gt;
+            &lt;RouteView RouteData="@@routeData" DefaultLayout="@@typeof(MainLayout)" /&gt;
+            &lt;FocusOnNavigate RouteData="@@routeData" Selector="h1" /&gt;
+        &lt;/Found&gt;
+        &lt;NotFound&gt;
+            &lt;PageTitle&gt;Not found&lt;/PageTitle&gt;
+            &lt;LayoutView Layout="@@typeof(MainLayout)"&gt;
+                &lt;p&gt;正在玩命开发中 ...&lt;/p&gt;
+            &lt;/LayoutView&gt;
+        &lt;/NotFound&gt;
+    &lt;/Router&gt;
+&lt;/BootstrapBlazorRoot&gt;</Pre>
+
+<h5 class="mb-3">步骤三、页面中使用组件</h5>
+<div class="mb-1">最后一步是在页面中使用 <code>BootstrapBlazor</code> 组件并在浏览器中运行它。例如：</div>
+<div class="code-label mb-2">1. 在页面中增加一个 <code>Button</code> 按钮</div>
+<Pre>&lt;Button Color="Color.Primary" Icon="fa fa-fa" Text="测试" /&gt;</Pre>
+<div class="code-label mb-2">2. 在 <b>Visual studio 2022</b> 中 <kbd>F5</kbd> 运行应用程序</div>
+<img src="_content/BootstrapBlazor.Shared/images/preview.png" style="border-radius: 6px;" class="d-none d-sm-block" />

src/BootstrapBlazor.Shared/Components/InstallContent.razor.cs

@@ -0,0 +1,69 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public sealed partial class InstallContent
+{
+    /// <summary>
+    /// 获得/设置 版本号字符串
+    /// </summary>
+    private string Version { get; set; } = "latest";
+
+    /// <summary>
+    ///
+    /// </summary>
+    [Parameter]
+    public string Title { get; set; } = "服务器端 Blazor 安装教程";
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public string HostFile { get; set; } = "Pages/_Host.cshtml";
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ChooseTemplate { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public RenderFragment? SheetTemplate { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ScriptsTemplate { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ServicesTemplate { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ChildContent { get; set; }
+
+    /// <summary>
+    /// OnInitializedAsync 方法
+    /// </summary>
+    /// <returns></returns>
+    protected override async Task OnInitializedAsync()
+    {
+        Version = await VersionManager.GetVersionAsync();
+    }
+}

src/BootstrapBlazor.Shared/Components/MethodTable.razor

@@ -4,7 +4,7 @@
     <Table TItem="BootstrapBlazor.Shared.Common.MethodItem" Items="Items">
         <TableColumns>
             <TableColumn @bind-Field="@context.Name" />
-            <TableColumn @bind-Field="@context.Description" AllowTextWrap="true" />
+            <TableColumn @bind-Field="@context.Description" TextWrap="true" />
             <TableColumn @bind-Field="@context.Parameters" />
             <TableColumn @bind-Field="@context.ReturnValue" />
         </TableColumns>

src/BootstrapBlazor.Shared/Components/MethodTable.razor.cs

@@ -0,0 +1,42 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Shared.Common;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public sealed partial class MethodTable
+{
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<MethodTable>? Localizer { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    [NotNull]
+    public string? Title { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter] public IEnumerable<MethodItem>? Items { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        Title ??= Localizer[nameof(Title)];
+
+    }
+}

src/BootstrapBlazor.Shared/Components/Pre.razor

@@ -1,7 +1,7 @@
 <div class="pre-code" @ref="PreElement">
     @if (!Loaded)
     {
-        <p>正在加载 ...</p>
+        <p class="loading">正在加载 ...</p>
     }
     else
     {

src/BootstrapBlazor.Shared/Components/Pre.razor.cs

@@ -0,0 +1,114 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using BootstrapBlazor.Shared.Services;
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// Pre 组件
+/// </summary>
+public sealed partial class Pre
+{
+    private ElementReference PreElement { get; set; }
+
+    private bool Loaded { get; set; }
+
+    private bool CanCopy { get; set; }
+
+    /// <summary>
+    /// 获得 样式集合
+    /// </summary>
+    /// <returns></returns>
+    private string? ClassName => CssBuilder.Default()
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
+
+    [Inject]
+    [NotNull]
+    private CodeSnippetService? Example { get; set; }
+
+    /// <summary>
+    /// 获得/设置 IJSRuntime 实例
+    /// </summary>
+    [Inject]
+    [NotNull]
+    private IJSRuntime? JSRuntime { get; set; }
+
+    /// <summary>
+    /// 获得/设置 子组件 CodeFile 为空时生效
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ChildContent { get; set; }
+
+    /// <summary>
+    /// 获得/设置 用户自定义属性
+    /// </summary>
+    /// <returns></returns>
+    [Parameter(CaptureUnmatchedValues = true)]
+    public IDictionary<string, object>? AdditionalAttributes { get; set; }
+
+    /// <summary>
+    /// 获得/设置 示例文档名称
+    /// </summary>
+    [Parameter]
+    public string? CodeFile { get; set; }
+
+    /// <summary>
+    /// 获得/设置 代码段的标题
+    /// </summary>
+    [Parameter]
+    public string? BlockTitle { get; set; }
+
+    /// <summary>
+    /// OnInitializedAsync 方法
+    /// </summary>
+    /// <returns></returns>
+    protected override async Task OnInitializedAsync()
+    {
+        await base.OnInitializedAsync();
+
+        if (ChildContent == null)
+        {
+            await GetCodeAsync();
+        }
+        else
+        {
+            Loaded = true;
+            CanCopy = true;
+        }
+    }
+
+    /// <summary>
+    /// OnAfterRender 方法
+    /// </summary>
+    /// <param name="firstRender"></param>
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (Loaded)
+        {
+            await JSRuntime.InvokeVoidAsync("$.highlight", PreElement);
+        }
+    }
+
+    private async Task GetCodeAsync()
+    {
+        if (!string.IsNullOrEmpty(CodeFile))
+        {
+            var code = await Example.GetCodeAsync(CodeFile, BlockTitle);
+            if (!string.IsNullOrEmpty(code))
+            {
+                ChildContent = builder =>
+                {
+                    builder.AddContent(0, code);
+                };
+            }
+            CanCopy = !string.IsNullOrEmpty(code) && !code.StartsWith("Error: ");
+        }
+        Loaded = true;
+    }
+}

src/BootstrapBlazor.Shared/Components/QQGroup.razor

@@ -1,10 +1,11 @@
 @inject IOptions<WebsiteOptions> WebsiteOption
+@inject IStringLocalizer<QQGroup> Localzier
 
 <div>
-    QQ群：BootstrapAdmin & Blazor
+    @Localzier["Group"]：BootstrapAdmin & Blazor
     <a class="mx-1" target="_blank" href="@WebsiteOption.Value.QQGroup1Link">
-        <span class="text-danger fa fa-qq">
-            <span class="ms-1"><b>795206915(满)</b></span>
+        <span class="text-success fa fa-qq">
+            <span class="ms-1"><b>795206915</b></span>
         </span>
     </a>
     <a class="mx-1" target="_blank" href="@WebsiteOption.Value.QQGroup2Link">
@@ -12,5 +13,5 @@
             <span class="ms-1"><b>675147445</b></span>
         </span>
     </a>
-    欢迎加群讨论
+    @Localzier["Welcome"]
 </div>

src/BootstrapBlazor.Shared/Components/ResultDialogDemo.razor

@@ -1,4 +1,4 @@
-<ul class="ul-demo">
+<ul class="ul-demo mb-3">
     <li>更改数值后，点击 <code>确认</code> 返回主页面并 <b>更新</b> 数值</li>
     <li>点击其余按钮时关闭弹窗 <b>不更新</b> 数值</li>
 </ul>

src/BootstrapBlazor.Shared/Components/ResultDialogDemo.razor.cs

@@ -0,0 +1,40 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class ResultDialogDemo : ComponentBase, IResultDialog
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public int Value { get; set; } = 1;
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public EventCallback<int> ValueChanged { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    public async Task OnClose(DialogResult result)
+    {
+        if (result == DialogResult.Yes)
+        {
+            if (ValueChanged.HasDelegate)
+            {
+                await ValueChanged.InvokeAsync(Value);
+            }
+        }
+    }
+}

src/BootstrapBlazor.Shared/Components/ResultDialogDemo2.razor

@@ -5,5 +5,3 @@
         <TableColumn @bind-Field="@context.Email" />
     </TableColumns>
 </Table>
-
-<Message />

src/BootstrapBlazor.Shared/Components/ResultDialogDemo2.razor.cs

@@ -0,0 +1,143 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+using System.ComponentModel;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class ResultDialogDemo2 : ComponentBase, IResultDialog
+{
+    private List<Foo> SelectedRows { get; set; } = new List<Foo>();
+
+    [NotNull]
+    private List<Foo>? Items { get; set; }
+
+    /// <summary>
+    ///
+    /// </summary>
+    [Parameter]
+
+    public IEnumerable<string>? Emails { get; set; }
+
+    /// <summary>
+    ///
+    /// </summary>
+    [Parameter]
+    public EventCallback<IEnumerable<string>> EmailsChanged { get; set; }
+
+    [CascadingParameter(Name = "BodyContext")]
+    private object? BodyContext { get; set; }
+
+    [Inject]
+    [NotNull]
+    private MessageService? MessageService { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        var context = BodyContext as FooContext;
+        Items = GenerateItems(context?.Count ?? 10);
+        Emails = context?.Emails?.Split(";") ?? Array.Empty<string>();
+
+        SelectedRows = Items.Where(i => Emails.Any(mail => mail == i.Email)).ToList();
+    }
+
+    private Task<QueryData<Foo>> OnQueryAsync(QueryPageOptions option) => Task.FromResult(new QueryData<Foo>()
+    {
+        TotalCount = Items.Count,
+        Items = Items
+    });
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <returns></returns>
+    public async Task<bool> OnClosing(DialogResult result)
+    {
+        var ret = true;
+        if (result == DialogResult.Yes && !SelectedRows.Any())
+        {
+            await MessageService.Show(new MessageOption()
+            {
+                Content = "请至少选择一位用户！"
+            });
+            ret = false;
+        }
+        return ret;
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    public async Task OnClose(DialogResult result)
+    {
+        if (result == DialogResult.Yes)
+        {
+            if (EmailsChanged.HasDelegate)
+            {
+                Emails = SelectedRows.Where(r => !string.IsNullOrEmpty(r.Email)).Select(r => r.Email!).ToList();
+                await EmailsChanged.InvokeAsync(Emails);
+            }
+        }
+    }
+
+    /// <summary>
+    ///
+    /// </summary>
+    /// <returns></returns>
+    private static List<Foo> GenerateItems(int startId) => new(Enumerable.Range(startId, 10).Select(i => new Foo()
+    {
+        Id = i,
+        Name = $"张三 {i:d4}",
+        Email = $"zhangsan{i:d4}@163.com"
+    }));
+
+    /// <summary>
+    /// 
+    /// </summary>
+    public class FooContext
+    {
+        /// <summary>
+        /// 
+        /// </summary>
+        public int Count { get; set; }
+
+        /// <summary>
+        /// 
+        /// </summary>
+        public string? Emails { get; set; }
+    }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    private class Foo
+    {
+        /// <summary>
+        ///
+        /// </summary>
+        [DisplayName("员工ID")]
+        public int? Id { get; set; }
+
+        /// <summary>
+        ///
+        /// </summary>
+        [DisplayName("员工姓名")]
+        public string? Name { get; set; }
+        /// <summary>
+        ///
+        /// </summary>
+        [DisplayName("员工邮箱")]
+        public string? Email { get; set; }
+    }
+}

src/BootstrapBlazor.Shared/Components/State.razor.cs

@@ -0,0 +1,31 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using Microsoft.AspNetCore.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public sealed partial class State
+{
+    /// <summary>
+    /// 获得/设置 是否为新组件 默认为 false
+    /// </summary>
+    [Parameter]
+    public bool IsNew { get; set; }
+
+    /// <summary>
+    /// 获得/设置 是否为更新功能 默认为 false
+    /// </summary>
+    [Parameter]
+    public bool IsUpdate { get; set; }
+
+    /// <summary>
+    /// 获得/设置 组件数量
+    /// </summary>
+    [Parameter]
+    public int Count { get; set; }
+}

src/BootstrapBlazor.Shared/Components/ThemeChooser.razor

@@ -2,13 +2,9 @@
 
 <div @ref="@ThemeElement" class="theme">
     <div class="btn btn-theme" data-bs-toggle="tooltip" title="@Title" data-bs-placement="left">
-        <div class="theme-bar">
-            <span class="theme-color bg-danger"></span>
-            <span class="theme-color bg-success"></span>
-        </div>
-        <div class="theme-bar">
-            <span class="theme-color bg-info"></span>
-            <span class="theme-color bg-warning"></span>
+        <img src="_content/BootstrapBlazor.Shared/images/m.svg" class="m-logo" />
+        <div class="pulse pulse-warning">
+            <span class="pulse-ring"></span>
         </div>
     </div>
 

src/BootstrapBlazor.Shared/Components/ThemeChooser.razor.cs

@@ -0,0 +1,91 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+using Microsoft.Extensions.Options;
+using Microsoft.JSInterop;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 
+/// </summary>
+public partial class ThemeChooser
+{
+    private ElementReference ThemeElement { get; set; }
+
+    [NotNull]
+    private IEnumerable<SelectedItem>? Themes { get; set; }
+
+    [NotNull]
+    private string? Title { get; set; }
+
+    [NotNull]
+    private string? HeaderText { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<ThemeChooser>? Localizer { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IOptions<BootstrapBlazorOptions>? BootstrapOptions { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IOptions<WebsiteOptions>? SiteOptions { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        Title ??= Localizer[nameof(Title)];
+        HeaderText ??= Localizer[nameof(HeaderText)];
+        Themes = BootstrapOptions.Value.Themes.Select(kv => new SelectedItem(kv.Value, kv.Key));
+        SiteOptions.Value.CurrentTheme = Themes.FirstOrDefault(i => i.Text == "Motronic")?.Value ?? "";
+    }
+
+    /// <summary>
+    /// OnAfterRenderAsync 方法
+    /// </summary>
+    /// <param name="firstRender"></param>
+    /// <returns></returns>
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        await base.OnAfterRenderAsync(firstRender);
+
+        if (firstRender)
+        {
+            await JSRuntime.InvokeVoidAsync("$.initTheme", ThemeElement);
+        }
+    }
+
+    private async Task OnClickTheme(SelectedItem item)
+    {
+        SiteOptions.Value.CurrentTheme = item.Value;
+
+        await JSRuntime.InvokeVoidAsync("$.setTheme", LinksCache[item.Value]);
+    }
+
+    private string? GetThemeItemClass(SelectedItem item) => CssBuilder.Default("theme-item")
+        .AddClass("active", SiteOptions.Value.CurrentTheme == item.Value)
+        .Build();
+
+    private Dictionary<string, ICollection<string>> LinksCache { get; } = new(new KeyValuePair<string, ICollection<string>>[]
+    {
+            new("bootstrap.blazor.bundle.min.css", new List<string>()),
+            new("motronic.min.css", new string[]
+            {
+                "_content/BootstrapBlazor/css/motronic.min.css",
+                "_content/BootstrapBlazor.Shared/css/motronic.css"
+            }),
+            new("ant", new List<string>()),
+            new("layui", new List<string>())
+    });
+}

src/BootstrapBlazor.Shared/Components/Tips.razor

@@ -1,16 +1,12 @@
 @inherits BootstrapComponentBase
+@inject IStringLocalizer<Tips> Localizer
 
 <Alert AdditionalAttributes="@AdditionalAttributes" ShowBar="true" Color="@Color">
-    <h4><i class="@Icon"></i>@Title</h4>
+    <h4><i class="@Icon"></i>@Localizer["Title"]</h4>
     @ChildContent
 </Alert>
 
 @code {
-    /// <summary>
-    /// 获得/设置 显示文本
-    /// </summary>
-    [Parameter]
-    public string Title { get; set; } = "小技巧";
 
     /// <summary>
     /// 获得/设置 图标

src/BootstrapBlazor.Shared/Components/TreeDataFoo.cs

@@ -0,0 +1,53 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using BootstrapBlazor.Components;
+
+namespace BootstrapBlazor.Shared.Components;
+
+class TreeDataFoo
+{
+    public string? Code { get; set; }
+
+    public string? ParentCode { get; set; }
+
+    public string? Text { get; set; }
+
+    public string Icon { get; set; } = "fa fa-fa";
+
+    public bool IsActive { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <returns></returns>
+    public static List<TreeItem> GetTreeItems()
+    {
+        var items = new List<TreeItem>
+        {
+            new TreeItem() { Text = "导航一", Id = "1010" },
+            new TreeItem() { Text = "导航二", Id = "1020" },
+            new TreeItem() { Text = "导航三", Id = "1030" },
+
+            new TreeItem() { Text = "子菜单一", Id = "1040", ParentId = "1020" },
+            new TreeItem() { Text = "子菜单二", Id = "1050", ParentId = "1020" },
+            new TreeItem() { Text = "子菜单三", Id = "1060", ParentId = "1020" },
+
+            new TreeItem() { Text = "孙菜单一", Id = "1070", ParentId = "1050" },
+            new TreeItem() { Text = "孙菜单二", Id = "1080", ParentId = "1050" },
+            new TreeItem() { Text = "孙菜单三", Id = "1090", ParentId = "1050" },
+
+            new TreeItem() { Text = "曾孙菜单一", Id = "1100", ParentId = "1080" },
+            new TreeItem() { Text = "曾孙菜单二", Id = "1110", ParentId = "1080" },
+            new TreeItem() { Text = "曾孙菜单三", Id = "1120", ParentId = "1080" },
+
+            new TreeItem() { Text = "曾曾孙菜单一", Id = "1130", ParentId = "1100" },
+            new TreeItem() { Text = "曾曾孙菜单二", Id = "1140", ParentId = "1100" },
+            new TreeItem() { Text = "曾曾孙菜单三", Id = "1150", ParentId = "1100" }
+        };
+
+        // 算法获取属性结构数据
+        return items.CascadingTree().ToList();
+    }
+}

src/BootstrapBlazor.Shared/Components/Video.razor

@@ -2,18 +2,23 @@
 
 <p><b>B 站相关视频链接</b></p>
 
-@if (string.IsNullOrEmpty(VideoUrl))
+@if (VideoUrl.Any())
 {
-    <div class="mb-3">暂无</div>
+    foreach (var url in VideoUrl)
+    {
+        <div class="mb-3">
+            <a class="fa fa-video-camera" href="@url" target="_blank"><span class="ms-2">[传送门]</span></a>
+        </div>
+    }
 }
 else
 {
-    <a class="fa fa-video-camera mb-3" href="@VideoUrl" target="_blank"><span class="ms-2">[传送门]</span></a>
+    <div class="mb-3">暂无</div>
 }
 
 @code {
     [NotNull]
-    private string? VideoUrl { get; set; }
+    private List<string> VideoUrl { get; } = new List<string>();
 
     [Parameter]
     public string? Name { get; set; }
@@ -27,7 +32,7 @@ else
 
         if (!string.IsNullOrEmpty(Name) && Options.Value.Videos.TryGetValue(Name, out var url))
         {
-            VideoUrl = $"{Options.Value.VideoUrl}{url}";
+            VideoUrl.AddRange(url.Split(';').Select(a => $"{Options.Value.VideoUrl}{a}"));
         }
     }
 }