feat(nodes): add effect scope to useDrag utility

2022-06-07 18:33:00 +02:00
parent f434ab0f79
commit 382a3b67fc
1 changed files with 114 additions and 106 deletions
@@ -22,6 +22,8 @@ interface UseDragParams {
 }

 function useDrag(params: UseDragParams) {
+  const scope = effectScope()
+  const dragging = scope.run(() => {
    const {
      viewport,
      snapToGrid,
@@ -36,6 +38,7 @@ function useDrag(params: UseDragParams) {
      setState,
      updateNodePositions,
    } = $(useVueFlow())
+
    const { onStart, onDrag, onStop, el, disabled = false, noDragClassName, id, handleSelector } = $(params)

    const dragging = ref(false)
@@ -147,6 +150,11 @@ function useDrag(params: UseDragParams) {
      { flush: 'post' },
    )

+    return dragging
+  })
+
+  tryOnScopeDispose(() => scope.stop())
+
  return dragging
 }