From daf460547534a6e41272fa572507927a1cfc7828 Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Mon, 12 Oct 2026 14:52:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(canvas):=20=E8=8A=82=E7=82=B9=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E6=8C=89=E9=92=AE=E6=94=B9=E4=B8=BA=E6=82=AC=E6=B5=AE?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/canvas/CanvasNodeView.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/canvas/CanvasNodeView.vue b/frontend/src/components/canvas/CanvasNodeView.vue
index 3ff3ca1..9799ffa 100644
--- a/frontend/src/components/canvas/CanvasNodeView.vue
+++ b/frontend/src/components/canvas/CanvasNodeView.vue
@@ -155,7 +155,7 @@ defineExpose({ startEdit, commitNote })
             @pointerdown.stop @dblclick.stop @click.stop="emit('port-click', side)" />
     <!-- 右下角缩放手柄 + 悬浮工具条:仅选中时显示,舞台接管 resize 手势 -->
     <span v-if="selected && node.type !== 'gen'" class="cv-size" data-resize />
-    <div v-if="selected && node.type !== 'gen'" class="cv-tools" @dblclick.stop @pointerdown.stop>
+    <div v-if="node.type !== 'gen'" class="cv-tools" @dblclick.stop @pointerdown.stop>
       <button v-if="node.type === 'image'" title="添加为参考图" @click.stop="emit('node-action', { type: 'ref' })">＋</button>
       <button class="cv-tools__del" title="删除" @click.stop="emit('node-action', { type: 'delete' })">✕</button>
     </div>
@@ -404,7 +404,7 @@ html.dark .cv-node__note { color: rgb(255 255 255 / 0.88); }
   z-index: 3;
 }
 
-/* 选中悬浮工具条:贴节点内上缘(节点 overflow:hidden,外侧会被裁) */
+/* 悬浮工具条:鼠标放上节点就显示(选中时常显),贴节点内上缘 */
 .cv-tools {
   position: absolute;
   top: 6px;
@@ -412,6 +412,15 @@ html.dark .cv-node__note { color: rgb(255 255 255 / 0.88); }
   display: flex;
   gap: 4px;
   z-index: 4;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.12s ease;
+}
+.cv-node:hover .cv-tools,
+.cv-node.is-selected .cv-tools,
+.cv-tools:focus-within {
+  opacity: 1;
+  pointer-events: auto;
 }
 .cv-tools button {
   width: 24px;