fix: if else node (#1383)

* fix: if else node

* fix

* fix

packages/global/core/workflow/template/system/ifElse/constant.ts

@@ -20,6 +20,11 @@ export enum VariableConditionEnum {
   lengthLessThan = 'lengthLessThan',
   lengthLessThanOrEqualTo = 'lengthLessThanOrEqualTo'
 }
+export enum IfElseResultEnum {
+  IF = 'IF',
+  ELSE = 'ELSE',
+  ELSE_IF = 'ELSE IF'
+}
 
 export const stringConditionList = [
   { label: '为空', value: VariableConditionEnum.isEmpty },

packages/global/core/workflow/utils.ts

@@ -15,6 +15,7 @@ import type {
 } from '../app/type';
 import { EditorVariablePickerType } from '../../../web/components/common/Textarea/PromptEditor/type';
 import { defaultWhisperConfig } from '../app/constants';
+import { IfElseResultEnum } from './template/system/ifElse/constant';
 
 export const getHandleId = (nodeId: string, type: 'source' | 'target', key: string) => {
   return `${nodeId}-${type}-${key}`;
@@ -136,3 +137,7 @@ export const formatEditorVariablePickerIcon = (
 export const isReferenceValue = (value: any): boolean => {
   return Array.isArray(value) && value.length === 2 && typeof value[0] === 'string';
 };
+
+export const getElseIFLabel = (i: number) => {
+  return i === 0 ? IfElseResultEnum.IF : `${IfElseResultEnum.ELSE_IF} ${i}`;
+};

packages/service/core/workflow/dispatch/tools/runIfElse.ts

@@ -1,14 +1,17 @@
 import { NodeInputKeyEnum, NodeOutputKeyEnum } from '@fastgpt/global/core/workflow/constants';
 import { DispatchNodeResponseKeyEnum } from '@fastgpt/global/core/workflow/runtime/constants';
 import { DispatchNodeResultType } from '@fastgpt/global/core/workflow/runtime/type';
-import { VariableConditionEnum } from '@fastgpt/global/core/workflow/template/system/ifElse/constant';
+import {
+  IfElseResultEnum,
+  VariableConditionEnum
+} from '@fastgpt/global/core/workflow/template/system/ifElse/constant';
 import {
   ConditionListItemType,
   IfElseConditionType,
   IfElseListItemType
 } from '@fastgpt/global/core/workflow/template/system/ifElse/type';
 import { ModuleDispatchProps } from '@fastgpt/global/core/workflow/type';
-import { getHandleId } from '@fastgpt/global/core/workflow/utils';
+import { getElseIFLabel, getHandleId } from '@fastgpt/global/core/workflow/utils';
 import { getReferenceVariableValue } from '@fastgpt/global/core/workflow/runtime/utils';
 
 type Props = ModuleDispatchProps<{
@@ -75,18 +78,18 @@ export const dispatchIfElse = async (props: Props): Promise<Response> => {
   } = props;
   const { ifElseList } = params;
 
-  let res = 'ELSE';
+  let res = IfElseResultEnum.ELSE as string;
   for (let i = 0; i < ifElseList.length; i++) {
     const item = ifElseList[i];
     const result = getResult(item.condition, item.list, variables, runtimeNodes);
     if (result) {
-      res = `IF${i}`;
+      res = getElseIFLabel(i);
       break;
     }
   }
 
   const resArray = Array.from({ length: ifElseList.length + 1 }, (_, index) => {
-    const label = index < ifElseList.length ? `IF${index}` : 'ELSE';
+    const label = index < ifElseList.length ? getElseIFLabel(index) : IfElseResultEnum.ELSE;
     return getHandleId(nodeId, 'source', label);
   });
 

projects/app/src/components/core/workflow/Flow/nodes/NodeIfElse/ListItem.tsx

@@ -21,7 +21,7 @@ import React, { useMemo } from 'react';
 import { WorkflowContext } from '../../../context';
 import MySelect from '@fastgpt/web/components/common/MySelect';
 import MyInput from '@/components/MyInput';
-import { getHandleId } from '@fastgpt/global/core/workflow/utils';
+import { getElseIFLabel, getHandleId } from '@fastgpt/global/core/workflow/utils';
 import { SourceHandle } from '../render/Handle';
 import { Position, useReactFlow } from 'reactflow';
 import { getReferenceDataValueType } from '@/web/core/workflow/utils';
@@ -63,36 +63,40 @@ const ListItem = ({
       >
         <Container w={snapshot.isDragging ? '' : 'full'} className="nodrag">
           <Flex mb={4} alignItems={'center'}>
-            <Box {...provided.dragHandleProps}>
+            {ifElseList.length > 1 && (
-              <DragHandleIcon color={'blackAlpha.600'} />
+              <Box {...provided.dragHandleProps}>
-            </Box>
+                <DragHandleIcon color={'blackAlpha.600'} />
+              </Box>
+            )}
             <Box color={'black'} fontSize={'lg'} ml={2}>
-              {conditionIndex === 0 ? 'IF' : 'ELSE IF'}
+              {getElseIFLabel(conditionIndex)}
             </Box>
-            <Flex
+            {conditionItem.list?.length > 1 && (
-              px={'2.5'}
+              <Flex
-              color={'primary.600'}
+                px={'2.5'}
-              fontWeight={'medium'}
+                color={'primary.600'}
-              alignItems={'center'}
+                fontWeight={'medium'}
-              cursor={'pointer'}
+                alignItems={'center'}
-              rounded={'md'}
+                cursor={'pointer'}
-              onClick={() => {
+                rounded={'md'}
-                onUpdateIfElseList(
+                onClick={() => {
-                  ifElseList.map((ifElse, index) => {
+                  onUpdateIfElseList(
-                    if (index === conditionIndex) {
+                    ifElseList.map((ifElse, index) => {
-                      return {
+                      if (index === conditionIndex) {
-                        ...ifElse,
+                        return {
-                        condition: ifElse.condition === 'AND' ? 'OR' : 'AND'
+                          ...ifElse,
-                      };
+                          condition: ifElse.condition === 'AND' ? 'OR' : 'AND'
-                    }
+                        };
-                    return ifElse;
+                      }
-                  })
+                      return ifElse;
-                );
+                    })
-              }}
+                  );
-            >
+                }}
-              {conditionItem.condition}
+              >
-              <MyIcon ml={1} boxSize={5} name="change" />
+                {conditionItem.condition}
-            </Flex>
+                <MyIcon ml={1} boxSize={5} name="change" />
+              </Flex>
+            )}
             <Box flex={1}></Box>
             {ifElseList.length > 1 && (
               <MyIcon
@@ -257,7 +261,7 @@ const ListItem = ({
         {!snapshot.isDragging && (
           <SourceHandle
             nodeId={nodeId}
-            handleId={getHandleId(nodeId, 'source', 'IF' + conditionIndex.toString())}
+            handleId={getHandleId(nodeId, 'source', getElseIFLabel(conditionIndex))}
             position={Position.Right}
             translate={[18, 0]}
           />

projects/app/src/components/core/workflow/Flow/nodes/NodeIfElse/index.tsx

@@ -13,6 +13,7 @@ import { DragDropContext, DragStart, Draggable, DropResult, Droppable } from 're
 import { SourceHandle } from '../render/Handle';
 import { getHandleId } from '@fastgpt/global/core/workflow/utils';
 import ListItem from './ListItem';
+import { IfElseResultEnum } from '@fastgpt/global/core/workflow/template/system/ifElse/constant';
 
 const NodeIfElse = ({ data, selected }: NodeProps<FlowNodeItemType>) => {
   const { t } = useTranslation();
@@ -108,7 +109,7 @@ const NodeIfElse = ({ data, selected }: NodeProps<FlowNodeItemType>) => {
                     )}
                   </Draggable>
                 ))}
-                <Box height={draggingItemHeight} />
+                {snapshot.isDraggingOver && <Box height={draggingItemHeight} />}
               </Box>
             )}
           </Droppable>
@@ -116,11 +117,11 @@ const NodeIfElse = ({ data, selected }: NodeProps<FlowNodeItemType>) => {
         <Container position={'relative'}>
           <Flex alignItems={'center'}>
             <Box color={'black'} fontSize={'lg'} ml={2}>
-              ELSE
+              {IfElseResultEnum.ELSE}
             </Box>
             <SourceHandle
               nodeId={nodeId}
-              handleId={getHandleId(nodeId, 'source', 'ELSE')}
+              handleId={getHandleId(nodeId, 'source', IfElseResultEnum.ELSE)}
               position={Position.Right}
               translate={[26, 0]}
             />

projects/app/src/web/core/workflow/utils.ts

@@ -25,6 +25,8 @@ import {
 import { getSystemVariables } from '../app/utils';
 import { TFunction } from 'next-i18next';
 import { ReferenceValueProps } from '@fastgpt/global/core/workflow/type/io';
+import { IfElseListItemType } from '@fastgpt/global/core/workflow/template/system/ifElse/type';
+import { VariableConditionEnum } from '@fastgpt/global/core/workflow/template/system/ifElse/constant';
 
 export const nodeTemplate2FlowNode = ({
   template,
@@ -188,6 +190,29 @@ export const checkWorkflowNodeAndConnection = ({
       continue;
     }
 
+    if (data.flowNodeType === FlowNodeTypeEnum.ifElseNode) {
+      const ifElseList: IfElseListItemType[] = inputs.find(
+        (input) => input.key === NodeInputKeyEnum.ifElseList
+      )?.value;
+      if (
+        ifElseList.some((item) => {
+          return item.list.some((listItem) => {
+            return (
+              listItem.variable === undefined ||
+              listItem.condition === undefined ||
+              (listItem.value === undefined &&
+                listItem.condition !== VariableConditionEnum.isEmpty &&
+                listItem.condition !== VariableConditionEnum.isNotEmpty)
+            );
+          });
+        })
+      ) {
+        return [data.nodeId];
+      } else {
+        continue;
+      }
+    }
+
     // check node input
     if (
       inputs.some((input) => {