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

fix(watcher): triggers recursively when store changes

Browse Source
This commit is contained in:
bcakmakoglu
2022-06-07 18:33:00 +02:00
committed by Braks
parent 7276a39251
commit a86eded793
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/vue-flow/src/container/VueFlow/watch.ts
+6
View File
@@ -25,8 +25,13 @@ export default (models: ToRefs<Pick<FlowProps, 'nodes' | 'edges' | 'modelValue'>
pauseStore = watchPausable( pauseStore = watchPausable(
[store.edges, store.nodes, () => store.edges.value.length, () => store.nodes.value.length], [store.edges, store.nodes, () => store.edges.value.length, () => store.nodes.value.length],
([e, n]) => { ([e, n]) => {
if (pauseModel) pauseModel.pause()
const val = [...(n as GraphNode[]), ...(e as GraphEdge[])] const val = [...(n as GraphNode[]), ...(e as GraphEdge[])]
if (val.length) models.modelValue!.value = val if (val.length) models.modelValue!.value = val
nextTick(() => {
if (pauseModel) pauseModel.resume()
})
}, },
{ immediate: true, flush: 'post' }, { immediate: true, flush: 'post' },
) )
@@ -89,6 +94,7 @@ export default (models: ToRefs<Pick<FlowProps, 'nodes' | 'edges' | 'modelValue'>
if (pauseStore) pauseStore.pause() if (pauseStore) pauseStore.pause()
if (pauseModel) pauseModel.pause() if (pauseModel) pauseModel.pause()
console.log('watcher', v)
store.setEdges(v) store.setEdges(v)
pauseStore = watchPausable( pauseStore = watchPausable(