feat: add the parameter submitOnReset to the form (#54)

vbenjs · Oct 25, 2020 · 7558cbf · 7558cbf
1 parent 623729d
commit 7558cbf
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Form/src/BasicForm.vue b/src/components/Form/src/BasicForm.vue
@@ -266,7 +266,7 @@
       }
 
       async function resetFields(): Promise<any> {
-        const { resetFunc } = unref(getProps);
+        const { resetFunc, submitOnReset } = unref(getProps);
         resetFunc && isFunction(resetFunc) && (await resetFunc());
         const formEl = unref(formElRef);
         if (!formEl) return;
@@ -276,6 +276,7 @@
         // const values = formEl.resetFields();
         emit('reset', toRaw(formModel));
         // return values;
+        submitOnReset && handleSubmit();
       }
 
       /**

diff --git a/src/components/Form/src/props.ts b/src/components/Form/src/props.ts
@@ -30,6 +30,10 @@ export const basicProps = {
     type: Boolean,
     default: true,
   },
+  submitOnReset: {
+    type: Boolean,
+    default: false,
+  },
   size: {
     type: String as PropType<'default' | 'small' | 'large'>,
     default: 'default',

diff --git a/src/components/Form/src/types/form.ts b/src/components/Form/src/types/form.ts
@@ -30,7 +30,8 @@ export type UseFormReturnType = [RegisterFn, FormActionType];
 export interface FormProps {
   // 整个表单所有项宽度
   labelWidth?: number | string;
-
+  // 重置时提交
+  submitOnReset?: boolean;
   // 整个表单通用Col配置
   labelCol?: Partial<ColEx>;
   // 整个表单通用Col配置

diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
@@ -9,6 +9,7 @@
     <BasicForm
       v-bind="getFormProps"
       v-if="getBindValues.useSearchForm"
+      :submitOnReset="true"
       :submitButtonOptions="{ loading }"
       @register="registerForm"
       @submit="handleSearchInfoChange"