Commit 768fadbffb298d69c9e445118f7f6f64fbe8e2a9
1 parent
9aa2cf3e
fix: Form method name field
Showing
6 changed files
with
12 additions
and
12 deletions
src/components/Form/src/BasicForm.vue
... | ... | @@ -174,7 +174,7 @@ |
174 | 174 | updateSchema, |
175 | 175 | resetSchema, |
176 | 176 | appendSchemaByField, |
177 | - removeSchemaByFeild, | |
177 | + removeSchemaByField, | |
178 | 178 | resetFields, |
179 | 179 | scrollToField, |
180 | 180 | } = useFormEvents({ |
... | ... | @@ -268,7 +268,7 @@ |
268 | 268 | updateSchema, |
269 | 269 | resetSchema, |
270 | 270 | setProps, |
271 | - removeSchemaByFeild, | |
271 | + removeSchemaByField, | |
272 | 272 | appendSchemaByField, |
273 | 273 | clearValidate, |
274 | 274 | validateFields, | ... | ... |
src/components/Form/src/hooks/useForm.ts
... | ... | @@ -79,8 +79,8 @@ export function useForm(props?: Props): UseFormReturnType { |
79 | 79 | }); |
80 | 80 | }, |
81 | 81 | |
82 | - removeSchemaByFeild: async (field: string | string[]) => { | |
83 | - unref(formRef)?.removeSchemaByFeild(field); | |
82 | + removeSchemaByField: async (field: string | string[]) => { | |
83 | + unref(formRef)?.removeSchemaByField(field); | |
84 | 84 | }, |
85 | 85 | |
86 | 86 | // TODO promisify | ... | ... |
src/components/Form/src/hooks/useFormEvents.ts
... | ... | @@ -112,7 +112,7 @@ export function useFormEvents({ |
112 | 112 | /** |
113 | 113 | * @description: Delete based on field name |
114 | 114 | */ |
115 | - async function removeSchemaByFeild(fields: string | string[]): Promise<void> { | |
115 | + async function removeSchemaByField(fields: string | string[]): Promise<void> { | |
116 | 116 | const schemaList: FormSchema[] = cloneDeep(unref(getSchema)); |
117 | 117 | if (!fields) { |
118 | 118 | return; |
... | ... | @@ -306,7 +306,7 @@ export function useFormEvents({ |
306 | 306 | updateSchema, |
307 | 307 | resetSchema, |
308 | 308 | appendSchemaByField, |
309 | - removeSchemaByFeild, | |
309 | + removeSchemaByField, | |
310 | 310 | resetFields, |
311 | 311 | setFieldsValue, |
312 | 312 | scrollToField, | ... | ... |
src/components/Form/src/types/form.ts
... | ... | @@ -33,7 +33,7 @@ export interface FormActionType { |
33 | 33 | updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>; |
34 | 34 | resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>; |
35 | 35 | setProps: (formProps: Partial<FormProps>) => Promise<void>; |
36 | - removeSchemaByFeild: (field: string | string[]) => Promise<void>; | |
36 | + removeSchemaByField: (field: string | string[]) => Promise<void>; | |
37 | 37 | appendSchemaByField: ( |
38 | 38 | schema: FormSchema, |
39 | 39 | prefixField: string | undefined, | ... | ... |
src/views/demo/form/AppendForm.vue
... | ... | @@ -13,7 +13,7 @@ |
13 | 13 | <script lang="ts"> |
14 | 14 | import { defineComponent, ref } from 'vue'; |
15 | 15 | import { BasicForm, useForm } from '/@/components/Form/index'; |
16 | - import { CollapseContainer } from '/@/components/Container/index'; | |
16 | + import { CollapseContainer } from '/@/components/Container'; | |
17 | 17 | import { Input } from 'ant-design-vue'; |
18 | 18 | import { PageWrapper } from '/@/components/Page'; |
19 | 19 | import { Button } from '/@/components/Button'; |
... | ... | @@ -21,7 +21,7 @@ |
21 | 21 | export default defineComponent({ |
22 | 22 | components: { BasicForm, CollapseContainer, PageWrapper, [Input.name]: Input, Button }, |
23 | 23 | setup() { |
24 | - const [register, { appendSchemaByField, removeSchemaByFeild, validate }] = useForm({ | |
24 | + const [register, { appendSchemaByField, removeSchemaByField, validate }] = useForm({ | |
25 | 25 | schemas: [ |
26 | 26 | { |
27 | 27 | field: 'field0a', |
... | ... | @@ -108,7 +108,7 @@ |
108 | 108 | } |
109 | 109 | |
110 | 110 | function del(field) { |
111 | - removeSchemaByFeild([`field${field}a`, `field${field}b`, `${field}`]); | |
111 | + removeSchemaByField([`field${field}a`, `field${field}b`, `${field}`]); | |
112 | 112 | n.value--; |
113 | 113 | } |
114 | 114 | ... | ... |
src/views/demo/form/DynamicForm.vue
... | ... | @@ -181,7 +181,7 @@ |
181 | 181 | export default defineComponent({ |
182 | 182 | components: { BasicForm, CollapseContainer, PageWrapper }, |
183 | 183 | setup() { |
184 | - const [register, { setProps, updateSchema, appendSchemaByField, removeSchemaByFeild }] = | |
184 | + const [register, { setProps, updateSchema, appendSchemaByField, removeSchemaByField }] = | |
185 | 185 | useForm({ |
186 | 186 | labelWidth: 120, |
187 | 187 | schemas, |
... | ... | @@ -229,7 +229,7 @@ |
229 | 229 | ); |
230 | 230 | } |
231 | 231 | function deleteField() { |
232 | - removeSchemaByFeild('field11'); | |
232 | + removeSchemaByField('field11'); | |
233 | 233 | } |
234 | 234 | return { |
235 | 235 | register, | ... | ... |