feat: 增加渲染 Active/Inactive 标签页逻辑

Author: ArgoZhang

…ew/Components/DockViewComponent.razor.cs …DockView/Components/DockViewComponent.cssrc/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor.cs renamed to src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs src/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor.cs renamed to src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs

@@ -1,16 +1,17 @@
-// 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/
 
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
 using System.Text.Json.Serialization;
 
 namespace BootstrapBlazor.Components;
 
 /// <summary>
 /// DockContentItem 配置项子项对标 content 配置项内部 content 配置
 /// </summary>
-public partial class DockViewComponent
+public class DockViewComponent : DockViewComponentBase
 {
     /// <summary>
     /// 获得/设置 组件是否显示 Header 默认 true 显示
@@ -143,6 +144,41 @@ protected override void OnInitialized()
         Type = DockViewContentType.Component;
     }
 
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <param name="builder"></param>
+    protected override void BuildRenderTree(RenderTreeBuilder builder)
+    {
+        builder.OpenElement(0, "div");
+        builder.AddAttribute(10, "id", Id);
+        builder.AddAttribute(20, "class", "bb-dockview-panel");
+        builder.AddAttribute(30, "data-bb-key", Key);
+        builder.AddAttribute(40, "data-bb-title", Title);
+
+        if (TitleTemplate != null)
+        {
+            builder.OpenElement(50, "div");
+            builder.AddAttribute(51, "class", "bb-dockview-item-title");
+            builder.AddContent(53, TitleTemplate);
+            builder.CloseElement();
+        }
+        else if (ShowTitleBar)
+        {
+            builder.OpenComponent<DockViewTitleBar>(60);
+            builder.AddAttribute(61, nameof(DockViewTitleBar.BarIcon), TitleBarIcon);
+            builder.AddAttribute(62, nameof(DockViewTitleBar.BarIconUrl), TitleBarIconUrl);
+            builder.AddAttribute(63, nameof(DockViewTitleBar.OnClickBarCallback), OnClickBar);
+            builder.CloseComponent();
+        }
+
+        if (Visible)
+        {
+            //builder.AddContent(70, ChildContent);
+        }
+        builder.CloseElement();
+    }
+
     private async Task OnClickBar()
     {
         if (OnClickTitleBarCallback != null)

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

@@ -24,8 +24,8 @@ public enum DockViewRenderMode
     Always,
 
     /// <summary>
-    /// <para lang="zh">可见版面渲染 不可见版面异步渲染</para>
-    /// <para lang="en">Render visible layout, asynchronously render invisible layout</para>
+    /// <para lang="zh">部分渲染 可见版面渲染 不可见版面异步渲染</para>
+    /// <para lang="en"></para>
     /// </summary>
     Partial
 }

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

@@ -1,4 +1,4 @@
-@inherits BootstrapModuleComponentBase
+@inherits BootstrapModuleComponentBase
 @attribute [JSModuleAutoLoader("./_content/BootstrapBlazor.DockView/Components/DockViewV2.razor.js", JSObjectReference = true)]
 
 <div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString">

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

@@ -1,4 +1,4 @@
-import { addLink, getTheme } from '../../BootstrapBlazor/modules/utility.js'
+import { addLink, getTheme } from '../../BootstrapBlazor/modules/utility.js'
 import { cerateDockview } from '../js/dockview-utils.js'
 import Data from '../../BootstrapBlazor/modules/data.js'
 import EventHandler from "../../BootstrapBlazor/modules/event-handler.js"
@@ -32,10 +32,32 @@ export async function init(id, invoke, options) {
     dockview.on('groupSizeChanged', () => {
         invoke.invokeMethodAsync(options.splitterCallback);
     });
+    dockview.on('loadActiveTabs', tabs => {
+        invoke.invokeMethodAsync(options.loadActiveTabs, tabs);
+    });
+    dockview.on('loadInactiveTabs', tabs => {
+        invoke.invokeMethodAsync(options.loadInactiveTabs, tabs);
+    });
 
     EventHandler.on(document, 'changed.bb.theme', updateTheme);
 }
 
+export function reloadActiveTab() {
+    const dock = Data.get(id)
+    if (dock) {
+        const { dockview } = dock;
+        dockview.reloadActiveTab();
+    }
+}
+
+export function reloadInactiveTab() {
+    const dock = Data.get(id)
+    if (dock) {
+        const { dockview } = dock;
+        dockview.reloadInactiveTab();
+    }
+}
+
 export function update(id, options) {
     const dock = Data.get(id)
     if (dock) {