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

update(flow): set modelValue after initialization of elements

Browse Source 
* remove extra edge parsing

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-11-25 15:21:36 +01:00
parent 7b4dde4411
commit 95fc013613
2 changed files with 1 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/container/VueFlow/VueFlow.vue
+1
View File
@@ -116,6 +116,7 @@ const options = Object.assign({}, store.$state, props)
invoke(async () => { invoke(async () => {
store.setState(options) store.setState(options)
await store.setElements(elements.value) await store.setElements(elements.value)
elements.value = store.elements
store.isReady = true store.isReady = true
// if ssr we can't wait for dimensions, they'll never really exist // if ssr we can't wait for dimensions, they'll never really exist
src/store/stateStore.ts
-22
View File
@@ -86,17 +86,6 @@ export default (id: string, preloadedState: FlowState) => {
actions: { actions: {
setElements(elements) { setElements(elements) {
const { nodes, edges } = parseElements(elements, this.elements, this.nodeExtent) const { nodes, edges } = parseElements(elements, this.elements, this.nodeExtent)
edges.forEach((edge, i, arr) => {
const { sourceNode, targetNode } = getSourceTargetNodes(edge, nodes)
if (!sourceNode) console.warn(`couldn't create edge for source id: ${edge.source}; edge id: ${edge.id}`)
if (!targetNode) console.warn(`couldn't create edge for target id: ${edge.target}; edge id: ${edge.id}`)
arr[i] = {
...edge,
sourceNode,
targetNode,
}
})
this.elements = [...nodes, ...edges] this.elements = [...nodes, ...edges]
}, },
setUserSelection(mousePos) { setUserSelection(mousePos) {
@@ -187,17 +176,6 @@ export default (id: string, preloadedState: FlowState) => {
}, },
addElements(elements: Elements) { addElements(elements: Elements) {
const { nodes, edges } = parseElements(elements, this.elements, this.nodeExtent) const { nodes, edges } = parseElements(elements, this.elements, this.nodeExtent)
edges.forEach((edge, i, arr) => {
const { sourceNode, targetNode } = getSourceTargetNodes(edge, nodes)
if (!sourceNode) console.warn(`couldn't create edge for source id: ${edge.source}; edge id: ${edge.id}`)
if (!targetNode) console.warn(`couldn't create edge for target id: ${edge.target}; edge id: ${edge.id}`)
arr[i] = {
...edge,
sourceNode,
targetNode,
}
})
this.elements = [...this.elements, ...nodes, ...edges] this.elements = [...this.elements, ...nodes, ...edges]
}, },
async setState(state) { async setState(state) {