chore: Performance optimizations
# What's changed? * Remove keys * Stabilize props * Force reset store on unmount
This commit is contained in:
@@ -55,7 +55,7 @@ const onSelectNodeHandler = (event: MouseEvent) => {
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
useResizeObserver(nodeElement, () =>
|
||||
const observer = useResizeObserver(nodeElement, () =>
|
||||
store.updateNodeDimensions([{ id: node.value.id, nodeElement: nodeElement.value, forceUpdate: true }]),
|
||||
)
|
||||
|
||||
@@ -67,6 +67,8 @@ onMounted(() => {
|
||||
{ flush: 'post' },
|
||||
)
|
||||
|
||||
onBeforeUnmount(() => observer.stop())
|
||||
|
||||
store.updateNodeDimensions([{ id: node.value.id, nodeElement: nodeElement.value, forceUpdate: true }])
|
||||
})
|
||||
|
||||
@@ -91,9 +93,13 @@ watch(
|
||||
|
||||
node.value.handleBounds = getHandleBounds(nodeElement.value, scale.value)
|
||||
},
|
||||
{ deep: true },
|
||||
)
|
||||
|
||||
onUnmounted(() => {
|
||||
nodeElement.value = undefined
|
||||
node.value = null
|
||||
})
|
||||
|
||||
store.updateNodePosition({ id: node.value.id, diff: { x: 0, y: 0 } })
|
||||
|
||||
const slots = inject(Slots)
|
||||
|
||||
Reference in New Issue
Block a user