fix: 修复dockview默认隐藏的窗口显示时位置和大小不对

Author: zhaijunlei955

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

@@ -55,7 +55,8 @@ const renewConfigFromOptions = (config, options) => {
         if (panel) {
             optionPanel.params = {
                 ...panel.params,
-                ...optionPanel.params
+                ...optionPanel.params,
+                visible: panel.params.visible
             }
             config.panels[panel.id] = optionPanel
         }
@@ -232,6 +233,10 @@ const getTree = (contentItem, { width, height, orientation }, parent, panels, ge
     if (contentItem.type === 'row' || contentItem.type === 'column') {
         obj.type = 'branch';
         obj.size = getSize(boxSize, contentItem.width || contentItem.height) || size
+        if(contentItem.content.length == 0 || contentItem.content.every(item => !item.visible)){
+            obj.size = 0
+        }
+
         obj.data = contentItem.content.map(item => getTree(item, { width, height, orientation }, contentItem, panels, getGroupId, options))
     }
     else if (contentItem.type === 'group') {
@@ -279,24 +284,22 @@ const getLeafNode = (contentItem, size, boxSize, parent, panels, getGroupId, opt
     const visible = contentItem.visible !== false;
     const data = {
         type: 'leaf',
-        visible,
+        visible: true,
         size: getSize(boxSize, contentItem.width || contentItem.height) || size,
         data: {
             id: getGroupId(),
             activeView: contentItem.id,
             hideHeader: contentItem.showHeader === false,
-            views: visible ? [contentItem.id] : []
+            views: [contentItem.id]
         }
     };
-    if (visible) {
-        panels[contentItem.id] = {
-            id: contentItem.id,
-            title: contentItem.title,
-            renderer: contentItem.renderer || options.renderer,
-            tabComponent: contentItem.componentName,
-            contentComponent: contentItem.componentName,
-            params: { ...contentItem, parentId: parent.id }
-        }
+    panels[contentItem.id] = {
+        id: contentItem.id,
+        title: contentItem.title,
+        renderer: contentItem.renderer || options.renderer,
+        tabComponent: contentItem.componentName,
+        contentComponent: contentItem.componentName,
+        params: { ...contentItem, parentId: parent.id }
     }
     return data;
 }

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

@@ -97,7 +97,7 @@ const addPanelWidthGroupId = (dockview, panel, index) => {
         renderer: panel.renderer,
         component: panel.component,
         position: { referenceGroup: group, index: index || 0 },
-        params: { ...panel.params, rect, packup }
+        params: { ...panel.params, rect, packup, visible: true }
     })
     dockview._panelVisibleChanged?.fire({ title: panel.title, status: true });
 }

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

@@ -91,7 +91,11 @@ const initDockview = (dockview, options, template) => {
             const delPanelsStr = localStorage.getItem(dockview.params.options.localStorageKey + '-panels')
             const delPanels = delPanelsStr && JSON.parse(delPanelsStr) || []
             panels.forEach(panel => {
-                dockview._panelVisibleChanged?.fire({ title: panel.title, status: true });
+                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 });