refactor: 迁移 UI 组件库从 Ant Design 至 TDesign

- 替换 antd 为 tdesign-react 作为主要 UI 组件库
- 引入 Recharts 替代 @ant-design/charts 实现图表功能
- 移除主题系统相关代码（ThemeContext、themes 目录）
- 更新所有组件以适配 TDesign 组件 API
- 更新测试用例以匹配新的组件实现
- 新增 TDesign 和 Recharts 集成规范文档

frontend/src/pages/Stats/StatsTable.tsx

@@ -1,7 +1,6 @@
 import { useMemo } from 'react';
-import { Table, Select, Input, DatePicker, Space, Card } from 'antd';
-import type { ColumnsType } from 'antd/es/table';
-import type { Dayjs } from 'dayjs';
+import { Table, Select, Input, DateRangePicker, Space, Card } from 'tdesign-react';
+import type { PrimaryTableCol } from 'tdesign-react/es/table/type';
 import type { UsageStats, Provider } from '@/types';
 
 interface StatsTableProps {
@@ -10,10 +9,10 @@ interface StatsTableProps {
   loading: boolean;
   providerId?: string;
   modelName?: string;
-  dateRange: [Dayjs | null, Dayjs | null] | null;
+  dateRange: [Date | null, Date | null] | null;
   onProviderIdChange: (value: string | undefined) => void;
   onModelNameChange: (value: string | undefined) => void;
-  onDateRangeChange: (dates: [Dayjs | null, Dayjs | null] | null) => void;
+  onDateRangeChange: (dates: [Date | null, Date | null] | null) => void;
 }
 
 export function StatsTable({
@@ -35,69 +34,76 @@ export function StatsTable({
     return map;
   }, [providers]);
 
-  const columns: ColumnsType<UsageStats> = [
+  const columns: PrimaryTableCol<UsageStats>[] = [
     {
       title: '供应商',
-      dataIndex: 'providerId',
-      key: 'providerId',
+      colKey: 'providerId',
       width: 180,
-      ellipsis: { showTitle: true },
-      render: (id: string) => providerMap.get(id) ?? id,
+      ellipsis: true,
+      cell: ({ row }) => providerMap.get(row.providerId) ?? row.providerId,
     },
     {
       title: '模型',
-      dataIndex: 'modelName',
-      key: 'modelName',
+      colKey: 'modelName',
       width: 250,
-      ellipsis: { showTitle: true },
+      ellipsis: true,
     },
     {
       title: '日期',
-      dataIndex: 'date',
-      key: 'date',
+      colKey: 'date',
       width: 120,
     },
     {
       title: '请求数',
-      dataIndex: 'requestCount',
-      key: 'requestCount',
+      colKey: 'requestCount',
       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]);
+    } else {
+      onDateRangeChange(null);
+    }
+  };
+
   return (
     <Card title="统计数据">
-      <Space wrap style={{ marginBottom: 16 }}>
+      <Space style={{ marginBottom: 16 }}>
         <Select
-          allowClear
+          clearable
           placeholder="所有供应商"
           style={{ width: 200 }}
           value={providerId}
-          onChange={(value) => onProviderIdChange(value)}
+          onChange={(value) => onProviderIdChange(value as string | undefined)}
           options={providers.map((p) => ({ label: p.name, value: p.id }))}
         />
         <Input
-          allowClear
+          clearable
           placeholder="模型名称"
           style={{ width: 200 }}
           value={modelName ?? ''}
-          onChange={(e) => onModelNameChange(e.target.value || undefined)}
+          onChange={(value) => onModelNameChange((value as string) || undefined)}
         />
-        <DatePicker.RangePicker
-          value={dateRange}
-          onChange={(dates) => onDateRangeChange(dates)}
+        <DateRangePicker
+          mode="date"
+          value={dateRange && dateRange[0] && dateRange[1] ? [dateRange[0], dateRange[1]] : []}
+          onChange={handleDateChange}
         />
       </Space>
 
       <Table<UsageStats>
         columns={columns}
-        dataSource={stats}
+        data={stats}
         rowKey="id"
         loading={loading}
         pagination={{ pageSize: 20 }}
-        scroll={{ x: 650 }}
-        locale={{ emptyText: '暂无统计数据' }}
+        empty="暂无统计数据"
       />
     </Card>
   );