feat: parse to right datatype and show parse json error

web/app/components/workflow/nodes/_base/components/before-run-form/index.tsx

@@ -18,12 +18,26 @@ const i18nPrefix = 'workflow.singleRun'
 type BeforeRunFormProps = {
   nodeName: string
   onHide: () => void
-  onRun: () => void
+  onRun: (submitData: Record<string, any>) => void
   onStop: () => void
   runningStatus: NodeRunningStatus
   result?: JSX.Element
   forms: FormProps[]
 }
+
+function formatValue(value: string | any, type: InputVarType) {
+  if (type === InputVarType.number)
+    return parseFloat(value)
+  if (type === InputVarType.json)
+    return JSON.parse(value)
+  if (type === InputVarType.contexts) {
+    return value.map((item: any) => {
+      return JSON.parse(item)
+    })
+  }
+
+  return value
+}
 const BeforeRunForm: FC<BeforeRunFormProps> = ({
   nodeName,
   onHide,
@@ -55,7 +69,28 @@ const BeforeRunForm: FC<BeforeRunFormProps> = ({
       return
     }
 
-    onRun()
+    const submitData: Record<string, any> = {}
+    let parseErrorJsonField = ''
+    forms.forEach((form) => {
+      form.inputs.forEach((input) => {
+        try {
+          const value = formatValue(form.values[input.variable], input.type)
+          submitData[input.variable] = value
+        }
+        catch (e) {
+          parseErrorJsonField = input.variable
+        }
+      })
+    })
+    if (parseErrorJsonField) {
+      Toast.notify({
+        message: t('workflow.errorMsg.invalidJson', { field: parseErrorJsonField }),
+        type: 'error',
+      })
+      return
+    }
+
+    onRun(submitData)
   }, [forms, onRun, t])
   return (
     <div className='absolute inset-0 z-10 rounded-2xl pt-10' style={{

web/app/components/workflow/nodes/_base/hooks/use-one-step-run.ts

@@ -126,15 +126,9 @@ const useOneStepRun = <T>({
   }
   const runningStatus = data._singleRunningStatus || NodeRunningStatus.NotStart
   const isCompleted = runningStatus === NodeRunningStatus.Succeeded || runningStatus === NodeRunningStatus.Failed
-  const handleRun = async () => {
-    // const { isValid, errorMessage } = beforeRunCheckValid()
-    // if (!isValid) {
-    //   Toast.notify({
-    //     type: 'error',
-    //     message: errorMessage!,
-    //   })
-    //   return false
-    // }
+
+  const handleRun = async (submitData: Record<string, any>) => {
+    console.log(submitData)
     handleNodeDataUpdate({
       id,
       data: {
@@ -144,7 +138,7 @@ const useOneStepRun = <T>({
     })
     let res: any
     try {
-      res = await singleNodeRun(appId!, id, { inputs: runInputData }) as any
+      res = await singleNodeRun(appId!, id, { inputs: submitData }) as any
       if (res.error)
         throw new Error(res.error)
     }

web/i18n/en-US/workflow.ts

@@ -29,6 +29,7 @@ const translation = {
   },
   errorMsg: {
     fieldRequired: '{{field}} is required',
+    invalidJson: '{{field}} is invalid JSON',
     fields: {
       variable: 'Variable Name',
       variableValue: 'Variable Value',

web/i18n/zh-Hans/workflow.ts

@@ -29,6 +29,7 @@ const translation = {
   },
   errorMsg: {
     fieldRequired: '{{field}} 不能为空',
+    invalidJson: '{{field}} 是非法的 JSON',
     fields: {
       variable: '变量名',
       variableValue: '变量值',