### What problem does this PR solve? feat: Add a note node to the agent canvas #2767 ### Type of change - [ ] Bug Fix (non-breaking change which fixes an issue) - [x] New Feature (non-breaking change which adds functionality) - [ ] Documentation Update - [ ] Refactoring - [ ] Performance Improvement - [ ] Other (please describe):
37 lines
985 B
TypeScript
37 lines
985 B
TypeScript
import TopNItem from '@/components/top-n-item';
|
|
import { useTranslate } from '@/hooks/common-hooks';
|
|
import { Form, Select } from 'antd';
|
|
import { useMemo } from 'react';
|
|
import { Channel } from '../../constant';
|
|
import { IOperatorForm } from '../../interface';
|
|
|
|
const DuckDuckGoForm = ({ onValuesChange, form }: IOperatorForm) => {
|
|
const { t } = useTranslate('flow');
|
|
|
|
const options = useMemo(() => {
|
|
return Object.values(Channel).map((x) => ({ value: x, label: t(x) }));
|
|
}, [t]);
|
|
|
|
return (
|
|
<Form
|
|
name="basic"
|
|
labelCol={{ span: 6 }}
|
|
wrapperCol={{ span: 18 }}
|
|
autoComplete="off"
|
|
form={form}
|
|
onValuesChange={onValuesChange}
|
|
>
|
|
<TopNItem initialValue={10}></TopNItem>
|
|
<Form.Item
|
|
label={t('channel')}
|
|
name={'channel'}
|
|
tooltip={t('channelTip')}
|
|
initialValue={'text'}
|
|
>
|
|
<Select options={options}></Select>
|
|
</Form.Item>
|
|
</Form>
|
|
);
|
|
};
|
|
|
|
export default DuckDuckGoForm;
|