refactor: 增加渲染逻辑

Author: ArgoZhang

src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj

@@ -10,7 +10,11 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="BootstrapBlazor" Version="$(BBVersion)" />
+    <!--<PackageReference Include="BootstrapBlazor" Version="$(BBVersion)" />-->
+  </ItemGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\..\..\..\BootstrapBlazor\src\BootstrapBlazor\BootstrapBlazor.csproj" />
   </ItemGroup>
 
   <ItemGroup>

src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs

@@ -134,6 +134,10 @@ public class DockViewComponent : DockViewComponentBase
     [JsonIgnore]
     public Func<Task>? OnClickTitleBarCallback { get; set; }
 
+    [CascadingParameter]
+    [NotNull]
+    private DockViewV2? DockView { get; set; }
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -172,9 +176,9 @@ protected override void BuildRenderTree(RenderTreeBuilder builder)
             builder.CloseComponent();
         }
 
-        if (Visible)
+        if (DockView.IsActiveTab(Key))
         {
-            //builder.AddContent(70, ChildContent);
+            builder.AddContent(70, ChildContent);
         }
         builder.CloseElement();
     }

src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs

@@ -1,4 +1,4 @@
-// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
 // Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
 // Website: https://www.blazor.zone or https://argozhang.github.io/
 
@@ -77,6 +77,16 @@ class DockViewConfig
     /// </summary>
     public string? SplitterCallback { get; set; }
 
+    /// <summary>
+    /// 获得/设置 加载当前激活标签页事件回调
+    /// </summary>
+    public string? LoadActiveTabs { get; set; }
+
+    /// <summary>
+    /// 获得/设置 加载当前未激活标签页事件回调
+    /// </summary>
+    public string? LoadInactiveTabs { get; set; }
+
     /// <summary>
     /// 获得/设置 客户端缓存键值
     /// </summary>

src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs

@@ -201,7 +201,9 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
         PanelVisibleChangedCallback = nameof(PanelVisibleChangedCallbackAsync),
         LockChangedCallback = nameof(LockChangedCallbackAsync),
         SplitterCallback = nameof(SplitterCallbackAsync),
-        Contents = _components
+        Contents = _components,
+        LoadActiveTabs = nameof(LoadActiveTabs),
+        LoadInactiveTabs = nameof(LoadInactiveTabs)
     };
 
     private string GetVersion() => Version ?? _options.Version ?? "v1";
@@ -258,6 +260,41 @@ public async Task PanelVisibleChangedCallbackAsync(string title, bool status)
         }
     }
 
+    private HashSet<string> _activeTabs = new();
+    private Task LoadActiveTabs(List<string> tabs)
+    {
+        // 客户端请求渲染当前激活的标签
+        _activeTabs.Clear();
+        foreach (var tab in tabs)
+        {
+            _activeTabs.Add(tab);
+        }
+
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+
+    private HashSet<string> _inactiveTabs = new();
+    private Task LoadInactiveTabs(List<string> tabs)
+    {
+        // 客户端请求渲染当前未激活的标签
+        _activeTabs.Clear();
+        foreach (var tab in tabs)
+        {
+            _activeTabs.Add(tab);
+        }
+
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+
+    /// <summary>
+    /// 检查指定 Key 值 DockviewComponent 是否处于激活状态
+    /// </summary>
+    /// <param name="key"></param>
+    /// <returns></returns>
+    public bool IsActiveTab(string? key) => string.IsNullOrEmpty(key) ? false : _activeTabs.Contains(key);
+
     /// <summary>
     /// 锁定回调方法 由 JavaScript 调用
     /// </summary>