import { Checkbox, DatePicker, Form, Input, InputNumber, Radio } from "antd";
import { useEffect } from "react";
import { FormType, SimpleFormData } from "./interface";
import { FormSelect } from "./select";
import AliUpload from "../ali_upload";
import MyEditor from "../edittor";
import MapFrom from "../map/MapFrom";
// import VideoSelect from "../video_select";
const { TextArea } = Input;
const SimpleForm = (props: SimpleFormData) => {
const [form] = Form.useForm();
const onFinish = (values: any) => {
props.onFinish(values);
};
useEffect(() => {
if (props.createCallback) {
props.createCallback();
}
}, [props]);
return (
);
case FormType.inputNumber:
return (
);
case FormType.password:
return (
);
case FormType.cehckbox:
return (
Remember me
);
case FormType.cehckboxGroup:
return (
{
form.setFieldValue(v.name, res);
}}
/>
);
case FormType.select:
return FormSelect(v);
case FormType.upload:
return (
{
if (Array.isArray(e)) {
return e;
}
return e && e.fileList;
}}
>
{
form.setFieldValue(v.name, res);
}}
/>
);
case FormType.textarea:
return (
);
case FormType.editor:
return (
);
case FormType.radio:
return (
{v.radioData?.map((item) => (
{item.key}
))}
);
case FormType.date:
return (
);
case FormType.map:
return (
{
form.setFieldValue(v.name, m);
}}
/>
);
default:
return (
);
}
})}
{props.childrenPosi ? props.children ?? props.children : null}
);
};
export default SimpleForm;