system-canvas-standalone 0.2.42 → 0.2.44

package/dist/system-canvas.js

@@ -15447,7 +15447,15 @@ var SystemCanvas = (() => {
           continue;
         if (y < n.y || y > n.y + n.height)
           continue;
-        if (cb([st.source], n))
+        const movingNodes = [st.source];
+        for (const [id2] of st.moving) {
+          if (id2 !== st.source.id) {
+            const mn = nodesRef.current?.find((r) => r.id === id2);
+            if (mn)
+              movingNodes.push(mn);
+          }
+        }
+        if (cb(movingNodes, n))
           return n.id;
         return null;
       }
@@ -15499,7 +15507,15 @@ var SystemCanvas = (() => {
         const nodes = nodesRef.current;
         const target = nodes?.find((n) => n.id === dropTarget) ?? null;
         if (target && onNodeDropRef.current) {
-          onNodeDropRef.current([st.source], target);
+          const movingNodes = [st.source];
+          for (const [id2] of st.moving) {
+            if (id2 !== st.source.id) {
+              const mn = nodesRef.current?.find((r) => r.id === id2);
+              if (mn)
+                movingNodes.push(mn);
+            }
+          }
+          onNodeDropRef.current(movingNodes, target);
           stateRef.current = null;
           movedRef.current = false;
           dropTargetIdRef.current = null;
@@ -15845,6 +15861,7 @@ var SystemCanvas = (() => {
     const [selectedIds, setSelectedIds] = (0, import_react7.useState)(() => /* @__PURE__ */ new Set());
     const [marqueeRect, setMarqueeRect] = (0, import_react7.useState)(null);
     const marqueeActiveRef = (0, import_react7.useRef)(activationKey === "none");
+    const isPendingRef = (0, import_react7.useRef)(false);
     const isDrawingRef = (0, import_react7.useRef)(false);
     const startScreenRef = (0, import_react7.useRef)(null);
     const pointerIdRef = (0, import_react7.useRef)(null);
@@ -15915,7 +15932,8 @@ var SystemCanvas = (() => {
         if (!matchesKey(e))
           return;
         marqueeActiveRef.current = false;
-        if (isDrawingRef.current) {
+        if (isDrawingRef.current || isPendingRef.current) {
+          isPendingRef.current = false;
           isDrawingRef.current = false;
           startScreenRef.current = null;
           pointerIdRef.current = null;
@@ -15965,6 +15983,8 @@ var SystemCanvas = (() => {
         if (target && typeof target.closest === "function") {
           if (target.closest(".system-canvas-node"))
             return;
+          if (target.closest(".system-canvas-edge"))
+            return;
           if (target.closest(".system-canvas-resize-handles"))
             return;
           if (target.closest(".system-canvas-connection-handles"))
@@ -15977,21 +15997,16 @@ var SystemCanvas = (() => {
         const x = e.clientX - rect.left;
         const y = e.clientY - rect.top;
         startScreenRef.current = { x, y };
-        isDrawingRef.current = true;
+        isPendingRef.current = true;
+        isDrawingRef.current = false;
         pointerIdRef.current = e.pointerId;
-        setMarqueeRect({ x1: x, y1: y, x2: x, y2: y });
-        try {
-          container.setPointerCapture(e.pointerId);
-        } catch {
-        }
-        e.preventDefault();
-        e.stopPropagation();
       };
+      const MARQUEE_DRAG_THRESHOLD = 4;
       const onPointerMove = (e) => {
-        if (!isDrawingRef.current)
-          return;
         if (e.pointerId !== pointerIdRef.current)
           return;
+        if (!isPendingRef.current && !isDrawingRef.current)
+          return;
         const svg = svgRef.current;
         if (!svg)
           return;
@@ -15999,13 +16014,32 @@ var SystemCanvas = (() => {
         const x = e.clientX - rect.left;
         const y = e.clientY - rect.top;
         const start2 = startScreenRef.current;
+        if (isPendingRef.current && !isDrawingRef.current) {
+          const dx = x - start2.x;
+          const dy = y - start2.y;
+          if (Math.hypot(dx, dy) < MARQUEE_DRAG_THRESHOLD)
+            return;
+          isPendingRef.current = false;
+          isDrawingRef.current = true;
+          try {
+            container.setPointerCapture(e.pointerId);
+          } catch {
+          }
+        }
+        e.preventDefault();
         setMarqueeRect({ x1: start2.x, y1: start2.y, x2: x, y2: y });
       };
       const onPointerUp = (e) => {
-        if (!isDrawingRef.current)
-          return;
         if (e.pointerId !== pointerIdRef.current)
           return;
+        if (isPendingRef.current && !isDrawingRef.current) {
+          isPendingRef.current = false;
+          startScreenRef.current = null;
+          pointerIdRef.current = null;
+          return;
+        }
+        if (!isDrawingRef.current)
+          return;
         const svg = svgRef.current;
         if (!svg)
           return;
@@ -16031,6 +16065,7 @@ var SystemCanvas = (() => {
         }
         setSelectedIds(matched);
         setMarqueeRect(null);
+        isPendingRef.current = false;
         isDrawingRef.current = false;
         startScreenRef.current = null;
         pointerIdRef.current = null;