e904c134e7
### 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):
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import TopNItem from '@/components/top-n-item';
|
|
import { useTranslate } from '@/hooks/common-hooks';
|
|
import { Form, Input, Select } from 'antd';
|
|
import { useMemo } from 'react';
|
|
import { BingCountryOptions, BingLanguageOptions } from '../../constant';
|
|
import { IOperatorForm } from '../../interface';
|
|
|
|
const BingForm = ({ onValuesChange, form }: IOperatorForm) => {
|
|
const { t } = useTranslate('flow');
|
|
|
|
const options = useMemo(() => {
|
|
return ['Webpages', 'News'].map((x) => ({ label: x, value: x }));
|
|
}, []);
|
|
|
|
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'}>
|
|
<Select options={options}></Select>
|
|
</Form.Item>
|
|
<Form.Item label={t('apiKey')} name={'api_key'}>
|
|
<Input></Input>
|
|
</Form.Item>
|
|
<Form.Item label={t('country')} name={'country'}>
|
|
<Select options={BingCountryOptions}></Select>
|
|
</Form.Item>
|
|
<Form.Item label={t('language')} name={'language'}>
|
|
<Select options={BingLanguageOptions}></Select>
|
|
</Form.Item>
|
|
</Form>
|
|
);
|
|
};
|
|
|
|
export default BingForm;
|