dify/web/app/components/workflow/nodes/start/use-single-run-form-params.ts
Joel 1a1bfd4048
feat: last run frontend (#21369)
The frontend of feat: Persist Variables for Enhanced Debugging Workflow (#20699).

Co-authored-by: jZonG <jzongcode@gmail.com>
2025-06-24 09:10:30 +08:00

88 lines
2.1 KiB
TypeScript

import type { MutableRefObject } from 'react'
import { useTranslation } from 'react-i18next'
import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
import type { ValueSelector } from '@/app/components/workflow/types'
import { type InputVar, InputVarType, type Variable } from '@/app/components/workflow/types'
import type { StartNodeType } from './types'
import { useIsChatMode } from '../../hooks'
type Params = {
id: string,
payload: StartNodeType,
runInputData: Record<string, any>
runInputDataRef: MutableRefObject<Record<string, any>>
getInputVars: (textList: string[]) => InputVar[]
setRunInputData: (data: Record<string, any>) => void
toVarInputs: (variables: Variable[]) => InputVar[]
}
const useSingleRunFormParams = ({
id,
payload,
runInputData,
setRunInputData,
}: Params) => {
const { t } = useTranslation()
const isChatMode = useIsChatMode()
const forms = (() => {
const forms: FormProps[] = []
const inputs: InputVar[] = payload.variables.map((item) => {
return {
...item,
getVarValueFromDependent: true,
}
})
if (isChatMode) {
inputs.push({
label: 'sys.query',
variable: '#sys.query#',
type: InputVarType.textInput,
required: true,
})
}
inputs.push({
label: 'sys.files',
variable: '#sys.files#',
type: InputVarType.multiFiles,
required: false,
})
forms.push(
{
label: t('workflow.nodes.llm.singleRun.variable')!,
inputs,
values: runInputData,
onChange: setRunInputData,
},
)
return forms
})()
const getDependentVars = () => {
const inputVars = payload.variables.map((item) => {
return [id, item.variable]
})
const vars: ValueSelector[] = [...inputVars, ['sys', 'files']]
if (isChatMode)
vars.push(['sys', 'query'])
return vars
}
const getDependentVar = (variable: string) => {
return [id, variable]
}
return {
forms,
getDependentVars,
getDependentVar,
}
}
export default useSingleRunFormParams