feat(Table): add ToolbarTemplate parameter (#5951)

* feat: 增加 ToolbarTemplate 参数

* test: 增加单元测试

* test: 更新单元测试

* chore: bump version 9.6.1-beta01

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.6.1-beta02</Version>
+    <Version>9.6.1-beta01</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Table/Table.razor

@@ -69,6 +69,12 @@
                         @TableToolbarTemplate
                     }
                 </TableToolbar>
+                @if (ToolbarTemplate != null)
+                {
+                    <div class="float-start table-toolbar-template">
+                        @ToolbarTemplate
+                    </div>
+                }
                 <div class="float-end table-toolbar-button btn-group table-column-right">
                     @if (TableExtensionToolbarBeforeTemplate != null)
                     {

src/BootstrapBlazor/Components/Table/Table.razor.Toolbar.cs

@@ -15,6 +15,12 @@ public partial class Table<TItem>
     [Parameter]
     public bool ShowToolbar { get; set; }
 
+    /// <summary>
+    /// Gets or sets the template of table toolbar. Default is null.
+    /// </summary>
+    [Parameter]
+    public RenderFragment? ToolbarTemplate { get; set; }
+
     /// <summary>
     /// 获得/设置 首次加载是否显示加载骨架屏 默认 false 不显示 使用 <see cref="ShowLoadingInFirstRender" /> 参数值
     /// </summary>

src/BootstrapBlazor/Components/Table/Table.razor.scss

@@ -711,6 +711,15 @@ form .table .table-cell > textarea {
     }
 }
 
+.table-toolbar-template {
+    margin-block-end: .5rem;
+    min-height: 35px;
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: flex-start;
+}
+
 @media (min-width: 576px) {
     .table-search .card-header .card-title {
         display: initial;

test/UnitTest/Components/TableTest.cs

@@ -560,9 +560,12 @@ public void ShowToolbar_Ok()
                     builder.AddAttribute(2, "FieldExpression", Utility.GenerateValueExpression(foo, "Name", typeof(string)));
                     builder.CloseComponent();
                 });
+                pb.Add(a => a.ToolbarTemplate, builder => builder.AddContent(0, "table-toolbar-template-content"));
             });
         });
         cut.Contains("float-end table-toolbar-button");
+        cut.Contains("float-start table-toolbar-template");
+        cut.Contains("table-toolbar-template-content");
     }
 
     [Fact]