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

src/component/Canvas/CanvasEditor/components/HeaderMenu.vue

@@ -1,13 +1,5 @@
 <script setup>
-import {
-  inject,
-  ref,
-  provide,
-  onMounted,
-  computed,
-  watch,
-  onUnmounted,
-} from "vue";
+import { inject, ref, provide, onMounted, computed, watch, onUnmounted } from "vue";
 import { OperationType } from "../utils/layerHelper";
 import BrushPanel from "./BrushPanel.vue";
 import { BrushStore } from "../store/BrushStore";
@@ -50,9 +42,7 @@ const lastColor = ref("#ffffff");
 //   return props.activeTool === OperationType.DRAW;
 // });
 
-function updateCanvasSize(
-  { width, height } = { width: props.width, height: props.height }
-) {
+function updateCanvasSize({ width, height } = { width: props.width, height: props.height }) {
   if (!layerManager) {
     console.warn("LayerManager 未初始化，无法调整背景层尺寸");
     return;
@@ -366,11 +356,7 @@ onMounted(() => {
 
     <!-- 绘图工具设置 -->
     <div class="canvas-settings gap-20" v-if="!props.enabledRedGreenMode">
-      <div
-        class="btn"
-        :class="{ active: showBrushPanel }"
-        @click="toggleBrushPanel"
-      >
+      <div class="btn" :class="{ active: showBrushPanel }" @click="toggleBrushPanel">
         <!-- <span class="setting-label">笔刷:</span>/ -->
         <div class="brush-selector">
           <SvgIcon name="CBrushTop" size="22"></SvgIcon>
@@ -385,11 +371,7 @@ onMounted(() => {
           <!-- <span class="brush-dropdown">▼</span> -->
         </div>
         <!-- 笔刷面板 -->
-        <div
-          v-if="showBrushPanel"
-          class="brush-panel-container"
-          ref="brushPanelRef"
-        >
+        <div v-if="showBrushPanel" class="brush-panel-container" ref="brushPanelRef">
           <Teleport to="body">
             <BrushPanel />
           </Teleport>