alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(nodes): set resize observer before mount

Browse Source
This commit is contained in:
bcakmakoglu
2022-06-06 22:09:08 +02:00
committed by Braks
parent 7dd79f6256
commit 87f97efd42
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/vue-flow/src/components/Nodes/NodeWrapper.vue
View File

@@ -54,23 +54,21 @@ const dragging = useDrag({
},
})
onMounted(() => {
const observer = useResizeObserver(nodeElement, () =>
updateNodeDimensions([{ id, nodeElement: nodeElement.value, forceUpdate: true }]),
)
watch(
[() => node.type, () => node.sourcePosition, () => node.targetPosition],
() => {
updateNodeDimensions([{ id, nodeElement: nodeElement.value }])
},
{ flush: 'post' },
)
onBeforeUnmount(() => observer.stop())
const observer = useResizeObserver(nodeElement, () => {
updateNodeDimensions([{ id, nodeElement: nodeElement.value, forceUpdate: true }])
})
watch(
[() => node.width, () => node.height, () => node.type, () => node.sourcePosition, () => node.targetPosition],
() => {
updateNodeDimensions([{ id, nodeElement: nodeElement.value }])
},
{ flush: 'post' },
)
onBeforeUnmount(() => observer.stop())
onMounted(() => {
watch(
[
() => node.position.x,