import { memo, } from 'react' import { useNodes } from 'reactflow' import FormItem from '../../nodes/_base/components/before-run-form/form-item' import { BlockEnum } from '../../types' import { useStore, useWorkflowStore, } from '../../store' import type { StartNodeType } from '../../nodes/start/types' import cn from '@/utils/classnames' const UserInput = () => { const workflowStore = useWorkflowStore() const inputs = useStore(s => s.inputs) const nodes = useNodes() const startNode = nodes.find(node => node.data.type === BlockEnum.Start) const variables = startNode?.data.variables || [] const handleValueChange = (variable: string, v: string) => { const { inputs, setInputs, } = workflowStore.getState() setInputs({ ...inputs, [variable]: v, }) } if (!variables.length) return null return (
{variables.map((variable, index) => (
handleValueChange(variable.variable, v)} />
))}
) } export default memo(UserInput)