doc: 更新文档

Author: ArgoZhang

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

@@ -457,7 +457,6 @@ private void Navigation()
     <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Capsule" AllowDrag="true" ShowToolbar="true">
         <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
             <div>@Localizer["TabItem1Content"]</div>
-            <Counter></Counter>
         </TabItem>
         <TabItem Text="@Localizer["TabItem2Text"]" Icon="fa-solid fa-gauge-high">
             <div>@Localizer["TabItem2Content"]</div>
@@ -472,10 +471,14 @@ private void Navigation()
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["TabsToolbarTitle"]" Introduction="@Localizer["TabsToolbarIntro"]" Name="Toolbar">
+    <section ignore>
+        <div>@((MarkupString)Localizer["TabsToolbarDesc"].Value)</div>
+    </section>
     <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome" ShowToolbar="true">
         <ChildContent>
             <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
                 <div>@Localizer["TabItem1Content"]</div>
+                <Counter></Counter>
             </TabItem>
             <TabItem Text="@Localizer["TabItem2Text"]" Icon="fa-solid fa-gauge-high">
                 <div>@Localizer["TabItem2Content"]</div>

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

@@ -2123,14 +2123,15 @@
     "TabsCapsuleStyleIntro": "Set the capsule tab style by setting <code>TabStyle=\"TabStyle.Capsule\"</code>. Currently only supports <code>Placement=\"Placement.Top\"</code> <code>Placement=\"Placement.Bottom\"</code> mode",
     "AttributeToolbarTemplate": "The template for Toolbar",
     "TabsToolbarTitle": "Toolbar",
-    "TabsToolbarIntro": "By setting <code>ShowToolbar</code>, you can display the tab toolbar. By default, the <b>Refresh</b> and <b>Fullscreen</b> buttons are displayed. You can control whether to display them by <code>ShowRefreshToolbarButton</code> and <code>ShowFullscreenToolbarButton</code>",
+    "TabsToolbarIntro": "By setting <code>ShowToolbar</code>, you can display the tab toolbar. By default, the <b>Refresh</b> and <b>Fullscreen</b> buttons are displayed. You can control whether to display them by <code>ShowRefreshToolbarButton</code> and <code>ShowFullscreenToolbarButton</code>, click the <b>Refresh</b> button to trigger the <code>OnToolbarRefreshCallback</code> callback method",
     "AttributeShowToolbar": "Whether to display the toolbar",
     "AttributeShowRefreshToolbarButton": "Whether to display the toolbar refresh button",
     "AttributeShowFullscreenToolbarButton": "Whether to display the toolbar full screen button",
     "AttributeRefreshToolbarTooltipText": "Toolbar refresh button tooltip text",
     "AttributeFullscreenToolbarTooltipText": "Toolbar full screen button tooltip text",
     "AttributeRefreshToolbarButtonIcon": "Toolbar refresh button icon",
-    "AttributeFullscreenToolbarButtonIcon": "Toolbar full screen button icon"
+    "AttributeFullscreenToolbarButtonIcon": "Toolbar full screen button icon",
+    "TabsToolbarDesc": "After clicking the button, the counter value increases, and clicking the <b>Refresh</b> button on the toolbar will reset the counter."
   },
   "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

@@ -2123,14 +2123,15 @@
     "TabsCapsuleStyleIntro": "通过设置 <code>TabStyle=\"TabStyle.Capsule\"</code> 设置标签页为胶囊样式，目前仅支持 <code>Placement=\"Placement.Top\"</code>  <code>Placement=\"Placement.Bottom\"</code> 模式",
     "AttributeToolbarTemplate": "Toolbar 模板",
     "TabsToolbarTitle": "工具栏",
-    "TabsToolbarIntro": "通过设置 <code>ShowToolbar</code> 显示标签页工具栏，默认显示 <b>刷新</b> <b>全屏</b> 按钮，可以通过 <code>ShowRefreshToolbarButton</code> <code>ShowFullscreenToolbarButton</code> 控制是否显示",
+    "TabsToolbarIntro": "通过设置 <code>ShowToolbar</code> 显示标签页工具栏，默认显示 <b>刷新</b> <b>全屏</b> 按钮，可以通过 <code>ShowRefreshToolbarButton</code> <code>ShowFullscreenToolbarButton</code> 控制是否显示，点击 <b>刷新</b> 按钮后触发 <code>OnToolbarRefreshCallback</code> 回调方法",
     "AttributeShowToolbar": "是否显示工具栏",
     "AttributeShowRefreshToolbarButton": "是否显示工具栏刷新按钮",
     "AttributeShowFullscreenToolbarButton": "是否显示工具栏全屏按钮",
     "AttributeRefreshToolbarTooltipText": "工具栏刷新按钮提示框文字",
     "AttributeFullscreenToolbarTooltipText": "工具栏全屏按钮提示框文字",
     "AttributeRefreshToolbarButtonIcon": "工具栏刷新按钮图标",
-    "AttributeFullscreenToolbarButtonIcon": "工具栏全屏按钮图标"
+    "AttributeFullscreenToolbarButtonIcon": "工具栏全屏按钮图标",
+    "TabsToolbarDesc": "点击按钮计数器数值增加后，点击工具栏的 <b>刷新</b> 按钮计数器清零"
   },
   "BootstrapBlazor.Server.Components.Components.DemoTabItem": {
     "Info": "点击下方按钮，本 <code>TabItem</code> 标题更改为当前分钟与秒",