feat: 处理selector可用性

Author: JessYan0913

packages/core/src/app.ts

@@ -53,6 +53,8 @@ export class App extends BaseService<EventArgs> {
     });
   }
 
+  public triggerSelector(): void {}
+
   public setTool(curTool: Tool): void {
     const oldTool = this.currentTool;
     if (oldTool) {

packages/core/src/services/mouse.ts

@@ -1,5 +1,3 @@
-import Konva from 'konva';
-
 import { App } from '../app';
 import { KonvaMouseEvent, Service } from '../types';
 
@@ -48,12 +46,6 @@ export class Mouse extends Service {
 
   private onMouseMove(event: KonvaMouseEvent): void {
     this.app.emit('mouse:move', { event });
-    if (event.target instanceof Konva.Stage) {
-      document.body.style.cursor = 'default';
-    } else {
-      document.body.style.cursor = 'move';
-    }
-
     if (!this.app.currentTool || !this.app.currentTool.onMouseMove) {
       return;
     }

packages/core/src/services/selector.ts

@@ -71,6 +71,9 @@ export class Selector extends Service {
   }
 
   public select(...children: ChildType[]): void {
+    if (!this.enable) {
+      return;
+    }
     this.selected.forEach((child) => child.draggable(false));
     this.selected = [];
     this.selector.nodes([]);
@@ -83,11 +86,22 @@ export class Selector extends Service {
   }
 
   private onMouseDown(): void {
+    if (!this.enable) {
+      return;
+    }
     this.rubberStartPoint.clone(this.app.pointer);
     this.rubberRect.setPosition(this.rubberStartPoint);
   }
 
-  private onMouseMove(): void {
+  private onMouseMove({ event }: EventArgs['mouse:move']): void {
+    if (!this.enable) {
+      return;
+    }
+    if (event.target instanceof Konva.Stage) {
+      document.body.style.cursor = 'default';
+    } else {
+      document.body.style.cursor = 'move';
+    }
     const position = new Point(
       Math.min(this.app.pointer.x, this.rubberStartPoint.x),
       Math.min(this.app.pointer.y, this.rubberStartPoint.y)
@@ -101,10 +115,16 @@ export class Selector extends Service {
   }
 
   private onMouseUp(): void {
+    if (!this.enable) {
+      return;
+    }
     this.rubberRect.visible(false);
   }
 
   private onMouseClick({ event }: EventArgs['mouse:click']): void {
+    if (!this.enable) {
+      return;
+    }
     if (event.target instanceof Konva.Stage) {
       this.select();
     } else {
@@ -118,6 +138,7 @@ export class Selector extends Service {
     this.app.off('mouse:up', this.onMouseUp);
     this.app.off('mouse:click', this.onMouseClick);
     this.selected = [];
+    this.enable = false;
     this.selector.destroy();
     this.optionLayer.destroy();
   }