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

refactor(core): use watcheffect to observe node dimensions

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-02-10 15:53:38 +01:00
committed by Braks
parent 9a14d8b349
commit a5ee9d978c
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/components/Nodes/NodeWrapper.vue
+9 -6
View File
@@ -88,13 +88,16 @@ onUpdateNodeInternals((updateIds) => {
} }
}) })
onMounted(() => { watchEffect(
props.resizeObserver.observe(nodeElement.value as HTMLDivElement) (onCleanup) => {
}) if (!node.hidden) {
props.resizeObserver.observe(nodeElement.value as HTMLDivElement)
onBeforeUnmount(() => { onCleanup(() => props.resizeObserver.unobserve(nodeElement.value as HTMLDivElement))
props.resizeObserver.unobserve(nodeElement.value as HTMLDivElement) }
}) },
{ flush: 'post' },
)
watch( watch(
[() => node.type, () => node.sourcePosition, () => node.targetPosition], [() => node.type, () => node.sourcePosition, () => node.targetPosition],
packages/core/src/container/NodeRenderer/NodeRenderer.vue
+1 -1
View File
@@ -29,7 +29,7 @@ until(() => nodes.length > 0 && getNodesInitialized.length === nodes.length)
onMounted(() => { onMounted(() => {
resizeObserver = new ResizeObserver((entries) => { resizeObserver = new ResizeObserver((entries) => {
const updates = entries.map((entry: ResizeObserverEntry) => { const updates = entries.map((entry) => {
const id = entry.target.getAttribute('data-id') as string const id = entry.target.getAttribute('data-id') as string
return { return {