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

Author: zhaijunlei955

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)
         }
     })
 }

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

@@ -9,6 +9,8 @@ const cerateDockview = (el, options) => {
     const theme = options.theme || "dockview-theme-light";
     const template = el.querySelector('template');
     options.renderer ??= 'onlyWhenVisible'; // onlyWhenVisible | partial | always
+    console.log(options);
+    console.log(options.renderer);
     const dockview = new DockviewComponent(el, {
         parentElement: el,
         theme: {
@@ -91,6 +93,17 @@ 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') {
 
             }
@@ -103,16 +116,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