chore: bump version 6.11,0

* Merge branch 'main' into new-translations
* Add more page translations
* Update translations
* update translations
* updates
* Tables header translations
* select tree updates
* more translations
* update english translations on more pages/components
* dropdowns translations
* update .json files
* More translation work
* More translations
* Update translations
* RadioList update
* Merge branch 'master' of https://github.com/pomeara/BootstrapBlazor
* local updates
* .
* add ignores
* updates to exception handling
* updates
* Update BB logic

.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,114 @@
+{
+  "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": {
+          ".esm.js": [
+            ".cs",
+            ".razor"
+          ],
+          ".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,26 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup .NET Core
+    - name: Setup .NET Core 6
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.202
+        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

@@ -0,0 +1,25 @@
+name: Docker Image CI
+
+on:
+  push:
+    branches:
+      - dev-dockerfile
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v1
+    - 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,17 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup .NET Core
+    - name: Setup .NET Core 6
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.202
+        dotnet-version: 6.0.x
 
     - name: Publish to Nuget
       env: 
         NUGET_API_KEY: ${{secrets.NUGET_API_KEY}}
+        Bundle: True
+
       run: |
+        dotnet build src/BootstrapBlazor
         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,10 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup .NET Core
+    - name: Setup .NET Core 6
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.202
+        dotnet-version: 6.0.x
 
     - name: Publish wasm
       run: |

.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: Package to Nuget
+name: Package Extensions to Nuget
 
 on:
   push:
@@ -11,15 +11,16 @@ jobs:
     
     steps:
     - uses: actions/checkout@v2
-
-    - name: Setup .NET Core
+    
+    - name: Setup .NET Core 6
       uses: actions/setup-dotnet@v1
       with:
-        dotnet-version: 5.0.202
+        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 +31,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 +42,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,7 @@ src/**/*.xml
 # Coverage
 coverage*.xml
 tools/
+*.lutconfig
+
+# Upload Folder
+src/**/wwwroot/**/uploader

.issuetracker

@@ -4,7 +4,7 @@
 
 [issuetracker "Gitee-Issue"]
   regex = "#(.+?)\\)"
-  url = "https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/$1"
+  url = "https://gitee.com/Longbow/BootstrapBlazor/issues/$1"
 
 [issuetracker "Gitee-Url"]
   regex = "([a-zA-z]+://[^\\s]*)"
@@ -12,8 +12,8 @@
 
 [issuetracker "Gitee-Commit"]
   regex = "[C|c]ommit:([^\\s]*)"
-  url = "https://gitee.com/LongbowEnterprise/BootstrapBlazor/commit/$1"
+  url = "https://gitee.com/Longbow/BootstrapBlazor/commit/$1"
 
 [issuetracker "Gitee-PR"]
   regex = "!([\\d]+)"
-  url = "https://gitee.com/LongbowEnterprise/BootstrapBlazor/pulls/$1"
+  url = "https://gitee.com/Longbow/BootstrapBlazor/pulls/$1"

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
@@ -38,6 +40,7 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "github", "github", "{F07542
 	ProjectSection(SolutionItems) = preProject
 		.github\workflows\build.yml = .github\workflows\build.yml
 		.github\workflows\deploy.yml = .github\workflows\deploy.yml
+		.github\workflows\docker.yml = .github\workflows\docker.yml
 		.github\workflows\pack.yml = .github\workflows\pack.yml
 		.github\workflows\publish.yml = .github\workflows\publish.yml
 		.github\workflows\release.yml = .github\workflows\release.yml
@@ -66,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
@@ -96,6 +96,42 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.WebAssembly
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.WebAssembly.ServerHost", "src\Wasm\BootstrapBlazor.WebAssembly.ServerHost\BootstrapBlazor.WebAssembly.ServerHost.csproj", "{FFFD2EB7-AE88-4DAD-A825-528B2CEFB4B5}"
 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
+		appveyor.yml = appveyor.yml
+		Directory.Build.props = Directory.Build.props
+		Framework.props = Framework.props
+		src\Frameworks.props = src\Frameworks.props
+		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.AzureSpeech", "src\Extensions\Components\BootstrapBlazor.AzureSpeech\BootstrapBlazor.AzureSpeech.csproj", "{42108A8A-C773-4F35-A870-3673BDD383E4}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.BaiduSpeech", "src\Extensions\Components\BootstrapBlazor.BaiduSpeech\BootstrapBlazor.BaiduSpeech.csproj", "{4ED606D8-D252-4573-8F0F-B69502ADB7ED}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.CherryMarkdown", "src\Extensions\Components\BootstrapBlazor.CherryMarkdown\BootstrapBlazor.CherryMarkdown.csproj", "{018091B3-1E3A-41F3-87B2-5F285C2C3B73}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.SummerNote", "src\Extensions\Components\BootstrapBlazor.SummerNote\BootstrapBlazor.SummerNote.csproj", "{2FFC1564-EF75-454B-9D8E-A437A1737CEC}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "UnitTestEditor", "test\UnitTestEditor\UnitTestEditor.csproj", "{9552B649-17E2-4BCA-8774-664C83A960CB}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BootstrapBlazor.Topology", "src\Extensions\Components\BootstrapBlazor.Topology\BootstrapBlazor.Topology.csproj", "{6312863E-771D-4EFE-9B9D-071A01222E7A}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "BootstrapBlazor.BarCode", "src\Extensions\Components\BootstrapBlazor.BarCode\BootstrapBlazor.BarCode.csproj", "{7F7F3B85-7B15-485C-8DC2-BAFD8C086957}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -150,6 +186,46 @@ 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
+		{42108A8A-C773-4F35-A870-3673BDD383E4}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{42108A8A-C773-4F35-A870-3673BDD383E4}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{42108A8A-C773-4F35-A870-3673BDD383E4}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{42108A8A-C773-4F35-A870-3673BDD383E4}.Release|Any CPU.Build.0 = Release|Any CPU
+		{4ED606D8-D252-4573-8F0F-B69502ADB7ED}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{4ED606D8-D252-4573-8F0F-B69502ADB7ED}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{4ED606D8-D252-4573-8F0F-B69502ADB7ED}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{4ED606D8-D252-4573-8F0F-B69502ADB7ED}.Release|Any CPU.Build.0 = Release|Any CPU
+		{018091B3-1E3A-41F3-87B2-5F285C2C3B73}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{018091B3-1E3A-41F3-87B2-5F285C2C3B73}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{018091B3-1E3A-41F3-87B2-5F285C2C3B73}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{018091B3-1E3A-41F3-87B2-5F285C2C3B73}.Release|Any CPU.Build.0 = Release|Any CPU
+		{2FFC1564-EF75-454B-9D8E-A437A1737CEC}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{2FFC1564-EF75-454B-9D8E-A437A1737CEC}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{2FFC1564-EF75-454B-9D8E-A437A1737CEC}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{2FFC1564-EF75-454B-9D8E-A437A1737CEC}.Release|Any CPU.Build.0 = Release|Any CPU
+		{9552B649-17E2-4BCA-8774-664C83A960CB}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{9552B649-17E2-4BCA-8774-664C83A960CB}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{9552B649-17E2-4BCA-8774-664C83A960CB}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{9552B649-17E2-4BCA-8774-664C83A960CB}.Release|Any CPU.Build.0 = Release|Any CPU
+		{6312863E-771D-4EFE-9B9D-071A01222E7A}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{6312863E-771D-4EFE-9B9D-071A01222E7A}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{6312863E-771D-4EFE-9B9D-071A01222E7A}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{6312863E-771D-4EFE-9B9D-071A01222E7A}.Release|Any CPU.Build.0 = Release|Any CPU
+		{7F7F3B85-7B15-485C-8DC2-BAFD8C086957}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{7F7F3B85-7B15-485C-8DC2-BAFD8C086957}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{7F7F3B85-7B15-485C-8DC2-BAFD8C086957}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{7F7F3B85-7B15-485C-8DC2-BAFD8C086957}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
@@ -162,6 +238,7 @@ Global
 		{F0754254-903C-411B-972C-EC91254B4A67} = {A627F6CC-94FC-4E48-B3CC-F0EA16700527}
 		{B84D315E-967D-4FBF-9B72-1F3128155CB0} = {A627F6CC-94FC-4E48-B3CC-F0EA16700527}
 		{190F25CF-C6F9-4964-97E9-F6A912D527AE} = {7C1D79F1-87BC-42C1-BD5A-CDE4044AC1BD}
+		{22328011-53B3-447A-B781-AC3C196B2847} = {A2182155-43ED-44C1-BF6F-1B70EBD2DFFE}
 		{C8E79F4C-8C55-4E13-96B5-3D2BD6A07B74} = {A2182155-43ED-44C1-BF6F-1B70EBD2DFFE}
 		{CD062AB6-244D-402A-8F33-C37DAC5856CC} = {22328011-53B3-447A-B781-AC3C196B2847}
 		{56FEFF09-85FC-408D-A397-6E264E68414E} = {22328011-53B3-447A-B781-AC3C196B2847}
@@ -175,6 +252,17 @@ 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}
+		{42108A8A-C773-4F35-A870-3673BDD383E4} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
+		{4ED606D8-D252-4573-8F0F-B69502ADB7ED} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
+		{018091B3-1E3A-41F3-87B2-5F285C2C3B73} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
+		{2FFC1564-EF75-454B-9D8E-A437A1737CEC} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
+		{9552B649-17E2-4BCA-8774-664C83A960CB} = {7C1D79F1-87BC-42C1-BD5A-CDE4044AC1BD}
+		{6312863E-771D-4EFE-9B9D-071A01222E7A} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
+		{7F7F3B85-7B15-485C-8DC2-BAFD8C086957} = {CD062AB6-244D-402A-8F33-C37DAC5856CC}
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
 		SolutionGuid = {0DCB0756-34FA-4FD0-AE1D-D3F08B5B3A6B}

BootstrapBlazor.slnf

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

Directory.Build.props

@@ -1,15 +1,21 @@
 <Project>
+
   <PropertyGroup>
-    <TargetFramework>net5.0</TargetFramework>
     <Copyright>Argo Zhang</Copyright>
     <Authors>Argo Zhang(argo@163.com)</Authors>
     <Company>Longbow</Company>
     <SignAssembly>true</SignAssembly>
     <AssemblyOriginatorKeyFile>$(MSBuildThisFileDirectory)src\keys\Longbow.Utility.snk</AssemblyOriginatorKeyFile>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
   <PropertyGroup>
     <LangVersion>latest</LangVersion>
   </PropertyGroup>
 
+  <ItemGroup>
+    <Using Include="System.Diagnostics.CodeAnalysis"/>
+  </ItemGroup>
+
 </Project>

Framework.props

@@ -0,0 +1,7 @@
+<Project>
+
+  <PropertyGroup>
+    <TargetFramework>net6.0</TargetFramework>
+  </PropertyGroup>
+
+</Project>

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,11 +35,58 @@ 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)
 
