refactor(frontend): 优化 UI 基础组件

- 添加默认 class 属性支持
- 改进组件类型定义
- 优化属性配置

frontend/src/components/ui/avatar-image.vue

@@ -10,6 +10,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
+  class: undefined,
+  src: undefined,
   alt: ''
 })
 

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(

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'
 })
 

frontend/src/components/ui/card.vue

@@ -14,7 +14,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  variant: 'default'
+  variant: 'default',
+  class: undefined,
 })
 
 // 标准卡片变体定义

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(() =>

frontend/src/components/ui/select-value.vue

@@ -5,7 +5,7 @@ interface Props {
   placeholder?: string
 }
 
-const props = defineProps<Props>()
+defineProps<Props>()
 </script>
 
 <template>

frontend/src/components/ui/separator.vue

@@ -10,6 +10,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
+  class: undefined,
   orientation: 'horizontal',
   decorative: true,
 })