修改前端代码，新增放开连线限制按钮

Author: qq_62395577

agent-flow/src/components/base/jadeNode.jsx

@@ -469,7 +469,7 @@ export const jadeNode = (id, x, y, width, height, parent, drawer) => {
    * @returns {number} 连接数。
    */
   self.maxNumToLink = () => {
-    return 100;
+    return self.graph?.connectionLimitDisabled ? 100 : 1;
   };
 
   /**

agent-flow/src/components/base/validator.js

@@ -35,8 +35,9 @@ export class NormalNodeConnectorValidator extends Validator {
   validate() {
     const nextEvents = this.node.getNextRunnableEvents();
     const i18n = this.node.graph.i18n;
-    // 连线数量只要大于一即可
-    if (nextEvents.length < 1) {
+    const isConnectionLimitDisabled = Boolean(this.node.graph?.connectionLimitDisabled);
+    const isValid = isConnectionLimitDisabled ? nextEvents.length >= 1 : nextEvents.length === 1;
+    if (!isValid) {
       return Promise.reject({
         errorFields: [{
           errors: [`${i18n?.t('node') ?? 'node'} ${this.node.text} ${i18n?.t('problemWithConnection') ?? 'problemWithConnection'}`],

agent-flow/src/components/code/codeNodeState.jsx

@@ -93,7 +93,7 @@ export const codeNodeState = (id, x, y, width, height, parent, drawer) => {
      * @override
      */
     self.maxNumToLink = () => {
-        return 100;
+        return self.graph?.connectionLimitDisabled ? 100 : 10;
     };
 
     return self;

agent-flow/src/components/variableAggregation/variableAggregationNodeState.jsx

@@ -49,7 +49,7 @@ export const variableAggregationNodeState = (id, x, y, width, height, parent, dr
    * @override
    */
   self.maxNumToLink = () => {
-    return 100;
+    return self.graph?.connectionLimitDisabled ? 100 : 10;
   };
 
   return self;

agent-flow/src/flow/jadeFlowEntry.jsx

@@ -378,6 +378,10 @@ const jadeFlowAgent = (graph) => {
     graph.destroy();
   };
 
+  self.setConnectionLimitDisabled = (disabled) => {
+    graph.connectionLimitDisabled = Boolean(disabled);
+  };
+
   return self;
 };
 
@@ -432,6 +436,7 @@ export const JadeFlow = (() => {
                        div,
                        tenant,
                        appId,
+                       connectionLimitDisabled = false,
                        flowConfigData,
                        configs,
                        i18n,
@@ -440,7 +445,7 @@ export const JadeFlow = (() => {
                      }) => {
     const graphDom = getGraphDom(div);
     const g = jadeFlowGraph(div, 'jadeFlow');
-    await configGraph(g, tenant, appId, flowConfigData, configs, i18n, importStatements);
+    await configGraph(g, tenant, appId, flowConfigData, configs, i18n, importStatements, connectionLimitDisabled);
     g.flowType = flowType;
     const pageData = g.getPageData(0);
     await g.editFlow(0, graphDom, pageData.id);
@@ -470,8 +475,9 @@ export const JadeFlow = (() => {
     return jadeFlowAgent(g);
   };
 
-  const configGraph = async (g, tenant, appId, flowConfigData, configs, i18n, importStatements) => {
+  const configGraph = async (g, tenant, appId, flowConfigData, configs, i18n, importStatements, connectionLimitDisabled = false) => {
     g.collaboration.mute = true;
+    g.connectionLimitDisabled = Boolean(connectionLimitDisabled);
     g.configs = configs;
     g.i18n = i18n;
     for (let i = 0; i < importStatements.length; i++) {

agent-flow/src/flow/jadeFlowGraph.js

@@ -76,6 +76,7 @@ export const jadeFlowGraph = (div, title) => {
   const self = defaultGraph(div, title);
   self.type = 'jadeFlowGraph';
   self.pageType = 'jadeFlowPage';
+  self.connectionLimitDisabled = false;
   self.enableText = false;
   self.flowMeta = {
     exceptionFitables: ['modelengine.fit.jober.aipp.fitable.AippFlowExceptionHandler'],

agent-flow/src/flow/jadeFlowPage.js

@@ -40,6 +40,8 @@ export const jadeFlowPage = (div, graph, name, id) => {
   self.addEventListener('COPY_SHAPE', shapeChangeListener);
   self.addEventListener('DELETE_SHAPE', shapeChangeListener);
 
+  const isConnectionLimitDisabled = () => Boolean(self.graph?.connectionLimitDisabled);
+
   /**
    * @override
    */
@@ -305,7 +307,7 @@ export const jadeFlowPage = (div, graph, name, id) => {
    */
   self.canDragOut = (node, connector) => {
     const lines = self.getEvents().filter(s => s.fromShape === node.id && s.getDefinedFromConnector() === connector);
-    return lines.length < 10;
+    return lines.length < (isConnectionLimitDisabled() ? 10 : 1);
   };
 
   /**
@@ -330,7 +332,9 @@ export const jadeFlowPage = (div, graph, name, id) => {
       }
     };
 
-    return jadeEvent.fromShape !== jadeEvent.toShape && isConnectorAllowToLink() && isConnectorWithinLimit();
+    return jadeEvent.fromShape !== jadeEvent.toShape
+      && isConnectorAllowToLink()
+      && (isConnectionLimitDisabled() || isConnectorWithinLimit());
   };
 
   /**

frontend/src/locale/en_US.json

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

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

@@ -37,7 +37,15 @@ import timeImg from '@/assets/images/ai/time.png';
 const AddHeader = (props) => {
   const dispatch = useAppDispatch();
   const { t } = useTranslation();
-  const { handleDebugClick, workFlow, types, saveTime, updateAippCallBack } = props;
+  const {
+    handleDebugClick,
+    isConnectionLimitDisabled,
+    workFlow,
+    types,
+    saveTime,
+    toggleConnectionLimitDisabled,
+    updateAippCallBack,
+  } = props;
   const { appInfo, setFlowInfo } = useContext(FlowContext);
   const [open, setOpen] = useState(false);
   const [imgPath, setImgPath] = useState('');
@@ -127,6 +135,13 @@ 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}