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

2022-05-27 23:36:01 +02:00
parent d5a19cd1d8
commit ddac5b0e58
1 changed files with 8 additions and 1 deletions
@@ -35,6 +35,7 @@ const {
  addSelectedNodes,
  multiSelectionActive,
  resetSelectedElements,
+  getSelectedNodes,
 } = $(useVueFlow())

 const node = $computed(() => getNode(id)!)
@@ -163,7 +164,13 @@ const onSelectNode = (event: MouseEvent) => {
        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) })
  }