feat: 添加MSW模拟服务和数据源集成

refactor: 重构页面组件移除冗余Layout组件

feat: 实现WebSocket和事件总线系统

feat: 添加队列和调度系统

docs: 更新架构文档和服务映射

style: 清理重复接口定义使用数据源

chore: 更新依赖项配置

feat: 添加运行时系统和领域引导

ci: 配置ESLint边界检查规则

build: 添加Redis和WebSocket依赖

test: 添加MSW浏览器环境入口

perf: 优化数据获取逻辑使用统一数据源

fix: 修复类型定义和状态管理问题

dashboard/src/services/leaderboardDataSource.ts

@@ -0,0 +1,97 @@
+/**
+ * [MOCK] 排行榜数据源
+ * AI注意: 这是Mock实现，不是真实业务逻辑
+ * 仅在USE_MOCK=true时启用
+ */
+
+export interface LeaderboardEntry {
+  rank: number;
+  tenant_id: string;
+  tenant_name: string;
+  shop_id: string;
+  shop_name: string;
+  value: number;
+  tier: string;
+  is_verified: boolean;
+  growth_rate: number;
+}
+
+export interface LeaderboardData {
+  revenue: { rankings: LeaderboardEntry[]; total: number };
+  roi: { rankings: LeaderboardEntry[]; total: number };
+  growth: { rankings: LeaderboardEntry[]; total: number };
+  period: string;
+  updatedAt: string;
+}
+
+export interface MyRank {
+  revenue: { rank: number; percentile: number } | null;
+  roi: { rank: number; percentile: number } | null;
+  growth: { rank: number; percentile: number } | null;
+  period: string;
+}
+
+export interface ILeaderboardDataSource {
+  fetchLeaderboard(period: 'DAILY' | 'WEEKLY' | 'MONTHLY' | 'ALL_TIME'): Promise<LeaderboardData>;
+  fetchMyRank(period: 'DAILY' | 'WEEKLY' | 'MONTHLY' | 'ALL_TIME'): Promise<MyRank>;
+}
+
+class MockLeaderboardDataSource implements ILeaderboardDataSource {
+  private generateRankings(count: number, type: 'revenue' | 'roi' | 'growth'): LeaderboardEntry[] {
+    return Array.from({ length: count }, (_, i) => ({
+      rank: i + 1,
+      tenant_id: `tenant_${i + 1}`,
+      tenant_name: `Tenant ${i + 1}`,
+      shop_id: `shop_${i + 1}`,
+      shop_name: `Shop ${i + 1}`,
+      value: type === 'revenue' ? Math.floor(Math.random() * 100000) + 10000 :
+             type === 'roi' ? Math.floor(Math.random() * 100) + 20 :
+             Math.floor(Math.random() * 50) + 5,
+      tier: ['BASIC', 'PRO', 'ENTERPRISE'][Math.floor(Math.random() * 3)],
+      is_verified: Math.random() > 0.3,
+      growth_rate: Math.floor(Math.random() * 100) - 20,
+    }));
+  }
+
+  async fetchLeaderboard(period: 'DAILY' | 'WEEKLY' | 'MONTHLY' | 'ALL_TIME'): Promise<LeaderboardData> {
+    await new Promise(resolve => setTimeout(resolve, 500));
+    return {
+      revenue: { rankings: this.generateRankings(10, 'revenue'), total: 100 },
+      roi: { rankings: this.generateRankings(10, 'roi'), total: 100 },
+      growth: { rankings: this.generateRankings(10, 'growth'), total: 100 },
+      period,
+      updatedAt: new Date().toISOString(),
+    };
+  }
+
+  async fetchMyRank(period: 'DAILY' | 'WEEKLY' | 'MONTHLY' | 'ALL_TIME'): Promise<MyRank> {
+    await new Promise(resolve => setTimeout(resolve, 300));
+    return {
+      revenue: { rank: 15, percentile: 85 },
+      roi: { rank: 8, percentile: 92 },
+      growth: { rank: 22, percentile: 78 },
+      period,
+    };
+  }
+}
+
+class ApiLeaderboardDataSource implements ILeaderboardDataSource {
+  private baseUrl = '/api/leaderboard';
+
+  async fetchLeaderboard(period: 'DAILY' | 'WEEKLY' | 'MONTHLY' | 'ALL_TIME'): Promise<LeaderboardData> {
+    const response = await fetch(`${this.baseUrl}?period=${period}`);
+    if (!response.ok) throw new Error('Failed to fetch leaderboard');
+    return response.json();
+  }
+
+  async fetchMyRank(period: 'DAILY' | 'WEEKLY' | 'MONTHLY' | 'ALL_TIME'): Promise<MyRank> {
+    const response = await fetch(`${this.baseUrl}/my-rank?period=${period}`);
+    if (!response.ok) throw new Error('Failed to fetch my rank');
+    return response.json();
+  }
+}
+
+const useMock = process.env.REACT_APP_USE_MOCK === 'true';
+export const leaderboardDataSource: ILeaderboardDataSource = useMock
+  ? new MockLeaderboardDataSource()
+  : new ApiLeaderboardDataSource();