feat(GotoTop): support IsFixedTabHeader layout component (#4883)

* refactor: 更改获得 Target 参数方法

* feat: GotoTop 支持 Layout 固定标签页

* chore: bump version 9.1.6-beta02

---------

Co-authored-by: yuchen7701 <[email protected]>
Co-authored-by: 卢骥 <[email protected]>

Author: 3 people

src/BootstrapBlazor/BootstrapBlazor.csproj

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

src/BootstrapBlazor/Components/GoTop/GoTop.razor

@@ -2,6 +2,6 @@
 @inherits BootstrapModuleComponentBase
 @attribute [BootstrapModuleAutoLoader]
 
-<a @attributes="AdditionalAttributes" id="@Id" href="#" class="layout-gotop" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="@TooltipText">
+<a @attributes="AdditionalAttributes" id="@Id" href="#" class="layout-gotop" data-bb-target="@Target" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="@TooltipText">
     <i class="@Icon"></i>
 </a>

src/BootstrapBlazor/Components/GoTop/GoTop.razor.cs

@@ -49,11 +49,4 @@ protected override void OnParametersSet()
         TooltipText ??= Localizer[nameof(TooltipText)];
         Icon ??= IconTheme.GetIconByKey(ComponentIcons.GoTopIcon);
     }
-
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    /// <returns></returns>
-    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Target);
-
 }

src/BootstrapBlazor/Components/GoTop/GoTop.razor.js

@@ -21,6 +21,7 @@ export function init(id, target) {
     EventHandler.on(el, 'click', e => {
         e.preventDefault();
 
+        const target = el.getAttribute('data-bb-target');
         const element = (target && document.querySelector(target)) || getScrollElement(el)
         element.scrollTop = 0
         go.tip.hide()

src/BootstrapBlazor/Components/Layout/Layout.razor

@@ -135,7 +135,7 @@
         @Footer
         @if (ShowGotoTop)
         {
-            <GoTop />
+            <GoTop Target="@GetTargetString()" />
         }
     </footer>;
 }

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

@@ -327,8 +327,6 @@ public partial class Layout : IHandlerException
 
     private bool _init { get; set; }
 
-    //private bool _isInteractive = true;
-
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -343,10 +341,6 @@ protected override void OnInitialized()
         }
 
         ErrorLogger?.Register(this);
-
-#if NET9_0_OR_GREATER
-        //_isInteractive = RendererInfo.IsInteractive;
-#endif
     }
 
     /// <summary>
@@ -505,6 +499,8 @@ public virtual Task HandlerException(Exception ex, RenderFragment<Exception> err
         return Task.CompletedTask;
     }
 
+    private string? GetTargetString() => IsFixedTabHeader ? ".tabs-body" : null;
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>