feat(Tab): add BeforeNavigatorTemplate/AfterNavigatorTemplate parameter (#5394)

* feat: 增加前后模板

* chore: bump version 9.3.1-beta21

* test: 增加单元测试

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.3.1-beta19</Version>
+    <Version>9.3.1-beta21</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Tab/Tab.razor

@@ -11,6 +11,10 @@ else
     <div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" style="@StyleString">
         <div class="tabs-header">
             <div class="@WrapClassString">
+                @if (BeforeNavigatorTemplate != null)
+                {
+                    @BeforeNavigatorTemplate
+                }
                 @if (ShowNavigatorButtons)
                 {
                     <div class="nav-link-bar left" @onclick="@ClickPrevTab"><i class="@PreviousIcon"></i></div>
@@ -106,6 +110,10 @@ else
                         <div class="dropdown-item" @onclick="@OnClickCloseAllTabs"><span>@CloseAllTabsText</span></div>
                     </div>
                 }
+                @if (AfterNavigatorTemplate != null)
+                {
+                    @AfterNavigatorTemplate
+                }
             </div>
         </div>
         <div class="tabs-body">

src/BootstrapBlazor/Components/Tab/Tab.razor.cs

@@ -226,6 +226,20 @@ public partial class Tab : IHandlerException
     [Parameter]
     public RenderFragment? ButtonTemplate { get; set; }
 
+    /// <summary>
+    /// 获得/设置 标签页前置模板 默认 null
+    /// <para>在向前移动标签页按钮前</para>
+    /// </summary>
+    [Parameter]
+    public RenderFragment? BeforeNavigatorTemplate { get; set; }
+
+    /// <summary>
+    /// 获得/设置 标签页后置模板 默认 null
+    /// <para>在向后移动标签页按钮前</para>
+    /// </summary>
+    [Parameter]
+    public RenderFragment? AfterNavigatorTemplate { get; set; }
+
     /// <summary>
     /// 获得/设置 上一个标签图标
     /// </summary>

test/UnitTest/Components/TabTest.cs

@@ -877,6 +877,27 @@ public async Task FullScreen_Ok()
         await cut.InvokeAsync(() => button.Click());
     }
 
+    [Fact]
+    public void BeforeNavigatorTemplate_Ok()
+    {
+        var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
+        {
+            pb.AddChildContent<Tab>(pb =>
+            {
+                pb.Add(a => a.BeforeNavigatorTemplate, builder => builder.AddContent(0, "before-navigator-template"));
+                pb.Add(a => a.AfterNavigatorTemplate, builder => builder.AddContent(0, "after-navigator-template"));
+                pb.AddChildContent<TabItem>(pb =>
+                {
+                    pb.Add(a => a.ShowFullScreen, true);
+                    pb.Add(a => a.Text, "Text1");
+                    pb.Add(a => a.ChildContent, builder => builder.AddContent(0, "Test1"));
+                });
+            });
+        });
+        cut.Contains("before-navigator-template");
+        cut.Contains("after-navigator-template");
+    }
+
     class DisableTabItemButton : ComponentBase
     {
         [CascadingParameter, NotNull]