Upd: 实现了双击删除连线

Author: Zecyel

src/vf/flowgraph/interact/socket-hint.ts

@@ -67,7 +67,7 @@ class SocketHint {
     }
 
     move(mouse: Point): void {
-        console.log('move', mouse)
+        // console.log('move', mouse)
         let nearest = socket_pool.nearest_within(mouse, SocketHint.radis, false)
 
         if (nearest !== undefined) {

src/vf/flowgraph/pool.ts

@@ -79,7 +79,7 @@ class LinePool {
         this.lines.push(e)
     }
 
-    remote_line(e: Line): void {
+    remove_line(e: Line): void {
         this.lines = this.lines.filter((el) => el.id !== e.id)
     }
 

src/vf/type/line.ts

@@ -1,4 +1,5 @@
 import { flowgraph } from "../flowgraph/flowgraph"
+import { line_pool } from "../flowgraph/pool"
 import { TricolorPreset } from "../preset/color"
 import { appendChild } from "../util/appendChild"
 import { Guid, root } from "../util/guid"
@@ -36,12 +37,19 @@ class Line {
         this.el.setAttribute('stroke-width', '5')
         this.el.setAttribute('fill', 'none')
         appendChild(flowgraph.el, this)
+
+        this.el.addEventListener('click', () => {
+            line_pool.remove_line(this)
+            this.destructor()
+        })
+
         this.display()
     }
 
     destructor () {
         this.start.used = false
         this.end.used = false
+        this.el.parentNode!.removeChild(this.el)
     }
 
     display() {