From d8516e42ea279599f1335c02c772cbb5c6fe3988 Mon Sep 17 00:00:00 2001
From: fawney19 <elky0401@gmail.com>
Date: Fri, 12 Dec 2025 20:21:50 +0800
Subject: [PATCH] =?UTF-8?q?refactor(frontend):=20=E4=BC=98=E5=8C=96=20UI?=
 =?UTF-8?q?=20=E5=9F=BA=E7=A1=80=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加默认 class 属性支持
- 改进组件类型定义
- 优化属性配置
---
 frontend/src/components/ui/avatar-image.vue   | 2 ++
 frontend/src/components/ui/badge.vue          | 1 +
 frontend/src/components/ui/button.vue         | 1 +
 frontend/src/components/ui/card.vue           | 3 ++-
 frontend/src/components/ui/select-content.vue | 4 ++++
 frontend/src/components/ui/select-value.vue   | 2 +-
 frontend/src/components/ui/separator.vue      | 1 +
 7 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ui/avatar-image.vue b/frontend/src/components/ui/avatar-image.vue
index e0871d1..a658094 100644
--- a/frontend/src/components/ui/avatar-image.vue
+++ b/frontend/src/components/ui/avatar-image.vue
@@ -10,6 +10,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
+  class: undefined,
+  src: undefined,
   alt: ''
 })
 
diff --git a/frontend/src/components/ui/badge.vue b/frontend/src/components/ui/badge.vue
index 9e77ab5..6315bf2 100644
--- a/frontend/src/components/ui/badge.vue
+++ b/frontend/src/components/ui/badge.vue
@@ -5,6 +5,7 @@ import { computed } from 'vue'
 
 const props = withDefaults(defineProps<Props>(), {
   variant: 'default',
+  class: undefined,
 })
 
 const badgeVariants = cva(
diff --git a/frontend/src/components/ui/button.vue b/frontend/src/components/ui/button.vue
index 099d606..0f50bda 100644
--- a/frontend/src/components/ui/button.vue
+++ b/frontend/src/components/ui/button.vue
@@ -25,6 +25,7 @@ const props = withDefaults(defineProps<Props>(), {
   variant: 'default',
   size: 'default',
   disabled: false,
+  class: undefined,
   type: 'button'
 })
 
diff --git a/frontend/src/components/ui/card.vue b/frontend/src/components/ui/card.vue
index c9ffee5..d38a2df 100644
--- a/frontend/src/components/ui/card.vue
+++ b/frontend/src/components/ui/card.vue
@@ -14,7 +14,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  variant: 'default'
+  variant: 'default',
+  class: undefined,
 })
 
 // 标准卡片变体定义
diff --git a/frontend/src/components/ui/select-content.vue b/frontend/src/components/ui/select-content.vue
index 62600cc..4140ab8 100644
--- a/frontend/src/components/ui/select-content.vue
+++ b/frontend/src/components/ui/select-content.vue
@@ -35,8 +35,12 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
+  class: undefined,
   position: 'popper',
+  side: undefined,
   sideOffset: 4,
+  align: undefined,
+  alignOffset: undefined,
 })
 
 const contentClass = computed(() =>
diff --git a/frontend/src/components/ui/select-value.vue b/frontend/src/components/ui/select-value.vue
index 42bd2ec..6bb6a2b 100644
--- a/frontend/src/components/ui/select-value.vue
+++ b/frontend/src/components/ui/select-value.vue
@@ -5,7 +5,7 @@ interface Props {
   placeholder?: string
 }
 
-const props = defineProps<Props>()
+defineProps<Props>()
 </script>
 
 <template>
diff --git a/frontend/src/components/ui/separator.vue b/frontend/src/components/ui/separator.vue
index 31cc059..41f15f3 100644
--- a/frontend/src/components/ui/separator.vue
+++ b/frontend/src/components/ui/separator.vue
@@ -10,6 +10,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
+  class: undefined,
   orientation: 'horizontal',
   decorative: true,
 })