Spaces:
Running
Running
File size: 1,981 Bytes
be095f5 d7ccb5f be095f5 d7ccb5f be095f5 d7ccb5f be095f5 44d07e8 be095f5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
const BOOLEAN = "<class 'bool'>";
function ParamName({ name }: { name: string }) {
return <span className="param-name bg-base-200">{name.replace(/_/g, ' ')}</span>;
}
interface NodeParameterProps {
name: string;
value: any;
meta: any;
onChange: (value: any, options?: { delay: number }) => void;
}
export default function NodeParameter({ name, value, meta, onChange }: NodeParameterProps) {
return (
<label className="param">
{meta?.type?.format === 'collapsed' ? <>
<ParamName name={name} />
<button className="collapsed-param">
⋯
</button>
</> : meta?.type?.format === 'textarea' ? <>
<ParamName name={name} />
<textarea className="textarea textarea-bordered w-full max-w-xs"
rows={6}
value={value}
onChange={(evt) => onChange(evt.currentTarget.value)}
/>
</> : meta?.type?.enum ? <>
<ParamName name={name} />
<select className="select select-bordered w-full max-w-xs"
value={value || meta.type.enum[0]}
onChange={(evt) => onChange(evt.currentTarget.value)}
>
{meta.type.enum.map((option: string) =>
<option key={option} value={option}>{option}</option>
)}
</select>
</> : meta?.type?.type === BOOLEAN ? <div className="form-control">
<label className="label cursor-pointer">
<input className="checkbox"
type="checkbox"
checked={value}
onChange={(evt) => onChange(evt.currentTarget.checked)}
/>
{name.replace(/_/g, ' ')}
</label>
</div> : <>
<ParamName name={name} />
<input className="input input-bordered w-full max-w-xs"
value={value || ""}
onChange={(evt) => onChange(evt.currentTarget.value, { delay: 2 })}
onBlur={(evt) => onChange(evt.currentTarget.value, { delay: 0 })}
/>
</>
}
</label >
);
}
|