feat: 使用Point替换Vector2d

packages/core/src/app.ts

@@ -3,6 +3,7 @@ import Konva from 'konva';
 
 import { MouseService } from './services/mouse';
 import { ChildType, EventArgs, Plugin, Tool } from './types';
+import { Point } from './utils';
 
 export class App extends BaseService<EventArgs> {
   public stage: Konva.Stage;
@@ -41,8 +42,9 @@ export class App extends BaseService<EventArgs> {
     this.mouse = new MouseService(this);
   }
 
-  public get pointer(): Konva.Vector2d {
-    return this.stage.getPointerPosition() ?? { x: 0, y: 0 };
+  public get pointer(): Point {
+    const { x, y } = this.stage.getPointerPosition() ?? { x: 0, y: 0 };
+    return new Point(x, y);
   }
 
   public mount(element: HTMLElement) {

packages/core/src/tools/ellipse-tool.ts

@@ -1,14 +1,13 @@
-import Konva from 'konva';
-
 import App from '../app';
 import { Ellipse } from '../customs/ellipse';
 import { AppMouseEvent, Tool } from '../types';
+import { Point } from '../utils';
 
 import { selectTool } from './select-tool';
 
 class EllipseTool implements Tool {
   public name: string = 'ellipseTool';
-  private startPointer: Konva.Vector2d = { x: 0, y: 0 };
+  private startPointer: Point = new Point(0, 0);
   private ellipse: Ellipse | null = null;
 
   public onActive(app: App): void {
@@ -17,7 +16,7 @@ class EllipseTool implements Tool {
 
   public onInactive(): void {
     this.ellipse = null;
-    this.startPointer = { x: 0, y: 0 };
+    this.startPointer.setXY(0, 0);
   }
 
   public onMouseDown({ app }: AppMouseEvent): void {

packages/core/src/tools/line-tool.ts

@@ -1,12 +1,11 @@
-import Konva from 'konva';
-
 import App from '../app';
 import { Line } from '../customs/line';
 import { AppMouseEvent, Tool } from '../types';
+import { Point } from '../utils';
 
 class LineTool implements Tool {
   public name: string = 'polylineTool';
-  private points: Konva.Vector2d[] = [];
+  private points: Point[] = [];
   private line: Line | null = null;
 
   public onActive(app: App): void {

packages/core/src/tools/rect-tool.ts

@@ -1,24 +1,22 @@
-import Konva from 'konva';
-
 import App from '../app';
 import { Rect } from '../customs/rect';
 import { AppMouseEvent, Tool } from '../types';
+import { Point } from '../utils';
 
 import { selectTool } from './select-tool';
 
 class RectTool implements Tool {
   public name: string = 'rectTool';
-  private startPointer: Konva.Vector2d = { x: 0, y: 0 };
+  private startPointer: Point = new Point(0, 0);
   private rectangle: Rect | null = null;
 
   public onActive(app: App): void {
     app.select();
-    this.startPointer = { x: 0, y: 0 };
   }
 
   public onInactive(): void {
     this.rectangle = null;
-    this.startPointer = { x: 0, y: 0 };
+    this.startPointer.setXY(0, 0);
   }
 
   public onMouseDown({ app }: AppMouseEvent): void {

packages/core/src/tools/triangle-tool.ts

@@ -1,11 +1,10 @@
-import Konva from 'konva';
-
 import { Triangle } from '../customs/triangle';
 import { Tool } from '../types';
+import { Point } from '../utils';
 
 class TriangleTool implements Tool {
   public name: string = 'triangleTool';
-  private startPointer: Konva.Vector2d = { x: 0, y: 0 };
+  private startPointer: Point = new Point(0, 0);
   private triangle: Triangle | null = null;
 
   public onActive(): void {}

packages/core/src/utils/index.ts

@@ -1,5 +1,7 @@
 import { AppConfig } from '../types';
 
+export * from './math';
+
 export const DEFAULT_APP_CONFIG: AppConfig = {
   backgroundColor: '#ffffff',
 };

packages/core/src/utils/math.ts

@@ -0,0 +1,24 @@
+import Konva from 'konva';
+
+export class Point implements Konva.Vector2d {
+  public x: number;
+  public y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+
+  public setX(x: number) {
+    this.x = x;
+  }
+
+  public setY(y: number) {
+    this.y = y;
+  }
+
+  public setXY(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}