feat: support deleting nodes using the backspace key

joyceworks · Nov 2, 2023 · c8b74c9 · c8b74c9
1 parent 6b91123
commit c8b74c9
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 18 deletions.
diff --git a/dist/FlowChart.common.js b/dist/FlowChart.common.js
diff --git a/dist/FlowChart.common.js.map b/dist/FlowChart.common.js.map
diff --git a/dist/FlowChart.umd.js b/dist/FlowChart.umd.js
diff --git a/dist/FlowChart.umd.js.map b/dist/FlowChart.umd.js.map
diff --git a/dist/FlowChart.umd.min.js b/dist/FlowChart.umd.min.js
diff --git a/dist/FlowChart.umd.min.js.map b/dist/FlowChart.umd.min.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flowchart-vue",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "license": "MIT",
   "main": "dist/FlowChart.umd.min.js",
   "repository": {

diff --git a/src/components/flowchart/Flowchart.vue b/src/components/flowchart/Flowchart.vue
@@ -211,7 +211,7 @@ export default {
               && x.source.position === this.connectingInfo.sourcePosition
               && x.destination.id === this.hoveredConnector.node.id
               && x.destination.position === this.hoveredConnector.position);
-      
+
       return !connectionToItself && !connectionAlreadyExists;
     },
     async handleChartMouseMove(event) {
@@ -277,17 +277,17 @@ export default {
     },
     isMouseOverAnyNode() {
       let cursorPosition = { x: this.cursorToChartOffset.x, y: this.cursorToChartOffset.y };
-      
+
       let result = false;
-      
+
       for(let currentNodeIndex = 0; currentNodeIndex < this.internalNodes.length; currentNodeIndex++) {
         const node = this.internalNodes[currentNodeIndex];
         const nodeArea = {
           start: { x: node.x, y: node.y },
           end: { x: node.x + node.width, y: node.y + node.height }
         }
-        
-        const mousePointIntersectNodeArea = 
+
+        const mousePointIntersectNodeArea =
                cursorPosition.x >= nodeArea.start.x && cursorPosition.x <= nodeArea.end.x
             && cursorPosition.y >= nodeArea.start.y &&  cursorPosition.y <= nodeArea.end.y;
 
@@ -296,7 +296,7 @@ export default {
           break;
         }
       }
-      
+
       return result;
     },
     getConnectorPosition(node) {
@@ -315,7 +315,7 @@ export default {
       if (this.hasNodeConnector(node, "left")) {
         result.left = { x: node.x, y: node.y + halfHeight };
       }
-      
+
       return result;
     },
     hasNodeConnector(node, position) {
@@ -471,7 +471,7 @@ export default {
     haveNodesSelectedConnectors(connection) {
       const sourceNode = this.nodes.find(x => x.id === connection.source.id);
       const destinationNode = this.nodes.find(x => x.id === connection.destination.id);
-      return this.hasNodeConnector(sourceNode, connection.source.position) 
+      return this.hasNodeConnector(sourceNode, connection.source.position)
           && this.hasNodeConnector(destinationNode, connection.destination.position);
     },
     renderNodes() {
@@ -745,7 +745,7 @@ export default {
         return;
       }
       const anyElementToRemove = this.currentConnections.length > 0 || this.currentNodes.length > 0;
-      if (!anyElementToRemove) { 
+      if (!anyElementToRemove) {
         return;
       }
       if (!this.removeRequiresConfirmation) {
@@ -860,6 +860,7 @@ export default {
           }
           break;
         case 46:
+        case 8:
           that.remove();
           break;
         default: