From 608181708142cc638531c255a39bf1400929e6e9 Mon Sep 17 00:00:00 2001
From: Luckyu_js <11670186+luckyu-js@user.noreply.gitee.com>
Date: Fri, 17 Jul 2026 12:46:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=96=E6=8B=BD=E8=8A=82=E7=82=B9=E6=97=B6?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E7=94=9F=E6=88=90=E5=B7=A5=E4=BD=9C=E5=8F=B0?=
 =?UTF-8?q?/=E9=AB=98=E6=B8=85=E9=9D=A2=E6=9D=BF/=E5=B7=A5=E5=85=B7?=
 =?UTF-8?q?=E8=83=B6=E5=9B=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

拖拽中通过 canvas-node-drag-active 祖先类将 GenerationComposer、
NodeHighDefinitionPanel（含视频高清）及节点动作胶囊 display:none，
松手移除类后自动恢复显示。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/canvas/ActiveNodeComposerHost.tsx | 4 ++--
 src/components/nodes/NodeActionCapsule.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/canvas/ActiveNodeComposerHost.tsx b/src/components/canvas/ActiveNodeComposerHost.tsx
index 485d4043..4e11fc1e 100644
--- a/src/components/canvas/ActiveNodeComposerHost.tsx
+++ b/src/components/canvas/ActiveNodeComposerHost.tsx
@@ -52,7 +52,7 @@ function ComposerHostLayer({ targetNodeId }: { targetNodeId: string | null }) {
   if (!isMounted || !mountedNodeId || !frame) return null;
 
   return (
-    <div data-active-node-composer-host className="nodrag nopan nowheel" style={frame.frameStyle}>
+    <div data-active-node-composer-host className="nodrag nopan nowheel [.canvas-node-drag-active_&]:hidden" style={frame.frameStyle}>
       <BelowNodeAnchor>
         <div hidden={!shouldShow} className="pointer-events-auto flex flex-col items-center gap-2">
           <GenerationComposer
@@ -75,7 +75,7 @@ function HighDefinitionHostLayer({ nodeId }: { nodeId: string | null }) {
   const frame = useNodeCanvasFrame(nodeId);
   if (!nodeId || !frame) return null;
   return (
-    <div data-active-node-high-definition-host className="nodrag nopan nowheel" style={frame.frameStyle}>
+    <div data-active-node-high-definition-host className="nodrag nopan nowheel [.canvas-node-drag-active_&]:hidden" style={frame.frameStyle}>
       <BelowNodeAnchor>
         <NodeHighDefinitionPanel node={frame.node} />
       </BelowNodeAnchor>
diff --git a/src/components/nodes/NodeActionCapsule.tsx b/src/components/nodes/NodeActionCapsule.tsx
index e67bddc4..73b78eba 100644
--- a/src/components/nodes/NodeActionCapsule.tsx
+++ b/src/components/nodes/NodeActionCapsule.tsx
@@ -53,7 +53,7 @@ export const NodeActionCapsuleShell = forwardRef<HTMLDivElement, NodeActionCapsu
       ref={ref}
       onMouseDown={onMouseDown}
       style={style}
-      className={`nodrag nopan absolute left-1/2 z-[10002] flex -translate-x-1/2 items-center gap-2 rounded-xl border border-[var(--border-subtle)] bg-[var(--surface-2)] px-4 py-3 text-xl text-[var(--text-secondary)] shadow-[var(--shadow-panel)] ${topClassName} ${className}`}
+      className={`nodrag nopan absolute left-1/2 z-[10002] flex -translate-x-1/2 items-center gap-2 rounded-xl border border-[var(--border-subtle)] bg-[var(--surface-2)] px-4 py-3 text-xl text-[var(--text-secondary)] shadow-[var(--shadow-panel)] [.canvas-node-drag-active_&]:hidden ${topClassName} ${className}`}
     >
       {children}
     </div>