feat: flow data type check

client/src/pages/api/system/getInitData.ts

@@ -40,7 +40,7 @@ const defaultSystemEnv = {
 const defaultFeConfigs = {
   show_emptyChat: true,
   show_register: true,
-  show_appStore: true,
+  show_appStore: false,
   show_userDetail: true,
   show_git: true,
   systemTitle: 'FastAI',

client/src/pages/app/detail/components/AdEdit/components/render/SourceHandle.tsx

@@ -2,6 +2,7 @@ import React, { useMemo } from 'react';
 import { Box, BoxProps } from '@chakra-ui/react';
 import { Handle, Position } from 'reactflow';
 import { FlowValueTypeEnum, FlowValueTypeStyle } from '@/constants/flow';
+import MyTooltip from '@/components/MyTooltip';
 
 interface Props extends BoxProps {
   handleKey: string;
@@ -25,16 +26,18 @@ const SourceHandle = ({ handleKey, valueType, ...props }: Props) => {
       transform={'translate(50%,-50%)'}
       {...props}
     >
-      <Handle
-        style={{
-          width: '12px',
-          height: '12px',
-          ...valueStyle
-        }}
-        type="source"
-        id={handleKey}
-        position={Position.Right}
-      />
+      <MyTooltip label={`${valueType}类型`}>
+        <Handle
+          style={{
+            width: '12px',
+            height: '12px',
+            ...valueStyle
+          }}
+          type="source"
+          id={handleKey}
+          position={Position.Right}
+        />
+      </MyTooltip>
     </Box>
   );
 };

client/src/pages/app/detail/components/AdEdit/components/render/TargetHandle.tsx

@@ -2,6 +2,7 @@ import React, { useMemo } from 'react';
 import { Box, BoxProps } from '@chakra-ui/react';
 import { Handle, OnConnect, Position } from 'reactflow';
 import { FlowValueTypeEnum, FlowValueTypeStyle } from '@/constants/flow';
+import MyTooltip from '@/components/MyTooltip';
 
 interface Props extends BoxProps {
   handleKey: string;
@@ -26,17 +27,19 @@ const TargetHandle = ({ handleKey, valueType, onConnect, ...props }: Props) => {
       transform={'translate(50%,-50%)'}
       {...props}
     >
-      <Handle
-        style={{
-          width: '12px',
-          height: '12px',
-          ...valueStyle
-        }}
-        type="target"
-        id={handleKey}
-        datatype={valueStyle}
-        position={Position.Left}
-      />
+      <MyTooltip label={`${valueType}类型`}>
+        <Handle
+          style={{
+            width: '12px',
+            height: '12px',
+            ...valueStyle
+          }}
+          type="target"
+          id={handleKey}
+          datatype={valueStyle}
+          position={Position.Left}
+        />
+      </MyTooltip>
     </Box>
   );
 };

client/src/pages/app/detail/components/AdEdit/index.tsx

@@ -30,6 +30,8 @@ import { customAlphabet } from 'nanoid';
 import { useRequest } from '@/hooks/useRequest';
 import type { AppSchema } from '@/types/mongoSchema';
 import { useUserStore } from '@/store/user';
+import { useToast } from '@/hooks/useToast';
+import { useTranslation } from 'next-i18next';
 import dynamic from 'next/dynamic';
 
 import MyIcon from '@/components/Icon';
@@ -90,6 +92,8 @@ type Props = { app: AppSchema; fullScreen: boolean; onFullScreen: (val: boolean)
 
 const AppEdit = ({ app, fullScreen, onFullScreen }: Props) => {
   const theme = useTheme();
+  const { toast } = useToast();
+  const { t } = useTranslation();
   const reactFlowWrapper = useRef<HTMLDivElement>(null);
   const ChatTestRef = useRef<ChatTestComponentRef>(null);
   const { updateAppDetail } = useUserStore();
@@ -227,6 +231,26 @@ const AppEdit = ({ app, fullScreen, onFullScreen }: Props) => {
   );
   const onConnect = useCallback(
     ({ connect }: { connect: Connection }) => {
+      const sourceType = nodes
+        .find((node) => node.id === connect.source)
+        ?.data?.outputs.find((output) => output.key === connect.sourceHandle)?.valueType;
+      const targetType = nodes
+        .find((node) => node.id === connect.target)
+        ?.data?.inputs.find((input) => input.key === connect.targetHandle)?.valueType;
+
+      if (!sourceType || !targetType) {
+        return toast({
+          status: 'warning',
+          title: t('app.Connection is invalid')
+        });
+      }
+      if (sourceType !== targetType) {
+        return toast({
+          status: 'warning',
+          title: t('app.Connection type is different')
+        });
+      }
+
       setEdges((state) =>
         addEdge(
           {
@@ -241,7 +265,7 @@ const AppEdit = ({ app, fullScreen, onFullScreen }: Props) => {
         )
       );
     },
-    [onDelConnect, setEdges]
+    [onDelConnect, setEdges, nodes]
   );
 
   const { mutate: onclickSave, isLoading } = useRequest({