fix：完善修复浮动窗口无法缩放

Author: zhaijunlei955

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

@@ -342,7 +342,9 @@ const saveConfig = dockview => {
     }
 }
 const saveParamsIsActive = dockview => {
-    dockview.panels.forEach(panel => panel.params.isActive = panel.api.isActive)
+    dockview.panels.forEach(panel => {
+        panel.params.isActive = panel.api.isActive || panel.group.activePanel === panel
+    })
 }
 
 export { getConfigFromStorage, getConfig, reloadFromConfig, saveConfig, loadPanelsFromLocalstorage };

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

@@ -1,5 +1,5 @@
 import { getIcons, getIcon } from "./dockview-icon.js"
-import { deletePanel, findContentFromPanels } from "./dockview-panel.js"
+import { deletePanel, findContentFromPanels, moveAlwaysRenderPanel } from "./dockview-panel.js"
 import { saveConfig } from "./dockview-config.js"
 import { observeGroup } from "./dockview-utils.js"
 import EventHandler from '../../BootstrapBlazor/modules/event-handler.js'
@@ -557,6 +557,9 @@ const createFloatingGroup = (group, rect, groupType) => {
     observeOverlayChange(overlay, floatingGroup)
     observeGroup(floatingGroup)
     createGroupActions(floatingGroup, groupType)
+    if(floatingGroup.panels.length == 1) {
+        moveAlwaysRenderPanel(floatingGroup.activePanel)
+    }
     return floatingGroup
 }
 const observeOverlayChange = (overlay, group) => {
@@ -613,7 +616,7 @@ const dock = (group, floatType) => {
     originGroup.element.parentElement.classList.remove('bb-maximize')
     const { drawer, rect = {} } = group.getParams()
     const inset = group.element.parentElement.style.inset.split(' ').map(item => isNaN(parseFloat(item)) ? item : parseFloat(item))
-    if(rect.isMaximized === false) {
+    if(!rect.isMaximized) {
         rect.width = group.width + 2;
         rect.height = group.height + 2;
         rect.position = {};

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

@@ -20,22 +20,26 @@ const observePanelActiveChange = panel => {
             setDrawerTitle(panel.group)
         }
         setTimeout(function () {
-            if (panel.group.model.location.type === 'floating' && panel.renderer == 'always') {
-                if (isActive) {
-                    const contentContainerEle = panel.group.element.querySelector('.dv-content-container');
-                    const contentEle = panel.view.content.element;
-                    contentEle.parentEle = contentEle.parentElement
-                    contentContainerEle.appendChild(contentEle);
-                }
-                else if (isActive === false && panel !== panel.group.activePanel) {
-                    panel.view.content.element.parentEle?.appendChild(panel.view.content.element);
-                    panel.view.content.element.parentEle && delete panel.view.content.element.parentEle;
-                }
-            }
+            moveAlwaysRenderPanel(panel)
         }, 0)
     })
 }
 
+const moveAlwaysRenderPanel = panel => {
+    if (panel.group.model.location.type === 'floating' && panel.renderer == 'always') {
+        if (panel === panel.group.activePanel) {
+            const contentContainerEle = panel.group.element.querySelector('.dv-content-container');
+            const contentEle = panel.view.content.element;
+            contentEle.parentEle = contentEle.parentElement
+            contentContainerEle.appendChild(contentEle);
+        }
+        else {
+            panel.view.content.element.parentEle?.appendChild(panel.view.content.element);
+            panel.view.content.element.parentEle && delete panel.view.content.element.parentEle;
+        }
+    }
+}
+
 const onRemovePanel = event => {
     const dockview = event.accessor
     let panel = {
@@ -172,4 +176,4 @@ const deletePanel = (dockview, panel) => {
     }
 }
 
-export { onAddPanel, observePanelActiveChange, onRemovePanel, getPanelsFromOptions, findContentFromPanels, deletePanel };
+export { onAddPanel, observePanelActiveChange, moveAlwaysRenderPanel, onRemovePanel, getPanelsFromOptions, findContentFromPanels, deletePanel };