From 76233bf9ca49de8c985eddffb9366a169189c19a Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Mar 2026 15:21:57 +0800
Subject: [PATCH 01/13] =?UTF-8?q?feat(DockView):=20=E5=A2=9E=E5=8A=A0=20Pa?=
 =?UTF-8?q?rtial=20=E5=B1=80=E9=83=A8=E6=B8=B2=E6=9F=93=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DockViewRenderMode.cs          | 19 ++++++++++++++-----
 .../Components/DockViewV2.razor.cs            |  2 +-
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewRenderMode.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewRenderMode.cs
index 76f6b555..2b911312 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewRenderMode.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewRenderMode.cs
@@ -1,22 +1,31 @@
-// 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/
 
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockViewRenderMode 渲染模式枚举类型
+/// <para lang="zh">DockViewRenderMode 渲染模式枚举类型</para>
+/// <para lang="en">DockViewRenderMode render mode enumeration type</para>
 /// </summary>
 [JsonEnumConverter(true)]
 public enum DockViewRenderMode
 {
     /// <summary>
-    /// 可见时渲染
+    /// <para lang="zh">可见时渲染</para>
+    /// <para lang="en">Render when visible</para>
     /// </summary>
     OnlyWhenVisible,
 
     /// <summary>
-    /// 始终渲染
+    /// <para lang="zh">始终渲染</para>
+    /// <para lang="en">Always render</para>
     /// </summary>
-    Always
+    Always,
+
+    /// <summary>
+    /// <para lang="zh">可见版面渲染 不可见版面异步渲染</para>
+    /// <para lang="en">Render visible layout, asynchronously render invisible layout</para>
+    /// </summary>
+    Partial
 }
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
index f1a3f025..b130111c 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.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/
 

From 714d0654dab7f4a72aba261a5f990c0ae0a6801b Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Mar 2026 16:10:22 +0800
Subject: [PATCH 02/13] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=20Active/Inactive=20=E6=A0=87=E7=AD=BE=E9=A1=B5?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...omponent.razor.cs => DockViewComponent.cs} | 40 ++++++++++++++++++-
 .../Components/DockViewComponent.razor        | 18 ---------
 .../Components/DockViewRenderMode.cs          |  4 +-
 .../Components/DockViewV2.razor               |  2 +-
 .../Components/DockViewV2.razor.js            | 24 ++++++++++-
 5 files changed, 64 insertions(+), 24 deletions(-)
 rename src/components/BootstrapBlazor.DockView/Components/{DockViewComponent.razor.cs => DockViewComponent.cs} (75%)
 delete mode 100644 src/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
similarity index 75%
rename from src/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor.cs
rename to src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
index bfc7563a..e0b6645f 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
@@ -1,8 +1,9 @@
-// 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;
@@ -10,7 +11,7 @@ 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)
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor b/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor
deleted file mode 100644
index c6500815..00000000
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.razor
+++ /dev/null
@@ -1,18 +0,0 @@
-@inherits DockViewComponentBase
-
-<div id="@Id" class="bb-dockview-panel" data-bb-key="@Key" data-bb-title="@Title">
-    @if (TitleTemplate != null)
-    {
-        <div class="bb-dockview-item-title">
-            @TitleTemplate
-        </div>
-    }
-    else if (ShowTitleBar)
-    {
-        <DockViewTitleBar BarIcon="@TitleBarIcon" BarIconUrl="@TitleBarIconUrl" OnClickBarCallback="OnClickBar"></DockViewTitleBar>
-    }
-    @if (Visible)
-    {
-        @ChildContent
-    }
-</div>
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewRenderMode.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewRenderMode.cs
index 2b911312..6469a958 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewRenderMode.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewRenderMode.cs
@@ -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
 }
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor
index 5658d5f6..ab5a2550 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor
@@ -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">
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
index ab91fbee..2e091dbd 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
@@ -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) {

From bba9ec29d0869429a481c19bf473183ea2937c9a Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Mar 2026 16:33:44 +0800
Subject: [PATCH 03/13] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.DockView.csproj           |  6 ++-
 .../Components/DockViewComponent.cs           |  8 +++-
 .../Components/DockViewConfig.cs              | 12 +++++-
 .../Components/DockViewV2.razor.cs            | 39 ++++++++++++++++++-
 4 files changed, 60 insertions(+), 5 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj b/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
index 620b1174..fa29e53b 100644
--- a/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
+++ b/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>
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
index e0b6645f..5af91ebf 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
+++ b/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();
     }
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs
index 9c7d5540..27e52810 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs
+++ b/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>
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
index b130111c..32ce5490 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
+++ b/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>

From b574b1a24be4f7fb1f51f76a5badee4d02f511a8 Mon Sep 17 00:00:00 2001
From: zhaijunlei <276318515@qq.com>
Date: Thu, 19 Mar 2026 10:35:06 +0800
Subject: [PATCH 04/13] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E9=A6=96?=
 =?UTF-8?q?=E6=AC=A1=E5=8A=A0=E8=BD=BD=E8=AF=B7=E6=B1=82=E6=BF=80=E6=B4=BB?=
 =?UTF-8?q?panel=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DockViewV2.razor.cs                         | 7 ++++---
 .../BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js  | 6 ++++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
index 32ce5490..0f9e5ce9 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
@@ -261,7 +261,8 @@ public async Task PanelVisibleChangedCallbackAsync(string title, bool status)
     }
 
     private HashSet<string> _activeTabs = new();
