diff --git a/package.json b/package.json index 7a67c3f5..8f8a7b8e 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,7 @@ "lint": "yarn lint:js" }, "dependencies": { - "@braks/revue-draggable": "^0.2.1-5", + "@braks/revue-draggable": "^0.2.1-6", "@types/d3": "^7.0.0", "d3": "^7.0.0", "d3-selection": "^3.0.0", diff --git a/src/components/Nodes/wrapNode.tsx b/src/components/Nodes/wrapNode.tsx index a8d02330..50b21248 100644 --- a/src/components/Nodes/wrapNode.tsx +++ b/src/components/Nodes/wrapNode.tsx @@ -1,5 +1,5 @@ import { Node, RevueFlowStore, WrapNodeProps } from '../../types'; -import { computed, CSSProperties, DefineComponent, defineComponent, inject, onMounted, provide, ref, watchEffect } from 'vue'; +import { computed, CSSProperties, DefineComponent, defineComponent, inject, onMounted, onUpdated, provide, ref } from 'vue'; import { DraggableEventHandler, DraggableCore } from '@braks/revue-draggable'; export default (NodeComponent: DefineComponent) => { @@ -134,7 +134,7 @@ export default (NodeComponent: DefineComponent) => { props.onNodeDragStop?.(event as MouseEvent, node.value as Node); }; - watchEffect(() => { + onUpdated(() => { if (nodeElement.value && !props.isHidden) { store?.updateNodeDimensions([{ id: props.id || '', nodeElement: nodeElement.value, forceUpdate: true }]); } @@ -162,12 +162,14 @@ export default (NodeComponent: DefineComponent) => { } ]); + const scale = computed(() => store.transform[2] || 1); + return () => (