feat: 完善前后端核心功能模块

后端: - 新增认证(auth)、任务(tasks)、映射(mappings)、对账(reconciliation)、异常(exceptions)、导出(exports) API - 新增核心模块: database, security, permissions, tenant, exceptions, error_handlers - 新增数据模型: user, company, reconciliation_task, field_mapping, uploaded_file 等 - 新增服务层: ai_recognizer, file_parser, file_storage, mapping, reconciliation 等 - 添加数据库迁移脚本前端: - 新增登录页面和仪表盘页面 - 新增任务列表、任务详情、字段映射页面 - 新增异常处理页面和规则设置页面 - 新增 API 代理路由 /api/[...path] - 新增 UI 组件库 (button, card, dialog, input, table 等) - 新增 auth 组件 (ProtectedRoute, PermissionGate) - 新增 layout 组件 (Header, Sidebar) - 新增 mapping 组件 (FieldMappingTable, AISuggestionPanel) - 新增 API 客户端和 hooks (useAsync, useToast, usePermission 等) - 新增状态管理 (auth-store, company-store, ui-store) - 集成 Tailwind CSS 和 shadcn/ui 组件库其他: - 添加 Alembic 数据库迁移配置 - 添加初始化示例数据脚本 - 更新项目文档
2026-07-07 09:04:47 +08:00
parent 8487f6eadf
commit 33b4c734aa
117 changed files with 22070 additions and 295 deletions
@@ -0,0 +1,76 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+
+/**
+ * UI 状态接口
+ */
+interface UIState {
+  // 侧边栏状态
+  sidebarOpen: boolean;
+  
+  // 主题
+  theme: 'light' | 'dark' | 'system';
+  
+  // 加载状态
+  loading: boolean;
+  loadingMessage: string;
+  
+  // Actions
+  toggleSidebar: () => void;
+  setSidebarOpen: (open: boolean) => void;
+  setTheme: (theme: 'light' | 'dark' | 'system') => void;
+  setLoading: (loading: boolean, message?: string) => void;
+}
+
+/**
+ * UI 状态 Store
+ * 使用 localStorage 持久化部分状态
+ */
+export const useUIStore = create<UIState>()(
+  persist(
+    (set) => ({
+      sidebarOpen: true,
+      theme: 'light',
+      loading: false,
+      loadingMessage: '',
+
+      toggleSidebar: () => {
+        set((state) => ({ sidebarOpen: !state.sidebarOpen }));
+      },
+
+      setSidebarOpen: (open) => {
+        set({ sidebarOpen: open });
+      },
+
+      setTheme: (theme) => {
+        // 更新 DOM 元素的主题类
+        if (typeof window !== 'undefined') {
+          const root = window.document.documentElement;
+          root.classList.remove('light', 'dark');
+          
+          if (theme === 'system') {
+            const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
+              ? 'dark'
+              : 'light';
+            root.classList.add(systemTheme);
+          } else {
+            root.classList.add(theme);
+          }
+        }
+        
+        set({ theme });
+      },
+
+      setLoading: (loading, message = '') => {
+        set({ loading, loadingMessage: message });
+      },
+    }),
+    {
+      name: 'ui-storage',
+      partialize: (state) => ({
+        sidebarOpen: state.sidebarOpen,
+        theme: state.theme,
+      }),
+    }
+  )
+);