doc: 增加追悼模式实战网页

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Layout/TutorialsNavMenu.razor.cs

@@ -110,6 +110,11 @@ protected override async Task OnInitializedAsync()
             {
                 Text = Localizer["OnlineSheet"],
                 Url = "tutorials/online-sheet",
+            },
+            new()
+            {
+                Text = Localizer["MemorialMode"],
+                Url = "tutorials/memorial",
             }
         ]);
     }

src/BootstrapBlazor.Server/Components/Samples/Tutorials/Memorial.razor

@@ -0,0 +1,9 @@
+@page "/tutorials/memorial"
+
+<Button Text="切换哀悼模式" OnClick="OnToggle" class="mb-3"></Button>
+
+<p class="code-label">1. 加载 <code>Utlity</code> 工具</p>
+<Pre>var module = await JSRuntime.LoadUtility();</Pre>
+
+<p class="code-label">2. 设置哀悼模式</p>
+<Pre>await module.InvokeVoidAsync("SetMemorial", true);</Pre>

src/BootstrapBlazor.Server/Components/Samples/Tutorials/Memorial.razor.cs

@@ -0,0 +1,27 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+using Microsoft.JSInterop;
+
+namespace BootstrapBlazor.Server.Components.Samples.Tutorials;
+
+/// <summary>
+/// 追悼模式
+/// </summary>
+public partial class Memorial
+{
+    [Inject, NotNull]
+    private IJSRuntime? JSRuntime { get; set; }
+
+    private bool _isMemorial = false;
+
+    private async Task OnToggle()
+    {
+        var module = await JSRuntime.LoadUtility();
+
+        _isMemorial = !_isMemorial;
+        await module.SetMemorialModeAsync(_isMemorial);
+    }
+}

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -22,7 +22,8 @@
     "TranslateSummary": "Translate",
     "DrawingSummary": "Drawing",
     "AdminSummary": "Admin",
-    "OnlineSheet": "UniverSheet"
+    "OnlineSheet": "UniverSheet",
+    "MemorialMode": "Memorial"
   },
   "BootstrapBlazor.Server.Components.Components.Pre": {
     "LoadingText": "Loading ...",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -22,7 +22,8 @@
     "TranslateSummary": "翻译工具 Translate",
     "DrawingSummary": "画图 Drawing",
     "AdminSummary": "中台 Admin",
-    "OnlineSheet": "在线表格 UniverSheet"
+    "OnlineSheet": "在线表格 UniverSheet",
+    "MemorialMode": "追悼模式"
   },
   "BootstrapBlazor.Server.Components.Components.Pre": {
     "LoadingText": "正在加载 ...",