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

fix(core): move watcher timing to pre and sync immediately

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2022-12-18 18:53:44 +01:00
committed by Braks
parent 85d5a64d51
commit 15f73fb4d5
1 changed files with 31 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/utils/watch.ts
+31 -52
View File
@@ -27,31 +27,26 @@ export const useWatch = (
store.setElements(elements)
nextTick(() => {
pauseStore?.resume()
})
pauseStore?.resume()
}
},
{ immediate },
)
nextTick(() => {
pauseStore = watchPausable(
[store.nodes, store.edges, () => store.edges.value.length, () => store.nodes.value.length],
([nodes, edges]) => {
if (models.modelValue?.value && Array.isArray(models.modelValue.value)) {
pauseModel?.pause()
pauseStore = watchPausable(
[store.nodes, store.edges, () => store.edges.value.length, () => store.nodes.value.length],
([nodes, edges]) => {
if (models.modelValue?.value && Array.isArray(models.modelValue.value)) {
pauseModel?.pause()
models.modelValue.value = [...nodes, ...edges]
models.modelValue.value = [...nodes, ...edges]
nextTick(() => {
pauseModel?.resume()
})
}
},
{ immediate },
)
})
nextTick(() => {
pauseModel?.resume()
})
}
},
)
onScopeDispose(() => {
pauseModel?.stop()
@@ -76,30 +71,22 @@ export const useWatch = (
store.setNodes(nodes)
nextTick(() => {
pauseStore?.resume()
})
pauseStore?.resume()
}
},
{ immediate },
)
nextTick(() => {
pauseStore = watchPausable(
[store.nodes, () => store.nodes.value.length],
([nodes]) => {
if (models.nodes?.value && Array.isArray(models.nodes.value)) {
pauseModel?.pause()
pauseStore = watchPausable([store.nodes, () => store.nodes.value.length], ([nodes]) => {
if (models.nodes?.value && Array.isArray(models.nodes.value)) {
pauseModel?.pause()
models.nodes.value = [...nodes]
models.nodes.value = [...nodes]
nextTick(() => {
pauseModel?.resume()
})
}
},
{ immediate },
)
nextTick(() => {
pauseModel?.resume()
})
}
})
onScopeDispose(() => {
@@ -125,30 +112,22 @@ export const useWatch = (
store.setEdges(edges)
nextTick(() => {
pauseStore?.resume()
})
pauseStore?.resume()
}
},
{ immediate },
)
nextTick(() => {
pauseStore = watchPausable(
[store.edges, () => store.edges.value.length],
([edges]) => {
if (models.edges?.value && Array.isArray(models.edges.value)) {
pauseModel?.pause()
pauseStore = watchPausable([store.edges, () => store.edges.value.length], ([edges]) => {
if (models.edges?.value && Array.isArray(models.edges.value)) {
pauseModel?.pause()
models.edges.value = [...edges]
models.edges.value = [...edges]
nextTick(() => {
pauseModel?.resume()
})
}
},
{ immediate },
)
nextTick(() => {
pauseModel?.resume()
})
}
})
onScopeDispose(() => {