From 3bd492eca40e1d1b6b835c9efe8a3294dbdeaa94 Mon Sep 17 00:00:00 2001
From: RonnyChan96 <ronny_chan@126.com>
Date: Sat, 17 May 2025 16:08:27 +0800
Subject: [PATCH] [elsa] fix(ConnectorProvider): sync connector name with
 related lines

---
 .../components/common/ConnectorProvider.jsx   | 48 ++++++++++++-------
 1 file changed, 32 insertions(+), 16 deletions(-)

diff --git a/framework/elsa/fit-elsa-react/src/components/common/ConnectorProvider.jsx b/framework/elsa/fit-elsa-react/src/components/common/ConnectorProvider.jsx
index 4673ac713..7a355b317 100644
--- a/framework/elsa/fit-elsa-react/src/components/common/ConnectorProvider.jsx
+++ b/framework/elsa/fit-elsa-react/src/components/common/ConnectorProvider.jsx
@@ -21,6 +21,15 @@ import PropTypes from "prop-types";
 export const ConnectorProvider = ({name, children}) => {
     const shape = useShapeContext();
     const divRef = useRef();
+    const prevNameRef = useRef(name);
+    const directionRef = useRef({
+        cursor: "crosshair",
+        key: name,
+        color: "white",
+        ax: "x",
+        vector: 1,
+        value: DIRECTION.E,
+    });
 
     // 初始化之后，创建connector.
     useEffect(() => {
@@ -40,23 +49,14 @@ export const ConnectorProvider = ({name, children}) => {
             return (rect.top - shapeRect.top + (rect.bottom - rect.top) / 2) / shape.page.scaleY;
         };
 
-        const c = connector(shape, getX, getY, () => {
-                    return {
-                        cursor: "crosshair",
-                        key: name,
-                        color: "white",
-                        ax: "x",
-                        vector: 1,
-                        value: DIRECTION.E
-                    };
-                },
-                s => s.visible,
-                () => true,
-                () => true,
-                () => {},
-                () => false
+        const c = connector(shape, getX, getY, () => directionRef.current,
+          s => s.visible,
+          () => true,
+          () => true,
+          () => {},
+          () => false,
         );
-        c.type = "dynamic";
+        c.type = 'dynamic';
         shape.activeConnector(c);
         c.isSolid = true;
         c.allowToLink = false;
@@ -80,6 +80,22 @@ export const ConnectorProvider = ({name, children}) => {
         };
     }, []);
 
+    // 当name变化时更新相关线条的definedFromConnector
+    useEffect(() => {
+        if (prevNameRef.current !== name) {
+            directionRef.current.key = name;
+
+            const lines = shape.page.sm.getShapes(s => s.fromShape === shape.id || s.toShape === shape.id)
+              .filter(l => l.definedFromConnector === prevNameRef.current);
+            lines.forEach(l => {
+                l.definedFromConnector = name;
+                l.follow();
+            });
+
+            prevNameRef.current = name; // 更新前一个name值
+        }
+    }, [name]);
+
     const deleteLine = () => {
         const lines = shape.page.sm.getShapes(s => s.fromShape === shape.id || s.toShape === shape.id)
             .filter(l => l.definedFromConnector === name);