fix: fixed Modal.Form ts problems

src/modal/demos/advance.tsx

@@ -2,13 +2,16 @@ import React, { useState } from 'react';
 import { Button, Form, Input, InputNumber, Table } from 'antd';
 import { Modal } from 'dt-react-component';
 
-interface Data {
-    key: string;
+interface FormData {
     name: string;
     age: number;
     address: string;
 }
 
+interface Data extends FormData {
+    key: string;
+}
+
 const data: Data[] = [
     {
         key: '1',
@@ -24,7 +27,7 @@ const data: Data[] = [
     },
 ];
 
-const ModalForm = Modal.Form((_props) => {
+const ModalForm = Modal.Form<FormData>((_props) => {
     return (
         <>
             <Form.Item label="name" name={'name'}>
@@ -81,7 +84,7 @@ export default () => {
         },
     ];
 
-    const onSubmit = (values: Data) => {
+    const onSubmit = (values: FormData) => {
         dataSource.splice(index, 0, { ...values, key: new Date() + '' });
         setDataSource([...dataSource]);
 

src/modal/demos/basics.tsx

@@ -2,7 +2,11 @@ import React, { useState } from 'react';
 import { Button, Form, Input } from 'antd';
 import { Modal } from 'dt-react-component';
 
-const ModalForm = Modal.Form((_props) => {
+interface FormData {
+    username: string;
+}
+
+const ModalForm = Modal.Form<FormData>((_props) => {
     return (
         <Form.Item label="username" name={'username'} rules={[{ max: 10 }]}>
             <Input />

src/modal/form.tsx

@@ -76,11 +76,14 @@ const ModalForm = (props: IModalFormProps) => {
     );
 };
 
-const InternalForm = (FormComponent: React.ComponentType) => {
-    return (props: IModalFormProps) => (
+function InternalForm<V = any>(
+    FormComponent: React.ComponentType<IModalFormProps<V>>
+): React.FC<IModalFormProps<V>> {
+    return (props: IModalFormProps<V>) => (
         <ModalForm {...props}>
             <FormComponent />
         </ModalForm>
     );
-};
+}
+
 export default InternalForm;