fix: fix for border failure after being dragged multiple times

ikun-svelte · Sep 5, 2023 · d77a21b · d77a21b
1 parent be40ec2
commit d77a21b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/packages/server/src/app/devtools-container.svelte b/packages/server/src/app/devtools-container.svelte
@@ -264,7 +264,11 @@
 
     <div class="sdt-modal {showModal ? 'vanishIn' : 'vanishOut'} {clsDark}"
          bind:this={modalRef}
-         use:dragResize = {{isResizing, iframeInner}}
+         use:dragResize = {{
+             getResizing:() => isResizing,
+             setResizing: (v) => { isResizing = v },
+             iframeInner
+         }}
          id="sdt_modal">
         {#if showClose}
             <div class="sdt-modal--close"

diff --git a/packages/utils/client/src/modal-interact.ts b/packages/utils/client/src/modal-interact.ts
@@ -7,18 +7,19 @@ export function dragResize(node: HTMLElement, params) {
 	let left = '20%';
 	let initialY = 0;
 	let initialX = 0;
-	let { isResizing, iframeInner } = params;
-	function setResizingType(type: string) {
-		isResizing = type;
-	}
+	let { iframeInner } = params;
+	const { getResizing, setResizing } = params;
+	let isResizing = getResizing();
 
 	function resetResizingType() {
-		setResizingType('');
+		setResizing('');
+		isResizing = '';
 		iframeInner && (iframeInner.style.pointerEvents = 'auto');
 	}
 
 	function setInitialPosition(e: MouseEvent) {
-		if (node) {
+		isResizing = getResizing();
+		if (node && isResizing) {
 			initialX = e.clientX - node.offsetLeft;
 			initialY = e.clientY - node.offsetTop;
 		}
@@ -68,7 +69,8 @@ export function dragResize(node: HTMLElement, params) {
 	addResizeEvt();
 	return {
 		update: (parameters: any) => {
-			isResizing = parameters.isResizing;
+			isResizing = parameters.getResizing();
+			parameters.setResizing(isResizing);
 			iframeInner = parameters.iframeInner;
 		},
 		destroy: () => {