refactor(frontend): 优化 Providers 功能模块

- 改进 ProviderFormDialog, KeyFormDialog, EndpointFormDialog 等组件
- 优化 ModelsTab 组件

frontend/src/features/providers/components/EndpointFormDialog.vue

@@ -155,19 +155,22 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
-import { Dialog } from '@/components/ui'
+import {
-import Button from '@/components/ui/button.vue'
+  Dialog,
-import Input from '@/components/ui/input.vue'
+  Button,
-import Label from '@/components/ui/label.vue'
+  Input,
-import Select from '@/components/ui/select.vue'
+  Label,
-import SelectTrigger from '@/components/ui/select-trigger.vue'
+  Select,
-import SelectValue from '@/components/ui/select-value.vue'
+  SelectTrigger,
-import SelectContent from '@/components/ui/select-content.vue'
+  SelectValue,
-import SelectItem from '@/components/ui/select-item.vue'
+  SelectContent,
+  SelectItem,
+} from '@/components/ui'
 import { Link, SquarePen } from 'lucide-vue-next'
 import { useToast } from '@/composables/useToast'
 import { useFormDialog } from '@/composables/useFormDialog'
 import { parseNumberInput } from '@/utils/form'
+import { log } from '@/utils/logger'
 import {
   createEndpoint,
   updateEndpoint,
@@ -184,8 +187,8 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   'update:modelValue': [value: boolean]
-  'endpoint-created': []
+  'endpointCreated': []
-  'endpoint-updated': []
+  'endpointUpdated': []
 }>()
 
 const { success, error: showError } = useToast()
@@ -216,7 +219,7 @@ const loadApiFormats = async () => {
     const response = await adminApi.getApiFormats()
     apiFormats.value = response.formats
   } catch (error) {
-    console.error('加载API格式失败:', error)
+    log.error('加载API格式失败:', error)
     if (!isEditMode.value) {
       showError('加载API格式失败', '错误')
     }
@@ -298,7 +301,7 @@ const handleSubmit = async () => {
       })
 
       success('端点已更新', '保存成功')
-      emit('endpoint-updated')
+      emit('endpointUpdated')
     } else if (props.provider) {
       // 创建端点
       await createEndpoint(props.provider.id, {
@@ -314,7 +317,7 @@ const handleSubmit = async () => {
       })
 
       success('端点创建成功', '成功')
-      emit('endpoint-created')
+      emit('endpointCreated')
       resetForm()
     }
 

frontend/src/features/providers/components/KeyFormDialog.vue

@@ -248,15 +248,13 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
-import { Dialog } from '@/components/ui'
+import { Dialog, Button, Input, Label } from '@/components/ui'
-import Button from '@/components/ui/button.vue'
-import Input from '@/components/ui/input.vue'
-import Label from '@/components/ui/label.vue'
 import { Key, SquarePen } from 'lucide-vue-next'
 import { useToast } from '@/composables/useToast'
 import { useFormDialog } from '@/composables/useFormDialog'
 import { parseApiError } from '@/utils/errorParser'
 import { parseNumberInput } from '@/utils/form'
+import { log } from '@/utils/logger'
 import {
   addEndpointKey,
   updateEndpointKey,
@@ -316,7 +314,7 @@ async function loadCapabilities() {
   try {
     availableCapabilities.value = await getAllCapabilities()
   } catch (err) {
-    console.error('Failed to load capabilities:', err)
+    log.error('Failed to load capabilities:', err)
   }
 }
 

frontend/src/features/providers/components/ProviderDetailDrawer.vue

@@ -68,7 +68,7 @@
                     variant="ghost"
                     size="icon"
                     :title="provider.is_active ? '点击停用' : '点击启用'"
-                    @click="$emit('toggle-status', provider)"
+                    @click="$emit('toggleStatus', provider)"
                   >
                     <Power class="w-4 h-4" />
                   </Button>
@@ -699,7 +699,7 @@ const props = defineProps<Props>()
 const emit = defineEmits<{
   (e: 'update:open', value: boolean): void
   (e: 'edit', provider: any): void
-  (e: 'toggle-status', provider: any): void
+  (e: 'toggleStatus', provider: any): void
   (e: 'refresh'): void
 }>()
 
@@ -1107,9 +1107,6 @@ async function handleDrop(event: DragEvent, targetKey: EndpointAPIKey, endpoint:
     return
   }
 
-  const draggedKey = keys[draggedIndex]
-  const draggedKeyOriginalPriority = draggedKey.internal_priority ?? draggedIndex
-
   // 记录原始优先级分组（排除被拖动的密钥）
   // key: 原始优先级值, value: 密钥ID数组
   const originalGroups = new Map<number, string[]>()
@@ -1251,7 +1248,7 @@ async function copyToClipboard(text: string) {
   try {
     await navigator.clipboard.writeText(text)
     showSuccess('已复制到剪贴板')
-  } catch (err) {
+  } catch {
     showError('复制失败', '错误')
   }
 }
@@ -1287,7 +1284,7 @@ async function loadEndpoints() {
         try {
           const keys = await getEndpointKeys(endpoint.id)
           return { ...endpoint, keys }
-        } catch (err) {
+        } catch {
           // 如果获取密钥失败，返回空数组
           return { ...endpoint, keys: [] }
         }

frontend/src/features/providers/components/ProviderFormDialog.vue

@@ -209,8 +209,8 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   'update:modelValue': [value: boolean]
-  'provider-created': []
+  'providerCreated': []
-  'provider-updated': []
+  'providerUpdated': []
 }>()
 
 const { success, error: showError } = useToast()
@@ -319,12 +319,12 @@ const handleSubmit = async () => {
       // 更新提供商
       await updateProvider(props.provider.id, payload)
       success('提供商更新成功')
-      emit('provider-updated')
+      emit('providerUpdated')
     } else {
       // 创建提供商
       await createProvider(payload)
       success('提供商已创建，请继续添加端点和密钥，或在优先级管理中调整顺序', '创建成功')
-      emit('provider-created')
+      emit('providerCreated')
     }
 
     emit('update:modelValue', false)