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

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

@@ -10,30 +10,21 @@
 
         <div class="tool-types">
           <div
-            :class="[
-              'tool-btn',
-              { active: selectionType === OperationType.LASSO },
-            ]"
+            :class="['tool-btn', { active: selectionType === OperationType.LASSO }]"
             @click="setSelectionType(OperationType.LASSO)"
           >
             <svg-icon name="CFree" size="26" />
             <span>{{ $t("手绘") }}</span>
           </div>
           <div
-            :class="[
-              'tool-btn',
-              { active: selectionType === OperationType.LASSO_RECTANGLE },
-            ]"
+            :class="['tool-btn', { active: selectionType === OperationType.LASSO_RECTANGLE }]"
             @click="setSelectionType(OperationType.LASSO_RECTANGLE)"
           >
             <svg-icon name="CRectangle" size="32" />
             <span>{{ $t("矩形") }}</span>
           </div>
           <div
-            :class="[
-              'tool-btn',
-              { active: selectionType === OperationType.LASSO_ELLIPSE },
-            ]"
+            :class="['tool-btn', { active: selectionType === OperationType.LASSO_ELLIPSE }]"
             @click="setSelectionType(OperationType.LASSO_ELLIPSE)"
           >
             <svg-icon name="CEllipse" size="30" />
@@ -159,9 +150,7 @@
         <div class="dialog-container">
           <div class="dialog-header">
             <h3>{{ $t("选择填充颜色") }}</h3>
-            <button class="close-dialog-btn" @click="cancelColorPicker">
-              ×
-            </button>
+            <button class="close-dialog-btn" @click="cancelColorPicker">×</button>
           </div>
           <div class="dialog-content">
             <input type="color" v-model="fillColor" class="color-picker" />
@@ -249,6 +238,7 @@ onMounted(() => {
     checkSelectionStatus();
 
     // 设置选区状态变化的回调
+    // eslint-disable-next-line vue/no-mutating-props
     props.selectionManager.onSelectionChanged = () => {
       checkSelectionStatus();
     };
@@ -321,8 +311,7 @@ function setSelectionType(type) {
  */
 function checkSelectionStatus() {
   hasSelection.value =
-    props.selectionManager &&
-    props.selectionManager.getSelectionObject() !== null;
+    props.selectionManager && props.selectionManager.getSelectionObject() !== null;
 
   // 同步羽化值
   if (hasSelection.value) {
@@ -836,7 +825,9 @@ function confirmColorPicker() {
 
 .fade-enter-active,
 .fade-leave-active {
-  transition: opacity 0.3s, transform 0.3s;
+  transition:
+    opacity 0.3s,
+    transform 0.3s;
 }
 .fade-enter-from,
 .fade-leave-to {