feat(Tab): update FullScreen targetId (#5996)

* style: 更新样式

* feat: 移除全屏 Id 设置

* refactor: 更新扩展方法

* test: 更新单元测试

* test: 更新单元测试

* test: 更新单元测试

* chore: bump version 9.6.1

Co-Authored-By: UnicronOrigin <[email protected]>

---------

Co-authored-by: UnicronOrigin <[email protected]>

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

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

src/BootstrapBlazor/Components/FullScreen/FullScreenButton.razor.scss

@@ -6,7 +6,7 @@
     display: inline-block;
 }
 
-:not(:root):fullscreen {
+:fullscreen {
     .bb-fs-on {
         display: inline-block;
     }

src/BootstrapBlazor/Components/Tab/Tab.razor

@@ -87,8 +87,7 @@ else
                     @if (ShowFullscreenToolbarButton)
                     {
                         <div class="tabs-nav-toolbar-button tabs-nav-toolbar-fs">
-                            <FullScreenButton TargetId="@Id"
-                                              Icon="@FullscreenToolbarButtonIcon"
+                            <FullScreenButton Icon="@FullscreenToolbarButtonIcon"
                                               TooltipText="@FullscreenToolbarTooltipText"
                                               TooltipPlacement="Placement.Bottom" TooltipTrigger="hover"></FullScreenButton>
                         </div>
@@ -194,7 +193,7 @@ else
         {
             @if (ShowFullScreen && item.ShowFullScreen)
             {
-                <FullScreenButton TargetId="@GetIdByTabItem(item)"></FullScreenButton>
+                <FullScreenButton></FullScreenButton>
             }
             @if (ShowClose && item.Closable)
             {

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

@@ -1059,8 +1059,6 @@ public async Task DragItemCallback(int originIndex, int currentIndex)
         }
     }
 
-    private string GetIdByTabItem(TabItem item) => ComponentIdGenerator.Generate(item);
-
     private async Task OnRefreshAsync()
     {
         // refresh the active tab item
@@ -1120,10 +1118,7 @@ private Task OnCloseAll(ContextMenuItem item, object? context)
 
     private async Task OnFullScreen(ContextMenuItem item, object? context)
     {
-        if (context is TabItem tabItem)
-        {
-            await FullScreenService.ToggleById(GetIdByTabItem(tabItem));
-        }
+        await FullScreenService.ToggleById();
     }
 
     private async Task OnContextMenu(MouseEventArgs e, TabItem item)

src/BootstrapBlazor/Extensions/FullScreenServiceExtensions.cs

@@ -24,5 +24,5 @@ public static class FullScreenServiceExtensions
     /// <param name="id"></param>
     /// <param name="service"></param>
     /// <returns></returns>
-    public static Task ToggleById(this FullScreenService service, string id) => service.Toggle(new() { Id = id });
+    public static Task ToggleById(this FullScreenService service, string? id = null) => service.Toggle(new() { Id = id });
 }