dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-05-03 07:03:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

SYNC: diagram - persist scroll when zooming

Browse Source
This commit is contained in:
SPRINX0\prochazka
2025-03-31 14:42:11 +02:00
committed by Diflow
parent 98ad518b5d
commit f2570c97f3
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/tools/src/diagramTools.ts
View File

@@ -40,4 +40,4 @@ export function chooseTopTables(tables: TableInfo[], count: number) {
return sorted.slice(0, count); return sorted.slice(0, count);
} }
export const DIAGRAM_ZOOMS = [0.1, 0.15, 0.2, 0.4, 0.6, 0.8, 1, 1.2, 1.4, 1.6, 1.8, 2]; export const DIAGRAM_ZOOMS = [0.1, 0.15, 0.2, 0.3, 0.4, 0.5, 0.6, 0.8, 1, 1.25, 1.5, 1.75, 2];

16
packages/web/src/designer/Designer.svelte
View File

@@ -908,6 +908,20 @@
domWrapper.scrollLeft -= x; domWrapper.scrollLeft -= x;
domWrapper.scrollTop -= y; domWrapper.scrollTop -= y;
} }
const oldZoomKoefRef = createRef(value?.style?.zoomKoef || 1);
$: {
if (
domWrapper &&
value?.style?.zoomKoef != oldZoomKoefRef.get() &&
value?.style?.zoomKoef > 0 &&
oldZoomKoefRef.get() > 0
) {
domWrapper.scrollLeft = Math.round((domWrapper.scrollLeft / oldZoomKoefRef.get()) * value?.style?.zoomKoef);
domWrapper.scrollTop = Math.round((domWrapper.scrollTop / oldZoomKoefRef.get()) * value?.style?.zoomKoef);
}
oldZoomKoefRef.set(value?.style?.zoomKoef);
}
</script> </script>
<div <div
@@ -926,7 +940,7 @@
bind:this={domCanvas} bind:this={domCanvas}
on:dragover={e => e.preventDefault()} on:dragover={e => e.preventDefault()}
on:drop={handleDrop} on:drop={handleDrop}
style={`width:${canvasWidth}px;height:${canvasHeight}px; style={`width:${canvasWidth / zoomKoef}px;height:${canvasHeight / zoomKoef}px;
${settings?.customizeStyle && value?.style?.zoomKoef ? `zoom:${value?.style?.zoomKoef};` : ''} ${settings?.customizeStyle && value?.style?.zoomKoef ? `zoom:${value?.style?.zoomKoef};` : ''}
`} `}
on:mousedown={e => { on:mousedown={e => {