From 220a936a10b5b3581f86c782df9f78a814e84fb7 Mon Sep 17 00:00:00 2001
From: keven1024 <keven@fudaoyuan.icu>
Date: Thu, 17 Apr 2025 09:06:20 +0800
Subject: [PATCH] feat(front): update FormButton to prevent default click
 behavior and add MarkdownInputField component for rich text input

---
 front/components/Field/FormButton.vue         |  5 ++++-
 front/components/Field/MarkdownInputField.vue | 20 +++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 front/components/Field/MarkdownInputField.vue

diff --git a/front/components/Field/FormButton.vue b/front/components/Field/FormButton.vue
index cf36978..7b2bba3 100644
--- a/front/components/Field/FormButton.vue
+++ b/front/components/Field/FormButton.vue
@@ -1,5 +1,8 @@
 <template>
-  <Button @click="() => emit('click', form)" :disabled="!isValid">
+  <Button type="button" @click="(e) => {
+    e.preventDefault()
+    emit('click', form)
+  }" :disabled="!isValid">
     <slot />
   </Button>
 </template>
diff --git a/front/components/Field/MarkdownInputField.vue b/front/components/Field/MarkdownInputField.vue
new file mode 100644
index 0000000..1b8bfbe
--- /dev/null
+++ b/front/components/Field/MarkdownInputField.vue
@@ -0,0 +1,20 @@
+<template>
+    <Field :name="props.name" v-slot="{ field }">
+        <div class="flex flex-col gap-2">
+            <Label v-if="props.label">{{ props.label }}</Label>
+            <div class="border rounded-md">
+                <Tiptap v-bind="field" />
+            </div>
+        </div>
+    </Field>
+</template>
+
+<script setup lang="ts">
+import Tiptap from '@/components/Tiptap.vue'
+
+const props = defineProps<{
+    name: string
+    label?: string
+    placeholder?: string
+}>()
+</script>