fix: 优化细节

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

@@ -1,6 +1,11 @@
 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,
@@ -34,7 +39,10 @@ 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;
@@ -94,7 +102,9 @@ 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);
@@ -330,7 +340,7 @@ export class RasterizeLayerCommand extends Command {
     // 更新图像对象的图层关联
     rasterizedImage.set({
       id: this.resterizedId,
-      type: "image",
+      // type: "image",
       layerId: this.rasterizedLayerId,
       layerName: this.rasterizedLayer.name,
     });
@@ -352,7 +362,10 @@ 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;
     // 说明是子图层
@@ -373,7 +386,11 @@ 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);
       }
@@ -391,9 +408,14 @@ 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);
@@ -439,7 +461,10 @@ 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;
@@ -475,7 +500,10 @@ export class ExportLayerToImageCommand extends Command {
       let clippingMaskFabricObject = null;
       if (this.layer?.clippingMask) {
         // 重新创建遮罩对象
-        clippingMaskFabricObject = await restoreFabricObject(this.layer?.clippingMask, this.canvas);
+        clippingMaskFabricObject = await restoreFabricObject(
+          this.layer?.clippingMask,
+          this.canvas
+        );
 
         clippingMaskFabricObject.clipPath = null;
         clippingMaskFabricObject.set({