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

src/component/Canvas/CanvasEditor/commands/RasterizeLayerCommand.js

@@ -1,11 +1,6 @@
 import { Command } from "./Command";
 import { fabric } from "fabric-with-all";
-import {
-  LayerType,
-  OperationType,
-  createLayer,
-  findLayerRecursively,
-} from "../utils/layerHelper";
+import { LayerType, OperationType, createLayer, findLayerRecursively } from "../utils/layerHelper";
 import {
   generateId,
   optimizeCanvasRendering,
@@ -39,10 +34,7 @@ export class RasterizeLayerCommand extends Command {
     this.layerManager = options.layerManager;
 
     // 查找目标图层
-    const { layer, parent } = findLayerRecursively(
-      this.layers.value,
-      this.layerId
-    );
+    const { layer, parent } = findLayerRecursively(this.layers.value, this.layerId);
     this.layer = layer;
     this.parentLayer = parent;
     this.isGroupLayer = this.layer?.children && this.layer.children.length > 0;
@@ -102,9 +94,7 @@ export class RasterizeLayerCommand extends Command {
 
       console.log(`✅ 图层 ${this.layer.name} 栅格化完成`);
 
-      this.canvas?.thumbnailManager?.generateLayerThumbnail?.(
-        this.rasterizedLayerId
-      );
+      this.canvas?.thumbnailManager?.generateLayerThumbnail?.(this.rasterizedLayerId);
       return this.rasterizedLayerId;
     } catch (error) {
       console.error("栅格化图层失败:", error);
@@ -350,10 +340,7 @@ export class RasterizeLayerCommand extends Command {
    */
   _replaceLayerInStructure() {
     // 1.当前如果是子图层，则插入到子图层的位置
-    const { layer, parent } = findLayerRecursively(
-      this.layers.value,
-      this.layerId
-    );
+    const { layer, parent } = findLayerRecursively(this.layers.value, this.layerId);
 
     let insertIndex = 0;
     // 说明是子图层
@@ -374,11 +361,7 @@ export class RasterizeLayerCommand extends Command {
     if (insertIndex !== -1) {
       if (parent) {
         const pIndex = this.layers.value.findIndex((l) => l.id === parent.id);
-        this.layers.value[pIndex].children?.splice?.(
-          insertIndex,
-          1,
-          this.rasterizedLayer
-        );
+        this.layers.value[pIndex].children?.splice?.(insertIndex, 1, this.rasterizedLayer);
       } else {
         this.layers.value.splice(insertIndex, 1, this.rasterizedLayer);
       }
@@ -396,14 +379,9 @@ export class RasterizeLayerCommand extends Command {
   async _getMaskObject() {
     // 如果图层有clippingMask，获取对应的fabric对象
     if (this.layer?.clippingMask) {
-      const { object: maskObject } = findObjectById(
-        this.canvas,
-        this.layer.clippingMask.id
-      );
+      const { object: maskObject } = findObjectById(this.canvas, this.layer.clippingMask.id);
       if (maskObject) {
-        console.log(
-          `📎 找到遮罩对象: ${maskObject.id}, 类型: ${maskObject.type}`
-        );
+        console.log(`📎 找到遮罩对象: ${maskObject.id}, 类型: ${maskObject.type}`);
         return maskObject;
       }
       return await restoreFabricObject(this.layer.clippingMask);
@@ -449,10 +427,7 @@ export class ExportLayerToImageCommand extends Command {
     this.layerManager = options.layerManager;
 
     // 查找目标图层
-    const { layer, parent } = findLayerRecursively(
-      this.layers.value,
-      this.layerId
-    );
+    const { layer, parent } = findLayerRecursively(this.layers.value, this.layerId);
     this.layer = layer;
     this.parentLayer = parent;
     this.isGroupLayer = this.layer?.children && this.layer.children.length > 0;