From 12ce5c568ef07ec44b902eeca686cf189d34c2bb Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Wed, 9 Oct 2024 16:07:49 +0800
Subject: [PATCH] =?UTF-8?q?feat(form):=20=E6=94=AF=E6=8C=81=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E9=98=BB=E6=AD=A2=E9=BB=98=E8=AE=A4=E7=9A=84submit?=
 =?UTF-8?q?=E8=A1=8C=E4=B8=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/form/src/Form.vue       | 10 +++++++++-
 packages/form/src/FormBox.vue    |  2 ++
 packages/form/src/FormDialog.vue |  2 ++
 packages/form/src/FormDrawer.vue |  2 ++
 4 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/form/src/Form.vue b/packages/form/src/Form.vue
index 27056ee6..84e0b86a 100644
--- a/packages/form/src/Form.vue
+++ b/packages/form/src/Form.vue
@@ -7,6 +7,7 @@
     :style="`height: ${height}`"
     :inline="inline"
     :label-position="labelPosition"
+    @submit="submitHandler"
   >
     <template v-if="initialized && Array.isArray(config)">
       <Container
@@ -61,6 +62,7 @@ const props = withDefaults(
     labelPosition?: string;
     keyProp?: string;
     popperClass?: string;
+    preventSubmitDefault?: boolean;
     extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
   }>(),
   {
@@ -107,8 +109,8 @@ const formState: FormState = reactive<FormState>({
   post: (options: any) => {
     if (requestFuc) {
       return requestFuc({
-        ...options,
         method: 'POST',
+        ...options,
       });
     }
   },
@@ -167,6 +169,12 @@ const changeHandler = () => {
   emit('change', values.value);
 };
 
+const submitHandler = (e: SubmitEvent) => {
+  if (props.preventSubmitDefault) {
+    e.preventDefault();
+  }
+};
+
 defineExpose({
   values,
   lastValuesProcessed,
diff --git a/packages/form/src/FormBox.vue b/packages/form/src/FormBox.vue
index 8e3b924a..65c3d2ad 100644
--- a/packages/form/src/FormBox.vue
+++ b/packages/form/src/FormBox.vue
@@ -12,6 +12,7 @@
           :label-width="labelWidth"
           :label-position="labelPosition"
           :inline="inline"
+          :prevent-submit-default="preventSubmitDefault"
           @change="changeHandler"
         ></Form>
         <slot></slot>
@@ -58,6 +59,7 @@ const props = withDefaults(
     confirmText?: string;
     inline?: boolean;
     labelPosition?: string;
+    preventSubmitDefault?: boolean;
   }>(),
   {
     config: () => [],
diff --git a/packages/form/src/FormDialog.vue b/packages/form/src/FormDialog.vue
index 3e24f762..b52811be 100644
--- a/packages/form/src/FormDialog.vue
+++ b/packages/form/src/FormDialog.vue
@@ -27,6 +27,7 @@
         :label-width="labelWidth"
         :label-position="labelPosition"
         :inline="inline"
+        :prevent-submit-default="preventSubmitDefault"
         @change="changeHandler"
       ></Form>
       <slot></slot>
@@ -85,6 +86,7 @@ const props = withDefaults(
     zIndex?: number;
     size?: 'small' | 'default' | 'large';
     confirmText?: string;
+    preventSubmitDefault?: boolean;
   }>(),
   {
     config: () => [],
diff --git a/packages/form/src/FormDrawer.vue b/packages/form/src/FormDrawer.vue
index 70472bb3..62ca6248 100644
--- a/packages/form/src/FormDrawer.vue
+++ b/packages/form/src/FormDrawer.vue
@@ -27,6 +27,7 @@
         :label-width="labelWidth"
         :label-position="labelPosition"
         :inline="inline"
+        :prevent-submit-default="preventSubmitDefault"
         @change="changeHandler"
       ></Form>
       <slot></slot>
@@ -79,6 +80,7 @@ withDefaults(
     confirmText?: string;
     inline?: boolean;
     labelPosition?: string;
+    preventSubmitDefault?: boolean;
     /** 关闭前的回调，会暂停 Drawer 的关闭; done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭 */
     beforeClose?: (done: (cancel?: boolean) => void) => void;
   }>(),