feat: 前端集成 Prettier 代码格式化

frontend/src/pages/Stats/StatsTable.tsx

@@ -1,18 +1,18 @@
-import { useMemo } from 'react';
-import { Table, Select, Input, DateRangePicker, Space, Card } from 'tdesign-react';
-import type { UsageStats, Provider } from '@/types';
-import type { PrimaryTableCol } from 'tdesign-react/es/table/type';
+import { useMemo } from 'react'
+import { Table, Select, Input, DateRangePicker, Space, Card } from 'tdesign-react'
+import type { UsageStats, Provider } from '@/types'
+import type { PrimaryTableCol } from 'tdesign-react/es/table/type'
 
 interface StatsTableProps {
-  providers: Provider[];
-  stats: UsageStats[];
-  loading: boolean;
-  providerId?: string;
-  modelName?: string;
-  dateRange: [Date | null, Date | null] | null;
-  onProviderIdChange: (value: string | undefined) => void;
-  onModelNameChange: (value: string | undefined) => void;
-  onDateRangeChange: (dates: [Date | null, Date | null] | null) => void;
+  providers: Provider[]
+  stats: UsageStats[]
+  loading: boolean
+  providerId?: string
+  modelName?: string
+  dateRange: [Date | null, Date | null] | null
+  onProviderIdChange: (value: string | undefined) => void
+  onModelNameChange: (value: string | undefined) => void
+  onDateRangeChange: (dates: [Date | null, Date | null] | null) => void
 }
 
 export function StatsTable({
@@ -27,12 +27,12 @@ export function StatsTable({
   onDateRangeChange,
 }: StatsTableProps) {
   const providerMap = useMemo(() => {
-    const map = new Map<string, string>();
+    const map = new Map<string, string>()
     for (const p of providers) {
-      map.set(p.id, p.name);
+      map.set(p.id, p.name)
     }
-    return map;
-  }, [providers]);
+    return map
+  }, [providers])
 
   const columns: PrimaryTableCol<UsageStats>[] = [
     {
@@ -50,7 +50,7 @@ export function StatsTable({
       cell: ({ row }) => {
         // 如果后端返回统一 ID 格式（包含 /），直接显示
         // 否则显示原始 model_name
-        return row.modelName;
+        return row.modelName
       },
     },
     {
@@ -64,25 +64,25 @@ export function StatsTable({
       width: 100,
       align: 'right',
     },
-  ];
+  ]
 
   const handleDateChange = (value: unknown) => {
     if (Array.isArray(value) && value.length === 2) {
       // 将值转换为Date对象
-      const startDate = value[0] ? new Date(value[0] as string | number | Date) : null;
-      const endDate = value[1] ? new Date(value[1] as string | number | Date) : null;
-      onDateRangeChange([startDate, endDate]);
+      const startDate = value[0] ? new Date(value[0] as string | number | Date) : null
+      const endDate = value[1] ? new Date(value[1] as string | number | Date) : null
+      onDateRangeChange([startDate, endDate])
     } else {
-      onDateRangeChange(null);
+      onDateRangeChange(null)
     }
-  };
+  }
 
   return (
-    <Card title="统计数据" headerBordered hoverShadow>
-      <Space style={{ marginBottom: 16 }} size="medium" breakLine>
+    <Card title='统计数据' headerBordered hoverShadow>
+      <Space style={{ marginBottom: 16 }} size='medium' breakLine>
         <Select
           clearable
-          placeholder="所有供应商"
+          placeholder='所有供应商'
           style={{ width: 200 }}
           value={providerId}
           onChange={(value) => onProviderIdChange(value as string | undefined)}
@@ -90,13 +90,13 @@ export function StatsTable({
         />
         <Input
           clearable
-          placeholder="模型名称"
+          placeholder='模型名称'
           style={{ width: 200 }}
           value={modelName ?? ''}
           onChange={(value) => onModelNameChange((value as string) || undefined)}
         />
         <DateRangePicker
-          mode="date"
+          mode='date'
           value={dateRange && dateRange[0] && dateRange[1] ? [dateRange[0], dateRange[1]] : []}
           onChange={handleDateChange}
         />
@@ -105,12 +105,12 @@ export function StatsTable({
       <Table<UsageStats>
         columns={columns}
         data={stats}
-        rowKey="id"
+        rowKey='id'
         loading={loading}
         stripe
         pagination={{ pageSize: 20 }}
-        empty="暂无统计数据"
+        empty='暂无统计数据'
       />
     </Card>
-  );
+  )
 }