fix: 修复浮动窗口无法缩放及浮动窗口恢复后不显示激活的panel

Author: zhaijunlei955

src/components/BootstrapBlazor.DockView/wwwroot/css/dockview-bb.css

@@ -290,3 +290,6 @@
 .bb-dockview .bb-overflowHidden {
     overflow: hidden;
 }
+.bb-dockview .dv-render-overlay-float {
+    z-index: -1!important;
+}

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

@@ -167,13 +167,6 @@ const createGroupActions = (group, groupType) => {
         if (item.name !== 'bar') {
             const icon = getIcon(item.name);
             actionContainer.append(icon);
-            if(icon.classList.contains('bb-dockview-control-icon-dropdown')){
-                setTimeout(() => {
-                    if (group.model.location.type == 'floating' && group.panels.some(panel => panel.renderer == 'always')) {
-                        observeDisplayChange(icon, group)
-                    }
-                }, 0)
-            }
         }
     });
     setTimeout(() => {
@@ -642,11 +635,12 @@ const dock = (group, floatType) => {
     else {
         group.setParams({ rect })
     }
+    const activePanel = group.activePanel
     dockview.moveGroup({
         from: { group: group },
         to: { group: originGroup, position: 'center' }
     })
-
+    dockview.setActivePanel(activePanel)
     saveConfig(dockview)
 }
 

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

@@ -19,6 +19,20 @@ const observePanelActiveChange = panel => {
         if (isActive && panel.group.getParams().floatType == 'drawer') {
             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;
+                }
+            }
+        }, 0)
     })
 }