docs: use updateNodeInternals in teleport example

This commit is contained in:
bcakmakoglu
2022-06-16 23:00:31 +02:00
committed by Braks
parent 648350cded
commit 47bc652c46
2 changed files with 3 additions and 14 deletions
@@ -8,12 +8,11 @@ import { nextTick, ref } from 'vue'
* Otherwise edges do not connect properly
*/
export const useTransition = (id) => {
const nodeElement = ref()
const animation = ref('fade')
const transition = ref(false)
const teleport = ref(null)
const { updateNodeDimensions, getNode, edges } = useVueFlow()
const { updateNodeInternals, getNode, edges } = useVueFlow()
/**
* specify a selector to teleport to
@@ -48,7 +47,7 @@ export const useTransition = (id) => {
setTimeout(() => {
// if destination is null, defer hiding edges until node is teleported back
if (!destination) {
updateNodeDimensions([{ id, nodeElement: nodeElement.value, forceUpdate: true }])
updateNodeInternals([id])
nextTick(() => {
onFinish()
@@ -103,7 +102,6 @@ export const useTransition = (id) => {
animation,
transition,
teleport,
nodeElement,
onClick,
}
}