fix(core): unselect edge if selected and multi-selection is active

2023-10-06 18:00:01 +02:00
parent 88882d0875
commit ad7d01305e
1 changed files with 10 additions and 1 deletions
@@ -35,6 +35,7 @@ const EdgeWrapper = defineComponent({
      findEdge,
      findNode,
      isValidConnection,
+      multiSelectionActive,
    } = useVueFlow()

    const hooks = useEdgeHooks(props.edge, emits)
@@ -259,11 +260,19 @@ const EdgeWrapper = defineComponent({

    function onEdgeClick(event: MouseEvent) {
      const data = { event, edge }
+
      if (props.selectable) {
        nodesSelectionActive.value = false

-        addSelectedEdges([edge])
+        if (edge.selected && multiSelectionActive.value) {
+          removeSelectedEdges([edge])
+
+          edgeEl.value?.blur()
+        } else {
+          addSelectedEdges([edge])
+        }
      }
+
      hooks.emit.click(data)
    }