fix: useForm type error in TSX

Author: Amour1688

package.json

@@ -23,7 +23,7 @@
     "prepublishOnly": "npm run lint && npm run compile && npm run test"
   },
   "dependencies": {
-    "@vue/runtime-dom": "^3.0.0-rc.1",
+    "@vue/runtime-dom": "^3.0.0",
     "async-validator": "^3.4.0",
     "lodash-es": "^4.17.15",
     "resize-observer-polyfill": "^1.5.1"
@@ -45,7 +45,7 @@
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^5.1.0",
     "@vue/test-utils": "^2.0.0-beta.3",
-    "ant-design-vue": "^2.0.0-beta.9",
+    "ant-design-vue": "^2.0.0-0",
     "babel-jest": "^26.1.0",
     "babel-loader": "^8.1.0",
     "css-loader": "^3.4.2",

src/useForm/index.ts

@@ -1,9 +1,10 @@
-import { reactive, watch, nextTick } from '@vue/runtime-dom';
+import { reactive, watch, nextTick, ExtractPropTypes } from '@vue/runtime-dom';
 import cloneDeep from 'lodash-es/cloneDeep';
 import intersection from 'lodash-es/intersection';
 import isEqual from 'lodash-es/isEqual';
 import debounce from 'lodash-es/debounce';
 import omit from 'lodash-es/omit';
+import { FormItemProps as formItemProps } from 'ant-design-vue/es/form/FormItem';
 import { validateRules } from 'ant-design-vue/es/form/utils/validateUtil';
 import { defaultValidateMessages } from 'ant-design-vue/es/form/utils/messages';
 import { allPromiseFinish } from 'ant-design-vue/es/form/utils/asyncUtil';
@@ -16,6 +17,8 @@ interface DebounceSettings {
   trailing?: boolean;
 }
 
+type FormItemProps = Partial<ExtractPropTypes<typeof formItemProps>>;
+
 function isRequired(rules: any[]) {
   let isRequired = false;
   if (rules && rules.length) {
@@ -101,7 +104,7 @@ type namesType = string | string[];
 export interface validateInfo {
   autoLink?: boolean;
   required?: boolean;
-  validateStatus?: 'validating' | 'error' | 'success' | null;
+  validateStatus?: FormItemProps['validateStatus'];
   help?: string;
 }
 
@@ -278,7 +281,12 @@ function useForm(
 
     return returnPromise;
   };
-  const validateField = <T extends unknown = any>(name: string, value: any, rules: any, option: validateOptions): Promise<T> => {
+  const validateField = <T extends unknown = any>(
+    name: string,
+    value: any,
+    rules: any,
+    option: validateOptions,
+  ): Promise<T> => {
     const promise = validateRules(
       [name],
       value,
@@ -301,7 +309,10 @@ function useForm(
     return promise;
   };
 
-  const validate = <T extends unknown = any>(names?: namesType, option?: validateOptions): Promise<T> => {
+  const validate = <T extends unknown = any>(
+    names?: namesType,
+    option?: validateOptions,
+  ): Promise<T> => {
     let keys = [];
     let strict = true;
     if (!names) {