From 768fadbffb298d69c9e445118f7f6f64fbe8e2a9 Mon Sep 17 00:00:00 2001
From: JinMao <jinmao88@qq.com>
Date: Tue, 18 Oct 2022 14:47:50 +0800
Subject: [PATCH] fix: Form method name field

---
 src/components/Form/src/BasicForm.vue          | 4 ++--
 src/components/Form/src/hooks/useForm.ts       | 4 ++--
 src/components/Form/src/hooks/useFormEvents.ts | 4 ++--
 src/components/Form/src/types/form.ts          | 2 +-
 src/views/demo/form/AppendForm.vue             | 6 +++---
 src/views/demo/form/DynamicForm.vue            | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Form/src/BasicForm.vue b/src/components/Form/src/BasicForm.vue
index 68e9fa90..8e4b6292 100644
--- a/src/components/Form/src/BasicForm.vue
+++ b/src/components/Form/src/BasicForm.vue
@@ -174,7 +174,7 @@
         updateSchema,
         resetSchema,
         appendSchemaByField,
-        removeSchemaByFeild,
+        removeSchemaByField,
         resetFields,
         scrollToField,
       } = useFormEvents({
@@ -268,7 +268,7 @@
         updateSchema,
         resetSchema,
         setProps,
-        removeSchemaByFeild,
+        removeSchemaByField,
         appendSchemaByField,
         clearValidate,
         validateFields,
diff --git a/src/components/Form/src/hooks/useForm.ts b/src/components/Form/src/hooks/useForm.ts
index 55da9890..ab80409a 100644
--- a/src/components/Form/src/hooks/useForm.ts
+++ b/src/components/Form/src/hooks/useForm.ts
@@ -79,8 +79,8 @@ export function useForm(props?: Props): UseFormReturnType {
       });
     },
 
-    removeSchemaByFeild: async (field: string | string[]) => {
-      unref(formRef)?.removeSchemaByFeild(field);
+    removeSchemaByField: async (field: string | string[]) => {
+      unref(formRef)?.removeSchemaByField(field);
     },
 
     // TODO promisify
diff --git a/src/components/Form/src/hooks/useFormEvents.ts b/src/components/Form/src/hooks/useFormEvents.ts
index 28f8cfd0..09e55e2a 100644
--- a/src/components/Form/src/hooks/useFormEvents.ts
+++ b/src/components/Form/src/hooks/useFormEvents.ts
@@ -112,7 +112,7 @@ export function useFormEvents({
   /**
    * @description: Delete based on field name
    */
-  async function removeSchemaByFeild(fields: string | string[]): Promise<void> {
+  async function removeSchemaByField(fields: string | string[]): Promise<void> {
     const schemaList: FormSchema[] = cloneDeep(unref(getSchema));
     if (!fields) {
       return;
@@ -306,7 +306,7 @@ export function useFormEvents({
     updateSchema,
     resetSchema,
     appendSchemaByField,
-    removeSchemaByFeild,
+    removeSchemaByField,
     resetFields,
     setFieldsValue,
     scrollToField,
diff --git a/src/components/Form/src/types/form.ts b/src/components/Form/src/types/form.ts
index f7d99747..31e32603 100644
--- a/src/components/Form/src/types/form.ts
+++ b/src/components/Form/src/types/form.ts
@@ -33,7 +33,7 @@ export interface FormActionType {
   updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
   resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
   setProps: (formProps: Partial<FormProps>) => Promise<void>;
-  removeSchemaByFeild: (field: string | string[]) => Promise<void>;
+  removeSchemaByField: (field: string | string[]) => Promise<void>;
   appendSchemaByField: (
     schema: FormSchema,
     prefixField: string | undefined,
diff --git a/src/views/demo/form/AppendForm.vue b/src/views/demo/form/AppendForm.vue
index 7722e120..7078b993 100644
--- a/src/views/demo/form/AppendForm.vue
+++ b/src/views/demo/form/AppendForm.vue
@@ -13,7 +13,7 @@
 <script lang="ts">
   import { defineComponent, ref } from 'vue';
   import { BasicForm, useForm } from '/@/components/Form/index';
-  import { CollapseContainer } from '/@/components/Container/index';
+  import { CollapseContainer } from '/@/components/Container';
   import { Input } from 'ant-design-vue';
   import { PageWrapper } from '/@/components/Page';
   import { Button } from '/@/components/Button';
@@ -21,7 +21,7 @@
   export default defineComponent({
     components: { BasicForm, CollapseContainer, PageWrapper, [Input.name]: Input, Button },
     setup() {
-      const [register, { appendSchemaByField, removeSchemaByFeild, validate }] = useForm({
+      const [register, { appendSchemaByField, removeSchemaByField, validate }] = useForm({
         schemas: [
           {
             field: 'field0a',
@@ -108,7 +108,7 @@
       }
 
       function del(field) {
-        removeSchemaByFeild([`field${field}a`, `field${field}b`, `${field}`]);
+        removeSchemaByField([`field${field}a`, `field${field}b`, `${field}`]);
         n.value--;
       }
 
diff --git a/src/views/demo/form/DynamicForm.vue b/src/views/demo/form/DynamicForm.vue
index 922bf084..80de8a40 100644
--- a/src/views/demo/form/DynamicForm.vue
+++ b/src/views/demo/form/DynamicForm.vue
@@ -181,7 +181,7 @@
   export default defineComponent({
     components: { BasicForm, CollapseContainer, PageWrapper },
     setup() {
-      const [register, { setProps, updateSchema, appendSchemaByField, removeSchemaByFeild }] =
+      const [register, { setProps, updateSchema, appendSchemaByField, removeSchemaByField }] =
         useForm({
           labelWidth: 120,
           schemas,
@@ -229,7 +229,7 @@
         );
       }
       function deleteField() {
-        removeSchemaByFeild('field11');
+        removeSchemaByField('field11');
       }
       return {
         register,