fix(flow): change modelValue/node-/edge-prop when elements are added to state

2022-04-04 21:42:48 +02:00
parent 544a62ecc4
commit cb3e1232b2
1 changed files with 19 additions and 3 deletions
@@ -54,9 +54,25 @@ if (props.modelValue && !storedNodes.value.length) setElements(props.modelValue)
 if (props.nodes && !storedNodes.value.length) setNodes(props.nodes)
 if (props.edges && !storedEdges.value.length) setEdges(props.edges)

-if (modelValue && modelValue.value) modelValue.value = [...store.nodes, ...store.edges]
-if (nodes && nodes.value) nodes.value = store.nodes
-if (edges && edges.value) edges.value = store.edges
+if (modelValue && modelValue.value) {
+  watch([() => storedEdges.value.length, () => storedNodes.value.length], () => {
+    modelValue.value = [...storedNodes.value, ...storedEdges.value]
+  })
+}
+
+if (nodes && nodes.value) {
+  watch(
+    () => storedNodes.value.length,
+    () => (nodes.value = [...storedNodes.value]),
+  )
+}
+
+if (edges && edges.value) {
+  watch(
+    () => storedEdges.value.length,
+    () => (edges.value = [...storedEdges.value]),
+  )
+}
 </script>
 <script lang="ts">
 export default {