fix(layout): keep panel resizing smooth across plugin iframes

This commit is contained in:
t8y2 committed 2026-09-15 12:03:11 +08:00
1 parent c4952adb98
commit a9cf5822fa
8 files changed
+77 -31

No files matched your search

@@ -23,7 +23,7 @@ defineProps<{
const emit = defineEmits<{
import: [source: "dbx" | "navicat" | "dbeaver" | "datagrip"];
export: [];
startResize: [event: MouseEvent];
startResize: [event: PointerEvent];
collapse: [];
"open-settings": [initialTab: string];
"add-to-ai": [nodes: TreeNode | TreeNode[]];
@@ -296,7 +296,7 @@ defineExpose({ focusSearch, locateTabInSidebar });
<ConnectionTree ref="connectionTreeRef" @open-settings="(initialTab) => emit('open-settings', initialTab)" @add-to-ai="(nodes) => emit('add-to-ai', nodes)" />
</div>
</div>
<div class="panel-resize-handle panel-resize-handle--right" @mousedown="emit('startResize', $event)" />
<div class="panel-resize-handle panel-resize-handle--right" @pointerdown="emit('startResize', $event)" />
<Dialog v-model:open="showDeleteSelectedConfirm">
<DialogContent class="sm:max-w-[400px]">
<DialogHeader>
@@ -43,7 +43,7 @@ const emit = defineEmits<
"activate-tab": [tabId: string];
"locate-tab": [tab: QueryTab];
"toggle-zen-mode": [];
"start-resize": [event: MouseEvent];
"start-resize": [event: PointerEvent];
"toggle-collapse": [];
"detach-tab": [tab: QueryTab];
}
@@ -107,7 +107,7 @@ const emit = defineEmits<{
"activate-tab": [tabId: string];
"locate-tab": [tab: QueryTab];
"toggle-zen-mode": [];
"start-resize": [event: MouseEvent];
"start-resize": [event: PointerEvent];
"toggle-collapse": [];
"detach-tab": [tab: QueryTab];
"activate-settings": [];
@@ -1778,7 +1778,7 @@ watch([() => props.specialPageTabs?.settingsActive, () => props.specialPageTabs?
</div>
</div>
<!-- Dragging any pane's handle resizes the shared vertical width; every pane follows. -->
<div v-if="isVerticalLayout && !isTabBarCollapsed" class="panel-resize-handle" :class="settingsStore.editorSettings.tabPlacement === 'right' ? 'panel-resize-handle--left' : 'panel-resize-handle--right'" @mousedown="emit('start-resize', $event)" />
<div v-if="isVerticalLayout && !isTabBarCollapsed" class="panel-resize-handle" :class="settingsStore.editorSettings.tabPlacement === 'right' ? 'panel-resize-handle--left' : 'panel-resize-handle--right'" @pointerdown="emit('start-resize', $event)" />
<Dialog v-model:open="tabGroupEditorOpen">
<DialogContent class="sm:max-w-[400px]">
<DialogHeader>
@@ -34,7 +34,7 @@ const emit = defineEmits<
ContentAreaSurfaceEmits & {
"locate-tab": [tab: QueryTab];
"toggle-zen-mode": [];
"start-resize": [event: MouseEvent];
"start-resize": [event: PointerEvent];
"toggle-collapse": [];
"detach-tab": [tab: QueryTab];
}