merge: 解决合并冲突 - 合并视频流程管道UI、v5样式及新功能模块

src/features/canvas/CanvasPage.tsx

@@ -2646,7 +2646,23 @@ function CanvasPage({
               }
             : null;
         })()
-      : null;
+      : connectionDropMenu
+        ? (() => {
+            const source = getNodePortPoint(connectionDropMenu.sourcePort);
+            const target = getCanvasWorldPointFromClient(connectionDropMenu.originLeft, connectionDropMenu.originTop);
+            return source
+              ? {
+                  id: "pending-link-preview",
+                  sourceX: source.x,
+                  sourceY: source.y,
+                  targetX: target.x,
+                  targetY: target.y,
+                  sourceSide: connectionDropMenu.sourcePort.side,
+                  targetSide: null,
+                }
+              : null;
+          })()
+        : null;
 
   const openCanvasAddNodeMenu = useCallback((clientX: number, clientY: number) => {
     const menuPosition = positionFloatingMenu(clientX, clientY, 260, 390, 0);
@@ -2816,6 +2832,8 @@ function CanvasPage({
             originTop: event.clientY,
             sourcePort: connectorDrag.port,
           });
+          setPendingLinkPort(null);
+          setPendingLinkPreviewPoint(null);
         }
       } else {
         clearPendingConnector();
@@ -2840,7 +2858,7 @@ function CanvasPage({
   }, [selectedNode]);
 
   const handleCanvasMouseMove = (event: MouseEvent<HTMLElement>) => {
-    if (!pendingLinkPort) return;
+    if (!pendingLinkPort || connectionDropMenu) return;
     setPendingLinkPreviewPoint(getCanvasWorldPointFromClient(event.clientX, event.clientY));
   };
 
@@ -5534,11 +5552,6 @@ function CanvasPage({
               role="menu"
               onClick={(event) => event.stopPropagation()}
               onContextMenu={(event) => event.preventDefault()}
-              onMouseMove={(event) => {
-                if (pendingLinkPort) {
-                  setPendingLinkPreviewPoint(getCanvasWorldPointFromClient(event.clientX, event.clientY));
-                }
-              }}
             >
               <div className="studio-canvas-add-node-menu__title">新建节点并连接</div>
               <button