From 3d88c68ed5bfad9e14a4496c3e2b77a8fd837ae7 Mon Sep 17 00:00:00 2001
From: keven1024 <keven@fudaoyuan.icu>
Date: Mon, 7 Jul 2025 15:23:20 +0800
Subject: [PATCH] fix: refactor InputField component to improve attribute
 binding and remove unused props

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

diff --git a/front/components/Field/InputField.vue b/front/components/Field/InputField.vue
index ab47fae..6b8ea1c 100644
--- a/front/components/Field/InputField.vue
+++ b/front/components/Field/InputField.vue
@@ -1,17 +1,15 @@
 <template>
-  <Field :name="props.name" v-slot="{ field }">
-    <div class="flex flex-col gap-2">
-      <Label v-if="props.label">{{ props.label }}</Label>
-      <Input v-bind="field" :placeholder="props.placeholder" :class="props.class" />
-    </div>
-  </Field>
+    <Field :name="props.name" v-slot="{ field }">
+        <div class="flex flex-col gap-2">
+            <Label v-if="props.label">{{ props.label }}</Label>
+            <Input v-bind="{ ...field, ...$attrs }" />
+        </div>
+    </Field>
 </template>
 <script setup lang="ts">
 import { Input } from '@/components/ui/input'
 const props = defineProps<{
-  name: string
-  label?: string
-  placeholder?: string
-  class?: string
+    name: string
+    label?: string
 }>()
 </script>