重写前端页面，用户无法通过按钮放开连线逻辑，可通过elsa-stage中 connectionLimitDisabled: false,

变量进行放开

Author: qq_62395577

frontend/src/locale/en_US.json

@@ -241,8 +241,6 @@
   "plsEnterValidNumber": "Enter a number",
   "plsEnterNumber": "Enter a number",
   "debugRun": "Test Running",
-  "disableConnectionLimit": "Lift Link Limits",
-  "restoreConnectionLimit": "Restore Link Limits",
   "startNode": "Start Node",
   "run": "Run",
   "publish": "Release",

frontend/src/locale/zh_CN.json

@@ -80,8 +80,6 @@
   "intelligentCreate": "智能生成",
   "createWorkflow": "创建工作流",
   "debugRun": "测试运行",
-  "disableConnectionLimit": "放开连线限制",
-  "restoreConnectionLimit": "恢复连线限制",
   "support": "支持",
   "character": "字符",
   "number": "数字",

frontend/src/pages/addFlow/components/addflow-header.tsx

@@ -39,11 +39,9 @@ const AddHeader = (props) => {
   const { t } = useTranslation();
   const {
     handleDebugClick,
-    isConnectionLimitDisabled,
     workFlow,
     types,
     saveTime,
-    toggleConnectionLimitDisabled,
     updateAippCallBack,
   } = props;
   const { appInfo, setFlowInfo } = useContext(FlowContext);
@@ -135,13 +133,6 @@ const AddHeader = (props) => {
               <img src={timeImg} />
             </span>
           }
-          <Button
-            className={`header-btn test-btn ${isConnectionLimitDisabled ? 'link-limit-btn-active' : ''}`}
-            onClick={toggleConnectionLimitDisabled}
-            disabled={testStatus === 'Running'}
-          >
-            {isConnectionLimitDisabled ? t('restoreConnectionLimit') : t('disableConnectionLimit')}
-          </Button>
           <Button
             className='header-btn test-btn'
             onClick={handleDebugClick}

frontend/src/pages/addFlow/components/elsa-stage.tsx

@@ -47,7 +47,6 @@ const Stage = (props) => {
   const { t } = useTranslation();
   const { 
     appRef, 
-    isConnectionLimitDisabled,
     setDragData, 
     showFlowChangeWarning, 
     setShowFlowChangeWarning, 
@@ -112,9 +111,6 @@ const Stage = (props) => {
       dispatch(setTestStatus(null));
     }
   }, [])
-  useEffect(() => {
-    window.agent?.setConnectionLimitDisabled?.(isConnectionLimitDisabled);
-  }, [isConnectionLimitDisabled]);
   function getQueryString(name) {
     let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
     let r = window.location.href.substr(1).match(reg);
@@ -161,7 +157,7 @@ const Stage = (props) => {
         div: stageDom,
         tenant: tenantId,
         appId: realAppId,
-        connectionLimitDisabled: isConnectionLimitDisabled,
+        connectionLimitDisabled: false,
         flowConfigData: data,
         configs: CONFIGS,
         i18n,

frontend/src/pages/addFlow/index.tsx

@@ -54,7 +54,6 @@ const AddFlow = (props) => {
   const [showDebug, setShowDebug] = useState(false);
   const [showToolFlowChangeWarning, setShowToolFlowChangeWarning] = useState(false);
   const [workFlow,setWorkFlow] = useState('');
-  const [localConnectionLimitDisabled, setLocalConnectionLimitDisabled] = useState(false);
   const { tenantId, appId } = useParams();
   const [evaluateType, setEvaluateType] = useState('waterFlow');
   const readOnly = useAppSelector((state) => state.chatCommonStore.readOnly);
@@ -67,11 +66,6 @@ const AddFlow = (props) => {
     appInfo: type ? appInfo : flowInfo,
     setFlowInfo
   };
-  const isConnectionLimitDisabled = typeof props.isConnectionLimitDisabled === 'boolean'
-    ? props.isConnectionLimitDisabled
-    : localConnectionLimitDisabled;
-  const toggleConnectionLimitDisabled = props.toggleConnectionLimitDisabled
-    || (() => setLocalConnectionLimitDisabled((prev) => !prev));
   const navigate = useHistory().push;
 
   // 初始化编排数据
@@ -153,11 +147,8 @@ const AddFlow = (props) => {
           <FlowHeader
             debugTypes={debugTypes}
             handleDebugClick={handleDebugClick}
-            isConnectionLimitDisabled={isConnectionLimitDisabled}
-            showDebug={showDebug}
             saveTime={saveTime}
             setShowDebug={setShowDebug}
-            toggleConnectionLimitDisabled={toggleConnectionLimitDisabled}
             workFlow={workFlow}
             types={evaluateType}
             updateAippCallBack={updateAippCallBack}
@@ -198,7 +189,6 @@ const AddFlow = (props) => {
             setDragData={setDragData}
             setEvaluateData={setEvaluateData}
             appRef={appRef}
-            isConnectionLimitDisabled={isConnectionLimitDisabled}
             setSaveTime={setSaveTime}
             flowIdRef={flowIdRef}
             elsaRunningCtl={elsaRunningCtl}

frontend/src/pages/aippIndex/index.tsx

@@ -37,7 +37,6 @@ const AippIndex = () => {
   const [showChat, setShowChat] = useState(false);
   const [messageChecked, setMessageCheck] = useState(false);
   const [showFlowChangeWarning, setShowFlowChangeWarning] = useState(false);
-  const [isConnectionLimitDisabled, setIsConnectionLimitDisabled] = useState(false);
   const aippRef = useRef<any>(null);
   const inspirationRefresh = useRef<any>(false);
   const dispatch = useAppDispatch();
@@ -216,9 +215,7 @@ const AippIndex = () => {
               <ChoreographyHead
                 appInfo={appInfo}
                 showElsa={showElsa}
-                isConnectionLimitDisabled={isConnectionLimitDisabled}
                 saveTime={saveTime}
-                toggleConnectionLimitDisabled={() => setIsConnectionLimitDisabled((prev) => !prev)}
                 updateAippCallBack={updateAippCallBack}
                 mashupClick={elsaChange}
                 openDebug={openDebug}
@@ -231,13 +228,11 @@ const AippIndex = () => {
                   type='edit'
                   addFlowRef={addFlowRef}
                   appInfo={appInfo}
-                  isConnectionLimitDisabled={isConnectionLimitDisabled}
                   setSpinning={setSpinning}
                   saveTime={saveTime}
                   setSaveTime={setSaveTime}
                   showFlowChangeWarning={showFlowChangeWarning}
                   setShowFlowChangeWarning={setShowFlowChangeWarning}
-                  toggleConnectionLimitDisabled={() => setIsConnectionLimitDisabled((prev) => !prev)}
                   updateAippCallBack={updateAippCallBack}
                 />
               ) : (

frontend/src/pages/components/header.tsx

@@ -54,12 +54,10 @@ const ChoreographyHead = (props) => {
   const {
     showElsa,
     appInfo,
-    isConnectionLimitDisabled,
     updateAippCallBack,
     mashupClick,
     openDebug,
     saveTime,
-    toggleConnectionLimitDisabled,
   } = props;
   const { aippId } = useParams();
   const testStatus = useAppSelector((state) => state.flowTestStore.testStatus);
@@ -329,12 +327,6 @@ const ChoreographyHead = (props) => {
             </span>
           }
         </div>
-        {showElsa && <Button
-          className={`header-btn test-btn ${isConnectionLimitDisabled ? 'link-limit-btn-active' : ''}`}
-          disabled={testStatus === 'Running' || preview}
-          onClick={toggleConnectionLimitDisabled}>
-          {isConnectionLimitDisabled ? t('restoreConnectionLimit') : t('disableConnectionLimit')}
-        </Button>}
         {showElsa && <Button
           className='header-btn test-btn'
           disabled={testStatus === 'Running' || preview}