feat(CanvasManager): enhance image layer management and event handling

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

@@ -166,7 +166,7 @@ const props = defineProps({
 
 // 响应式数据
 const visible = ref(false);
-const debug = ref(true); // 设为true可以显示调试信息
+const debug = ref(false); // 设为true可以显示调试信息
 const currImage = ref("");
 
 // 当前状态
@@ -229,11 +229,11 @@ const availableModes = ref([
   { id: "push", name: "推", iconText: "↔" },
   { id: "clockwise", name: "顺时针转动", iconText: "↻" },
   { id: "counterclockwise", name: "逆时针转动", iconText: "↺" },
-  { id: "pinch", name: "捏合", iconText: "⤢" },
-  { id: "expand", name: "展开", iconText: "⤡" },
-  { id: "crystal", name: "水晶", iconText: "✧" },
-  { id: "edge", name: "边缘", iconText: "◈" },
-  { id: "reconstruct", name: "重建", iconText: "↩" },
+  // { id: "pinch", name: "捏合", iconText: "⤢" },
+  // { id: "expand", name: "展开", iconText: "⤡" },
+  // { id: "crystal", name: "水晶", iconText: "✧" },
+  // { id: "edge", name: "边缘", iconText: "◈" },
+  // { id: "reconstruct", name: "重建", iconText: "↩" },
 ]);
 
 // 事件监听器引用
@@ -1535,6 +1535,7 @@ function stopPressTimer() {
   z-index: 1000;
   color: #333;
   border: 1px solid rgba(0, 0, 0, 0.05);
+  padding-bottom: 12px;
 }
 
 .fade-enter-active,
@@ -1712,7 +1713,7 @@ function stopPressTimer() {
 }
 
 .mode-name {
-  font-size: 9px;
+  font-size: 14px;
   color: #333;
   text-align: center;
   line-height: 1.1;
@@ -1774,8 +1775,9 @@ function stopPressTimer() {
 }
 
 .param-label {
-  font-size: 11px;
-  margin-bottom: 6px;
+  font-size: 12px;
+  margin-top: 12px;
+  margin-bottom: 12px;
   color: #666;
   font-weight: 500;
 }