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

refactor(store)!: use stored node data when re-parsing elements

Browse Source 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-12-20 19:29:52 +01:00
parent 9e06d6e9b5
commit 6bdea72b20
2 changed files with 61 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/store/actions.ts
+17 -19
View File
@@ -96,35 +96,32 @@ export default (state: FlowState, getters: FlowGetters): FlowActions => {
state.elementsSelectable = isInteractive
}
function getParent(root: Node[], id: string): GraphNode | undefined {
const getParent = (root: Node[], id: string): GraphNode | undefined => {
let node
root.some((n) => {
if (n.id === id) {
return (node = n)
}
if (n.children) {
return (node = getParent(n.children, id))
}
if (n.id === id) return (node = n)
if (n.children) return (node = getParent(n.children, id))
return false
})
return node
}
const setNodes: FlowActions['setNodes'] = (nodes, extent: CoordinateExtent) => {
const parseChildren = (n: Node, p?: GraphNode, arr: GraphNode[] = []) => {
const parent = typeof p === 'undefined' || typeof p !== 'object' ? getParent(arr, n.id) : p
const parsed = parseNode(n, extent, {
parentNode: parent,
})
arr.push(parsed)
if (n.children && n.children.length) {
n.children.forEach((c) => parseChildren(c, parsed, arr))
}
const parseChildren = (n: Node, p: GraphNode | undefined, arr: GraphNode[], extent: CoordinateExtent) => {
const parent = typeof p === 'undefined' || typeof p !== 'object' ? getParent(arr, n.id) : p
const parsed = parseNode(n, extent, {
...getters.getNode.value(n.id),
parentNode: parent,
})
arr.push(parsed)
if (n.children && n.children.length) {
n.children.forEach((c) => parseChildren(c, parsed, arr, extent))
}
}
const setNodes: FlowActions['setNodes'] = (nodes, extent: CoordinateExtent) => {
nodes = nodes.flatMap((node) => {
const children: GraphNode[] = []
parseChildren(node, undefined, children)
parseChildren(node, undefined, children, extent)
return children
})
state.nodes = <GraphNode[]>nodes
@@ -139,6 +136,7 @@ export default (state: FlowState, getters: FlowGetters): FlowActions => {
console.warn(`couldn't create edge for target id: ${edge.target}; edge id: ${edge.id}`)
return parseEdge(edge, {
...getters.getEdge.value(edge.id),
sourceNode,
targetNode,
})