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

fix(vue-flow,nodes): unselect nodes on click when multi selection active

Browse Source
This commit is contained in:
Braks
2022-05-27 23:36:01 +02:00
parent d5a19cd1d8
commit ddac5b0e58
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/vue-flow/src/components/Nodes/NodeWrapper.vue
+8 -1
View File
@@ -35,6 +35,7 @@ const {
addSelectedNodes, addSelectedNodes,
multiSelectionActive, multiSelectionActive,
resetSelectedElements, resetSelectedElements,
getSelectedNodes,
} = $(useVueFlow()) } = $(useVueFlow())
const node = $computed(() => getNode(id)!) const node = $computed(() => getNode(id)!)
@@ -163,7 +164,13 @@ const onSelectNode = (event: MouseEvent) => {
nodesSelectionActive: false, nodesSelectionActive: false,
}) })
if (!node.selected) addSelectedNodes([node]) if (!node.selected) {
addSelectedNodes([node])
} else if (node.selected && multiSelectionActive) {
// todo add action to unselect nodes/edges easily
getSelectedNodes.splice(getSelectedNodes.indexOf(node), 1)
node.selected = false
}
} }
emits.nodeClick({ event, node, connectedEdges: getConnectedEdges([node], edges) }) emits.nodeClick({ event, node, connectedEdges: getConnectedEdges([node], edges) })
} }