doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Tabs.razor

@@ -497,8 +497,12 @@ private void Navigation()
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["TabsContextMenuTitle"]" Introduction="@Localizer["TabsContextMenuIntro"]" Name="ContextMenu">
-    <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome" ShowToolbar="true" ShowContextMenu="true">
-        <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
+    <section ignore>
+        <p>@((MarkupString)Localizer["TabsContextMenuDesc"].Value)</p>
+    </section>
+    <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome" ShowToolbar="true" ShowContextMenu="true" 
+         OnBeforeShowContextMenu="OnBeforeShowContextMenu">
+        <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user" IsDisabled="true">
             <div>@Localizer["TabItem1Content"]</div>
             <Counter></Counter>
         </TabItem>

src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.cs

@@ -111,6 +111,12 @@ private Task OnClickMenuItem(MenuItem item)
         return Task.CompletedTask;
     }
 
+    private async Task<bool> OnBeforeShowContextMenu(TabItem item)
+    {
+        await Task.Yield();
+        return item.IsDisabled == false;
+    }
+
     private void AddTabItem(string text) => TabSetMenu.AddTab(new Dictionary<string, object?>
     {
         [nameof(TabItem.Text)] = text,

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

@@ -2138,7 +2138,8 @@
     "ContextCloseOther": "Close Other Tabs",
     "ContextCloseAll": "Close All Tabs",
     "TabsContextMenuTitle": "TabItem Context Menu",
-    "TabsContextMenuIntro": "Use the built-in <code>ContextMenuZone</code> component to pop up a custom context menu when you right-click a tab item"
+    "TabsContextMenuIntro": "Use the built-in <code>ContextMenuZone</code> component to pop up a custom context menu when you right-click a tab item",
+    "TabsContextMenuDesc": "For disabled tabs, you can set the <code>OnBeforeShowContextMenu</code> callback method to control whether the right-click menu is displayed. By default, it is displayed."
   },
   "BootstrapBlazor.Server.Components.Components.DemoTabItem": {
     "Info": "Reset the title of this <code>TabItem</code> by click the button",

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

@@ -2138,7 +2138,8 @@
     "ContextCloseOther": "关闭其他",
     "ContextCloseAll": "关闭全部",
     "TabsContextMenuTitle": "右键菜单",
-    "TabsContextMenuIntro": "通过内置 <code>ContextMenuZone</code> 组件，点击标签页右键时弹窗自定义右键菜单"
+    "TabsContextMenuIntro": "通过内置 <code>ContextMenuZone</code> 组件，点击标签页右键时弹窗自定义右键菜单",
+    "TabsContextMenuDesc": "被禁用的标签页可以通过设置 <code>OnBeforeShowContextMenu</code> 回调方法控制右键菜单是否显示，默认均显示"
   },
   "BootstrapBlazor.Server.Components.Components.DemoTabItem": {
     "Info": "点击下方按钮，本 <code>TabItem</code> 标题更改为当前分钟与秒",