feat: 实现 TabHeader 再其他地方渲染逻辑

Author: ArgoZhang

src/BootstrapBlazor/Components/Layout/Layout.razor

@@ -82,10 +82,7 @@
         @if (ShowTabInHeader)
         {
             <div class="tabs tabs-chrome">
-                @if(_tab != null)
-                {
-                    @_tab.RenderTabHeader
-                }
+                @RenderTabHeader()
             </div>
         }
         @Header

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

@@ -457,7 +457,8 @@ public partial class Layout : IHandlerException
     private IStringLocalizer<Layout>? Localizer { get; set; }
 
     private bool _init;
-    private Tab _tab = null!;
+    private Tab? _tab = null;
+    private LayoutTabHeader? _tabHeader = null;
 
     /// <summary>
     /// <inheritdoc/>
@@ -633,6 +634,18 @@ public virtual Task HandlerException(Exception ex, RenderFragment<Exception> err
 
     private string? GetTargetString() => IsFixedTabHeader ? ".tabs-body" : null;
 
+    private RenderFragment RenderTabHeader() => builder =>
+    {
+        builder.OpenComponent<LayoutTabHeader>(0);
+        builder.AddComponentReferenceCapture(1, instance => _tabHeader = (LayoutTabHeader)instance);
+        builder.CloseComponent();
+    };
+
+    internal void RegisterTab(Tab tab)
+    {
+        tab.layoutTabHeader = _tabHeader;
+    }
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>

src/BootstrapBlazor/Components/Layout/LayoutTabHeader.cs

@@ -0,0 +1,51 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+using Microsoft.AspNetCore.Components.Rendering;
+
+namespace BootstrapBlazor.Components;
+
+internal class LayoutTabHeader : IComponent
+{
+    private RenderHandle _renderHandle;
+
+    void IComponent.Attach(RenderHandle renderHandle)
+    {
+        _renderHandle = renderHandle;
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <param name="parameters"></param>
+    /// <returns></returns>
+    Task IComponent.SetParametersAsync(ParameterView parameters)
+    {
+        return Task.CompletedTask;
+    }
+
+    private RenderFragment? _renderFragment;
+
+    /// <summary>
+    /// render tab header method.
+    /// </summary>
+    public void RenderHeader(RenderFragment renderFragment)
+    {
+        _renderFragment = renderFragment;
+        _renderHandle.Render(BuildRenderTree);
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <param name="builder"></param>
+    private void BuildRenderTree(RenderTreeBuilder builder)
+    {
+        if (_renderFragment != null)
+        {
+            builder.AddContent(0, _renderFragment);
+        }
+    }
+}

src/BootstrapBlazor/Components/Tab/Tab.razor

@@ -40,7 +40,14 @@ else
 @code {
     RenderFragment RenderTab =>
     @<div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" style="@StyleString">
-        @RenderTabHeader
+        @if (layoutTabHeader != null)
+        {
+            layoutTabHeader.RenderHeader(RenderTabHeader);
+        }
+        else
+        {
+            @RenderTabHeader
+        }
         <div class="tabs-body">
             <CascadingValue Value="this" IsFixed="true">
                 @if (IsOnlyRenderActiveTab)
@@ -62,7 +69,7 @@ else
         </div>
     </div>;
 
-    internal RenderFragment RenderTabHeader =>
+    RenderFragment RenderTabHeader =>
     @<div class="tabs-header">
         <div class="@WrapClassString">
             @if (BeforeNavigatorTemplate != null)

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

@@ -465,6 +465,8 @@ public partial class Tab : IHandlerException
 
     private bool IsPreventDefault => _contextMenuZone != null;
 
+    internal LayoutTabHeader? layoutTabHeader = null;
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -473,6 +475,11 @@ protected override void OnInitialized()
         base.OnInitialized();
 
         ErrorLogger?.Register(this);
+
+        if (Layout is { ShowTabInHeader: true })
+        {
+            Layout.RegisterTab(this);
+        }
     }
 
     /// <summary>