refactor: 移除 active 冗余样式

Author: ArgoZhang

src/BootstrapBlazor/Components/Tab/Tab.razor

@@ -137,8 +137,8 @@ else
     </div>;
 
     RenderFragment RenderHeader(TabItem item) =>
-    @<div @key="@item" class="@GetItemWrapClassString(item)">
-        <a href="@item.Url" role="tab" tabindex="-1" class="@GetClassString(item)" @onclick="@(() => OnClickTabItem(item))" @onclick:preventDefault="@(!ClickTabToNavigation)" draggable="@DraggableString">
+    @<div @key="@item" class="@GetItemWrapClassString(item)" draggable="@DraggableString">
+        <a href="@item.Url" role="tab" tabindex="-1" class="@GetClassString(item)" @onclick="@(() => OnClickTabItem(item))" @onclick:preventDefault="@(!ClickTabToNavigation)">
             @RenderHeaderContent(item)
         </a>
         @if (TabStyle == TabStyle.Chrome)

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

@@ -29,7 +29,6 @@ public partial class Tab : IHandlerException
         .Build();
 
     private string? GetClassString(TabItem item) => CssBuilder.Default("tabs-item")
-        .AddClass("active", TabStyle == TabStyle.Default && item.IsActive && !item.IsDisabled)
         .AddClass("disabled", item.IsDisabled)
         .AddClass(item.CssClass)
         .AddClass("is-closeable", ShowClose)

src/BootstrapBlazor/Components/Tab/Tab.razor.scss

@@ -226,7 +226,6 @@
 
 .tabs.tabs-card > .tabs-header .tabs-item.active,
 .tabs.tabs-border-card > .tabs-header .tabs-item.active {
-    background-color: var(--bs-body-bg);
     border-width: 0 1px 0px 0;
 }
 
@@ -470,21 +469,23 @@
     min-height: calc(100% + 2rem);
 }
 
-.tab-drag-over {
-    animation: drag-tab-item 1s linear infinite;
-}
+.tab-dragging {
+    .tabs-item-wrap:not(:hover) .tabs-item {
+        pointer-events: none;
+    }
 
-.tab-dragging th[draggable] * {
-    pointer-events: none;
-}
+    .tab-drag-over .tabs-item {
+        animation: drag-tab-item 1s linear infinite;
+    }
 
-.tab-drag {
-    background-color: var(--bs-secondary);
+    .tab-drag {
+        background-color: var(--bs-secondary);
+    }
 }
 
 @keyframes drag-tab-item {
     50% {
-        background-color: var(--bs-primary);
+        background-color: var(--bs-primary) !important;
     }
 }
 
@@ -537,6 +538,14 @@
             }
         }
     }
+
+    .tab-drag-over .tabs-item {
+        animation: none;
+    }
+
+    .tab-drag-over .tabs-item .tabs-item-body {
+        animation: drag-tab-item 1s linear infinite;
+    }
 }
 
 .tabs-chrome > .tabs-header {