feat: 增加节点对比

JessYan0913 · Aug 2, 2023 · cf44112 · cf44112
1 parent e9fd695
commit cf44112
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 2 deletions.
diff --git a/packages/core/src/services/selector.ts b/packages/core/src/services/selector.ts
@@ -3,7 +3,7 @@ import Konva from 'konva';
 import { App } from '../app';
 import { Rect } from '../customs/rect';
 import { ChildType, EventArgs, Service } from '../types';
-import { Point } from '../utils';
+import { Point, shapeArrayEqual } from '../utils';
 
 export class Selector extends Service {
   public selected: Map<number | string, ChildType>;
@@ -86,6 +86,9 @@ export class Selector extends Service {
     if (!this.enable) {
       return;
     }
+    if (shapeArrayEqual(children, [...this.selected.values()])) {
+      return;
+    }
     this.cancelSelect();
     children.forEach((child) => {
       child.draggable(true);

diff --git a/packages/core/src/utils/index.ts b/packages/core/src/utils/index.ts
@@ -1,4 +1,4 @@
-import { AppConfig } from '../types';
+import { AppConfig, ChildType } from '../types';
 
 export * from './math';
 
@@ -7,3 +7,28 @@ export { guid, readeFile, selectFile } from '@pictode/utils';
 export const DEFAULT_APP_CONFIG: AppConfig = {
   backgroundColor: '#ffffff',
 };
+
+export const shapeArrayEqual = (arr1: ChildType[], arr2: ChildType[]): boolean => {
+  if (arr1.length !== arr2.length) {
+    return false; // 长度不同，两个数组肯定不相同
+  }
+
+  for (let i = 0; i < arr1.length; i++) {
+    const obj1 = arr1[i];
+    const obj2 = arr2.find((item) => item.id === obj1.id);
+
+    if (!obj2) {
+      return false;
+    }
+
+    if (!isShapeEqual(obj1, obj2)) {
+      return false;
+    }
+  }
+
+  return true;
+};
+
+const isShapeEqual = (obj1: ChildType, obj2: ChildType): boolean => {
+  return obj1.id() === obj2.id() && obj1._id === obj2._id;
+};