refactor: 更新 HeaderTemplate 示例

Author: ArgoZhang

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

@@ -384,7 +384,7 @@ private void Navigation()
     <Tab IsBorderCard="true" @ref="TabSetTemplate">
         <TabItem>
             <HeaderTemplate>
-                <div class="@GetClassString(context)" @onclick="() => OnClickTabItem(context)">
+                <div class="tabs-item" @onclick="() => OnClickTabItem(context)">
                     <i class="fa-solid fa-tv"></i>
                     <span class="mx-2">@Localizer["BlockHeaderTemplateHeaderText"]</span>
                     <Badge Color="Color.Danger" style="position: absolute; right: 2px; top: 2px;">9</Badge>

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

@@ -150,10 +150,6 @@ private Task AddTab()
         return Task.CompletedTask;
     }
 
-    private static string? GetClassString(TabItem tabItem) => CssBuilder.Default("tabs-item")
-        .AddClass("active", tabItem.IsActive)
-        .Build();
-
     private async Task OnClickTabItem(TabItem tabItem)
     {
         TabSetTemplate.ActiveTab(tabItem);

src/BootstrapBlazor/Components/Tab/Tab.razor

@@ -86,7 +86,9 @@ else
                             {
                                 @if (item.HeaderTemplate != null)
                                 {
-                                    @item.HeaderTemplate(item)
+                                    <div @key="@item" class="@GetItemWrapClassString(item)" draggable="@DraggableString">
+                                        @item.HeaderTemplate(item)
+                                    </div>
                                 }
                                 else if (item.IsDisabled)
                                 {