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

src/component/Canvas/CanvasEditor/components/LayersPanel/ContextMenu.vue

@@ -145,11 +145,7 @@ const handleItemMouseEnter = (item, index, event) => {
 // 处理鼠标在菜单项内移动
 const handleItemMouseMove = (item, index, event) => {
   // 如果当前菜单项有子菜单但子菜单未显示，则显示子菜单
-  if (
-    item.children &&
-    item.children.length > 0 &&
-    hoveredItem.value !== index
-  ) {
+  if (item.children && item.children.length > 0 && hoveredItem.value !== index) {
     const element = event.target.closest(".context-menu-item");
     showSubmenu(item, index, element);
   }
@@ -261,10 +257,7 @@ onUnmounted(() => {
       >
         <template v-for="(item, index) in items" :key="index">
           <!-- 分隔线 -->
-          <div
-            v-if="item.type === 'divider'"
-            class="context-menu-divider"
-          ></div>
+          <div v-if="item.type === 'divider'" class="context-menu-divider"></div>
 
           <!-- 菜单项 -->
           <div
@@ -294,38 +287,24 @@ onUnmounted(() => {
             <span class="context-menu-shortcut" v-if="item.shortcut">
               {{ item.shortcut }}
             </span>
-            <span
-              class="context-menu-arrow"
-              v-if="item.children && item.children.length > 0"
-            >
+            <span class="context-menu-arrow" v-if="item.children && item.children.length > 0">
               <SvgIcon name="CRight" size="12" />
             </span>
 
             <!-- 子菜单 -->
             <transition name="context-submenu">
               <div
-                v-if="
-                  item.children &&
-                  item.children.length > 0 &&
-                  hoveredItem === index
-                "
+                v-if="item.children && item.children.length > 0 && hoveredItem === index"
                 class="context-submenu"
                 :class="{
-                  'submenu-left':
-                    submenuPositions.get(index)?.direction === 'left',
+                  'submenu-left': submenuPositions.get(index)?.direction === 'left',
                 }"
                 @mouseenter="handleSubmenuMouseEnter(index)"
                 @mouseleave="handleSubmenuMouseLeave"
               >
-                <template
-                  v-for="(subItem, subIndex) in item.children"
-                  :key="subIndex"
-                >
+                <template v-for="(subItem, subIndex) in item.children" :key="subIndex">
                   <!-- 子菜单分隔线 -->
-                  <div
-                    v-if="subItem.type === 'divider'"
-                    class="context-menu-divider"
-                  ></div>
+                  <div v-if="subItem.type === 'divider'" class="context-menu-divider"></div>
 
                   <!-- 子菜单项 -->
                   <div
@@ -342,9 +321,7 @@ onUnmounted(() => {
                         :name="subItem.icon"
                         size="14"
                         :style="{
-                          transform: subItem.inverIcon
-                            ? `rotate(90deg)`
-                            : 'none',
+                          transform: subItem.inverIcon ? `rotate(90deg)` : 'none',
                         }"
                       />
                     </span>