-    private Task LoadActiveTabs(List<string> tabs)
+    [JSInvokable]
+    public Task LoadActiveTabs(List<string> tabs)
     {
         // 客户端请求渲染当前激活的标签
         _activeTabs.Clear();
@@ -278,10 +279,10 @@ private Task LoadActiveTabs(List<string> tabs)
     private Task LoadInactiveTabs(List<string> tabs)
     {
         // 客户端请求渲染当前未激活的标签
-        _activeTabs.Clear();
+        _inactiveTabs.Clear();
         foreach (var tab in tabs)
         {
-            _activeTabs.Add(tab);
+            _inactiveTabs.Add(tab);
         }
 
         StateHasChanged();
diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
index ed3836ee..4711e124 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
@@ -86,10 +86,12 @@ const initDockview = (dockview, options, template) => {
     dockview.onDidLayoutFromJSON(() => {
         const handler = setTimeout(() => {
             clearTimeout(handler);
-
-            const panels = dockview.panels
+            const panels = dockview.panels;
+            const groups = dockview.groups;
             const delPanelsStr = localStorage.getItem(dockview.params.options.localStorageKey + '-panels')
             const delPanels = delPanelsStr && JSON.parse(delPanelsStr) || []
+            const visiblePanels = groups.map(g => g.panels.find(p => p.params.isActive) || g.panels.find(p => p.api.isVisible))
+            dockview._loadActiveTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
             panels.forEach(panel => {
                 const visible = panel.params.visible
                 if (!visible) {

From 0be570d81acae21f7de28c416dee33271f74777b Mon Sep 17 00:00:00 2001
From: zhaijunlei <276318515@qq.com>
Date: Thu, 19 Mar 2026 12:45:24 +0800
Subject: [PATCH 05/13] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E5=88=87=E6=8D=A2Tab=E6=97=B6=E8=8E=B7=E5=8F=96panel?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js  | 7 +++++++
 .../BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js  | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
index cfed3dfb..2d51556b 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
@@ -23,6 +23,13 @@ const observePanelActiveChange = panel => {
             moveAlwaysRenderPanel(panel)
         }, 0)
     })
+    panel.api.onDidVisibilityChange(({ isVisible }) => {
+        const dockview = panel.accessor;
+        if (dockview._inited && isVisible) {
+            console.log(isVisible, 'isVisible');
+            dockview._loadActiveTabs?.fire([panel.params.key]);
+        }
+    })
 }
 
 const moveAlwaysRenderPanel = panel => {
diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
index 4711e124..fccf17b5 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
@@ -65,6 +65,13 @@ const initDockview = (dockview, options, template) => {
         reloadFromConfig(dockview, options)
     }
 
+    dockview.reloadActiveTab = (options) => {
+        console.log('Dockview reloadActiveTab: ', options);
+    }
+    dockview.reloadInactiveTab = (options) => {
+        console.log('Dockview reloadInactiveTab: ', options);
+    }
+
     dockview.onDidRemovePanel(onRemovePanel);
 
     dockview.onDidAddPanel(onAddPanel);

From 883d3ae55dfff040cb493e63e113b6b89983398f Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 19 Mar 2026 12:55:10 +0800
Subject: [PATCH 06/13] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E9=87=8D?=
 =?UTF-8?q?=E6=96=B0=E6=B8=B2=E6=9F=93=E6=96=B9=E6=B3=95=E8=B0=83=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DockViewV2.razor.cs            | 29 +++++++++++++++++++
 .../Components/DockViewV2.razor.js            |  4 +--
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
index 0f9e5ce9..7d3a3433 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
@@ -172,6 +172,20 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         await base.OnAfterRenderAsync(firstRender);
 
+        if (_renderActiveTabs)
+        {
+            _renderActiveTabs = false;
+            await InvokeVoidAsync("reloadActiveTab", Id);
+            return;
+        }
+
+        if (_renderActiveTabs)
+        {
+            _renderInactiveTabs = false;
+            await InvokeVoidAsync("reloadInactiveTab", Id);
+            return;
+        }
+
         if (!firstRender)
         {
             await InvokeVoidAsync("update", Id, GetOptions());
@@ -261,6 +275,12 @@ public async Task PanelVisibleChangedCallbackAsync(string title, bool status)
     }
 
     private HashSet<string> _activeTabs = new();
+    private bool _renderActiveTabs = false;
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <param name="tabs"></param>
     [JSInvokable]
     public Task LoadActiveTabs(List<string> tabs)
     {
@@ -271,11 +291,19 @@ public Task LoadActiveTabs(List<string> tabs)
             _activeTabs.Add(tab);
         }
 
+        _renderActiveTabs = true;
         StateHasChanged();
         return Task.CompletedTask;
     }
 
     private HashSet<string> _inactiveTabs = new();
+    private bool _renderInactiveTabs = false;
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <param name="tabs"></param>
+    [JSInvokable]
     private Task LoadInactiveTabs(List<string> tabs)
     {
         // 客户端请求渲染当前未激活的标签
@@ -285,6 +313,7 @@ private Task LoadInactiveTabs(List<string> tabs)
             _inactiveTabs.Add(tab);
         }
 
+        _renderInactiveTabs = true;
         StateHasChanged();
         return Task.CompletedTask;
     }
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
index 2e091dbd..d758b84b 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
@@ -42,7 +42,7 @@ export async function init(id, invoke, options) {
     EventHandler.on(document, 'changed.bb.theme', updateTheme);
 }
 
-export function reloadActiveTab() {
+export function reloadActiveTab(id) {
     const dock = Data.get(id)
     if (dock) {
         const { dockview } = dock;
@@ -50,7 +50,7 @@ export function reloadActiveTab() {
     }
 }
 
-export function reloadInactiveTab() {
+export function reloadInactiveTab(id) {
     const dock = Data.get(id)
     if (dock) {
         const { dockview } = dock;

From 1508c5f973d44f23756828f5d070a2e70203ac6a Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 19 Mar 2026 13:18:15 +0800
Subject: [PATCH 07/13] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DockViewV2.razor.cs                   | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
index 7d3a3433..5e6c80dc 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
@@ -179,7 +179,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
             return;
         }
 
-        if (_renderActiveTabs)
+        if (_renderInactiveTabs)
         {
             _renderInactiveTabs = false;
             await InvokeVoidAsync("reloadInactiveTab", Id);
@@ -323,7 +323,15 @@ private Task LoadInactiveTabs(List<string> tabs)
     /// </summary>
     /// <param name="key"></param>
     /// <returns></returns>
-    public bool IsActiveTab(string? key) => string.IsNullOrEmpty(key) ? false : _activeTabs.Contains(key);
+    public bool IsActiveTab(string? key)
+    {
+        if (Renderer == DockViewRenderMode.Always)
+        {
+            return true;
+        }
+
+        return _activeTabs.Contains(key ?? string.Empty);
+    }
 
     /// <summary>
     /// 锁定回调方法 由 JavaScript 调用

From bf1ed6f5cbeff7d3bcd5780982ab85923b6edd4c Mon Sep 17 00:00:00 2001
From: zhaijunlei <276318515@qq.com>
Date: Mon, 23 Mar 2026 10:13:04 +0800
Subject: [PATCH 08/13] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E5=BC=82?=
 =?UTF-8?q?=E6=AD=A5=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DockViewV2.razor.cs            |  2 +-
 .../wwwroot/js/dockview-config.js             |  4 ++--
 .../wwwroot/js/dockview-panel.js              |  8 ++++----
 .../wwwroot/js/dockview-utils.js              | 20 +++++++++++++++----
 4 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
index 5e6c80dc..68504fdc 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
@@ -304,7 +304,7 @@ public Task LoadActiveTabs(List<string> tabs)
     /// </summary>
     /// <param name="tabs"></param>
     [JSInvokable]
-    private Task LoadInactiveTabs(List<string> tabs)
+    public Task LoadInactiveTabs(List<string> tabs)
     {
         // 客户端请求渲染当前未激活的标签
         _inactiveTabs.Clear();
diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-config.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-config.js
index 2709059b..4c50bc24 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-config.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-config.js
@@ -278,7 +278,7 @@ const getGroupNode = (contentItem, size, boxSize, parent, panels, getGroupId, op
                     title: item.title,
                     tabComponent: item.componentName,
                     contentComponent: item.componentName,
-                    renderer: item.renderer || options.renderer,
+                    // renderer: item.renderer || options.renderer,
                     params: { ...item, parentId: parent.id }
                 }
                 return item.id
@@ -303,7 +303,7 @@ const getLeafNode = (contentItem, size, boxSize, parent, panels, getGroupId, opt
     panels[contentItem.id] = {
         id: contentItem.id,
         title: contentItem.title,
-        renderer: contentItem.renderer || options.renderer,
+        // renderer: contentItem.renderer || options.renderer,
         tabComponent: contentItem.componentName,
         contentComponent: contentItem.componentName,
         params: { ...contentItem, parentId: parent.id }
diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
index 2d51556b..659827f5 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
@@ -25,9 +25,9 @@ const observePanelActiveChange = panel => {
     })
     panel.api.onDidVisibilityChange(({ isVisible }) => {
         const dockview = panel.accessor;
-        if (dockview._inited && isVisible) {
-            console.log(isVisible, 'isVisible');
-            dockview._loadActiveTabs?.fire([panel.params.key]);
+        if (dockview.params.options.renderer === 'onlyWhenVisible' && dockview._inited && isVisible) {
+            const visiblePanels = dockview.groups.map(g => g.panels.find(p => p.params.isActive) || g.panels.find(p => p.api.isVisible))
+            dockview._loadActiveTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
         }
     })
 }
@@ -143,7 +143,7 @@ const getPanels = (contentItem, options, parent = {}, panels = []) => {
             id: contentItem.id,
             groupId: contentItem.groupId,
             title: contentItem.title,
-            renderer: contentItem.renderer || options.renderer,
+            // renderer: contentItem.renderer || options.renderer,
             tabComponent: contentItem.componentName,
             contentComponent: contentItem.componentName,
             params: { ...contentItem, parentType: parent.type, parentId: parent.id }
diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
index fccf17b5..a454a3e1 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
@@ -8,6 +8,7 @@ import './dockview-extensions.js'
 const cerateDockview = (el, options) => {
     const theme = options.theme || "dockview-theme-light";
     const template = el.querySelector('template');
+    options.renderer ??= 'partial'; // onlyWhenVisible | partial | always
     const dockview = new DockviewComponent(el, {
         parentElement: el,
         theme: {
@@ -95,10 +96,21 @@ const initDockview = (dockview, options, template) => {
             clearTimeout(handler);
             const panels = dockview.panels;
             const groups = dockview.groups;
-            const delPanelsStr = localStorage.getItem(dockview.params.options.localStorageKey + '-panels')
-            const delPanels = delPanelsStr && JSON.parse(delPanelsStr) || []
-            const visiblePanels = groups.map(g => g.panels.find(p => p.params.isActive) || g.panels.find(p => p.api.isVisible))
-            dockview._loadActiveTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
+            const delPanelsStr = localStorage.getItem(dockview.params.options.localStorageKey + '-panels');
+            const delPanels = delPanelsStr && JSON.parse(delPanelsStr) || [];
+            if (options.renderer === 'always') {
+                dockview._loadActiveTabs?.fire(panels.map(p => p.params.key));
+            }
+            else if (options.renderer === 'partial' || options.renderer === 'onlyWhenVisible') {
+                const visiblePanels = groups.filter(g => g.isVisible).map(g => g.panels.find(p => p.params.isActive) || g.panels.find(p => p.api.isVisible))
+                dockview._loadActiveTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
+            }
+            if (options.renderer === 'partial') {
+                const inVisiblePanels = groups.flatMap(g => g.panels.filter(p => !p.api.isVisible));
+                if (inVisiblePanels.length > 0) {
+                    dockview._loadInactiveTabs?.fire(inVisiblePanels.map(p => p.params.key));
+                }
+            }
             panels.forEach(panel => {
                 const visible = panel.params.visible
                 if (!visible) {

From 0574a5b29e4ec9ad08dc1c602d99ca8122d90971 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Mon, 23 Mar 2026 10:51:42 +0800
Subject: [PATCH 09/13] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20JS=20?=
 =?UTF-8?q?=E8=84=9A=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DockViewV2.razor.js            | 23 ++-----------------
 .../wwwroot/js/dockview-panel.js              |  4 ++--
 .../wwwroot/js/dockview-utils.js              | 22 ++++++------------
 3 files changed, 11 insertions(+), 38 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
index d758b84b..eed527ae 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.js
@@ -32,32 +32,13 @@ 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);
+    dockview.on('loadTabs', tabs => {
+        invoke.invokeMethodAsync(options.loadTabs, tabs);
     });
 
     EventHandler.on(document, 'changed.bb.theme', updateTheme);
 }
 
-export function reloadActiveTab(id) {
-    const dock = Data.get(id)
-    if (dock) {
-        const { dockview } = dock;
-        dockview.reloadActiveTab();
-    }
-}
-
-export function reloadInactiveTab(id) {
-    const dock = Data.get(id)
-    if (dock) {
-        const { dockview } = dock;
-        dockview.reloadInactiveTab();
-    }
-}
-
 export function update(id, options) {
     const dock = Data.get(id)
     if (dock) {
diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
index 659827f5..3c67390d 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js
@@ -1,4 +1,4 @@
-import { saveConfig } from "./dockview-config.js";
+import { saveConfig } from "./dockview-config.js";
 import { getIcon } from "./dockview-icon.js"
 import { setDrawerTitle } from "./dockview-group.js"
 
@@ -27,7 +27,7 @@ const observePanelActiveChange = panel => {
         const dockview = panel.accessor;
         if (dockview.params.options.renderer === 'onlyWhenVisible' && dockview._inited && isVisible) {
             const visiblePanels = dockview.groups.map(g => g.panels.find(p => p.params.isActive) || g.panels.find(p => p.api.isVisible))
-            dockview._loadActiveTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
+            dockview._loadTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
         }
     })
 }
diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
index a454a3e1..60636a52 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
@@ -1,4 +1,4 @@
-import { DockviewComponent } from "./dockview-core.esm.js"
+import { DockviewComponent } from "./dockview-core.esm.js"
 import { DockviewPanelContent } from "./dockview-content.js"
 import { onAddGroup, addGroupWithPanel, toggleLock, observeFloatingGroupLocationChange, observeOverlayChange, createDrawerHandle } from "./dockview-group.js"
 import { onAddPanel, onRemovePanel, getPanelsFromOptions, findContentFromPanels } from "./dockview-panel.js"
@@ -8,7 +8,7 @@ import './dockview-extensions.js'
 const cerateDockview = (el, options) => {
     const theme = options.theme || "dockview-theme-light";
     const template = el.querySelector('template');
-    options.renderer ??= 'partial'; // onlyWhenVisible | partial | always
+    options.renderer ??= 'onlyWhenVisible'; // onlyWhenVisible | partial | always
     const dockview = new DockviewComponent(el, {
         parentElement: el,
         theme: {
@@ -66,13 +66,6 @@ const initDockview = (dockview, options, template) => {
         reloadFromConfig(dockview, options)
     }
 
-    dockview.reloadActiveTab = (options) => {
-        console.log('Dockview reloadActiveTab: ', options);
-    }
-    dockview.reloadInactiveTab = (options) => {
-        console.log('Dockview reloadInactiveTab: ', options);
-    }
-
     dockview.onDidRemovePanel(onRemovePanel);
 
     dockview.onDidAddPanel(onAddPanel);
@@ -99,16 +92,15 @@ const initDockview = (dockview, options, template) => {
             const delPanelsStr = localStorage.getItem(dockview.params.options.localStorageKey + '-panels');
             const delPanels = delPanelsStr && JSON.parse(delPanelsStr) || [];
             if (options.renderer === 'always') {
-                dockview._loadActiveTabs?.fire(panels.map(p => p.params.key));
+                
             }
             else if (options.renderer === 'partial' || options.renderer === 'onlyWhenVisible') {
                 const visiblePanels = groups.filter(g => g.isVisible).map(g => g.panels.find(p => p.params.isActive) || g.panels.find(p => p.api.isVisible))
-                dockview._loadActiveTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
+                dockview._loadTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
             }
             if (options.renderer === 'partial') {
-                const inVisiblePanels = groups.flatMap(g => g.panels.filter(p => !p.api.isVisible));
-                if (inVisiblePanels.length > 0) {
-                    dockview._loadInactiveTabs?.fire(inVisiblePanels.map(p => p.params.key));
+                if (dockview.panels.length > 0) {
+                    dockview._loadTabs?.fire(dockview.panels.map(p => p.params.key));
                 }
             }
             panels.forEach(panel => {
@@ -148,7 +140,7 @@ const initDockview = (dockview, options, template) => {
             dockview.groups.forEach(group => {
                 observeGroup(group)
             })
-            dockview.element.querySelector('&>.dv-dockview>.dv-branch-node').addEventListener('click', function (e) {
+            dockview.element.querySelector('&>.dv-dockview>.dv-branch-node').addEventListener('click', function(e) {
                 this.parentElement.querySelectorAll('&>.dv-resize-container-drawer, &>.dv-render-overlay-float-drawer').forEach(item => {
                     item.classList.remove('active')
                 })

From 329355031fa57da229e3f6371f8715381f0ed4df Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Mon, 23 Mar 2026 10:52:14 +0800
Subject: [PATCH 10/13] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DockViewComponent.cs           |  2 +-
 .../Components/DockViewConfig.cs              |  7 +--
 .../Components/DockViewV2.razor.cs            | 53 +++----------------
 3 files changed, 9 insertions(+), 53 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
index 5af91ebf..72838687 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
@@ -176,7 +176,7 @@ protected override void BuildRenderTree(RenderTreeBuilder builder)
             builder.CloseComponent();
         }
 
-        if (DockView.IsActiveTab(Key))
+        if (DockView.ShowTab(Key))
         {
             builder.AddContent(70, ChildContent);
         }
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs
index 27e52810..3feaa225 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs
@@ -80,12 +80,7 @@ class DockViewConfig
     /// <summary>
     /// 获得/设置 加载当前激活标签页事件回调
     /// </summary>
-    public string? LoadActiveTabs { get; set; }
-
-    /// <summary>
-    /// 获得/设置 加载当前未激活标签页事件回调
-    /// </summary>
-    public string? LoadInactiveTabs { get; set; }
+    public string? LoadTabs { get; set; }
 
     /// <summary>
     /// 获得/设置 客户端缓存键值
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
index 68504fdc..02e30a56 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
@@ -172,20 +172,6 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         await base.OnAfterRenderAsync(firstRender);
 
-        if (_renderActiveTabs)
-        {
-            _renderActiveTabs = false;
-            await InvokeVoidAsync("reloadActiveTab", Id);
-            return;
-        }
-
-        if (_renderInactiveTabs)
-        {
-            _renderInactiveTabs = false;
-            await InvokeVoidAsync("reloadInactiveTab", Id);
-            return;
-        }
-
         if (!firstRender)
         {
             await InvokeVoidAsync("update", Id, GetOptions());
@@ -216,8 +202,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
         LockChangedCallback = nameof(LockChangedCallbackAsync),
         SplitterCallback = nameof(SplitterCallbackAsync),
         Contents = _components,
-        LoadActiveTabs = nameof(LoadActiveTabs),
-        LoadInactiveTabs = nameof(LoadInactiveTabs)
+        LoadTabs = nameof(LoadTabs)
     };
 
     private string GetVersion() => Version ?? _options.Version ?? "v1";
@@ -274,46 +259,22 @@ public async Task PanelVisibleChangedCallbackAsync(string title, bool status)
         }
     }
 
-    private HashSet<string> _activeTabs = new();
-    private bool _renderActiveTabs = false;
+    private HashSet<string> _loadTabs = new();
 
     /// <summary>
     /// 
     /// </summary>
     /// <param name="tabs"></param>
     [JSInvokable]
-    public Task LoadActiveTabs(List<string> tabs)
+    public Task LoadTabs(List<string> tabs)
     {
         // 客户端请求渲染当前激活的标签
-        _activeTabs.Clear();
-        foreach (var tab in tabs)
-        {
-            _activeTabs.Add(tab);
-        }
-
-        _renderActiveTabs = true;
-        StateHasChanged();
-        return Task.CompletedTask;
-    }
-
-    private HashSet<string> _inactiveTabs = new();
-    private bool _renderInactiveTabs = false;
-
-    /// <summary>
-    /// 
-    /// </summary>
-    /// <param name="tabs"></param>
-    [JSInvokable]
-    public Task LoadInactiveTabs(List<string> tabs)
-    {
-        // 客户端请求渲染当前未激活的标签
-        _inactiveTabs.Clear();
+        _loadTabs.Clear();
         foreach (var tab in tabs)
         {
-            _inactiveTabs.Add(tab);
+            _loadTabs.Add(tab);
         }
 
-        _renderInactiveTabs = true;
         StateHasChanged();
         return Task.CompletedTask;
     }
@@ -323,14 +284,14 @@ public Task LoadInactiveTabs(List<string> tabs)
     /// </summary>
     /// <param name="key"></param>
     /// <returns></returns>
-    public bool IsActiveTab(string? key)
+    public bool ShowTab(string? key)
     {
         if (Renderer == DockViewRenderMode.Always)
         {
             return true;
         }
 
-        return _activeTabs.Contains(key ?? string.Empty);
+        return _loadTabs.Contains(key ?? string.Empty);
     }
 
     /// <summary>

From b21f909323f870d18e4d7c1cfc201b59cbdcf2a5 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Mon, 23 Mar 2026 10:53:10 +0800
Subject: [PATCH 11/13] chore: bump version 10.0.4-beta02

---
 .../BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj b/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
index fa29e53b..7cf1a715 100644
--- a/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
+++ b/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.4-beta01</Version>
+    <Version>10.0.4-beta02</Version>
   </PropertyGroup>
 
   <PropertyGroup>

From 3b11cb04f91e3bb3d0a5150025ee1558d752f480 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Mon, 23 Mar 2026 11:26:56 +0800
Subject: [PATCH 12/13] chore: bump version 10.0.4

---
 .../BootstrapBlazor.DockView.csproj                       | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj b/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
index 7cf1a715..9c0a32ef 100644
--- a/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
+++ b/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.4-beta02</Version>
+    <Version>10.0.4</Version>
   </PropertyGroup>
 
   <PropertyGroup>
@@ -10,11 +10,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <!--<PackageReference Include="BootstrapBlazor" Version="$(BBVersion)" />-->
-  </ItemGroup>
-
-  <ItemGroup>
-    <ProjectReference Include="..\..\..\..\BootstrapBlazor\src\BootstrapBlazor\BootstrapBlazor.csproj" />
+    <PackageReference Include="BootstrapBlazor" Version="$(BBVersion)" />
   </ItemGroup>
 
   <ItemGroup>

From 0c381bfa4498c79d59bfb4fd47f79c6b18acd1ea Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Mon, 23 Mar 2026 12:25:25 +0800
Subject: [PATCH 13/13] =?UTF-8?q?doc:=20=E6=9B=B4=E6=96=B0=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E6=B3=A8=E9=87=8A=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/DockViewComponent.cs           | 63 +++++++++-----
 .../Components/DockViewComponentBase.cs       | 26 ++++--
 .../Components/DockViewConfig.cs              | 54 ++++++++----
 .../Components/DockViewContent.cs             |  8 +-
 .../Components/DockViewContentType.cs         | 19 +++--
 .../Components/DockViewDropdownIcon.razor     |  2 +-
 .../Components/DockViewDropdownIcon.razor.cs  |  8 +-
 .../Components/DockViewIcon.razor             |  2 +-
 .../Components/DockViewIcon.razor.cs          | 17 ++--
 .../Components/DockViewOptions.cs             |  2 +-
 .../Components/DockViewTitleBar.razor         |  2 +-
 .../Components/DockViewTitleBar.razor.cs      |  2 +-
 .../Components/DockViewV2.razor.cs            | 82 ++++++++++++-------
 .../Components/_Imports.razor                 |  2 +-
 .../Converters/DockViewComponentConverter.cs  |  5 +-
 .../Data/DockViewTheme.cs                     | 23 ++++--
 16 files changed, 206 insertions(+), 111 deletions(-)

diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
index 72838687..6df36f40 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewComponent.cs
@@ -9,126 +9,146 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockContentItem 配置项子项对标 content 配置项内部 content 配置
+/// <para lang="zh">DockContentItem 配置项子项对标 content 配置项内部 content 配置</para>
+/// <para lang="en">DockContentItem configuration item sub-item corresponds to the content configuration item inside the content configuration item</para>
 /// </summary>
 public class DockViewComponent : DockViewComponentBase
 {
     /// <summary>
-    /// 获得/设置 组件是否显示 Header 默认 true 显示
+    /// <para lang="zh">获得/设置 组件是否显示 Header 默认 true 显示</para>
+    /// <para lang="en">Gets or sets whether the component header is displayed. Default is true.</para>
     /// </summary>
     [Parameter]
     public bool ShowHeader { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 组件 Title
+    /// <para lang="zh">获得/设置 组件 Title</para>
+    /// <para lang="en">Gets or sets the component title.</para>
     /// </summary>
     [Parameter]
     public string? Title { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件 Title 宽度 默认 null 未设置
+    /// <para lang="zh">获得/设置 组件 Title 宽度 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets the component title width. Default is null (not set).</para>
     /// </summary>
     [Parameter]
     public int? TitleWidth { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件 Title 样式 默认 null 未设置
+    /// <para lang="zh">获得/设置 组件 Title 样式 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets the component title style. Default is null (not set).</para>
     /// </summary>
     [Parameter]
     public string? TitleClass { get; set; }
 
     /// <summary>
-    /// 获得/设置 Title 模板 默认 null 未设置
+    /// <para lang="zh">获得/设置 Title 模板 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets the title template. Default is null (not set).</para>
     /// </summary>
     [Parameter]
     [JsonIgnore]
     public RenderFragment? TitleTemplate { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件 Class 默认 null 未设置
+    /// <para lang="zh">获得/设置 组件 Class 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets the component class. Default is null (not set).</para>
     /// </summary>
     [Parameter]
     public string? Class { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件是否可见 默认 true 可见
+    /// <para lang="zh">获得/设置 组件是否可见 默认 true 可见</para>
+    /// <para lang="en">Gets or sets whether the component is visible. Default is true.</para>
     /// </summary>
     [Parameter]
     public bool Visible { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 组件是否允许关闭 默认 null 使用 DockView 的配置
+    /// <para lang="zh">获得/设置 组件是否允许关闭 默认 null 使用 DockView 的配置</para>
+    /// <para lang="en">Gets or sets whether the component is allowed to be closed. Default is null (uses DockView configuration).</para>
     /// </summary>
     [Parameter]
     public bool? ShowClose { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件唯一标识值 默认 null 未设置时取 Title 作为唯一标识
+    /// <para lang="zh">获得/设置 组件唯一标识值 默认 null 未设置时取 Title 作为唯一标识</para>
+    /// <para lang="en">Gets or sets the unique identifier for the component. Default is null, uses Title as the identifier if not set.</para>
     /// </summary>
     [Parameter]
     public string? Key { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否锁定 默认 null 未设置时取 DockView 的配置
+    /// <para lang="zh">获得/设置 是否锁定 默认 null 未设置时取 DockView 的配置</para>
+    /// <para lang="en">Gets or sets whether the component is locked. Default is null (uses DockView configuration).</para>
     /// </summary>
     /// <remarks>锁定后无法拖动</remarks>
     [Parameter]
     public bool? IsLock { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示锁定按钮 默认 null 未设置时取 DockView 的配置
+    /// <para lang="zh">获得/设置 是否显示锁定按钮 默认 null 未设置时取 DockView 的配置</para>
+    /// <para lang="en">Gets or sets whether the lock button is displayed. Default is null (uses DockView configuration).</para>
     /// </summary>
     [Parameter]
     public bool? ShowLock { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否悬浮 默认 null 未设置时取 DockView 的配置
+    /// <para lang="zh">获得/设置 是否悬浮 默认 null 未设置时取 DockView 的配置</para>
+    /// <para lang="en">Gets or sets whether the component is floating. Default is null (uses DockView configuration).</para>
     /// </summary>
     [Parameter]
     public bool? IsFloating { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示可悬浮按钮 默认 null 未设置时取 DockView 的配置
+    /// <para lang="zh">获得/设置 是否显示可悬浮按钮 默认 null 未设置时取 DockView 的配置</para>
+    /// <para lang="en">Gets or sets whether the float button is displayed. Default is null (uses DockView configuration).</para>
     /// </summary>
     [Parameter]
     public bool? ShowFloat { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示最大化按钮 默认 null 未设置时取 DockView 的配置
+    /// <para lang="zh">获得/设置 是否显示最大化按钮 默认 null 未设置时取 DockView 的配置</para>
+    /// <para lang="en">Gets or sets whether the maximize button is displayed. Default is null (uses DockView configuration).</para>
     /// </summary>
     [Parameter]
     public bool? ShowMaximize { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否一直显示 默认 null 未设置时取 DockView 的配置
+    /// <para lang="zh">获得/设置 是否一直显示 默认 null 未设置时取 DockView 的配置</para>
+    /// <para lang="en">Gets or sets whether the component is always displayed. Default is null (uses DockView configuration).</para>
     /// </summary>
     [Parameter]
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? Renderer { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示标题前置图标 默认 false 不显示
+    /// <para lang="zh">获得/设置 是否显示标题前置图标 默认 false 不显示</para>
+    /// <para lang="en">Gets or sets whether the title bar icon is displayed. Default is false.</para>
     /// </summary>
     [Parameter]
     [JsonIgnore]
     public bool ShowTitleBar { get; set; }
 
     /// <summary>
-    /// 获得/设置 标题前置图标 默认 null 未设置使用默认图标
+    /// <para lang="zh">获得/设置 标题前置图标 默认 null 未设置使用默认图标</para>
+    /// <para lang="en">Gets or sets the title bar icon. Default is null, uses the default icon if not set.</para>
     /// </summary>
     [Parameter]
     [JsonIgnore]
     public string? TitleBarIcon { get; set; }
 
     /// <summary>
-    /// 获得/设置 标题前置图标 Url 默认 null 未设置使用默认图标
+    /// <para lang="zh">获得/设置 标题前置图标 Url 默认 null 未设置使用默认图标</para>
+    /// <para lang="en">Gets or sets the title bar icon URL. Default is null, uses the default icon if not set.</para>
     /// </summary>
     [Parameter]
     [JsonIgnore]
     public string? TitleBarIconUrl { get; set; }
 
     /// <summary>
-    /// 获得/设置 标题前置图标点击回调方法 默认 null
+    /// <para lang="zh">获得/设置 标题前置图标点击回调方法 默认 null</para>
+    /// <para lang="en">Gets or sets the callback method for clicking the title bar icon. Default is null.</para>
     /// </summary>
     [Parameter]
     [JsonIgnore]
@@ -192,7 +212,8 @@ private async Task OnClickBar()
     }
 
     /// <summary>
-    /// 设置 Visible 参数方法
+    /// <para lang="zh">设置 Visible 参数方法</para>
+    /// <para lang="en">Sets the Visible parameter.</para>
     /// </summary>
     /// <param name="visible"></param>
     public void SetVisible(bool visible)
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewComponentBase.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewComponentBase.cs
index 5922ed6d..f98d1e9b 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewComponentBase.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewComponentBase.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/
 
@@ -8,37 +8,43 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockComponent 基类
+/// <para lang="zh">DockComponent 基类</para>
+/// <para lang="en">Base class for DockComponent</para>
 /// </summary>
 public abstract class DockViewComponentBase : IdComponentBase, IDisposable
 {
     /// <summary>
-    /// 获得/设置 渲染类型 默认 Component
+    /// <para lang="zh">获得/设置 渲染类型 默认 Component</para>
+    /// <para lang="en">Gets or sets the render type. Default is Component.</para>
     /// </summary>
     [Parameter]
     public DockViewContentType Type { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件宽度百分比 默认 null 未设置
+    /// <para lang="zh">获得/设置 组件宽度百分比 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets the component width percentage. Default is null (not set).</para>
     /// </summary>
     [Parameter]
     public int? Width { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件高度百分比 默认 null 未设置
+    /// <para lang="zh">获得/设置 组件高度百分比 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets the component height percentage. Default is null (not set).</para>
     /// </summary>
     [Parameter]
     public int? Height { get; set; }
 
     /// <summary>
-    /// 获得/设置 子组件
+    /// <para lang="zh">获得/设置 子组件</para>
+    /// <para lang="en">Gets or sets the child content.</para>
     /// </summary>
     [Parameter]
     [JsonIgnore]
     public RenderFragment? ChildContent { get; set; }
 
     /// <summary>
-    /// 获得/设置 DockContent 实例
+    /// <para lang="zh">获得/设置 DockContent 实例</para>
+    /// <para lang="en">Gets or sets the DockContent instance.</para>
     /// </summary>
     [CascadingParameter]
     private List<DockViewComponentBase>? Parent { get; set; }
@@ -54,7 +60,8 @@ protected override void OnInitialized()
     }
 
     /// <summary>
-    /// 资源销毁方法
+    /// <para lang="zh">资源销毁方法</para>
+    /// <para lang="en">Resource disposal method</para>
     /// </summary>
     /// <param name="disposing"></param>
     protected virtual void Dispose(bool disposing)
@@ -66,7 +73,8 @@ protected virtual void Dispose(bool disposing)
     }
 
     /// <summary>
-    /// 资源销毁方法
+    /// <para lang="zh">资源销毁方法</para>
+    /// <para lang="en">Resource disposal method</para>
     /// </summary>
     public void Dispose()
     {
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs
index 3feaa225..963fc419 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewConfig.cs
@@ -9,98 +9,116 @@ namespace BootstrapBlazor.Components;
 class DockViewConfig
 {
     /// <summary>
-    /// 获得/设置 是否启用本地布局保持 默认 true
+    /// <para lang="zh">获得/设置 是否启用本地布局保持 默认 true</para>
+    /// <para lang="en">Gets or sets whether to enable local layout persistence. Default is true.</para>
     /// </summary>
     public bool EnableLocalStorage { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 是否锁定 默认 false
+    /// <para lang="zh">获得/设置 是否锁定 默认 false</para>
+    /// <para lang="en">Gets or sets whether the component is locked. Default is false.</para>
     /// </summary>
     /// <remarks>锁定后无法拖动</remarks>
     [JsonPropertyName("lock")]
     public bool IsLock { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示锁定按钮 默认 true 显示
+    /// <para lang="zh">获得/设置 是否显示锁定按钮 默认 true 显示</para>
+    /// <para lang="en">Gets or sets whether the lock button is displayed. Default is true.</para>
     /// </summary>
     public bool ShowLock { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否悬浮 默认 false
+    /// <para lang="zh">获得/设置 是否悬浮 默认 false</para>
+    /// <para lang="en">Gets or sets whether the component is floating. Default is false.</para>
     /// </summary>
     /// <remarks>锁定后无法拖动</remarks>
     public bool IsFloating { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示可悬浮按钮 默认 true
+    /// <para lang="zh">获得/设置 是否显示可悬浮按钮 默认 true</para>
+    /// <para lang="en">Gets or sets whether the float button is displayed. Default is true.</para>
     /// </summary>
     public bool ShowFloat { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 是否显示关闭按钮 默认 true 显示
+    /// <para lang="zh">获得/设置 是否显示关闭按钮 默认 true 显示</para>
+    /// <para lang="en">Gets or sets whether the close button is displayed. Default is true.</para>
     /// </summary>
     public bool ShowClose { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示显示图钉按钮 默认 true
+    /// <para lang="zh">获得/设置 是否显示图钉按钮 默认 true</para>
+    /// <para lang="en">Gets or sets whether the pin button is displayed. Default is true.</para>
     /// </summary>
     public bool ShowPin { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 是否显示最大化按钮 默认 true
+    /// <para lang="zh">获得/设置 是否显示最大化按钮 默认 true</para>
+    /// <para lang="en">Gets or sets whether the maximize button is displayed. Default is true.</para>
     /// </summary>
     public bool ShowMaximize { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 客户端渲染模式 默认 null 客户端默认使用 always onlyWhenVisible 值
+    /// <para lang="zh">获得/设置 客户端渲染模式 默认 null 客户端默认使用 always onlyWhenVisible 值</para>
+    /// <para lang="en">Gets or sets the client render mode. Default is null, the client will use always onlyWhenVisible value.</para>
     /// </summary>
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingDefault)]
     public DockViewRenderMode Renderer { get; set; }
 
     /// <summary>
-    /// 获得/设置 标签页可见状态改变事件回调
+    /// <para lang="zh">获得/设置 标签页可见状态改变事件回调</para>
+    /// <para lang="en">Gets or sets the callback for when the tab visibility changes.</para>
     /// </summary>
     public string? PanelVisibleChangedCallback { get; set; }
 
     /// <summary>
-    /// 获得/设置 组件初始化完成事件回调
+    /// <para lang="zh">获得/设置 组件初始化完成事件回调</para>
+    /// <para lang="en">Gets or sets the callback for when the component is initialized.</para>
     /// </summary>
     public string? InitializedCallback { get; set; }
 
     /// <summary>
-    /// 获得/设置 锁定事件回调
+    /// <para lang="zh">获得/设置 锁定事件回调</para>
+    /// <para lang="en">Gets or sets the callback for when the lock state changes.</para>
     /// </summary>
     public string? LockChangedCallback { get; set; }
 
     /// <summary>
-    /// 获得/设置 分割栏调整事件回调
+    /// <para lang="zh">获得/设置 分割栏调整事件回调</para>
+    /// <para lang="en">Gets or sets the callback for when the splitter is adjusted.</para>
     /// </summary>
     public string? SplitterCallback { get; set; }
 
     /// <summary>
-    /// 获得/设置 加载当前激活标签页事件回调
+    /// <para lang="zh">获得/设置 加载当前激活标签页事件回调</para>
+    /// <para lang="en">Gets or sets the callback for loading the currently active tab.</para>
     /// </summary>
     public string? LoadTabs { get; set; }
 
     /// <summary>
-    /// 获得/设置 客户端缓存键值
+    /// <para lang="zh">获得/设置 客户端缓存键值</para>
+    /// <para lang="en">Gets or sets the client-side cache key.</para>
     /// </summary>
     public string? LocalStorageKey { get; set; }
 
     /// <summary>
-    /// 获得/设置 Golden-Layout 配置项集合 默认 空集合
+    /// <para lang="zh">获得/设置 配置项集合 默认 空集合</para>
+    /// <para lang="en">Gets or sets the configuration items. Default is an empty collection.</para>
     /// </summary>
     [JsonPropertyName("content")]
     [JsonConverter(typeof(DockViewComponentConverter))]
     public List<DockViewComponentBase> Contents { get; set; } = [];
 
     /// <summary>
-    /// 获得/设置 组件主题 默认 null 未设置
+    /// <para lang="zh">获得/设置 组件主题 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets the component theme. Default is null, not set.</para>
     /// </summary>
     public string? Theme { get; set; }
 
     /// <summary>
-    /// 获得/设置 布局配置 默认 null 未设置
+    /// <para lang="zh">获得/设置 布局配置 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets the layout configuration. Default is null, not set.</para>
     /// </summary>
     public string? LayoutConfig { get; set; }
 }
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewContent.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewContent.cs
index 86ba29ee..a9842c17 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewContent.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewContent.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/
 
@@ -9,12 +9,14 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockContent 类对标 content 配置项
+/// <para lang="zh">DockContent 类对标 content 配置项</para>
+/// <para lang="en">DockContent class corresponds to the content configuration item.</para>
 /// </summary>
 public class DockViewContent : DockViewComponentBase
 {
     /// <summary>
-    /// 获得/设置 子项集合
+    /// <para lang="zh">获得/设置 子项集合</para>
+    /// <para lang="en">Gets or sets the collection of child items.</para>
     /// </summary>
     [JsonConverter(typeof(DockViewComponentConverter))]
     [JsonPropertyName("content")]
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewContentType.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewContentType.cs
index fb7f31d7..965d3742 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewContentType.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewContentType.cs
@@ -1,32 +1,37 @@
-// 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/
 
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockContent 类型
+/// <para lang="zh">DockContent 类型</para>
+/// <para lang="en">DockContent type</para>
 /// </summary>
 [JsonEnumConverter(true)]
 public enum DockViewContentType
 {
     /// <summary>
-    /// 行排列 水平排列
+    /// <para lang="zh">行排列 水平排列</para>
+    /// <para lang="en">Row layout, horizontal arrangement</para>
     /// </summary>
     Row,
 
     /// <summary>
-    /// 列排列 垂直排列
+    /// <para lang="zh">列排列 垂直排列</para>
+    /// <para lang="en">Column layout, vertical arrangement</para>
     /// </summary>
     Column,
 
     /// <summary>
-    /// 标签排列
+    /// <para lang="zh">标签排列</para>
+    /// <para lang="en">Tab layout</para>
     /// </summary>
     Group,
 
     /// <summary>
-    /// 组件
+    /// <para lang="zh">组件</para>
+    /// <para lang="en">Component</para>
     /// </summary>
-    Component,
+    Component
 }
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewDropdownIcon.razor b/src/components/BootstrapBlazor.DockView/Components/DockViewDropdownIcon.razor
index ab5a5ec9..270ef496 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewDropdownIcon.razor
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewDropdownIcon.razor
@@ -1,4 +1,4 @@
-@inherits DockViewIcon
+@inherits DockViewIcon
 
 <div @attributes="@AdditionalAttributes" class="@ClassString" title="@Localizer[IconName]">
     <svg xmlns="http://www.w3.org/2000/svg" data-bs-toggle="dropdown"><use href="@Href"></use></svg>
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewDropdownIcon.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewDropdownIcon.razor.cs
index 2ef01e89..25e388ca 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewDropdownIcon.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewDropdownIcon.razor.cs
@@ -1,16 +1,18 @@
-// 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/
 
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockViewDropdownIcon 组件
+/// <para lang="zh">DockViewDropdownIcon 组件</para>
+/// <para lang="en">DockViewDropdownIcon component</para>
 /// </summary>
 public partial class DockViewDropdownIcon
 {
     /// <summary>
-    /// 获得 样式字符串
+    /// <para lang="zh">获得 样式字符串</para>
+    /// <para lang="en">Gets the CSS class string.</para>
     /// </summary>
     private string? ClassString => CssBuilder.Default("dropdown dropdown-center bb-dockview-control-icon")
         .AddClass($"bb-dockview-control-icon-{IconName}")
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewIcon.razor b/src/components/BootstrapBlazor.DockView/Components/DockViewIcon.razor
index 8e186053..de353347 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewIcon.razor
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewIcon.razor
@@ -1,4 +1,4 @@
-@inherits BootstrapComponentBase
+@inherits BootstrapComponentBase
 
 <div @attributes="@AdditionalAttributes" class="@ClassString" title="@Localizer[IconName]">
     <svg xmlns="http://www.w3.org/2000/svg"><use href="@Href"></use></svg>
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewIcon.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewIcon.razor.cs
index 10d80201..665c651e 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewIcon.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewIcon.razor.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/
 
@@ -8,32 +8,37 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockViewIcon 组件
+/// <para lang="zh">DockViewIcon 组件</para>
+/// <para lang="en">DockViewIcon component</para>
 /// </summary>
 public partial class DockViewIcon
 {
     /// <summary>
-    /// 获得/设置 资源文件接口实例
+    /// <para lang="zh">获得/设置 资源文件接口实例</para>
+    /// <para lang="en">Gets or sets the resource file interface instance.</para>
     /// </summary>
     [Inject, NotNull]
     protected IStringLocalizer<DockViewIcon>? Localizer { get; set; }
 
     /// <summary>
-    /// 获得/设置 图标名称
+    /// <para lang="zh">获得/设置 图标名称</para>
+    /// <para lang="en">Gets or sets the icon name.</para>
     /// </summary>
     [Parameter, NotNull]
     [EditorRequired]
     public string? IconName { get; set; }
 
     /// <summary>
-    /// 获得 样式字符串
+    /// <para lang="zh">获得 样式字符串</para>
+    /// <para lang="en">Gets the CSS class string.</para>
     /// </summary>
     private string? ClassString => CssBuilder.Default("bb-dockview-control-icon")
         .AddClass($"bb-dockview-control-icon-{IconName}")
         .Build();
 
     /// <summary>
-    /// 获得 图标地址
+    /// <para lang="zh">获得 图标地址</para>
+    /// <para lang="en">Gets the icon URL.</para>
     /// </summary>
     protected string Href => $"./_content/BootstrapBlazor.DockView/icon/dockview.svg#{IconName}";
 
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewOptions.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewOptions.cs
index e38e601c..191cd049 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewOptions.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewOptions.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/
 
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewTitleBar.razor b/src/components/BootstrapBlazor.DockView/Components/DockViewTitleBar.razor
index b25f0e2b..c216a0f0 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewTitleBar.razor
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewTitleBar.razor
@@ -1,4 +1,4 @@
-<div class="dv-default-tab-action bb-dockview-item-title-icon" @onclick="@OnClickBar">
+<div class="dv-default-tab-action bb-dockview-item-title-icon" @onclick="@OnClickBar">
     @if (!string.IsNullOrEmpty(BarIconUrl))
     {
         <img alt="bar-icon" src="@BarIconUrl" />
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewTitleBar.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewTitleBar.razor.cs
index df3890c9..d6dab5f6 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewTitleBar.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewTitleBar.razor.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/
 
diff --git a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
index 02e30a56..abbb5afd 100644
--- a/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
+++ b/src/components/BootstrapBlazor.DockView/Components/DockViewV2.razor.cs
@@ -13,7 +13,8 @@ namespace BootstrapBlazor.Components;
 public partial class DockViewV2 : IDisposable
 {
     /// <summary>
-    /// 获得/设置 DockView 名称 默认 null 用于本地存储识别
+    /// <para lang="zh">获得/设置 DockView 名称 默认 null 用于本地存储识别</para>
+    /// <para lang="en">Gets or sets the DockView name. Default is null, used for local storage identification.</para>
     /// </summary>
     [Parameter]
     [EditorRequired]
@@ -21,111 +22,129 @@ public partial class DockViewV2 : IDisposable
     public string? Name { get; set; }
 
     /// <summary>
-    /// 获得/设置 布局配置
+    /// <para lang="zh">获得/设置 布局配置</para>
+    /// <para lang="en">Gets or sets the layout configuration.</para>
     /// </summary>
     [Parameter]
     public string? LayoutConfig { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示关闭按钮 默认为 true
+    /// <para lang="zh">获得/设置 是否显示关闭按钮 默认为 true</para>
+    /// <para lang="en">Gets or sets whether to show the close button. Default is true.</para>
     /// </summary>
     [Parameter]
     public bool ShowClose { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 是否锁定 默认 false
+    /// <para lang="zh">获得/设置 是否锁定 默认 false</para>
+    /// <para lang="en">Gets or sets whether to lock. Default is false.</para>
     /// </summary>
     /// <remarks>锁定后无法拖动</remarks>
     [Parameter]
     public bool IsLock { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示锁定按钮 默认 true
+    /// <para lang="zh">获得/设置 是否显示锁定按钮 默认 true</para>
+    /// <para lang="en">Gets or sets whether to show the lock button. Default is true.</para>
     /// </summary>
     [Parameter]
     public bool ShowLock { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 是否显示最大化按钮 默认 true
+    /// <para lang="zh">获得/设置 是否显示最大化按钮 默认 true</para>
+    /// <para lang="en">Gets or sets whether to show the maximize button. Default is true.</para>
     /// </summary>
     [Parameter]
     public bool ShowMaximize { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 是否悬浮 默认 false
+    /// <para lang="zh">获得/设置 是否悬浮 默认 false</para>
+    /// <para lang="en">Gets or sets whether to float. Default is false.</para>
     /// </summary>
     [Parameter]
     public bool IsFloating { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否显示可悬浮按钮 默认 true
+    /// <para lang="zh">获得/设置 是否显示可悬浮按钮 默认 true</para>
+    /// <para lang="en">Gets or sets whether to show the float button. Default is true.</para>
     /// </summary>
     [Parameter]
     public bool ShowFloat { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 是否显示显示图钉按钮 默认 true
+    /// <para lang="zh">获得/设置 是否显示显示图钉按钮 默认 true</para>
+    /// <para lang="en">Gets or sets whether to show the pin button. Default is true.</para>
     /// </summary>
     [Parameter]
     public bool ShowPin { get; set; } = true;
 
     /// <summary>
-    /// 获得/设置 客户端渲染模式 默认 <see cref="DockViewRenderMode.OnlyWhenVisible"/> 客户端默认使用 always onlyWhenVisible 值
+    /// <para lang="zh">获得/设置 客户端渲染模式 默认 <see cref="DockViewRenderMode.OnlyWhenVisible"/> 客户端默认使用 always onlyWhenVisible 值</para>
+    /// <para lang="en">Gets or sets the client render mode. Default is <see cref="DockViewRenderMode.OnlyWhenVisible"/>. The client defaults to using always onlyWhenVisible values.</para>
     /// </summary>
     [Parameter]
     public DockViewRenderMode Renderer { get; set; }
 
     /// <summary>
-    /// 获得/设置 锁定状态回调此方法
+    /// <para lang="zh">获得/设置 锁定状态回调此方法</para>
+    /// <para lang="en">Gets or sets the callback method for lock state changes.</para>
     /// </summary>
     [Parameter]
     public Func<string[], bool, Task>? OnLockChangedCallbackAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 标签关闭时回调此方法
+    /// <para lang="zh">获得/设置 标签关闭时回调此方法</para>
+    /// <para lang="en">Gets or sets the callback method for when a tab is closed.</para>
     /// </summary>
     /// <remarks>可用于第三方组件显示标签页状态更新</remarks>
     [Parameter]
     public Func<string, bool, Task>? OnVisibleStateChangedAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 标签页调整大小完成时回调此方法
+    /// <para lang="zh">获得/设置 标签页调整大小完成时回调此方法</para>
+    /// <para lang="en">Gets or sets the callback method for when a tab is resized.</para>
     /// </summary>
     [Parameter]
     public Func<Task>? OnSplitterCallbackAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 客户端组件脚本初始化完成后回调此方法
+    /// <para lang="zh">获得/设置 客户端组件脚本初始化完成后回调此方法</para>
+    /// <para lang="en">Gets or sets the callback method for when the client component script initialization is complete.</para>
     /// </summary>
     [Parameter]
     public Func<Task>? OnInitializedCallbackAsync { get; set; }
 
     /// <summary>
-    /// 获得/设置 子组件
+    /// <para lang="zh">获得/设置 子组件</para>
+    /// <para lang="en">Gets or sets the child components.</para>
     /// </summary>
     [Parameter]
     public RenderFragment? ChildContent { get; set; }
 
     /// <summary>
-    /// 获得/设置 版本设置 默认 null 未设置 用于本地配置 可通过全局统一配置
+    /// <para lang="zh">获得/设置 版本设置 默认 null 未设置 用于本地配置 可通过全局统一配置</para>
+    /// <para lang="en">Gets or sets the version. Default is null. Used for local configuration and can be configured globally.</para>
     /// </summary>
     [Parameter]
     public string? Version { get; set; }
 
     /// <summary>
-    /// 获得/设置 是否启用本地存储布局 默认 null 未设置
+    /// <para lang="zh">获得/设置 是否启用本地存储布局 默认 null 未设置</para>
+    /// <para lang="en">Gets or sets whether to enable local storage layout. Default is null. Not set.</para>
     /// </summary>
     [Parameter]
     public bool? EnableLocalStorage { get; set; }
 
     /// <summary>
-    /// 获得/设置 本地存储前缀 默认 bb-dock
+    /// <para lang="zh">获得/设置 本地存储前缀 默认 bb-dock</para>
+    /// <para lang="en">Gets or sets the local storage prefix. Default is bb-dock.</para>
     /// </summary>
     [Parameter]
     public string? LocalStoragePrefix { get; set; }
 
     /// <summary>
-    /// 获得/设置 DockView 组件主题 默认 Light
+    /// <para lang="zh">获得/设置 DockView 组件主题 默认 Light</para>
+    /// <para lang="en">Gets or sets the DockView component theme. Default is Light.</para>
     /// </summary>
     [Parameter]
     public DockViewTheme Theme { get; set; } = DockViewTheme.Light;
@@ -210,7 +229,8 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     private string GetPrefixKey() => LocalStoragePrefix ?? _options.LocalStoragePrefix ?? "bb-dockview";
 
     /// <summary>
-    /// 重置为默认布局
+    /// <para lang="zh">重置为默认布局</para>
+    /// <para lang="en">Resets to the default layout.</para>
     /// </summary>
     /// <returns></returns>
     public async Task Reset(string? layoutConfig = null)
@@ -224,7 +244,8 @@ public async Task Reset(string? layoutConfig = null)
     }
 
     /// <summary>
-    /// 获得当前布局 Json 字符串
+    /// <para lang="zh">获得当前布局 Json 字符串</para>
+    /// <para lang="en">Gets the current layout JSON string.</para>
     /// </summary>
     /// <returns></returns>
     public Task<string?> SaveLayout() => InvokeAsync<string?>("save", Id);
@@ -236,7 +257,8 @@ private Task OnThemeChangedAsync(string themeName)
     }
 
     /// <summary>
-    /// 标签页关闭回调方法 由 JavaScript 调用
+    /// <para lang="zh">标签页关闭回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Tab close callback method called by JavaScript</para>
     /// </summary>
     [JSInvokable]
     public async Task InitializedCallbackAsync()
@@ -248,7 +270,8 @@ public async Task InitializedCallbackAsync()
     }
 
     /// <summary>
-    /// 标签页关闭回调方法 由 JavaScript 调用
+    /// <para lang="zh">标签页关闭回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Tab close callback method called by JavaScript</para>
     /// </summary>
     [JSInvokable]
     public async Task PanelVisibleChangedCallbackAsync(string title, bool status)
@@ -262,7 +285,8 @@ public async Task PanelVisibleChangedCallbackAsync(string title, bool status)
     private HashSet<string> _loadTabs = new();
 
     /// <summary>
-    /// 
+    /// <para lang="zh">加载指定的标签页 由 JavaScript 调用</para>
+    /// <para lang="en">Loads the specified tabs called by JavaScript</para>
     /// </summary>
     /// <param name="tabs"></param>
     [JSInvokable]
@@ -280,10 +304,10 @@ public Task LoadTabs(List<string> tabs)
     }
 
     /// <summary>
-    /// 检查指定 Key 值 DockviewComponent 是否处于激活状态
+    /// <para lang="zh">检查指定 Key 值 DockviewComponent 是否处于激活状态</para>
+    /// <para lang="en">Checks whether the DockviewComponent with the specified key is active.</para>
     /// </summary>
     /// <param name="key"></param>
-    /// <returns></returns>
     public bool ShowTab(string? key)
     {
         if (Renderer == DockViewRenderMode.Always)
@@ -295,7 +319,8 @@ public bool ShowTab(string? key)
     }
 
     /// <summary>
-    /// 锁定回调方法 由 JavaScript 调用
+    /// <para lang="zh">锁定回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Lock callback method called by JavaScript</para>
     /// </summary>
     [JSInvokable]
     public async Task LockChangedCallbackAsync(string[] panels, bool state)
@@ -307,7 +332,8 @@ public async Task LockChangedCallbackAsync(string[] panels, bool state)
     }
 
     /// <summary>
-    /// 标签页关闭回调方法 由 JavaScript 调用
+    /// <para lang="zh">分割器回调方法 由 JavaScript 调用</para>
+    /// <para lang="en">Splitter callback method called by JavaScript</para>
     /// </summary>
     [JSInvokable]
     public async Task SplitterCallbackAsync()
diff --git a/src/components/BootstrapBlazor.DockView/Components/_Imports.razor b/src/components/BootstrapBlazor.DockView/Components/_Imports.razor
index 39e5f820..c08309a2 100644
--- a/src/components/BootstrapBlazor.DockView/Components/_Imports.razor
+++ b/src/components/BootstrapBlazor.DockView/Components/_Imports.razor
@@ -1,2 +1,2 @@
-@namespace BootstrapBlazor.Components
+@namespace BootstrapBlazor.Components
 @using Microsoft.AspNetCore.Components.Web
diff --git a/src/components/BootstrapBlazor.DockView/Converters/DockViewComponentConverter.cs b/src/components/BootstrapBlazor.DockView/Converters/DockViewComponentConverter.cs
index 3f974c8f..202b2a31 100644
--- a/src/components/BootstrapBlazor.DockView/Converters/DockViewComponentConverter.cs
+++ b/src/components/BootstrapBlazor.DockView/Converters/DockViewComponentConverter.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/
 
@@ -8,7 +8,8 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockViewComponent 转化器
+/// <para lang="zh">DockViewComponent 转化器</para>
+/// <para lang="en">DockViewComponent converter</para>
 /// </summary>
 class DockViewComponentConverter : JsonConverter<List<DockViewComponentBase>>
 {
diff --git a/src/components/BootstrapBlazor.DockView/Data/DockViewTheme.cs b/src/components/BootstrapBlazor.DockView/Data/DockViewTheme.cs
index a303295f..af3f756b 100644
--- a/src/components/BootstrapBlazor.DockView/Data/DockViewTheme.cs
+++ b/src/components/BootstrapBlazor.DockView/Data/DockViewTheme.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/
 
@@ -7,42 +7,49 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// DockView 组件主题
+/// <para lang="zh">DockView 组件主题</para>
+/// <para lang="en">DockView component theme</para>
 /// </summary>
 public enum DockViewTheme
 {
     /// <summary>
-    /// dockview-theme-light 主题
+    /// <para lang="zh">dockview-theme-light 主题</para>
+    /// <para lang="en">dockview-theme-light theme</para>
     /// </summary>
     [Description("dockview-theme-light")]
     Light,
 
     /// <summary>
-    /// dockview-theme-dark 主题
+    /// <para lang="zh">dockview-theme-dark 主题</para>
+    /// <para lang="en">dockview-theme-dark theme</para>
     /// </summary>
     [Description("dockview-theme-dark")]
     Dark,
 
     /// <summary>
-    /// dockview-theme-vs 主题
+    /// <para lang="zh">dockview-theme-vs 主题</para>
+    /// <para lang="en">dockview-theme-vs theme</para>
     /// </summary>
     [Description("dockview-theme-vs")]
     VS,
 
     /// <summary>
-    /// dockview-theme-abyss 主题
+    /// <para lang="zh">dockview-theme-abyss 主题</para>
+    /// <para lang="en">dockview-theme-abyss theme</para>
     /// </summary>
     [Description("dockview-theme-abyss")]
     Abyss,
 
     /// <summary>
-    /// dockview-theme-dracula 主题
+    /// <para lang="zh">dockview-theme-dracula 主题</para>
+    /// <para lang="en">dockview-theme-dracula theme</para>
     /// </summary>
     [Description("dockview-theme-dracula")]
     Dracula,
 
     /// <summary>
-    /// dockview-theme-replit 主题
+    /// <para lang="zh">dockview-theme-replit 主题</para>
+    /// <para lang="en">dockview-theme-replit theme</para>
     /// </summary>
     [Description("dockview-theme-replit")]
     Replit