feat: 裁剪组裁剪跟随选择组移动

src/component/Canvas/CanvasEditor/managers/liquify/LiquifyStateManager.js

@@ -30,10 +30,7 @@ export class LiquifyStateManager {
     // 设备性能检测
     this.devicePerformance = this._detectDevicePerformance();
 
-    console.log(
-      "🎯 液化状态管理器已初始化，设备性能等级:",
-      this.devicePerformance
-    );
+    console.log("🎯 液化状态管理器已初始化，设备性能等级:", this.devicePerformance);
   }
 
   /**
@@ -129,17 +126,10 @@ export class LiquifyStateManager {
     this.performanceMetrics.totalOperations++;
     this.performanceMetrics.totalTime += operationTime;
     this.performanceMetrics.averageTime =
-      this.performanceMetrics.totalTime /
-      this.performanceMetrics.totalOperations;
+      this.performanceMetrics.totalTime / this.performanceMetrics.totalOperations;
 
-    this.performanceMetrics.maxTime = Math.max(
-      this.performanceMetrics.maxTime,
-      operationTime
-    );
-    this.performanceMetrics.minTime = Math.min(
-      this.performanceMetrics.minTime,
-      operationTime
-    );
+    this.performanceMetrics.maxTime = Math.max(this.performanceMetrics.maxTime, operationTime);
+    this.performanceMetrics.minTime = Math.min(this.performanceMetrics.minTime, operationTime);
     this.performanceMetrics.lastOperationTime = operationTime;
   }
 
@@ -148,15 +138,8 @@ export class LiquifyStateManager {
    * @param {Object} metrics 性能指标对象
    */
   recordOperationMetrics(metrics) {
-    const {
-      operationTime,
-      operationType,
-      mode,
-      coordinates,
-      imageSize,
-      renderMode,
-      isRealTime,
-    } = metrics;
+    const { operationTime, operationType, mode, coordinates, imageSize, renderMode, isRealTime } =
+      metrics;
 
     // 记录基础性能数据
     this.recordDeformation(operationTime);
@@ -195,9 +178,7 @@ export class LiquifyStateManager {
       // 降低图像质量
       const currentQuality = this.realtimeUpdater.config.imageQuality || 1.0;
       if (currentQuality > 0.7) {
-        this.realtimeUpdater.setImageQuality(
-          Math.max(0.7, currentQuality - 0.1)
-        );
+        this.realtimeUpdater.setImageQuality(Math.max(0.7, currentQuality - 0.1));
         console.log("⚡ 自动降低图像质量以提升性能");
       }
 
@@ -215,9 +196,7 @@ export class LiquifyStateManager {
     if (operationTime < 20 && this.devicePerformance === "high") {
       const currentQuality = this.realtimeUpdater.config.imageQuality || 1.0;
       if (currentQuality < 1.0) {
-        this.realtimeUpdater.setImageQuality(
-          Math.min(1.0, currentQuality + 0.05)
-        );
+        this.realtimeUpdater.setImageQuality(Math.min(1.0, currentQuality + 0.05));
       }
     }
   }
@@ -375,8 +354,7 @@ export class LiquifyStateManager {
     // 恢复原始设置
     this.canvas.renderOnAddRemove = this._originalSettings.renderOnAddRemove;
     this.canvas.skipOffscreen = this._originalSettings.skipOffscreen;
-    this.canvas.enableRetinaScaling =
-      this._originalSettings.enableRetinaScaling;
+    this.canvas.enableRetinaScaling = this._originalSettings.enableRetinaScaling;
 
     this._originalSettings = null;
   }
@@ -389,14 +367,8 @@ export class LiquifyStateManager {
     this.performanceMetrics.averageTime =
       this.performanceMetrics.totalTime / (this.operationCount + 1);
 
-    this.performanceMetrics.maxTime = Math.max(
-      this.performanceMetrics.maxTime,
-      operationTime
-    );
-    this.performanceMetrics.minTime = Math.min(
-      this.performanceMetrics.minTime,
-      operationTime
-    );
+    this.performanceMetrics.maxTime = Math.max(this.performanceMetrics.maxTime, operationTime);
+    this.performanceMetrics.minTime = Math.min(this.performanceMetrics.minTime, operationTime);
   }
 
   /**