feat(DockView): bump version 10.0.5 (#967)

* fix: 修复刷新dockview时panel状态不对

* doc: 代码格式化

* fix：修复dockview切换数据是标题不变、新增的panel没有内容

* feat(DockView): bump version 10.0.5

---------

Co-authored-by: zhaijunlei <276318515@qq.com>

Author: ArgoZhang

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

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.4</Version>
+    <Version>10.0.5</Version>
   </PropertyGroup>
 
   <PropertyGroup>

src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-panel.js

@@ -27,7 +27,9 @@ 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._loadTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
+            setTimeout(function() {
+                dockview._loadTabs?.fire(visiblePanels.filter(p => Boolean(p)).map(p => p.params.key));
+            }, 0)
         }
     })
 }
@@ -82,7 +84,7 @@ const onRemovePanel = event => {
             event.view.content.element.append(event.titleMenuEle)
         }
         if (dockview.params.template) {
-            dockview.params.template.append(event.view.content.element)
+            // dockview.params.template.append(event.view.content.element)
         }
     }
 }

src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js

@@ -34,7 +34,7 @@ const initDockview = (dockview, options, template) => {
         const config = getConfig(options);
         dockview.params.floatingGroups = config.floatingGroups || []
         dockview.fromJSON(config);
-        window.dockview = dockview;
+        // window.dockview = dockview;
     }
 
     dockview.switchTheme = theme => {
@@ -91,8 +91,19 @@ const initDockview = (dockview, options, template) => {
             const groups = dockview.groups;
             const delPanelsStr = localStorage.getItem(dockview.params.options.localStorageKey + '-panels');
             const delPanels = delPanelsStr && JSON.parse(delPanelsStr) || [];
+
+            panels.forEach(panel => {
+                const visible = panel.params.visible
+                if (!visible) {
+                    dockview.removePanel(panel)
+                }
+                dockview._panelVisibleChanged?.fire({ title: panel.title, status: visible });
+            })
+            delPanels.forEach(panel => {
+                dockview._panelVisibleChanged?.fire({ title: panel.title, status: false });
+            })
             if (options.renderer === 'always') {
-                
+
             }
             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))
@@ -103,16 +114,6 @@ const initDockview = (dockview, options, template) => {
                     dockview._loadTabs?.fire(dockview.panels.map(p => p.params.key));
                 }
             }
-            panels.forEach(panel => {
-                const visible = panel.params.visible
-                if (!visible) {
-                    dockview.removePanel(panel)
-                }
-                dockview._panelVisibleChanged?.fire({ title: panel.title, status: visible });
-            })
-            delPanels.forEach(panel => {
-                dockview._panelVisibleChanged?.fire({ title: panel.title, status: false });
-            })
             const { floatingGroups } = dockview.params
             dockview.floatingGroups.forEach(fg => {
                 const { top, right, bottom, left } = floatingGroups.find(g => g.data.id == fg.group.id).position
@@ -140,7 +141,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')
                 })
@@ -245,8 +246,11 @@ const toggleComponent = (dockview, options) => {
             addGroupWithPanel(dockview, p || panel, panel, panels, index ?? indexOfOptions);
         }
     })
-
     localPanels.forEach(item => {
+        const title = panels.find(p => p.params.key == item.params.key)?.title;
+        if ( title && item.title !== title ) {
+            item.setTitle(title)
+        }
         let pan = findContentFromPanels(panels, item);
         if (pan === void 0) {
             item.group.delPanelIndex = item.group.panels.findIndex(p => p.params.key == item.params.key)