From 4c57afd476d908708647beab733672ad22d9ac26 Mon Sep 17 00:00:00 2001
From: keven1024 <keven@fudaoyuan.icu>
Date: Wed, 14 May 2025 15:07:15 +0800
Subject: [PATCH] refactor(front): replace Button with AsyncButton in
 FormButton component for async click handling

---
 front/components/Field/FormButton.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/front/components/Field/FormButton.vue b/front/components/Field/FormButton.vue
index ee764bb..c2032f2 100644
--- a/front/components/Field/FormButton.vue
+++ b/front/components/Field/FormButton.vue
@@ -1,13 +1,13 @@
 <template>
-  <Button type="button" @click="(e) => {
-    e.preventDefault()
-    emit('click', form)
+  <AsyncButton type="button" @click="async (e) => {
+    e?.preventDefault()
+    await props.onClick?.(form)
   }" :disabled="!isValid">
     <slot />
-  </Button>
+  </AsyncButton>
 </template>
 <script setup lang="ts">
-import { Button } from '~/components/ui/button'
+import { AsyncButton } from '~/components/ui/button'
 import { useFormContext } from 'vee-validate'
 const form = useFormContext()
 
@@ -18,7 +18,9 @@ watchEffect(async () => {
   isValid.value = valid
 })
 
-const emit = defineEmits<{
-  (e: 'click', form: ReturnType<typeof useFormContext>): void
-}>()
+const props = withDefaults(defineProps<{
+  onClick?: (form: ReturnType<typeof useFormContext>) => Promise<void>
+}>(), {
+  onClick: async () => {}
+})
 </script>