4158697fe6
### What problem does this PR solve? feat: Add component AkShare #1739 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
36 lines
988 B
TypeScript
36 lines
988 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 { WenCaiQueryTypeOptions } from '../constant';
|
|
import { IOperatorForm } from '../interface';
|
|
|
|
const WenCaiForm = ({ onValuesChange, form }: IOperatorForm) => {
|
|
const { t } = useTranslate('flow');
|
|
|
|
const wenCaiQueryTypeOptions = useMemo(() => {
|
|
return WenCaiQueryTypeOptions.map((x) => ({
|
|
value: x,
|
|
label: t(`wenCaiQueryTypeOptions.${x}`),
|
|
}));
|
|
}, [t]);
|
|
|
|
return (
|
|
<Form
|
|
name="basic"
|
|
labelCol={{ span: 6 }}
|
|
wrapperCol={{ span: 18 }}
|
|
autoComplete="off"
|
|
form={form}
|
|
onValuesChange={onValuesChange}
|
|
>
|
|
<TopNItem initialValue={20} max={99}></TopNItem>
|
|
<Form.Item label={t('queryType')} name={'query_type'}>
|
|
<Select options={wenCaiQueryTypeOptions}></Select>
|
|
</Form.Item>
|
|
</Form>
|
|
);
|
|
};
|
|
|
|
export default WenCaiForm;
|