refactor: 更新 TabItem Body 渲染逻辑

Author: ArgoZhang

src/BootstrapBlazor/Components/Tab/Tab.razor

@@ -125,9 +125,7 @@ else
                 {
                     foreach (var item in Items)
                     {
-                        <div @key="@item" class="@GetContentClassString(item)" id="@GetIdByTabItem(item)">
-                            @RenderTabItem(item)
-                        </div>
+                        @RenderTabItem(item)
                     }
                 }
             </CascadingValue>

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

@@ -16,10 +16,6 @@ public partial class Tab : IHandlerException
 {
     private bool FirstRender { get; set; } = true;
 
-    private static string? GetContentClassString(TabItem item) => CssBuilder.Default("tabs-body-content")
-        .AddClass("d-none", !item.IsActive)
-        .Build();
-
     private string? WrapClassString => CssBuilder.Default("tabs-nav-wrap")
         .AddClass("extend", ShouldShowExtendButtons())
         .Build();

src/BootstrapBlazor/Components/Tab/TabItemContent.cs

@@ -12,8 +12,15 @@ internal class TabItemContent : IComponent
     /// <summary>
     /// Gets or sets the component content. Default is null
     /// </summary>
-    [Parameter]
-    public RenderFragment? ChildContent { get; set; }
+    [Parameter, NotNull]
+    public TabItem? Item { get; set; }
+
+    /// <summary>
+    /// Gets <see cref="IComponentIdGenerator"/> instrance
+    /// </summary>
+    [Inject]
+    [NotNull]
+    private IComponentIdGenerator? ComponentIdGenerator { get; set; }
 
     private RenderHandle _renderHandle;
 
@@ -35,26 +42,28 @@ private void RenderContent()
         _renderHandle.Render(BuildRenderTree);
     }
 
-    private object key = new();
+    private object _key = new();
 
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    /// <param name="builder"></param>
     private void BuildRenderTree(RenderTreeBuilder builder)
     {
         builder.OpenElement(0, "div");
-        builder.SetKey(key);
-        builder.AddContent(10, ChildContent);
+        builder.SetKey(_key);
+        builder.AddAttribute(5, "class", ClassString);
+        builder.AddAttribute(6, "id", ComponentIdGenerator.Generate(Item));
+        builder.AddContent(10, Item.ChildContent);
         builder.CloseElement();
     }
 
+    private string? ClassString => CssBuilder.Default("tabs-body-content")
+        .AddClass("d-none", !Item.IsActive)
+        .Build();
+
     /// <summary>
     /// Render method
     /// </summary>
     public void Render()
     {
-        key = new object();
+        _key = new object();
         RenderContent();
     }
 }

src/BootstrapBlazor/Extensions/TabItemExtensions.cs

@@ -15,7 +15,7 @@ internal static class TabItemExtensions
     public static RenderFragment RenderContent(this TabItem item, ConcurrentDictionary<TabItem, TabItemContent> cache) => builder =>
     {
         builder.OpenComponent<TabItemContent>(0);
-        builder.AddAttribute(10, nameof(TabItemContent.ChildContent), item.ChildContent);
+        builder.AddAttribute(10, nameof(TabItemContent.Item), item);
         builder.AddComponentReferenceCapture(20, content =>
         {
             var tabItemContent = (TabItemContent)content;