feat(Tab): update chrome tab style (#5749)

* refactor: 代码重构

* refactor: 微调 Tab 样式

* refactor: 更新样式

* refactor: bump version 9.5.0

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

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

src/BootstrapBlazor/Components/Layout/Layout.razor.cs

@@ -417,14 +417,12 @@ public partial class Layout : IHandlerException
     /// 获得/设置 Gets or sets a collection of additional assemblies that should be searched for components that can match URIs.
     /// </summary>
     [Parameter]
-    [NotNull]
     public IEnumerable<Assembly>? AdditionalAssemblies { get; set; }
 
     /// <summary>
     /// 获得/设置 鼠标悬停提示文字信息
     /// </summary>
     [Parameter]
-    [NotNull]
     public string? TooltipText { get; set; }
 
     /// <summary>
@@ -453,7 +451,7 @@ public partial class Layout : IHandlerException
     private IStringLocalizer<Layout>? Localizer { get; set; }
 
     private bool _init;
-    private Tab _tab = default!;
+    private Tab _tab = null!;
 
     /// <summary>
     /// <inheritdoc/>
@@ -483,7 +481,7 @@ protected override async Task OnInitializedAsync()
         if (AuthenticationStateTask != null)
         {
             // wasm 模式下 开启权限必须提供 AdditionalAssemblies 参数
-            AdditionalAssemblies ??= new[] { Assembly.GetEntryAssembly()! };
+            AdditionalAssemblies ??= [Assembly.GetEntryAssembly()!];
 
             var url = Navigation.ToBaseRelativePath(Navigation.Uri);
             var context = RouteTableFactory.Create(AdditionalAssemblies, url);

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

@@ -504,7 +504,7 @@
                 &:hover {
                     background-color: var(--bb-tabs-item-hover-bg-color);
                 }
-            }
+            }       
         }
 
         .btn-fs {
@@ -593,6 +593,30 @@
             margin-left: -2rem;
         }
 
+        &:not(.active) {
+            &:not(:hover):not(:first-child) {
+                .tabs-item {
+                    &:before {
+                        content: '';
+                        width: 2px;
+                        background-color: rgba(var(--bs-emphasis-color-rgb), .2);
+                        position: absolute;
+                        left: 0;
+                        top: 8px;
+                        bottom: 10px;
+                    }
+                }
+            }
+
+            &:hover + .tabs-item-wrap {
+                .tabs-item {
+                    &:before {
+                        content: none;
+                    }
+                }
+            }
+        }
+
         .tabs-item {
             border: none !important;
             border-top-left-radius: 10px;