refactor: 调整禁用逻辑禁用后不允许 active 样式

Author: ArgoZhang

src/BootstrapBlazor/Components/Tab/Tab.razor

@@ -127,23 +127,15 @@ else
     RenderFragment RenderChromeDisabledHeader(TabItem item) =>
     @<div @key="@item" class="@GetItemWrapClassString(item)">
         <div role="tab" class="@GetClassString(item)">
-            @if (!string.IsNullOrEmpty(item.Icon))
-            {
-                <i class="@GetIconClassString(item.Icon)"></i>
-            }
-            <span class="tabs-item-text">@item.Text</span>
+            @RenderHeaderContent(item)
         </div>
         <i class="tab-corner tab-corner-left"></i>
         <i class="tab-corner tab-corner-right"></i>
     </div>;
 
     RenderFragment RenderDefaultDisabledHeader(TabItem item) =>
     @<div @key="item" role="tab" class="@GetClassString(item)">
-        @if (!string.IsNullOrEmpty(item.Icon))
-        {
-            <i class="@GetIconClassString(item.Icon)"></i>
-        }
-        <span class="tabs-item-text">@item.Text</span>
+        @RenderHeaderContent(item)
     </div>;
 
     RenderFragment RenderChromeHeader(TabItem item) =>
@@ -167,15 +159,18 @@ else
             <i class="@GetIconClassString(item.Icon)"></i>
         }
         <span class="tabs-item-text">@item.Text</span>
-        @if (ShowFullScreen && item.ShowFullScreen)
-        {
-            <FullScreenButton TargetId="@GetIdByTabItem(item)"></FullScreenButton>
-        }
-        @if (ShowClose && item.Closable)
+        @if (!item.IsDisabled)
         {
-            <span class="tabs-item-close" @onclick:stopPropagation @onclick:preventDefault @onclick="() => RemoveTab(item)">
-                <i class="@CloseIcon"></i>
-            </span>
+            @if (ShowFullScreen && item.ShowFullScreen)
+            {
+                <FullScreenButton TargetId="@GetIdByTabItem(item)"></FullScreenButton>
+            }
+            @if (ShowClose && item.Closable)
+            {
+                <span class="tabs-item-close" @onclick:stopPropagation @onclick:preventDefault @onclick="() => RemoveTab(item)">
+                    <i class="@CloseIcon"></i>
+                </span>
+            }
         }
     </div>;
 }

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

@@ -24,12 +24,12 @@ public partial class Tab : IHandlerException
         .AddClass("extend", ShouldShowExtendButtons())
         .Build();
 
-    private string? GetItemWrapClassString(TabItem item) => CssBuilder.Default("tabs-item-wrap")
-        .AddClass("active", item.IsActive)
+    private static string? GetItemWrapClassString(TabItem item) => CssBuilder.Default("tabs-item-wrap")
+        .AddClass("active", item.IsActive && !item.IsDisabled)
         .Build();
 
     private string? GetClassString(TabItem item) => CssBuilder.Default("tabs-item")
-        .AddClass("active", item.IsActive)
+        .AddClass("active", item.IsActive && !item.IsDisabled)
         .AddClass("disabled", item.IsDisabled)
         .AddClass(item.CssClass)
         .AddClass("is-closeable", ShowClose)
@@ -793,6 +793,14 @@ private void ActiveTabItem(TabItem item)
     public void SetDisabledItem(TabItem item, bool disabled)
     {
         item.SetDisabledWithoutRender(disabled);
+        if (disabled)
+        {
+            item.SetActive(false);
+        }
+        if (TabItems.Any(i => i.IsActive) == false)
+        {
+            TabItems.Where(i => !i.IsDisabled).FirstOrDefault()?.SetActive(true);
+        }
         StateHasChanged();
     }