+### 克隆代码
+
+```shell
+git clone https://gitee.com/LongbowEnterprise/BootstrapBlazor.git
+cd BootstrapBlazor/src/BootstrapBlazor.Server
+dotnet run
+```
+
+### CLI
+
+**Install Template**
+
+```c#
+dotnet new -i Bootstrap.Blazor.Templates
+```
+
+**Create Project**
+
+```shell
+dotnet new bbapp
+```
+
+**Run**
+
+```shell
+dotnet run
+```
+
+### 项目模板
+
+- [微软市场](https://marketplace.visualstudio.com/items?itemName=Longbow.BootstrapBlazorUITemplate)
+- [码云镜像](https://gitee.com/LongbowEnterprise/BootstrapBlazorVsix/raw/master/dist/BootstrapBlazor.UITemplate.vsix)
+
+### 更多文档
+
+- [项目模板](https://www.blazor.zone/template)
+- [快速上手](https://www.blazor.zone/install-server)
+
 ## 相关资源
 
 - [Blazor 官方文档](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?WT.mc_id=DT-MVP-5004174)
@@ -56,7 +101,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,20 +128,55 @@ 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)
+
+## 浏览器支持
+
+![chrome](https://img.shields.io/badge/chrome->%3D57-success.svg?logo=google%20chrome&logoColor=red)
+![firefox](https://img.shields.io/badge/firefox->522-success.svg?logo=mozilla%20firefox&logoColor=red)
+![edge](https://img.shields.io/badge/edge->%3D16-success.svg?logo=microsoft%20edge&logoColor=blue)
+![ie](https://img.shields.io/badge/ie->%3D11-success.svg?logo=internet%20explorer&logoColor=blue)
+![Safari](https://img.shields.io/badge/safari->%3D14-success.svg?logo=safari&logoColor=blue)
+![Andriod](https://img.shields.io/badge/andriod->%3D4.4-success.svg?logo=android)
+![oper](https://img.shields.io/badge/opera->%3D4.4-success.svg?logo=opera&logoColor=red)
+
+### 移动设备
+
+![ios](https://img.shields.io/badge/ios-supported-success.svg?logo=apple&logoColor=white)
+![Andriod](https://img.shields.io/badge/andriod-suported-success.svg?logo=android)
+![windows](https://img.shields.io/badge/windows-suported-success.svg?logo=windows&logoColor=blue)
+
+|                        |  **Chrome**  |  **Firefox**  |  **Safari**  |  **Android Browser & WebView**  |  **Microsoft Edge**  |
+| -------                | ---------    | ---------     | ------       | -------------------------       | --------------       |
+|  **iOS**               | Supported    | Supported     | Supported    | N/A                             | Supported            |
+|  **Android**           | Supported    | Supported     | N/A          | Android v5.0+ supported         | Supported            |
+|  **Windows 10 Mobile** | N/A          | N/A           | N/A          | N/A                             | Supported            |
+
+### 桌面设备
+
+![macOS](https://img.shields.io/badge/macOS-supported-success.svg?logo=apple&logoColor=white)
+![linux](https://img.shields.io/badge/linux-suported-success.svg?logo=linux&logoColor=white)
+![windows](https://img.shields.io/badge/windows-suported-success.svg?logo=windows)
+
+|         | Chrome    | Firefox   | Internet Explorer | Microsoft Edge | Opera     | Safari        |
+| ------- | --------- | --------- | ----------------- | -------------- | --------- | ------------- |
+| Mac     | Supported | Supported | N/A               | N/A            | Supported | Supported     |
+| Linux   | Supported | Supported | N/A               | N/A            | N/A       | N/A           |
+| Windows | Supported | Supported | Supported, IE11+  | Supported      | Supported | Not supported |
+
 
 ## GVP 奖杯
 ![项目奖杯](https://images.gitee.com/uploads/images/2021/0112/120620_e596ac3c_554725.png "GVP.png")
 
 ## 项目截图
 
-![登录可查看](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Toggle.png "Toggle.png")
-![登录可查看](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Toast.png "Toast.png")
-![登录可查看](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Upload.png "Upload.png")
-![登录可查看](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Upload2.png "Upload2.png")
-![登录可查看](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Bar.png "Bar.png")
-![登录可查看](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Pie.png "Pei.png")
-![登录可查看](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Doughnut.png "Doughnut.png")
+![登录可查看](https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/Toggle.png "Toggle.png")
+![登录可查看](https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/Toast.png "Toast.png")
+![登录可查看](https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/Upload.png "Upload.png")
+![登录可查看](https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/Upload2.png "Upload2.png")
+![登录可查看](https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/Bar.png "Bar.png")
+![登录可查看](https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/Pie.png "Pei.png")
+![登录可查看](https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/Doughnut.png "Doughnut.png")
 
 ## 开源协议
 [![Gitee license](https://img.shields.io/github/license/argozhang/bootstrapblazor.svg?logo=git&logoColor=red)](https://gitee.com/LongbowEnterprise/BootstrapBlazor/blob/master/LICENSE)
@@ -107,7 +187,7 @@ Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 
 特别鸣谢胡总对本项目的鼎力赞助 **10000** 元
 
-<img src="https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Donate@x2.png" width="552px;" />
+<img src="https://gitee.com/Longbow/Pictures/raw/master/BootstrapBlazor/Donate@x2.png" width="552px;" />
 
 ## 参与贡献
 
@@ -120,4 +200,4 @@ Blazor 应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 
 如果这个项目对您有所帮助，请扫下方二维码打赏一杯咖啡。
 
-<img src="https://gitee.com/LongbowEnterprise/Pictures/raw/master/WeChat/BarCode@2x.png" width="382px;" />
+<img src="https://gitee.com/Longbow/Pictures/raw/master/WeChat/BarCode@2x.png" width="382px;" />

dist/gitee-pages/404.html

@@ -53,7 +53,7 @@
             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>
+        <a class="dismiss"><i class="fa-solid fa-xmark"></i></a>
     </div>
 
     <script src="_framework/blazor.webassembly.js"></script>
@@ -69,4 +69,4 @@
     <script src="_content/BootstrapBlazor.Shared/js/common.js"></script>
 </body>
 
-</html>
+</html>

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/.config/dotnet-tools.json

@@ -0,0 +1,12 @@
+{
+  "version": 1,
+  "isRoot": true,
+  "tools": {
+    "bundlerminifier.core.tool": {
+      "version": "4.5.16",
+      "commands": [
+        "bundle"
+      ]
+    }
+  }
+}

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -1,15 +1,16 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
+  <Import Project="..\..\Framework.props" />
+
   <PropertyGroup>
     <IsWebProject>true</IsWebProject>
+    <UserSecretsId>dd866c36-9a9b-4dda-bce0-44c91d3094cc</UserSecretsId>
   </PropertyGroup>
 
   <ItemGroup>
-    <SupportedPlatform Include="browser" />
-  </ItemGroup>
-
-  <ItemGroup>
-    <PackageReference Include="Longbow.Tasks" Version="5.0.1" />
+    <PackageReference Include="BootstrapBlazor.Middleware" Version="1.*" />
+    <PackageReference Include="Longbow.Logging" Version="6.0.6" />
+    <PackageReference Include="Longbow.Tasks" Version="5.*" />
   </ItemGroup>
 
   <ItemGroup>
@@ -17,3 +18,4 @@
   </ItemGroup>
 
 </Project>
+

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] IOptionsMonitor<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.CurrentValue.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,48 @@
 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)), new CookieOptions()
+                {
+                    Expires = DateTimeOffset.Now.AddYears(1)
+                });
+        }
+
+        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

@@ -0,0 +1,20 @@
+#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:6.0 AS base
+WORKDIR /app
+EXPOSE 80
+
+FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build
+WORKDIR /
+COPY . .
+
+WORKDIR "src/BootstrapBlazor.Server"
+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,108 @@
+// 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>
+    /// <param name="configureOptions"></param>
+    public static IServiceCollection AddBootstrapBlazorServices(this IServiceCollection services, Action<BootstrapBlazorOptions>? configureOptions = null)
+    {
+        // 增加错误日志
+        services.AddLogging(logging => logging.AddFileLogger());
+
+        // 增加后台任务服务
+        services.AddTaskServices();
+        services.AddHostedService<ClearUploadFilesService>();
+
+        // 增加演示网站服务
+        services.AddWebSiteServices();
+
+        // 增加 BootstrapBlazor 组件
+        services.AddBootstrapBlazor(configureOptions);
+
+        // 增加 Azure 语音服务
+        //services.AddBootstrapBlazorAzureSpeech();
+
+        // 增加 Baidu 语音服务
+        services.AddBootstrapBlazorBaiduSpeech();
+
+        services.ConfigureJsonLocalizationOptions(op =>
+        {
+            // 附加自己的 json 多语言文化资源文件 如 zh-TW.json
+            op.AdditionalJsonAssemblies = new Assembly[]
+            {
+                typeof(BootstrapBlazor.Shared.App).Assembly,
+                typeof(BootstrapBlazor.Components.BarcodeReader).Assembly,
+                typeof(BootstrapBlazor.Components.Chart).Assembly,
+                typeof(BootstrapBlazor.Components.SignaturePad).Assembly
+            };
+        });
+
+        // 设置地理位置定位器
+        services.ConfigureIPLocatorOption(op => op.LocatorFactory = sp => new BaiDuIPLocator());
+
+        // 增加多语言支持配置信息
+        services.AddRequestLocalization<IOptionsMonitor<BootstrapBlazorOptions>>((localizerOption, blazorOption) =>
+        {
+            blazorOption.OnChange(op => Invoke(op));
+            Invoke(blazorOption.CurrentValue);
+
+            void Invoke(BootstrapBlazorOptions option)
+            {
+                var supportedCultures = option.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,67 +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="_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>
-    <script src="https://wwads.cn/js/makemoney.js" type="text/javascript" async></script>
-</body>
-</html>
+<component type="typeof(App)" render-mode="ServerPrerendered" />

src/BootstrapBlazor.Server/Pages/_Layout.cshtml

@@ -0,0 +1,76 @@
+@using BootstrapBlazor.Shared.Components
+@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.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>
+        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1718876909163657" crossorigin="anonymous"></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-solid fa-xmark"></i></a>
+    </div>
+
+    <component type="typeof(ReconnectorOutlet)" param-AutoReconnect="true" render-mode="ServerPrerendered" />
+    <component type="typeof(UpdateIntro)" render-mode="ServerPrerendered" />
+
+    <environment include="Development">
+        <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.js" asp-append-version="true"></script>
+    </environment>
+    <environment include="Staging,Production">
+        <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js" asp-append-version="true"></script>
+    </environment>
+    <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.Shared/lib/highlight/highlight.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 type="text/javascript" charset="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script>
+    </environment>
+</body>
+</html>

src/BootstrapBlazor.Server/Program.cs

@@ -2,35 +2,70 @@
 // 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.AddLogging(logBuilder => logBuilder.AddFileLogger());
+builder.Services.AddCors();
+builder.Services.AddResponseCompression();
+
+builder.Services.AddRazorPages();
+builder.Services.AddServerSideBlazor();
+
+// 获得当前主题配置
+var themes = builder.Configuration.GetSection("Themes")
+    .GetChildren()
+    .Select(c => new KeyValuePair<string, string>(c.Key, c.Value));
+
+// 增加 BootstrapBlazor 服务
+builder.Services.AddBootstrapBlazorServices(options =>
 {
-    /// <summary>
-    ///
-    /// </summary>
-    public class Program
-    {
-        /// <summary>
-        ///
-        /// </summary>
-        /// <param name="args"></param>
-        public static void Main(string[] args)
-        {
-            CreateHostBuilder(args).Build().Run();
-        }
+    // 统一设置 Toast 组件自动消失时间
+    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 = null);
+
+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

@@ -1,4 +1,4 @@
-{
+{
   "iisSettings": {
     "windowsAuthentication": false,
     "anonymousAuthentication": true,
@@ -8,6 +8,15 @@
     }
   },
   "profiles": {
+    "WebConsole": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "http://localhost:50853/",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
     "IIS Express": {
       "commandName": "IISExpress",
       "launchBrowser": true,
@@ -15,18 +24,10 @@
         "ASPNETCORE_ENVIRONMENT": "Development"
       }
     },
-    "BootstrapBlazor.WebConsole": {
-      "commandName": "Project",
-      "launchBrowser": true,
-      "environmentVariables": {
-        "ASPNETCORE_ENVIRONMENT": "Development"
-      },
-      "applicationUrl": "http://localhost:50853/"
-    },
     "Docker": {
       "commandName": "Docker",
       "launchBrowser": true,
       "launchUrl": "{Scheme}://{ServiceHost}:{ServicePort}"
     }
   }
-}
+}

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, IOptionsMonitor<WebsiteOptions> websiteOption)
+    {
+        _env = env;
+        websiteOption.CurrentValue.WebRootPath = env.WebRootPath;
+        websiteOption.CurrentValue.ContentRootPath = env.ContentRootPath;
+        websiteOption.CurrentValue.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,165 +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 };
-            });
-
-            // 增加多语言支持配置信息
-            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": "*",
@@ -15,22 +21,43 @@
     "ToastDelay": 4000,
     "MessageDelay": 4000,
     "SwalDelay": 4000,
+    "EnableErrorLogger": true,
     "FallbackCulture": "en",
     "SupportedCultures": [
       "zh-CN",
       "en-US"
-    ]
+    ],
+    "TableSettings": {
+      "CheckboxColumnWidth": 36
+    },
+    "IgnoreLocalizerMissing": true
   },
   "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",
+    "DevUI (制作中)": "devui"
+  },
+  "WebHooks": {
+    "Gitee": {
+      "Id": "",
+      "Token": ""
+    }
+  },
+  "AzureSpeechOption": {
+    "SubscriptionKey": "<SubscriptionKey>",
+    "Region": "<Region>",
+    "AuthorizationTokenUrl": "https://{0}.api.cognitive.microsoft.com/sts/v1.0/issueToken"
+  },
+  "BaiduSpeechOption": {
+    "AppId": "<AppId>",
+    "ApiKey": "<ApiKey>",
+    "Secret": "<Secret>"
   }
 }

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,19 @@
-<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
 
-<Title></Title>
+<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>
+
+<BlazorReconnector />

src/BootstrapBlazor.Shared/App.razor.cs

@@ -2,36 +2,98 @@
 // 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.Extensions;
 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 = 120 * 1000,
+                ForceDelay = true,
+                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" />
@@ -11,16 +8,27 @@
 
   <ItemGroup>
     <Content Remove="Locales\*.json" />
-    <EmbeddedResource Include="Locales\*.json" />
     <Content Remove="docs.json" />
+    <Content Remove="links.json" />
+    <Content Remove="topology.json" />
+    <EmbeddedResource Include="Locales\*.json" />
     <EmbeddedResource Include="docs.json" />
+    <EmbeddedResource Include="links.json" />
+    <EmbeddedResource Include="topology.json" />
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="BootstrapBlazor.Chart" Version="5.0.18" />
-    <PackageReference Include="BootstrapBlazor.Markdown" Version="5.0.18" />
-    <PackageReference Include="BootstrapBlazor.TableExport" Version="5.0.18" />
-    <PackageReference Include="System.Net.Http.Json" Version="5.0.0" />
+    <PackageReference Include="BootstrapBlazor.BaiduSpeech" Version="6.0.9" />
+    <PackageReference Include="BootstrapBlazor.BarCode" Version="6.0.2" />
+    <PackageReference Include="BootstrapBlazor.Chart" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.CherryMarkdown" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.FontAwesome" Version="6.2.0" />
+    <PackageReference Include="BootstrapBlazor.Markdown" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.SignaturePad" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.SummerNote" Version="6.0.2" />
+    <PackageReference Include="BootstrapBlazor.TableExport" Version="6.*" />
+    <PackageReference Include="BootstrapBlazor.Topology" Version="6.*" />
   </ItemGroup>
 
   <ItemGroup>

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/BlazorReconnector.razor

@@ -0,0 +1,78 @@
+@inject IOptionsMonitor<WebsiteOptions> WebsiteOption
+
+<Reconnector>
+    <ReconnectingTemplate>
+        <div class="connection-mask"></div>
+        <div class="connection-body">
+            <div class="row g-3">
+                @RenderBootstrapBlazor
+                <div class="col-12 col-sm-5">
+                    <h5>Reconnector 组件</h5>
+                    <div class="mb-2"><b>正在尝试重新连接服务器</b></div>
+                    <div class="mb-2">服务器正在更新新版本，稍等一会儿即可提供服务，或者 <kbd>F12</kbd> 打开 <b>Developer tools</b> 查看 <b>控制台</b> 是否有错误输出，请扫描左侧二维码加群与管理员联系</div>
+                </div>
+                <div class="col-12 col-sm-2">
+                    <div class="d-flex align-items-center justify-content-center h-100">
+                        <a href="javascript:window.Blazor.reconnect()" class="btn btn-primary">重新连接</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </ReconnectingTemplate>
+    <ReconnectFailedTemplate>
+        <div class="connection-mask"></div>
+        <div class="connection-body">
+            <div class="row g-3">
+                @RenderBootstrapBlazor
+                <div class="col-12 col-sm-5">
+                    <h5>Reconnector 组件</h5>
+                    <div class="mb-2"><b>与服务器连接失败</b></div>
+                    <div class="mb-2">请确认网络是否正常，或者 <kbd>F12</kbd> 打开 <b>Developer tools</b> 查看 <b>控制台</b> 是否有错误输出，请扫描左侧二维码加群与管理员联系</div>
+                </div>
+                <div class="col-12 col-sm-2">
+                    <div class="d-flex flex-column align-items-center justify-content-center h-100">
+                        <a href="javascript:window.Blazor.reconnect()" class="btn btn-primary mb-2">重新连接</a>
+                        <a href="javascript:location.reload()" class="btn btn-info">重新加载</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </ReconnectFailedTemplate>
+    <ReconnectRejectedTemplate>
+        <div class="connection-mask"></div>
+        <div class="connection-body">
+            <div class="row g-3">
+                @RenderBootstrapBlazor
+                <div class="col-12 col-sm-5">
+                    <h5>Reconnector 组件</h5>
+                    <div class="mb-2"><b>服务器拒绝连接</b></div>
+                    <div class="mb-2">所有的连接尝试都被拒绝了，这很有可能是由于网络问题或者服务器问题引起的，请扫描左侧二维码加群与管理员联系</div>
+                </div>
+                <div class="col-12 col-sm-2">
+                    <div class="d-flex flex-column align-items-center justify-content-center h-100">
+                        <a href="javascript:location.reload()" class="btn btn-info">重新加载</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </ReconnectRejectedTemplate>
+</Reconnector>
+
+@code {
+    private string TemplateUrl => $"{WebsiteOption.CurrentValue.BootstrapBlazorLink}/wikis/%E9%A1%B9%E7%9B%AE%E6%A8%A1%E6%9D%BF%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B";
+
+    RenderFragment RenderBootstrapBlazor =>
+    @<div class="col-12 col-sm-5">
+        <h5>Bootstrap Blazor UI 组件库</h5>
+        <div class="d-flex">
+            <div class="flex-fill">
+                <div class="mb-2">一套基于 <b>Bootstrap</b> 样式的企业级 <b>Blazor UI</b> 组件库，支持 Server 与 WebAssembly</div>
+                <div class="mb-2">适配移动端支持各种主流浏览器以及移动端，适配 <b>ABP</b>，同时支持 <b>NET5/NET6</b></div>
+                <div class="mb-2"></div>
+                <div>已提供项目模板方便快速上手 <a class="connection-link" href="@TemplateUrl" target="_blank">项目模板</a></div>
+            </div>
+            <img src="_content/BootstrapBlazor.Shared/images/QQGroup@2x.png" alt="QQGroup" />
+            <div class="connection-body-tail d-none d-sm-block"></div>
+        </div>
+    </div>;
+}

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

@@ -0,0 +1,21 @@
+<div class="@ClassString">
+    <h3>
+        <span>@Text</span>
+        <RenderTemplate>
+            <Badge IsPill="true" Color="Color.Success">@CardCount</Badge>
+        </RenderTemplate>
+    </h3>
+
+    @if (!string.IsNullOrEmpty(Desc))
+    {
+        <h4>@Desc</h4>
+    }
+
+    <div class="coms-demo">
+        <div class="row g-3">
+            <CascadingValue Value="this" IsFixed="true">
+                @ChildContent
+            </CascadingValue>
+        </div>
+    </div>
+</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

@@ -4,7 +4,7 @@
     <label>@Label</label>
     <Select Value="@SelectedCulture" OnSelectedItemChanged="@SetCulture">
         <Options>
-            @foreach (var kv in BootstrapOptions.Value.GetSupportedCultures())
+            @foreach (var kv in BootstrapOptions.CurrentValue.GetSupportedCultures())
             {
                 <SelectOption Text="@GetDisplayName(kv)" Value="@kv.Name" />
             }

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 IOptionsMonitor<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

@@ -0,0 +1,8 @@
+<div class="row g-3">
+    <div class="col-12 col-sm-6">
+        <Select TValue="string" Items="@Items3" OnSelectedItemChanged="@OnCascadeBindSelectClick" />
+    </div>
+    <div class="col-12 col-sm-6">
+        <Select TValue="string" Items="@Items2" />
+    </div>
+</div>

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,21 +12,19 @@
         <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="form-footer mt-3">
             <button type="button" class="btn btn-secondary" @onclick="@(e => OnClose?.Invoke())">
-                <i class="fa fa-times"></i>
+                <i class="fa-solid fa-xmark"></i>
                 <span>关闭</span>
             </button>
-            <Button Color="Color.Primary" ButtonType="ButtonType.Submit" Icon="fa fa-save" Text="保存" />
+            <Button Color="Color.Primary" ButtonType="ButtonType.Submit" Icon="fa-solid fa-floppy-disk" Text="保存" />
         </div>
     </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" TooltipText="@TooltipText" />
+
+<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-solid fa-caret-up"></i>
+                <span class="card-demo-text"></span>
+            </a>
+        </div>
+    }
+</div>

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

@@ -0,0 +1,97 @@
+// 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;
+
+    /// <summary>
+    /// 获得/设置 Tooltip 提示信息文本
+    /// </summary>
+    [Parameter]
+    public string? TooltipText { get; set; }
+
+    [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>
+    /// <inheritdoc/>
+    /// </summary>
+    protected override void OnParametersSet()
+    {
+        base.OnParametersSet();
+
+        Title ??= Localizer[nameof(Title)];
+        SubTitle ??= Localizer[nameof(SubTitle)];
+        TooltipText ??= Localizer[nameof(TooltipText)];
+    }
+
+    /// <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" style="margin-right: 32px;">
+    <Select TValue="string" Items="Items" Value="Value" OnSelectedItemChanged="OnSelectedItemChanged" style="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/ErrorCounter.razor

@@ -0,0 +1,14 @@
+<h1>Counter</h1>
+
+<p>Current count: @currentCount</p>
+
+<Button class="btn btn-primary" OnClick="IncrementCount">Click me</Button>
+
+@code {
+    private int currentCount = 0;
+
+    private void IncrementCount()
+    {
+        throw new Exception("Custom Exception");
+    }
+}

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/FormInlineSwitch.razor

@@ -0,0 +1 @@
+<RadioList IsButton="true" @bind-Value="FormRowType" Items="Items" AdditionalAttributes="AdditionalAttributes" />

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

@@ -0,0 +1,64 @@
+// 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.Samples;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// 内部组件
+/// </summary>
+public partial class FormInlineSwitch
+{
+    /// <summary>
+    /// 获得/设置 用户自定义属性
+    /// </summary>
+    [Parameter(CaptureUnmatchedValues = true)]
+    public IDictionary<string, object>? AdditionalAttributes { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<Rows>? LocalizerRows { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public RowType Value { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public EventCallback<RowType> ValueChanged { get; set; }
+
+    [NotNull]
+    private IEnumerable<SelectedItem>? Items { get; set; }
+
+    private RowType FormRowType
+    {
+        get => Value; set
+        {
+            if (Value != value)
+            {
+                Value = value;
+                if (ValueChanged.HasDelegate)
+                {
+                    ValueChanged.InvokeAsync(Value);
+                }
+            }
+        }
+    }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        Items = Enum.GetNames<RowType>().Select(i => new SelectedItem(i, LocalizerRows[i]));
+    }
+}

src/BootstrapBlazor.Shared/Components/InstallContent.razor

@@ -0,0 +1,90 @@
+@using Microsoft.Extensions.DependencyInjection
+@inject VersionService VersionManager
+@inject IStringLocalizer<InstallContent> Localizer
+
+<h3>@Title</h3>
+
+<h4>@Localizer["Heading"]</h4>
+
+<p class="mt-3">@Localizer["P1"]</p>
+<ul>
+    <li><code>visual studio 2019</code> @Localizer["P2"] <code>visual studio 2022</code></li>
+    <li><code>net5</code> @Localizer["P3"] <code>net6</code></li>
+</ul>
+<div><code>BootstrapBlazor</code> @Localizer["P4"] <code>net5/net6</code></div>
+
+<h4>@Localizer["P5"]</h4>
+
+<p>@Localizer["P6"] <a href="template">[@Localizer["P7"]]</a> @Localizer["P8"]</p>
+
+<h4>@Localizer["P9"]</h4>
+
+<h5 class="mb-3">@Localizer["P10"]</h5>
+<div class="code-label mb-2">1. @Localizer["P11"]</div>
+<div class="code-label mb-2">2. @Localizer["P12"]</div>
+<div class="code-label mb-2">3. @Localizer["P13"] <b>Blazor App</b> @Localizer["P14"] <b>@Localizer["P15"]</b>, @Localizer["P16"] <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">@Localizer["P17"]</h5>
+<div class="code-label mb-2">1. @Localizer["P18"] <b>nuget.org</b> @Localizer["P19"] <code>BootstrapBlazor</code></div>
+<div class="mb-2">@Localizer["P20"] <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. @Localizer["P21"]</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. @Localizer["P22"]</div>
+<div class="mb-3">@Localizer["P23"]</div>
+@SheetTemplate
+<Tips>
+    <div>@((MarkupString)Localizer["Tips2"].Value)</div>
+</Tips>
+<Pre>&lt;head&gt;
+    ...
+<b>
+    &lt;!-- @Localizer["P24"] !--&gt;
+    &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. @Localizer["P25"]</div>
+@ScriptsTemplate
+<Pre>&lt;body&gt;
+    ...
+    &lt;!-- @Localizer["P26"] !--&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. @Localizer["P27"]</div>
+@ServicesTemplate
+
+<div class="code-label mb-2">6. @Localizer["P28"]</div>
+<div class="mb-1">@Localizer["P29"] <code>~/_Imports.razor</code> @Localizer["P30"] <code>Razor</code> @Localizer["P31"]</div>
+<Pre><b>@@using BootstrapBlazor.Components</b></Pre>
+
+<div class="code-label mb-2">7. @Localizer["P32"] <code>BootstrapBlazorRoot</code> @Localizer["P33"] <code>~/App.razor</code> @Localizer["P34"]</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; @Localizer["P35"] ...&lt;/p&gt;
+            &lt;/LayoutView&gt;
+        &lt;/NotFound&gt;
+    &lt;/Router&gt;
+&lt;/BootstrapBlazorRoot&gt;</Pre>
+
+<h5 class="mb-3">@Localizer["P36"]</h5>
+<div class="mb-1">@Localizer["P37"] <code>BootstrapBlazor</code> @Localizer["P38"]：</div>
+<div class="code-label mb-2">1. @Localizer["P39"] <code>Button</code> @Localizer["P40"]</div>
+<Pre>&lt;Button Color="Color.Primary" Icon="fa-solid fa-font-awesome" Text="@Localizer["P41"] /&gt;</Pre>
+<div class="code-label mb-2">2. @Localizer["P42"] <b>Visual studio 2022</b> @Localizer["P43"] <kbd>F5</kbd> @Localizer["P44"]</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

@@ -0,0 +1,16 @@
+@inherits IdComponentBase
+
+<div class="pre-code" id="@Id">
+    @if (!Loaded)
+    {
+        <p class="loading">正在加载 ...</p>
+    }
+    else
+    {
+        <pre @attributes="@AdditionalAttributes" class="@ClassName"><code>@ChildContent</code></pre>
+        @if (CanCopy)
+        {
+            <button type="button" class="btn-clipboard" data-bs-toggle="tooltip" data-bs-placement="left" title="点击复制代码">Copy</button>
+        }
+    }
+</div>

src/BootstrapBlazor.Shared/Components/Pre.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 BootstrapBlazor.Shared.Services;
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+
+namespace BootstrapBlazor.Shared.Components;
+
+/// <summary>
+/// Pre 组件
+/// </summary>
+public partial class Pre
+{
+    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>
+    /// 获得/设置 子组件 CodeFile 为空时生效
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ChildContent { 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", $"#{Id}");
+        }
+    }
+
+    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

@@ -0,0 +1,17 @@
+@inject IOptionsMonitor<WebsiteOptions> WebsiteOption
+@inject IStringLocalizer<QQGroup> Localzier
+
+<div>
+    @Localzier["Group"]：BootstrapAdmin & Blazor
+    <a class="mx-1" target="_blank" href="@WebsiteOption.CurrentValue.QQGroup1Link">
+        <span class="text-success fa-brands fa-qq">
+            <span class="ms-1"><b>795206915</b></span>
+        </span>
+    </a>
+    <a class="mx-1" target="_blank" href="@WebsiteOption.CurrentValue.QQGroup2Link">
+        <span class="text-success fa-brands fa-qq">
+            <span class="ms-1"><b>675147445</b></span>
+        </span>
+    </a>
+    @Localzier["Welcome"]
+</div>