feat: app.json配置修改

feat: update
2025-11-06 22:19:21 +08:00 · 2025-11-06 21:59:14 +08:00 · 2025-11-06 16:37:01 +08:00 · 2025-11-05 17:25:23 +08:00 · 2025-11-05 17:24:55 +08:00
73 changed files with 6373 additions and 896 deletions
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,7 @@
+# 开发环境配置
+# EXPO_PUBLIC_API_URL=/api  # 注释掉，让 config.ts 根据平台自动选择
+EXPO_PUBLIC_API_TIMEOUT=10000
+
+# 测试环境的域名
+API_TARGET=https://51zhh5.notbug.org
+
--- a/.env.example
+++ b/.env.example
@@ -1,11 +1,34 @@
-# API 配置
-EXPO_PUBLIC_API_URL=https://api.example.com
+# 环境变量示例文件
+# 复制此文件为 .env 并填入实际值

+# ============================================
+# API 配置
+# ============================================
+
+# API 基础 URL
+# 开发环境推荐使用相对路径 "/" 配合代理服务器
+# 生产环境根据实际情况配置：
+#   - 如果前后端同域：使用 "/"
+#   - 如果前后端分离：使用完整 URL "https://api.yourdomain.com/api"
+EXPO_PUBLIC_API_URL=/
+
+# API 请求超时时间（毫秒）
+EXPO_PUBLIC_API_TIMEOUT=10000
+
+# ============================================
 # 应用信息
+# ============================================
+
 EXPO_PUBLIC_APP_NAME=RN Demo
 EXPO_PUBLIC_APP_VERSION=1.0.0

-# 其他配置
+# ============================================
+# 其他配置（可选）
+# ============================================
+
+# Sentry 错误追踪
 # EXPO_PUBLIC_SENTRY_DSN=
+
+# 分析工具 ID
 # EXPO_PUBLIC_ANALYTICS_ID=

--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,4 @@
+# 生产环境配置
+EXPO_PUBLIC_API_URL=/
+EXPO_PUBLIC_API_TIMEOUT=10000
+
--- a/.prettierignore
+++ b/.prettierignore
@@ -0,0 +1,55 @@
+# Dependencies
+node_modules
+.pnp
+.pnp.js
+
+# Build outputs
+.expo
+.expo-shared
+dist
+build
+*.tsbuildinfo
+
+# Cache
+.cache
+.parcel-cache
+.next
+.nuxt
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# OS
+.DS_Store
+Thumbs.db
+
+# IDE
+.vscode
+.idea
+*.swp
+*.swo
+*~
+
+# Environment
+.env
+.env.local
+.env.*.local
+
+# Generated files
+coverage
+.nyc_output
+
+# Lock files
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+
+# Misc
+*.min.js
+*.min.css
+public
+
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -0,0 +1,15 @@
+{
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "endOfLine": "lf",
+  "jsxSingleQuote": false,
+  "bracketSameLine": false,
+  "quoteProps": "as-needed",
+  "proseWrap": "preserve"
+}
--- a/README.md
+++ b/README.md
@@ -20,15 +20,28 @@

 ## ✨ 项目特性

+### 核心特性
+
 - 🎯 **Expo Router** - 文件路由系统，类似 Next.js，支持类型安全的导航
 - 📘 **TypeScript** - 完整的类型支持，提升代码质量
 - 🔥 **EAS Update** - 热更新支持（CodePush 的官方替代方案）
 - ⚡ **React Native 新架构** - 启用 Fabric 渲染器和 TurboModules
 - 📦 **pnpm** - 快速、节省磁盘空间的包管理器
 - 🧭 **标签导航** - 开箱即用的导航示例
- 🎨 **主题支持** - 内置深色/浅色主题切换
+- 🎨 **完整主题系统** - 深色/浅色/自动主题切换，完整的颜色配置 🎯
 - 📱 **跨平台** - 支持 iOS、Android 和 Web

+### 架构特性 🎯
+
+- 📁 **扁平化目录结构** - 清晰的模块组织，符合社区最佳实践
+- 🔄 **模块化导出** - 每个目录独立导出，避免循环依赖
+- 💾 **双存储系统** - AsyncStorage（持久化）+ SessionStorage（临时）
+- 🎨 **主题化组件** - ThemedText 和 ThemedView，自动适配主题
+- 🔐 **API 加密** - 请求/响应自动加密解密
+- 📊 **状态管理** - Zustand + AsyncStorage 持久化
+- ✅ **数据验证** - Zod 表单验证
+- 🎯 **类型安全** - 完整的 TypeScript 类型定义
+
 ## 🚀 快速开始

 ### 前置要求
@@ -69,16 +82,19 @@ pnpm start
 #### 方法 2：使用模拟器

 **Android 模拟器：**
+
 ```bash
 pnpm android
 ```

 **iOS 模拟器（仅 macOS）：**
+
 ```bash
 pnpm ios
 ```

 **Web 浏览器：**
+
 ```bash
 pnpm web
 ```
@@ -91,53 +107,100 @@ rn-demo/
 │   ├── (tabs)/                      # 标签导航组
 │   │   ├── index.tsx               # 首页 - 热更新演示 ⭐
 │   │   ├── two.tsx                 # 第二个标签页
-│   │   ├── demo.tsx                # 完整示例页面
+│   │   ├── demo.tsx                # 完整示例页面 🎯
+│   │   ├── paper.tsx               # React Native Paper 示例
 │   │   └── _layout.tsx             # 标签布局
+│   ├── test-page.tsx               # 测试页面（无 tabs）🎯
 │   ├── _layout.tsx                 # 根布局 - 自动检查更新 ⭐
 │   ├── modal.tsx                   # 模态页面示例
 │   ├── +html.tsx                   # Web HTML 模板
 │   └── +not-found.tsx              # 404 页面
 │
-├── 💻 src/                          # 源代码目录
-│   ├── utils/                       # 工具函数
+├── 💻 业务代码目录
+├── utils/                           # 工具函数
+│   ├── network/                    # 网络相关
 │   │   ├── api.ts                 # Axios API 配置
-│   │   ├── storage.ts              # AsyncStorage 封装
-│   │   └── date.ts                 # Day.js 日期工具
-│   ├── stores/                      # Zustand 状态管理
-│   │   ├── userStore.ts            # 用户状态
-│   │   └── settingsStore.ts        # 应用设置
-│   ├── schemas/                     # Zod 验证规则
-│   │   ├── auth.ts                 # 认证验证
-│   │   └── user.ts                 # 用户验证
-│   ├── services/                    # API 服务层
-│   │   ├── authService.ts          # 认证服务
-│   │   └── userService.ts          # 用户服务
-│   ├── hooks/                       # 自定义 Hooks
-│   │   ├── useDebounce.ts          # 防抖 Hook
-│   │   ├── useThrottle.ts          # 节流 Hook
-│   │   └── useHaptics.ts           # 触觉反馈 Hook
-│   ├── types/                       # TypeScript 类型
-│   │   └── index.ts                # 全局类型定义
-│   └── index.ts                     # 统一导出 ⭐
+│   │   ├── helper.ts              # 加密/解密工具
+│   │   └── error.ts               # 错误处理
+│   ├── storage.ts                  # AsyncStorage 封装
+│   ├── sessionStorage.ts           # Session Storage 实现 🎯
+│   ├── storageManager.ts           # 统一存储管理器 🎯
+│   ├── config.ts                   # 配置管理
+│   ├── date.ts                     # Day.js 日期工具
+│   ├── common.ts                   # 通用工具
+│   └── index.ts                    # 统一导出
+│
+├── stores/                          # Zustand 状态管理
+│   ├── userStore.ts                # 用户状态
+│   ├── settingsStore.ts            # 应用设置
+│   ├── tenantStore.ts              # 租户状态 🎯
+│   └── index.ts                    # 统一导出
+│
+├── schemas/                         # Zod 验证规则
+│   ├── auth.ts                     # 认证验证
+│   ├── user.ts                     # 用户验证
+│   └── index.ts                    # 统一导出
+│
+├── services/                        # API 服务层
+│   ├── authService.ts              # 认证服务
+│   ├── userService.ts              # 用户服务
+│   ├── tenantService.ts            # 租户服务 🎯
+│   └── index.ts                    # 统一导出
+│
+├── hooks/                           # 自定义 Hooks
+│   ├── useDebounce.ts              # 防抖 Hook
+│   ├── useThrottle.ts              # 节流 Hook
+│   ├── useHaptics.ts               # 触觉反馈 Hook
+│   ├── useRequest.ts               # 请求 Hook 🎯
+│   ├── useTheme.ts                 # 主题 Hooks 🎯
+│   ├── useColorScheme.ts           # 颜色方案 Hook 🎯
+│   ├── useColorScheme.web.ts       # Web 平台颜色方案 🎯
+│   ├── useClientOnlyValue.ts       # 客户端值 Hook 🎯
+│   ├── useClientOnlyValue.web.ts   # Web 平台客户端值 🎯
+│   └── index.ts                    # 统一导出
+│
+├── types/                           # TypeScript 类型
+│   ├── api.ts                      # API 类型定义
+│   └── index.ts                    # 统一导出
+│
+├── screens/                         # 业务页面组件 🎯
+│   └── index.ts                    # 统一导出
 │
 ├── 🧩 components/                   # 可复用组件
-│   ├── Themed.tsx                  # 主题化组件
+│   ├── Themed.tsx                  # 主题化组件 🎯
+│   ├── ThemeDemo.tsx               # 主题演示组件 🎯
 │   ├── ExternalLink.tsx            # 外部链接组件
-│   └── useColorScheme.ts           # 主题 Hook
+│   └── index.ts                    # 统一导出 🎯
+│
+├── 🎨 theme/                        # 主题系统 🎯 NEW!
+│   ├── index.ts                    # 统一导出
+│   ├── utils.ts                    # 主题工具函数
+│   └── styles.ts                   # 样式工厂（类似 CSS 类名）
 │
 ├── 🎯 constants/                    # 常量配置
-│   └── Colors.ts                   # 颜色主题
+│   ├── Colors.ts                   # 颜色主题（完整配置）🎯
+│   └── network.ts                  # 网络常量
 │
 ├── 🎨 assets/                       # 静态资源
 │   ├── images/                     # 图片资源
 │   └── fonts/                      # 字体文件
 │
-├── 📚 docs/                         # 项目文档
+├── 📚 docs/                         # 项目文档 🎯
 │   ├── USAGE_EXAMPLES.md           # 使用示例
-│   └── LIBRARIES.md                # 工具库使用指南
+│   ├── LIBRARIES.md                # 工具库使用指南
+│   ├── PROJECT_STRUCTURE_V2.md     # 项目结构说明 🎯
+│   ├── MIGRATION_TO_FLAT_STRUCTURE.md  # 扁平化迁移报告 🎯
+│   ├── STORES_ARCHITECTURE.md      # Stores 架构设计 🎯
+│   ├── STORAGE_GUIDE.md            # 存储系统使用指南 🎯
+│   ├── THEME_GUIDE.md              # 主题系统使用指南 🎯 NEW!
+│   └── ... 更多文档
+│
+├── 🔧 scripts/                      # 脚本文件
+│   └── proxy-server.js             # 代理服务器 🎯
 │
 ├── ⚙️ 配置文件
-│   ├── .env.example                # 环境变量示例 🎯 NEW!
+│   ├── .env.development            # 开发环境变量 🎯
+│   ├── .env.production             # 生产环境变量 🎯
 │   ├── app.json                    # Expo 配置 ⭐
 │   ├── eas.json                    # EAS 构建和更新配置 ⭐
 │   ├── package.json                # 项目依赖
@@ -150,78 +213,134 @@ rn-demo/
    └── CHANGELOG.md                # 更新日志

 ⭐ = 热更新相关的关键文件
-🎯 = 新增的文件/目录
+🎯 = 新增/更新的文件/目录
 ```

 ### 关键目录说明

 #### 📱 `app/` - 路由和页面
+
 - **`app/_layout.tsx`** - 应用启动时自动检查更新
 - **`app/(tabs)/index.tsx`** - 热更新演示页面
 - **`app/(tabs)/demo.tsx`** - 完整示例页面，展示所有工具的使用 🎯
+- **`app/test-page.tsx`** - 测试页面示例（不包含底部 tabs）🎯
+
+#### 💻 业务代码目录（扁平化结构）🎯
+
+项目采用扁平化目录结构，所有业务模块都在根目录下：
+
+- **`utils/`** - 工具函数
+  - 网络请求（Axios + 加密）
+  - 存储管理（AsyncStorage + SessionStorage）🎯
+  - 日期处理（Day.js）
+  - 配置管理
+
+- **`stores/`** - 状态管理（Zustand）
+  - 用户状态（登录、用户信息）
+  - 应用设置（主题、语言、触觉反馈）
+  - 租户状态 🎯
+
+- **`schemas/`** - 数据验证（Zod）
+  - 认证表单验证
+  - 用户数据验证

-#### 💻 `src/` - 源代码目录 🎯
-项目的核心业务逻辑代码，包含：
- **`utils/`** - 工具函数（API、存储、日期）
- **`stores/`** - 状态管理（用户、设置）
- **`schemas/`** - 数据验证（认证、用户）
 - **`services/`** - API 服务层
+  - 认证服务
+  - 用户服务
+  - 租户服务 🎯
+
 - **`hooks/`** - 自定义 Hooks
+  - 防抖/节流
+  - 触觉反馈
+  - 请求管理 🎯
+  - 主题 Hooks（useColorScheme, useTheme, useClientOnlyValue）🎯
+
 - **`types/`** - TypeScript 类型定义
- **`index.ts`** - 统一导出所有模块
+
+- **`screens/`** - 业务页面组件 🎯
+
+- **`theme/`** - 主题系统 🎯 NEW!
+  - 统一的主题配置导出
+  - 主题工具函数
+  - 样式工厂（类似 CSS 类名）
+
+每个目录都有 `index.ts` 文件，负责统一导出该目录下的所有模块。
+
+#### 🧩 `components/` - 可复用组件
+
+- **`Themed.tsx`** - 主题化组件（ThemedText, ThemedView）🎯
+- **`ThemeDemo.tsx`** - 主题演示组件 🎯

 #### 📚 `docs/` - 项目文档 🎯
+
 完善的项目文档，包含：
+
 - **使用指南** - 如何使用各个工具
 - **代码示例** - 实际的代码示例
 - **配置说明** - 项目配置详解
+- **架构设计** - Stores 架构、存储系统等
+- **主题系统** - 主题配置和样式使用指南 🎯 NEW!
+- **迁移报告** - 扁平化目录结构迁移

 ### 核心文件说明

 #### 热更新相关 ⭐
+
 - **`app.json`** - Expo 配置，包含热更新设置
 - **`eas.json`** - EAS 构建和更新通道配置
 - **`app/_layout.tsx`** - 自动检查更新逻辑
 - **`app/(tabs)/index.tsx`** - 手动检查更新功能

 #### 工具配置 🎯
- **`src/index.ts`** - 统一导出，从这里导入所有工具
- **`.env.example`** - 环境变量配置示例
+
+- **各目录的 `index.ts`** - 统一导出，从这里导入所有工具
+- **`.env.development` / `.env.production`** - 环境变量配置 🎯
 - **`tsconfig.json`** - 配置了路径别名 `@/*`

 ### 已安装的工具库

 项目已安装并配置好以下工具库：

-| 类别 | 工具库 | 用途 |
-|------|--------|------|
-| **工具类** | lodash-es | JavaScript 工具函数 |
-| | dayjs | 日期处理 |
-| | axios | HTTP 请求 |
-| **状态管理** | zustand | 轻量级状态管理 |
-| **表单处理** | react-hook-form | 表单管理 |
-| | zod | 数据验证 |
-| **原生功能** | @react-native-async-storage/async-storage | 本地存储 |
-| | expo-image | 优化的图片组件 |
-| | expo-haptics | 触觉反馈 |
+| 类别         | 工具库                                    | 用途                | 状态 |
+| ------------ | ----------------------------------------- | ------------------- | ---- |
+| **工具类**   | lodash-es                                 | JavaScript 工具函数 | ✅   |
+|              | dayjs                                     | 日期处理            | ✅   |
+|              | axios                                     | HTTP 请求           | ✅   |
+| **状态管理** | zustand                                   | 轻量级状态管理      | ✅   |
+| **表单处理** | react-hook-form                           | 表单管理            | ✅   |
+|              | zod                                       | 数据验证            | ✅   |
+| **原生功能** | @react-native-async-storage/async-storage | 本地存储            | ✅   |
+|              | expo-image                                | 优化的图片组件      | ✅   |
+|              | expo-haptics                              | 触觉反馈            | ✅   |
+| **UI 组件**  | react-native-paper                        | Material Design 组件 | ✅   |

 ### 快速开始

-1. **查看完整示例** - 运行应用，点击 "完整示例" tab 🎯
+1. **查看完整示例** - 运行应用，点击 "Demo" tab 🎯
 2. **阅读文档** - 查看 [docs/](./docs/) 目录中的文档
-3. **使用工具** - 从 `@/src` 导入所需的工具
+3. **使用工具** - 从各个模块目录导入所需的工具

 ```typescript
-// 示例：导入工具
+// ✅ 推荐：从模块目录导入
+import { Storage, SessionStorage, StorageManager, formatDate } from '@/utils';
+import { useUser, useTheme, useLanguage } from '@/stores';
+import { authService, userService } from '@/services';
+import { useDebounce, useHaptics, useColorScheme, useThemeColors, useClientOnlyValue } from '@/hooks';
+import { loginSchema } from '@/schemas';
+
+// ✅ 主题系统：统一从 theme 目录导入 🎯 NEW!
 import {
-  api,
-  Storage,
-  formatDate,
-  useUserStore,
-  authService,
-  useDebounce,
-  useHaptics,
-} from '@/src';
+  useColorScheme,
+  useThemeColors,
+  ThemedText,
+  ThemedView,
+  commonStyles,
+  createThemeStyles,
+} from '@/theme';
+
+// ✅ 也可以：直接从具体文件导入
+import { useUser } from '@/stores/userStore';
+import { formatDate } from '@/utils/date';
 ```

 ## 🔥 热更新使用指南
@@ -243,22 +362,26 @@ eas init
 ```

 这会：
+
 - 创建一个唯一的项目 ID
 - 自动更新 `app.json` 中的 `extra.eas.projectId`

 ### 步骤 3：构建开发版本

 **Android 开发构建：**
+
 ```bash
 eas build --profile development --platform android
 ```

 **iOS 开发构建（需要 macOS 和 Apple 开发者账号）：**
+
 ```bash
 eas build --profile development --platform ios
 ```

 构建过程需要 **10-20 分钟**。完成后：
+
 1. 在 [expo.dev](https://expo.dev) 控制台下载构建的 APK/IPA 文件
 2. 安装到你的设备上

@@ -292,7 +415,7 @@ eas update --channel production --message "v1.0.1: 添加了新功能"
 项目配置了三个更新通道（在 `eas.json` 中定义）：

 | 通道            | 用途     | 适用场景       |
-|------|------|----------|
+| --------------- | -------- | -------------- |
 | **development** | 开发环境 | 日常开发和测试 |
 | **preview**     | 预览环境 | 内部测试和 QA  |
 | **production**  | 生产环境 | 正式发布给用户 |
@@ -404,12 +527,9 @@ button: {
 const [count, setCount] = useState(0);

 // 在 JSX 中添加
-<TouchableOpacity
-  style={styles.button}
-  onPress={() => setCount(count + 1)}
->
+<TouchableOpacity style={styles.button} onPress={() => setCount(count + 1)}>
  <Text style={styles.buttonText}>点击次数: {count}</Text>
-</TouchableOpacity>
+</TouchableOpacity>;
 ```

 修改后，运行 `eas update` 发布更新，然后在应用中检查更新即可看到变化。
@@ -481,6 +601,7 @@ Alert.alert(
 ```

 **配置说明：**
+
 - `updates.url` - EAS Update 服务器地址（运行 `eas init` 后自动生成）
 - `runtimeVersion.policy` - 运行时版本策略，确保更新兼容性
  - `appVersion` - 基于 `version` 字段（当前使用）
@@ -512,6 +633,7 @@ Alert.alert(
 ```

 **配置说明：**
+
 - `developmentClient` - 是否为开发客户端（包含开发工具）
 - `distribution` - 分发方式（`internal` 或 `store`）
 - `channel` - 更新通道，决定应用接收哪个通道的更新
@@ -521,6 +643,7 @@ Alert.alert(
 ### 何时使用热更新

 ✅ **适合热更新的场景：**
+
 - ✅ 修复 JavaScript/TypeScript 代码 bug
 - ✅ 更新 UI 样式和布局
 - ✅ 修改业务逻辑
@@ -529,6 +652,7 @@ Alert.alert(
 - ✅ 添加新的 JS 功能

 ❌ **不适合热更新的场景（需要重新构建）：**
+
 - ❌ 添加/删除原生依赖（如 `react-native-camera`）
 - ❌ 修改原生代码（iOS/Android）
 - ❌ 更改应用权限（如相机、位置权限）
@@ -539,11 +663,13 @@ Alert.alert(
 ### 版本管理策略

 **appVersion 策略**（当前使用）：
+
 - 基于 `app.json` 中的 `version` 字段
 - ✅ 优点：简单直观，易于理解
 - ⚠️ 注意：每次原生构建需要手动更新版本号

 **nativeVersion 策略**：
+
 - 基于原生构建号（iOS 的 `buildNumber`，Android 的 `versionCode`）
 - ✅ 优点：自动管理，无需手动更新
 - ⚠️ 注意：需要配置原生构建号
@@ -564,6 +690,7 @@ Alert.alert(
 ### Q: 更新后没有生效？

 **A:** 检查以下几点：
+
 1. 确保应用完全关闭后重新打开（不是后台切换）
 2. 检查更新通道是否匹配（development/preview/production）
 3. 确保 `runtimeVersion` 匹配
@@ -573,6 +700,7 @@ Alert.alert(
 ### Q: 如何回滚到之前的版本？

 **A:**
+
 ```bash
 # 查看更新历史
 eas update:list --channel production
@@ -584,6 +712,7 @@ eas update --channel production --branch main --message "回滚到稳定版本"
 ### Q: 热更新的大小限制是多少？

 **A:** EAS Update 没有严格的大小限制，但建议：
+
 - 保持更新包 < 10MB 以确保良好的用户体验
 - 避免在更新中包含大量图片或资源文件
 - 使用 CDN 托管大型资源
@@ -607,6 +736,7 @@ if (update.isAvailable) {
 ### Q: 更新检查的频率是多少？

 **A:**
+
 - **应用启动时**：自动检查（在 `app/_layout.tsx` 中配置）
 - **手动检查**：用户点击"检查更新"按钮
 - **后台检查**：可以配置定时检查（需要自己实现）
@@ -614,6 +744,7 @@ if (update.isAvailable) {
 ### Q: 如何在开发时测试热更新？

 **A:**
+
 1. 构建 Development Build：`eas build --profile development --platform android`
 2. 安装到设备
 3. 修改代码
@@ -635,6 +766,7 @@ if (update.isAvailable) {
 ## 📚 相关资源

 ### 官方文档
+
 - [Expo 官方文档](https://docs.expo.dev/)
 - [Expo Router 文档](https://docs.expo.dev/router/introduction/)
 - [EAS Update 文档](https://docs.expo.dev/eas-update/introduction/)
@@ -642,11 +774,13 @@ if (update.isAvailable) {
 - [React Native 文档](https://reactnative.dev/)

 ### 学习资源
+
 - [Expo Router 最佳实践](https://docs.expo.dev/router/best-practices/)
 - [EAS Update 最佳实践](https://docs.expo.dev/eas-update/best-practices/)
 - [React Native 新架构](https://reactnative.dev/docs/the-new-architecture/landing-page)

 ### 社区
+
 - [Expo Discord](https://chat.expo.dev/)
 - [Expo Forums](https://forums.expo.dev/)
 - [React Native Community](https://reactnative.dev/community/overview)
@@ -655,13 +789,14 @@ if (update.isAvailable) {

 更多详细文档请查看 [docs](./docs/) 目录：

+### 使用指南
+
 - **[使用示例](./docs/USAGE_EXAMPLES.md)** - 实际代码示例
 - **[工具库使用指南](./docs/LIBRARIES.md)** - 详细的工具库使用方法和示例
-
-
+- **[存储系统使用指南](./docs/STORAGE_GUIDE.md)** - AsyncStorage 和 SessionStorage 使用 🎯

 ---
+
 **祝你开发愉快！** 🎉

 如有问题，请查看 [常见问题](#-常见问题) 或访问 [Expo 官方文档](https://docs.expo.dev/)。
-
--- a/app.json
+++ b/app.json
@@ -31,23 +31,9 @@
      "output": "static",
      "favicon": "./assets/images/favicon.png"
    },
-    "plugins": [
-      "expo-router",
-      "expo-updates"
-    ],
+    "plugins": ["expo-router"],
    "experiments": {
      "typedRoutes": true
-    },
-    "updates": {
-      "url": "https://u.expo.dev/your-project-id"
-    },
-    "runtimeVersion": {
-      "policy": "appVersion"
-    },
-    "extra": {
-      "eas": {
-        "projectId": "your-project-id"
-      }
    }
  }
 }
--- a/app/(tabs)/_layout.tsx
+++ b/app/(tabs)/_layout.tsx
@@ -4,8 +4,7 @@ import { Link, Tabs } from 'expo-router';
 import { Pressable } from 'react-native';

 import Colors from '@/constants/Colors';
-import { useColorScheme } from '@/components/useColorScheme';
-import { useClientOnlyValue } from '@/components/useClientOnlyValue';
+import { useColorScheme, useClientOnlyValue } from '@/hooks';

 // You can explore the built-in icon families and icons on the web at https://icons.expo.fyi/
 function TabBarIcon(props: {
@@ -25,7 +24,8 @@ export default function TabLayout() {
        // Disable the static render of the header on web
        // to prevent a hydration error in React Navigation v6.
        headerShown: useClientOnlyValue(false, true),
-      }}>
+      }}
+    >
      <Tabs.Screen
        name="index"
        options={{
--- a/app/(tabs)/demo.tsx
+++ b/app/(tabs)/demo.tsx
@@ -18,17 +18,23 @@ import {
 import { useForm, Controller } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Image } from 'expo-image';
+import { useRouter } from 'expo-router';
+
+// ✅ 扁平化导入：从根目录的各个模块导入

-// 导入所有工具
-import {
 // 工具函数
+import {
  Storage,
  STORAGE_KEYS,
+  SessionStorage,
+  SESSION_KEYS,
  formatDate,
  formatRelativeTime,
-  formatChatTime,
+  formatChatTime
+} from '@/utils';

 // 状态管理
+import {
  useUserStore,
  useUser,
  useIsLoggedIn,
@@ -36,22 +42,28 @@ import {
  useTheme,
  useLanguage,
  useHapticsEnabled,
+  useSettingsActions,
+  useTenantStates,
+  useTenantInfo,
+} from '@/stores';

 // 验证规则
-  loginSchema,
-  type LoginFormData,
+import { loginSchema } from '@/schemas';
+import type { LoginFormData } from '@/schemas';

 // API 服务
-  authService,
+import { authService } from '@/services';

 // 自定义 Hooks
-  useDebounce,
-  useThrottle,
-  useHaptics,
-} from '@/src';
+import { useDebounce, useThrottle, useHaptics } from '@/hooks';
+
+// 主题组件
+import { ThemeDemo } from '@/components/ThemeDemo';

 export default function DemoScreen() {
+  console.log('=== DemoScreen 组件已渲染 ===');
  const haptics = useHaptics();
+  const router = useRouter();

  // 状态管理示例
  const user = useUser();
@@ -59,13 +71,17 @@ export default function DemoScreen() {
  const login = useUserStore((state) => state.login);
  const logout = useUserStore((state) => state.logout);

+  const { tenantLoad } = useTenantStates();
+  const tenantInfo = useTenantInfo();
+
  // 设置状态
  const theme = useTheme();
  const language = useLanguage();
  const hapticsEnabled = useHapticsEnabled();
-  const setTheme = useSettingsStore((state) => state.setTheme);
-  const setLanguage = useSettingsStore((state) => state.setLanguage);
-  const setHapticsEnabled = useSettingsStore((state) => state.setHapticsEnabled);
+  const { setTheme, setLanguage, setHapticsEnabled } = useSettingsActions();
+  // const setTheme = useSettingsStore((state) => state.setTheme);
+  // const setLanguage = useSettingsStore((state) => state.setLanguage);
+  // const setHapticsEnabled = useSettingsStore((state) => state.setHapticsEnabled);

  // 本地状态
  const [searchText, setSearchText] = useState('');
@@ -73,6 +89,7 @@ export default function DemoScreen() {
  const [loading, setLoading] = useState(false);
  const [counter, setCounter] = useState(0);
  const [storageValue, setStorageValue] = useState('');
+  const [sessionValue, setSessionValue] = useState('');

  // 表单配置
  const {
@@ -89,6 +106,7 @@ export default function DemoScreen() {

  // 防抖搜索示例
  const debouncedSearch = useDebounce(async (text: string) => {
+    console.log('防抖搜索:', text);
    if (!text.trim()) {
      setSearchResults([]);
      return;
@@ -97,11 +115,7 @@ export default function DemoScreen() {
    console.log('执行搜索:', text);
    // 模拟 API 调用
    await new Promise((resolve) => setTimeout(resolve, 500));
-    setSearchResults([
-      `结果 1: ${text}`,
-      `结果 2: ${text}`,
-      `结果 3: ${text}`,
-    ]);
+    setSearchResults([`结果 1: ${text}`, `结果 2: ${text}`, `结果 3: ${text}`]);
  }, 500);

  // 监听搜索文本变化
@@ -153,10 +167,7 @@ export default function DemoScreen() {
  // 登出处理
  const handleLogout = () => {
    haptics.warning();
-    Alert.alert(
-      '确认',
-      '确定要退出登录吗？',
-      [
+    Alert.alert('确认', '确定要退出登录吗？', [
      { text: '取消', style: 'cancel' },
      {
        text: '确定',
@@ -165,8 +176,7 @@ export default function DemoScreen() {
          haptics.success();
        },
      },
-      ]
-    );
+    ]);
  };

  // 存储示例
@@ -206,6 +216,59 @@ export default function DemoScreen() {
    }
  };

+  // SessionStorage 处理函数
+  const handleSaveToSession = () => {
+    try {
+      haptics.light();
+      const testData = {
+        formDraft: {
+          title: '草稿标题',
+          content: '这是一个表单草稿示例',
+        },
+        timestamp: new Date().toISOString(),
+        counter: Math.floor(Math.random() * 100),
+      };
+
+      SessionStorage.setObject(SESSION_KEYS.FORM_DRAFT, testData);
+      haptics.success();
+      Alert.alert('成功', '数据已保存到会话存储（应用重启后会丢失）');
+    } catch (error) {
+      haptics.error();
+      Alert.alert('失败', '保存失败');
+    }
+  };
+
+  const handleLoadFromSession = () => {
+    try {
+      haptics.light();
+      const data = SessionStorage.getObject<any>(SESSION_KEYS.FORM_DRAFT);
+
+      if (data) {
+        setSessionValue(JSON.stringify(data, null, 2));
+        haptics.success();
+      } else {
+        setSessionValue('暂无数据（会话存储为空）');
+        haptics.warning();
+      }
+    } catch (error) {
+      haptics.error();
+      Alert.alert('失败', '读取失败');
+    }
+  };
+
+  const handleClearSession = () => {
+    try {
+      haptics.light();
+      SessionStorage.clear();
+      setSessionValue('');
+      haptics.success();
+      Alert.alert('成功', '会话存储已清空');
+    } catch (error) {
+      haptics.error();
+      Alert.alert('失败', '清空失败');
+    }
+  };
+
  // 主题切换
  const handleThemeChange = () => {
    haptics.selection();
@@ -228,18 +291,76 @@ export default function DemoScreen() {
        <Text style={styles.title}>🎯 完整功能演示</Text>
        <Text style={styles.subtitle}>展示所有工具的使用方法</Text>

+        {/* 页面导航 */}
+        <View style={styles.section}>
+          <Text style={styles.sectionTitle}>📱 页面导航</Text>
+          <TouchableOpacity
+            style={[styles.button, styles.primaryButton]}
+            onPress={() => {
+              haptics.light();
+              router.push('/test-page');
+            }}
+          >
+            <Text style={styles.buttonText}>跳转到测试页面 →</Text>
+          </TouchableOpacity>
+          <Text style={styles.infoText}>
+            测试页面是一个独立的业务页面示例，不包含底部 tabs
+          </Text>
+
+          <TouchableOpacity
+            style={[styles.button, { backgroundColor: '#9333ea', marginTop: 12 }]}
+            onPress={() => {
+              haptics.light();
+              router.push('/theme-test');
+            }}
+          >
+            <Text style={styles.buttonText}>🎨 主题测试页面 →</Text>
+          </TouchableOpacity>
+          <Text style={styles.infoText}>
+            专门的主题测试页面，可以清楚地看到主题切换效果
+          </Text>
+
+          <TouchableOpacity
+            style={[styles.button, { backgroundColor: '#06b6d4', marginTop: 12 }]}
+            onPress={() => {
+              haptics.light();
+              router.push('/theme-example');
+            }}
+          >
+            <Text style={styles.buttonText}>📚 主题系统示例 →</Text>
+          </TouchableOpacity>
+          <Text style={styles.infoText}>
+            展示四种主题样式使用方式（类似 CSS 类名）
+          </Text>
+        </View>
+
+        {/* 租户信息显示 */}
+        <View style={styles.section}>
+          <Text style={styles.sectionTitle}>🏢 租户信息</Text>
+          <Text style={styles.infoText}>
+            状态: {tenantLoad ? '✅ 已加载' : '❌ 未加载'}
+          </Text>
+          {tenantInfo ? (
+            <>
+              <Text style={styles.infoText}>TID: {tenantInfo.tid || '无'}</Text>
+              <Text style={styles.infoText}>
+                创建时间: {tenantInfo.create_time || '无'}
+              </Text>
+              <Text style={styles.infoText}>
+                域名: {tenantInfo.domain_addr || '无'}
+              </Text>
+            </>
+          ) : null}
+        </View>
+
        {/* 用户状态显示 */}
        <View style={styles.section}>
          <Text style={styles.sectionTitle}>👤 用户状态 (Zustand)</Text>
          {isLoggedIn ? (
            <View style={styles.userInfo}>
-              {user?.avatar && (
-                <Image
-                  source={{ uri: user.avatar }}
-                  style={styles.avatar}
-                  contentFit="cover"
-                />
-              )}
+              {user?.avatar ? (
+                <Image source={{ uri: user.avatar }} style={styles.avatar} contentFit="cover" />
+              ) : null}
              <View style={styles.userDetails}>
                <Text style={styles.userName}>{user?.nickname}</Text>
                <Text style={styles.userEmail}>{user?.email}</Text>
@@ -247,10 +368,7 @@ export default function DemoScreen() {
                  注册时间: {formatRelativeTime(user?.createdAt || '')}
                </Text>
              </View>
-              <TouchableOpacity
-                style={[styles.button, styles.logoutButton]}
-                onPress={handleLogout}
-              >
+              <TouchableOpacity style={[styles.button, styles.logoutButton]} onPress={handleLogout}>
                <Text style={styles.buttonText}>退出</Text>
              </TouchableOpacity>
            </View>
@@ -260,7 +378,7 @@ export default function DemoScreen() {
        </View>

        {/* 登录表单 */}
-        {!isLoggedIn && (
+        {!isLoggedIn ? (
          <View style={styles.section}>
            <Text style={styles.sectionTitle}>🔐 登录表单 (React Hook Form + Zod)</Text>

@@ -276,14 +394,9 @@ export default function DemoScreen() {
                    placeholder="请输入邮箱"
                    keyboardType="email-address"
                    autoCapitalize="none"
-                    style={[
-                      styles.input,
-                      errors.email && styles.inputError,
-                    ]}
+                    style={[styles.input, errors.email && styles.inputError]}
                  />
-                  {errors.email && (
-                    <Text style={styles.errorText}>{errors.email.message}</Text>
-                  )}
+                  {errors.email && <Text style={styles.errorText}>{errors.email.message}</Text>}
                </View>
              )}
            />
@@ -299,14 +412,11 @@ export default function DemoScreen() {
                    onChangeText={onChange}
                    placeholder="请输入密码"
                    secureTextEntry
-                    style={[
-                      styles.input,
-                      errors.password && styles.inputError,
-                    ]}
+                    style={[styles.input, errors.password && styles.inputError]}
                  />
-                  {errors.password && (
+                  {errors.password ? (
                    <Text style={styles.errorText}>{errors.password.message}</Text>
-                  )}
+                  ) : null}
                </View>
              )}
            />
@@ -323,7 +433,7 @@ export default function DemoScreen() {
              )}
            </TouchableOpacity>
          </View>
-        )}
+        ) : null}

        {/* 搜索示例 */}
        <View style={styles.section}>
@@ -334,7 +444,7 @@ export default function DemoScreen() {
            placeholder="输入搜索内容..."
            style={styles.input}
          />
-          {searchResults.length > 0 && (
+          {searchResults.length > 0 ? (
            <View style={styles.searchResults}>
              {searchResults.map((result, index) => (
                <Text key={index} style={styles.searchResult}>
@@ -342,17 +452,14 @@ export default function DemoScreen() {
                </Text>
              ))}
            </View>
-          )}
+          ) : null}
        </View>

        {/* 节流点击示例 */}
        <View style={styles.section}>
          <Text style={styles.sectionTitle}>⏱️ 节流点击 (useThrottle)</Text>
          <Text style={styles.infoText}>点击次数: {counter}</Text>
-          <TouchableOpacity
-            style={[styles.button, styles.primaryButton]}
-            onPress={throttledClick}
-          >
+          <TouchableOpacity style={[styles.button, styles.primaryButton]} onPress={throttledClick}>
            <Text style={styles.buttonText}>快速点击测试（1秒节流）</Text>
          </TouchableOpacity>
        </View>
@@ -374,11 +481,44 @@ export default function DemoScreen() {
              <Text style={styles.buttonText}>读取数据</Text>
            </TouchableOpacity>
          </View>
-          {storageValue && (
+          {storageValue ? (
            <View style={styles.codeBlock}>
              <Text style={styles.codeText}>{storageValue}</Text>
            </View>
-          )}
+          ) : null}
+        </View>
+
+        {/* 会话存储示例 */}
+        <View style={styles.section}>
+          <Text style={styles.sectionTitle}>🔄 会话存储 (SessionStorage)</Text>
+          <Text style={styles.infoText}>
+            会话存储数据保存在内存中，应用重启后会丢失，适合临时数据
+          </Text>
+          <View style={styles.buttonRow}>
+            <TouchableOpacity
+              style={[styles.button, styles.primaryButton, styles.thirdButton]}
+              onPress={handleSaveToSession}
+            >
+              <Text style={styles.buttonText}>保存</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              style={[styles.button, styles.secondaryButton, styles.thirdButton]}
+              onPress={handleLoadFromSession}
+            >
+              <Text style={styles.buttonText}>读取</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              style={[styles.button, styles.errorButton, styles.thirdButton]}
+              onPress={handleClearSession}
+            >
+              <Text style={styles.buttonText}>清空</Text>
+            </TouchableOpacity>
+          </View>
+          {sessionValue ? (
+            <View style={styles.codeBlock}>
+              <Text style={styles.codeText}>{sessionValue}</Text>
+            </View>
+          ) : null}
        </View>

        {/* 日期格式化示例 */}
@@ -387,12 +527,14 @@ export default function DemoScreen() {
          <Text style={styles.infoText}>
            当前时间: {formatDate(new Date(), 'YYYY-MM-DD HH:mm:ss')}
          </Text>
-          <Text style={styles.infoText}>
-            相对时间: {formatRelativeTime(new Date())}
-          </Text>
-          <Text style={styles.infoText}>
-            聊天时间: {formatChatTime(Date.now())}
-          </Text>
+          <Text style={styles.infoText}>相对时间: {formatRelativeTime(new Date())}</Text>
+          <Text style={styles.infoText}>聊天时间: {formatChatTime(Date.now())}</Text>
+        </View>
+
+        {/* 主题演示 */}
+        <View style={styles.section}>
+          <Text style={styles.sectionTitle}>🎨 主题系统演示</Text>
+          <ThemeDemo />
        </View>

        {/* 设置示例 */}
@@ -475,9 +617,7 @@ export default function DemoScreen() {
        </View>

        <View style={styles.footer}>
-          <Text style={styles.footerText}>
-            查看代码了解更多使用方法 📖
-          </Text>
+          <Text style={styles.footerText}>查看代码了解更多使用方法 📖</Text>
        </View>
      </View>
    </ScrollView>
@@ -607,11 +747,15 @@ const styles = StyleSheet.create({
  },
  buttonRow: {
    flexDirection: 'row',
-    gap: 12,
+    justifyContent: 'space-between',
  },
  halfButton: {
    flex: 1,
  },
+  thirdButton: {
+    flex: 1,
+    marginHorizontal: 4,
+  },
  searchResults: {
    marginTop: 12,
  },
@@ -651,27 +795,31 @@ const styles = StyleSheet.create({
  buttonGrid: {
    flexDirection: 'row',
    flexWrap: 'wrap',
-    gap: 8,
+    marginHorizontal: -4,
  },
  hapticsButton: {
    backgroundColor: '#5856D6',
    flex: 1,
    minWidth: '30%',
+    margin: 4,
  },
  successButton: {
    backgroundColor: '#34C759',
    flex: 1,
+    margin: 4,
    minWidth: '30%',
  },
  warningButton: {
    backgroundColor: '#FF9500',
    flex: 1,
    minWidth: '30%',
+    margin: 4,
  },
  errorButton: {
    backgroundColor: '#FF3B30',
    flex: 1,
    minWidth: '30%',
+    margin: 4,
  },
  footer: {
    marginTop: 24,
@@ -683,4 +831,3 @@ const styles = StyleSheet.create({
    color: '#999',
  },
 });
-
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { StyleSheet, TouchableOpacity, Alert, ActivityIndicator } from 'react-native';
 import * as Updates from 'expo-updates';

@@ -24,10 +24,7 @@ export default function TabOneScreen() {
        setUpdateInfo('发现新版本，正在下载...');
        await Updates.fetchUpdateAsync();

-        Alert.alert(
-          '更新完成',
-          '新版本已下载完成，是否立即重启应用？',
-          [
+        Alert.alert('更新完成', '新版本已下载完成，是否立即重启应用？', [
          {
            text: '稍后',
            style: 'cancel',
@@ -39,8 +36,7 @@ export default function TabOneScreen() {
              await Updates.reloadAsync();
            },
          },
-          ]
-        );
+        ]);
      } else {
        setUpdateInfo('当前已是最新版本');
      }
@@ -53,13 +49,8 @@ export default function TabOneScreen() {
  };

  const getUpdateInfo = () => {
-    const {
-      isEmbeddedLaunch,
-      isEmergencyLaunch,
-      updateId,
-      channel,
-      runtimeVersion,
-    } = Updates.useUpdates();
+    const { isEmbeddedLaunch, isEmergencyLaunch, updateId, channel, runtimeVersion } =
+      Updates.useUpdates();

    return `
 运行模式: ${__DEV__ ? '开发模式' : '生产模式'}
@@ -71,6 +62,10 @@ export default function TabOneScreen() {
    `.trim();
  };

+  useEffect(() => {
+    console.log('=== TabOneScreen 组件已渲染 ===');
+  }, []);
+
  return (
    <View style={styles.container}>
      <Text style={styles.title}>🚀 热更新演示</Text>
--- a/app/(tabs)/paper.tsx
+++ b/app/(tabs)/paper.tsx
@@ -82,7 +82,7 @@ export default function PaperDemo() {
              🔘 按钮
            </Text>
            <View style={styles.buttonRow}>
-              <Button mode="contained" onPress={() => setSnackbarVisible(true)}>
+              <Button mode="contained" onPress={() => setSnackbarVisible(true)} style={{ marginRight: 8 }}>
                Contained
              </Button>
              <Button mode="outlined" onPress={() => setSnackbarVisible(true)}>
@@ -90,14 +90,10 @@ export default function PaperDemo() {
              </Button>
            </View>
            <View style={styles.buttonRow}>
-              <Button mode="text" onPress={() => setSnackbarVisible(true)}>
+              <Button mode="text" onPress={() => setSnackbarVisible(true)} style={{ marginRight: 8 }}>
                Text
              </Button>
-              <Button
-                mode="elevated"
-                onPress={() => setSnackbarVisible(true)}
-                icon="camera"
-              >
+              <Button mode="elevated" onPress={() => setSnackbarVisible(true)} icon="camera">
                With Icon
              </Button>
            </View>
@@ -141,18 +137,13 @@ export default function PaperDemo() {
              <Switch value={switchValue} onValueChange={setSwitchValue} />
            </View>
            <View style={styles.chipContainer}>
-              <Chip icon="star" onPress={() => {}}>
+              <Chip icon="star" onPress={() => {}} style={{ marginRight: 8, marginBottom: 8 }}>
                收藏
              </Chip>
-              <Chip icon="heart" mode="outlined" onPress={() => {}}>
+              <Chip icon="heart" mode="outlined" onPress={() => {}} style={{ marginRight: 8, marginBottom: 8 }}>
                喜欢
              </Chip>
-              <Chip
-                icon="close"
-                onPress={() => {}}
-                onClose={() => {}}
-                closeIcon="close-circle"
-              >
+              <Chip icon="close" onPress={() => {}} onClose={() => {}} closeIcon="close-circle" style={{ marginBottom: 8 }}>
                可关闭
              </Chip>
            </View>
@@ -221,12 +212,7 @@ export default function PaperDemo() {
      </ScrollView>

      {/* 浮动操作按钮 */}
-      <FAB
-        icon="plus"
-        style={styles.fab}
-        onPress={() => setSnackbarVisible(true)}
-        label="添加"
-      />
+      <FAB icon="plus" style={styles.fab} onPress={() => setSnackbarVisible(true)} label="添加" />

      {/* 提示条 */}
      <Snackbar
@@ -279,7 +265,6 @@ const styles = StyleSheet.create({
  },
  buttonRow: {
    flexDirection: 'row',
-    gap: 8,
    marginBottom: 8,
  },
  row: {
@@ -291,7 +276,6 @@ const styles = StyleSheet.create({
  chipContainer: {
    flexDirection: 'row',
    flexWrap: 'wrap',
-    gap: 8,
  },
  progressBar: {
    marginBottom: 12,
@@ -306,4 +290,3 @@ const styles = StyleSheet.create({
    bottom: 0,
  },
 });
-
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -9,7 +9,10 @@ import { Alert, Platform } from 'react-native';
 import 'react-native-reanimated';
 import { PaperProvider, MD3DarkTheme, MD3LightTheme } from 'react-native-paper';

-import { useColorScheme } from '@/components/useColorScheme';
+// ✅ 从 hooks 目录导入
+import { useColorScheme } from '@/hooks';
+// ✅ 从 stores 目录导入
+import { restoreUserState, restoreSettingsState, useTenantActions } from '@/stores';

 export {
  // Catch any errors thrown by the Layout component.
@@ -29,6 +32,7 @@ export default function RootLayout() {
    SpaceMono: require('../assets/fonts/SpaceMono-Regular.ttf'),
    ...FontAwesome.font,
  });
+  const { requestTenantInfo } = useTenantActions();

  // Expo Router uses Error Boundaries to catch errors in the navigation tree.
  useEffect(() => {
@@ -41,6 +45,31 @@ export default function RootLayout() {
    }
  }, [loaded]);

+  // 恢复持久化状态并初始化应用数据
+  useEffect(() => {
+    async function initializeApp() {
+      try {
+        // 1. 恢复本地存储的状态
+        await Promise.all([restoreUserState(), restoreSettingsState()]);
+
+        // 2. 调用初始化接口（获取平台数据等）
+        if (__DEV__) {
+          console.log('🚀 Initializing app data...');
+        }
+
+        await requestTenantInfo();
+
+        if (__DEV__) {
+          console.log('✅ Platform data loaded:');
+        }
+      } catch (error) {
+        console.error('Failed to initialize app:', error);
+        // 初始化失败不应该阻止应用启动，只记录错误
+      }
+    }
+    initializeApp();
+  }, []);
+
  // 检查热更新
  useEffect(() => {
    async function checkForUpdates() {
@@ -56,10 +85,7 @@ export default function RootLayout() {
          await Updates.fetchUpdateAsync();

          // 提示用户重启应用以应用更新
-          Alert.alert(
-            '更新可用',
-            '发现新版本，是否立即重启应用？',
-            [
+          Alert.alert('更新可用', '发现新版本，是否立即重启应用？', [
            {
              text: '稍后',
              style: 'cancel',
@@ -70,8 +96,7 @@ export default function RootLayout() {
                await Updates.reloadAsync();
              },
            },
-            ]
-          );
+          ]);
        }
      } catch (error) {
        // 处理更新检查错误
--- a/app/test-page.tsx
+++ b/app/test-page.tsx
@@ -0,0 +1,119 @@
+import { StyleSheet, ScrollView } from 'react-native';
+import { Stack, useRouter } from 'expo-router';
+import { ThemedText, ThemedView } from '@/components';
+
+/**
+ * 测试页面
+ * 
+ * 这是一个独立的业务页面示例，不包含底部 tabs
+ * 
+ * 特点：
+ * - 带有返回按钮的 header
+ * - 不包含底部导航栏
+ * - 可以作为业务页面的模板
+ */
+export default function TestPage() {
+  const router = useRouter();
+
+  return (
+    <>
+      {/* 配置页面 header */}
+      <Stack.Screen
+        options={{
+          title: '测试页面',
+          headerShown: true,
+          headerBackTitle: '返回',
+        }}
+      />
+
+      <ThemedView style={styles.container}>
+        <ScrollView style={styles.scrollView}>
+          <ThemedView style={styles.content}>
+            <ThemedText type="title" style={styles.title}>
+              测试页面
+            </ThemedText>
+
+            <ThemedText style={styles.description}>
+              这是一个独立的业务页面示例，展示了如何创建不包含底部 tabs 的页面。
+            </ThemedText>
+
+            <ThemedView style={styles.section}>
+              <ThemedText type="subtitle">页面特点</ThemedText>
+              <ThemedText style={styles.item}>✅ 带有返回按钮的 header</ThemedText>
+              <ThemedText style={styles.item}>✅ 不包含底部导航栏</ThemedText>
+              <ThemedText style={styles.item}>✅ 支持主题切换</ThemedText>
+              <ThemedText style={styles.item}>✅ 可以作为业务页面模板</ThemedText>
+            </ThemedView>
+
+            <ThemedView style={styles.section}>
+              <ThemedText type="subtitle">使用场景</ThemedText>
+              <ThemedText style={styles.item}>• 详情页面</ThemedText>
+              <ThemedText style={styles.item}>• 表单页面</ThemedText>
+              <ThemedText style={styles.item}>• 设置页面</ThemedText>
+              <ThemedText style={styles.item}>• 其他业务页面</ThemedText>
+            </ThemedView>
+
+            <ThemedView style={styles.section}>
+              <ThemedText type="subtitle">路由说明</ThemedText>
+              <ThemedText style={styles.item}>
+                文件路径: app/test-page.tsx
+              </ThemedText>
+              <ThemedText style={styles.item}>
+                访问路径: /test-page
+              </ThemedText>
+              <ThemedText style={styles.item}>
+                跳转方式: router.push('/test-page')
+              </ThemedText>
+            </ThemedView>
+
+            <ThemedView style={styles.infoBox}>
+              <ThemedText type="defaultSemiBold">💡 提示</ThemedText>
+              <ThemedText style={styles.infoText}>
+                对于复杂的业务页面，建议在 screens/ 目录下创建独立的组件，
+                然后在 app/ 目录下的路由文件中引用。
+              </ThemedText>
+            </ThemedView>
+          </ThemedView>
+        </ScrollView>
+      </ThemedView>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  scrollView: {
+    flex: 1,
+  },
+  content: {
+    padding: 20,
+  },
+  title: {
+    marginBottom: 16,
+  },
+  description: {
+    marginBottom: 24,
+    lineHeight: 24,
+  },
+  section: {
+    marginBottom: 24,
+  },
+  item: {
+    marginTop: 8,
+    marginLeft: 8,
+    lineHeight: 24,
+  },
+  infoBox: {
+    padding: 16,
+    borderRadius: 8,
+    backgroundColor: 'rgba(0, 122, 255, 0.1)',
+    marginTop: 8,
+  },
+  infoText: {
+    marginTop: 8,
+    lineHeight: 22,
+  },
+});
+
--- a/app/theme-example.tsx
+++ b/app/theme-example.tsx
@@ -0,0 +1,259 @@
+/**
+ * 主题系统使用示例
+ * 
+ * 展示四种不同的主题样式使用方式
+ */
+
+import { ScrollView, View, Text, TouchableOpacity } from 'react-native';
+import { Stack } from 'expo-router';
+import {
+  useColorScheme,
+  useThemeColors,
+  useThemeInfo,
+  commonStyles,
+  createThemeStyles,
+  ThemedText,
+  ThemedView,
+} from '@/theme';
+
+// 方式 3: 创建自定义主题样式（推荐用于复杂组件）
+const customStyles = createThemeStyles((colors) => ({
+  header: {
+    backgroundColor: colors.primary,
+    padding: 20,
+    borderRadius: 12,
+    marginBottom: 16,
+  },
+  headerText: {
+    color: '#FFFFFF',
+    fontSize: 24,
+    fontWeight: 'bold',
+    textAlign: 'center',
+  },
+  section: {
+    backgroundColor: colors.card,
+    padding: 16,
+    borderRadius: 8,
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: colors.border,
+  },
+  sectionTitle: {
+    color: colors.text,
+    fontSize: 18,
+    fontWeight: '600',
+    marginBottom: 12,
+  },
+  codeBlock: {
+    backgroundColor: colors.backgroundTertiary,
+    padding: 12,
+    borderRadius: 6,
+    marginTop: 8,
+  },
+  codeText: {
+    color: colors.textSecondary,
+    fontSize: 12,
+    fontFamily: 'monospace',
+  },
+}));
+
+export default function ThemeExampleScreen() {
+  const theme = useColorScheme();
+  const colors = useThemeColors();
+  const { isDark } = useThemeInfo();
+  const s = commonStyles[theme]; // 通用样式类
+  const custom = customStyles[theme]; // 自定义样式
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          title: '主题系统示例',
+          headerStyle: {
+            backgroundColor: colors.background,
+          },
+          headerTintColor: colors.text,
+        }}
+      />
+      <ScrollView style={s.containerPadded}>
+        {/* 自定义样式示例 */}
+        <View style={custom.header}>
+          <Text style={custom.headerText}>
+            主题系统使用示例
+          </Text>
+          <Text style={[custom.headerText, { fontSize: 14, marginTop: 8 }]}>
+            当前主题: {theme} {isDark ? '🌙' : '☀️'}
+          </Text>
+        </View>
+
+        {/* 方式 1: 使用主题组件 */}
+        <View style={custom.section}>
+          <Text style={custom.sectionTitle}>
+            方式 1: 使用主题组件
+          </Text>
+          <ThemedView style={{ padding: 12, borderRadius: 6 }}>
+            <ThemedText type="title">这是标题</ThemedText>
+            <ThemedText type="subtitle">这是副标题</ThemedText>
+            <ThemedText>这是普通文本</ThemedText>
+          </ThemedView>
+          <View style={custom.codeBlock}>
+            <Text style={custom.codeText}>
+              {`import { ThemedText, ThemedView } from '@/theme';
+
+<ThemedView>
+  <ThemedText type="title">标题</ThemedText>
+</ThemedView>`}
+            </Text>
+          </View>
+        </View>
+
+        {/* 方式 2: 使用通用样式类 */}
+        <View style={custom.section}>
+          <Text style={custom.sectionTitle}>
+            方式 2: 使用通用样式类（类似 CSS 类名）
+          </Text>
+          <View style={s.card}>
+            <Text style={s.textTitle}>卡片标题</Text>
+            <Text style={s.textSecondary}>卡片描述文本</Text>
+            <View style={s.spacingMd} />
+            <TouchableOpacity style={s.button}>
+              <Text style={s.buttonText}>主要按钮</Text>
+            </TouchableOpacity>
+            <View style={s.spacingSm} />
+            <TouchableOpacity style={s.buttonOutline}>
+              <Text style={s.buttonTextOutline}>次要按钮</Text>
+            </TouchableOpacity>
+          </View>
+          <View style={custom.codeBlock}>
+            <Text style={custom.codeText}>
+              {`import { useColorScheme, commonStyles } from '@/theme';
+
+const theme = useColorScheme();
+const s = commonStyles[theme];
+
+<View style={s.card}>
+  <Text style={s.textTitle}>标题</Text>
+  <TouchableOpacity style={s.button}>
+    <Text style={s.buttonText}>按钮</Text>
+  </TouchableOpacity>
+</View>`}
+            </Text>
+          </View>
+        </View>
+
+        {/* 方式 3: 使用自定义主题样式 */}
+        <View style={custom.section}>
+          <Text style={custom.sectionTitle}>
+            方式 3: 使用自定义主题样式（推荐）
+          </Text>
+          <View style={{ padding: 12 }}>
+            <Text style={{ color: colors.text }}>
+              本页面的 header 和 section 就是使用自定义主题样式创建的
+            </Text>
+          </View>
+          <View style={custom.codeBlock}>
+            <Text style={custom.codeText}>
+              {`import { createThemeStyles } from '@/theme';
+
+const styles = createThemeStyles((colors) => ({
+  header: {
+    backgroundColor: colors.primary,
+    padding: 20,
+  },
+  headerText: {
+    color: '#FFFFFF',
+    fontSize: 24,
+  },
+}));
+
+const theme = useColorScheme();
+<View style={styles[theme].header}>
+  <Text style={styles[theme].headerText}>标题</Text>
+</View>`}
+            </Text>
+          </View>
+        </View>
+
+        {/* 方式 4: 使用 Hooks + 内联样式 */}
+        <View style={custom.section}>
+          <Text style={custom.sectionTitle}>
+            方式 4: 使用 Hooks + 内联样式（动态场景）
+          </Text>
+          <View style={{
+            backgroundColor: colors.backgroundSecondary,
+            padding: 16,
+            borderRadius: 8,
+          }}>
+            <Text style={{ color: colors.text, fontSize: 16 }}>
+              这是使用 useThemeColors() 动态获取颜色的文本
+            </Text>
+            <View style={{ height: 12 }} />
+            <Text style={{ color: colors.textSecondary, fontSize: 14 }}>
+              适合需要动态计算样式的场景
+            </Text>
+          </View>
+          <View style={custom.codeBlock}>
+            <Text style={custom.codeText}>
+              {`import { useThemeColors } from '@/theme';
+
+const colors = useThemeColors();
+
+<View style={{
+  backgroundColor: colors.background,
+  padding: 16,
+}}>
+  <Text style={{ color: colors.text }}>
+    动态文本
+  </Text>
+</View>`}
+            </Text>
+          </View>
+        </View>
+
+        {/* 颜色展示 */}
+        <View style={custom.section}>
+          <Text style={custom.sectionTitle}>
+            主题颜色展示
+          </Text>
+          <View style={{ flexDirection: 'row', flexWrap: 'wrap', gap: 8 }}>
+            {Object.entries(colors).map(([key, value]) => (
+              <View
+                key={key}
+                style={{
+                  backgroundColor: value as string,
+                  padding: 8,
+                  borderRadius: 6,
+                  minWidth: 100,
+                  borderWidth: 1,
+                  borderColor: colors.border,
+                }}
+              >
+                <Text style={{
+                  color: key.includes('background') || key.includes('card') || key.includes('input')
+                    ? colors.text
+                    : '#FFFFFF',
+                  fontSize: 10,
+                  fontWeight: '600',
+                }}>
+                  {key}
+                </Text>
+                <Text style={{
+                  color: key.includes('background') || key.includes('card') || key.includes('input')
+                    ? colors.textSecondary
+                    : '#FFFFFF',
+                  fontSize: 8,
+                }}>
+                  {value}
+                </Text>
+              </View>
+            ))}
+          </View>
+        </View>
+
+        {/* 底部间距 */}
+        <View style={s.spacingXl} />
+      </ScrollView>
+    </>
+  );
+}
+
--- a/app/theme-test.tsx
+++ b/app/theme-test.tsx
@@ -0,0 +1,317 @@
+import { StyleSheet, ScrollView, TouchableOpacity, View, Text, useColorScheme as useSystemColorScheme } from 'react-native';
+import { Stack } from 'expo-router';
+import { useState, useEffect, useMemo } from 'react';
+import { useTheme, useSettingsActions } from '@/stores';
+import { useHaptics } from '@/hooks';
+import Colors from '@/constants/Colors';
+
+export default function ThemeTestScreen() {
+  const currentTheme = useTheme();
+  const { setTheme } = useSettingsActions();
+  const haptics = useHaptics();
+  const systemColorScheme = useSystemColorScheme();
+
+  // 强制重新渲染的状态
+  const [renderKey, setRenderKey] = useState(0);
+
+  // 直接计算实际应用的主题 - 不使用 useColorScheme hook
+  const actualTheme: 'light' | 'dark' = useMemo(() => {
+    return currentTheme === 'auto'
+      ? (systemColorScheme === 'dark' ? 'dark' : 'light')
+      : currentTheme;
+  }, [currentTheme, systemColorScheme]);
+
+  // 使用 useMemo 确保颜色对象在主题改变时重新计算
+  const colors = useMemo(() => {
+    console.log('🎨 Recalculating colors for theme:', actualTheme);
+    return Colors[actualTheme] as Record<string, any>;
+  }, [actualTheme]);
+
+  // 监听主题变化
+  useEffect(() => {
+    console.log('🎨 Theme changed:', { currentTheme, systemColorScheme, actualTheme, renderKey });
+    setRenderKey(prev => prev + 1);
+  }, [currentTheme, systemColorScheme, actualTheme]);
+
+  const handleThemeChange = (newTheme: 'light' | 'dark' | 'auto') => {
+    haptics.selection();
+    console.log('🎨 Changing theme to:', newTheme);
+    setTheme(newTheme);
+  };
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          title: '主题测试',
+          headerStyle: {
+            backgroundColor: colors.background,
+          },
+          headerTintColor: colors.text,
+        }}
+      />
+      <ScrollView
+        style={[styles.container, { backgroundColor: colors.background }]}
+      >
+        {/* 主题信息 */}
+        <View style={[styles.section, { backgroundColor: colors.backgroundSecondary }]}>
+          <Text style={[styles.title, { color: colors.text }]}>
+            当前主题信息
+          </Text>
+          <Text style={[styles.infoText, { color: colors.textSecondary }]}>
+            用户设置: {currentTheme}
+          </Text>
+          <Text style={[styles.infoText, { color: colors.textSecondary }]}>
+            系统主题: {systemColorScheme || 'light'}
+          </Text>
+          <Text style={[styles.infoText, { color: colors.textSecondary }]}>
+            实际应用: {actualTheme}
+          </Text>
+          <Text style={[styles.infoText, { color: colors.textSecondary }]}>
+            渲染次数: {renderKey}
+          </Text>
+        </View>
+
+        {/* 主题切换按钮 */}
+        <View style={[styles.section, { backgroundColor: colors.backgroundSecondary }]}>
+          <Text style={[styles.title, { color: colors.text }]}>
+            切换主题
+          </Text>
+          <View style={styles.buttonRow}>
+            <TouchableOpacity
+              style={[
+                styles.themeButton,
+                {
+                  backgroundColor: currentTheme === 'light' ? colors.primary : colors.backgroundTertiary,
+                  borderColor: colors.border,
+                }
+              ]}
+              onPress={() => handleThemeChange('light')}
+            >
+              <Text style={[
+                styles.buttonText,
+                { color: currentTheme === 'light' ? '#fff' : colors.text }
+              ]}>
+                ☀️ 浅色
+              </Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={[
+                styles.themeButton,
+                {
+                  backgroundColor: currentTheme === 'dark' ? colors.primary : colors.backgroundTertiary,
+                  borderColor: colors.border,
+                }
+              ]}
+              onPress={() => handleThemeChange('dark')}
+            >
+              <Text style={[
+                styles.buttonText,
+                { color: currentTheme === 'dark' ? '#fff' : colors.text }
+              ]}>
+                🌙 深色
+              </Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={[
+                styles.themeButton,
+                {
+                  backgroundColor: currentTheme === 'auto' ? colors.primary : colors.backgroundTertiary,
+                  borderColor: colors.border,
+                }
+              ]}
+              onPress={() => handleThemeChange('auto')}
+            >
+              <Text style={[
+                styles.buttonText,
+                { color: currentTheme === 'auto' ? '#fff' : colors.text }
+              ]}>
+                🔄 自动
+              </Text>
+            </TouchableOpacity>
+          </View>
+        </View>
+
+        {/* 文本颜色展示 */}
+        <View style={[styles.section, { backgroundColor: colors.backgroundSecondary }]}>
+          <Text style={[styles.title, { color: colors.text }]}>
+            文本颜色
+          </Text>
+          <Text style={[styles.colorText, { color: colors.text }]}>
+            Primary Text - {colors.text}
+          </Text>
+          <Text style={[styles.colorText, { color: colors.textSecondary }]}>
+            Secondary Text - {colors.textSecondary}
+          </Text>
+          <Text style={[styles.colorText, { color: colors.textTertiary }]}>
+            Tertiary Text - {colors.textTertiary}
+          </Text>
+        </View>
+
+        {/* 背景颜色展示 */}
+        <View style={[styles.section, { backgroundColor: colors.backgroundSecondary }]}>
+          <Text style={[styles.title, { color: colors.text }]}>
+            背景颜色
+          </Text>
+          <View style={[styles.colorBox, { backgroundColor: colors.background }]}>
+            <Text style={[styles.colorText, { color: colors.text }]}>
+              Primary Background - {colors.background}
+            </Text>
+          </View>
+          <View style={[styles.colorBox, { backgroundColor: colors.backgroundSecondary, borderWidth: 1, borderColor: colors.border }]}>
+            <Text style={[styles.colorText, { color: colors.text }]}>
+              Secondary Background - {colors.backgroundSecondary}
+            </Text>
+          </View>
+          <View style={[styles.colorBox, { backgroundColor: colors.backgroundTertiary }]}>
+            <Text style={[styles.colorText, { color: colors.text }]}>
+              Tertiary Background - {colors.backgroundTertiary}
+            </Text>
+          </View>
+        </View>
+
+        {/* 主题颜色展示 */}
+        <View style={[styles.section, { backgroundColor: colors.backgroundSecondary }]}>
+          <Text style={[styles.title, { color: colors.text }]}>
+            主题颜色
+          </Text>
+          <View style={styles.colorGrid}>
+            <View style={[styles.colorBox, { backgroundColor: colors.primary }]}>
+              <Text style={[styles.colorText, { color: '#fff' }]}>Primary - {colors.primary}</Text>
+            </View>
+            <View style={[styles.colorBox, { backgroundColor: colors.secondary }]}>
+              <Text style={[styles.colorText, { color: '#fff' }]}>Secondary - {colors.secondary}</Text>
+            </View>
+            <View style={[styles.colorBox, { backgroundColor: colors.success }]}>
+              <Text style={[styles.colorText, { color: '#fff' }]}>Success - {colors.success}</Text>
+            </View>
+            <View style={[styles.colorBox, { backgroundColor: colors.warning }]}>
+              <Text style={[styles.colorText, { color: '#fff' }]}>Warning - {colors.warning}</Text>
+            </View>
+            <View style={[styles.colorBox, { backgroundColor: colors.error }]}>
+              <Text style={[styles.colorText, { color: '#fff' }]}>Error - {colors.error}</Text>
+            </View>
+            <View style={[styles.colorBox, { backgroundColor: colors.info }]}>
+              <Text style={[styles.colorText, { color: '#fff' }]}>Info - {colors.info}</Text>
+            </View>
+          </View>
+        </View>
+
+        {/* UI 元素展示 */}
+        <View style={[styles.section, { backgroundColor: colors.backgroundSecondary }]}>
+          <Text style={[styles.title, { color: colors.text }]}>
+            UI 元素
+          </Text>
+          <View style={[styles.card, { backgroundColor: colors.card, borderColor: colors.border }]}>
+            <Text style={[styles.cardText, { color: colors.text }]}>
+              这是一个卡片组件
+            </Text>
+            <Text style={[styles.cardSubtext, { color: colors.textSecondary }]}>
+              卡片背景色: {colors.card}
+            </Text>
+          </View>
+
+          <View style={[styles.input, { backgroundColor: colors.inputBackground, borderColor: colors.inputBorder }]}>
+            <Text style={[styles.inputText, { color: colors.textSecondary }]}>
+              输入框样式预览
+            </Text>
+          </View>
+
+          <View style={[styles.separator, { backgroundColor: colors.separator }]} />
+
+          <TouchableOpacity style={[styles.button, { backgroundColor: colors.buttonPrimary }]}>
+            <Text style={[styles.buttonText, { color: '#fff' }]}>
+              按钮示例
+            </Text>
+          </TouchableOpacity>
+        </View>
+      </ScrollView>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  section: {
+    margin: 16,
+    padding: 16,
+    borderRadius: 12,
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginBottom: 16,
+  },
+  infoText: {
+    fontSize: 16,
+    marginBottom: 8,
+  },
+  buttonRow: {
+    flexDirection: 'row',
+    gap: 12,
+  },
+  themeButton: {
+    flex: 1,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    borderWidth: 2,
+    alignItems: 'center',
+  },
+  buttonText: {
+    fontSize: 16,
+    fontWeight: '600',
+  },
+  colorText: {
+    fontSize: 14,
+    marginBottom: 8,
+    fontFamily: 'monospace',
+  },
+  colorBox: {
+    padding: 16,
+    borderRadius: 8,
+    marginBottom: 8,
+    alignItems: 'center',
+  },
+  colorGrid: {
+    gap: 8,
+  },
+  card: {
+    padding: 16,
+    borderRadius: 8,
+    borderWidth: 1,
+    marginBottom: 12,
+  },
+  cardText: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginBottom: 4,
+  },
+  cardSubtext: {
+    fontSize: 12,
+    fontFamily: 'monospace',
+  },
+  input: {
+    padding: 12,
+    borderRadius: 8,
+    borderWidth: 1,
+    marginBottom: 12,
+  },
+  inputText: {
+    fontSize: 14,
+  },
+  separator: {
+    height: 1,
+    marginVertical: 12,
+  },
+  button: {
+    padding: 16,
+    borderRadius: 8,
+    alignItems: 'center',
+  },
+});
+
--- a/components/EditScreenInfo.tsx
+++ b/components/EditScreenInfo.tsx
@@ -14,21 +14,24 @@ export default function EditScreenInfo({ path }: { path: string }) {
        <Text
          style={styles.getStartedText}
          lightColor="rgba(0,0,0,0.8)"
-          darkColor="rgba(255,255,255,0.8)">
+          darkColor="rgba(255,255,255,0.8)"
+        >
          Open up the code for this screen:
        </Text>

        <View
          style={[styles.codeHighlightContainer, styles.homeScreenFilename]}
          darkColor="rgba(255,255,255,0.05)"
-          lightColor="rgba(0,0,0,0.05)">
+          lightColor="rgba(0,0,0,0.05)"
+        >
          <MonoText>{path}</MonoText>
        </View>

        <Text
          style={styles.getStartedText}
          lightColor="rgba(0,0,0,0.8)"
-          darkColor="rgba(255,255,255,0.8)">
+          darkColor="rgba(255,255,255,0.8)"
+        >
          Change any of the text, save the file, and your app will automatically update.
        </Text>
      </View>
@@ -36,7 +39,8 @@ export default function EditScreenInfo({ path }: { path: string }) {
      <View style={styles.helpContainer}>
        <ExternalLink
          style={styles.helpLink}
-          href="https://docs.expo.io/get-started/create-a-new-app/#opening-the-app-on-your-phonetablet">
+          href="https://docs.expo.io/get-started/create-a-new-app/#opening-the-app-on-your-phonetablet"
+        >
          <Text style={styles.helpLinkText} lightColor={Colors.light.tint}>
            Tap here if your app doesn't automatically update after making changes
          </Text>
--- a/components/ThemeDemo.tsx
+++ b/components/ThemeDemo.tsx
@@ -0,0 +1,232 @@
+/**
+ * 主题演示组件
+ * 
+ * 展示所有主题颜色和组件在不同主题下的效果
+ */
+
+import React from 'react';
+import { StyleSheet, View, Text, TouchableOpacity, ScrollView } from 'react-native';
+import { ThemedText, ThemedView, useThemeColor } from './Themed';
+import { useTheme, useSettingsActions } from '@/stores';
+import { useHaptics } from '@/hooks';
+
+export function ThemeDemo() {
+  const theme = useTheme();
+  const { setTheme } = useSettingsActions();
+  const haptics = useHaptics();
+
+  // 获取主题颜色
+  const primary = useThemeColor({}, 'primary');
+  const secondary = useThemeColor({}, 'secondary');
+  const success = useThemeColor({}, 'success');
+  const warning = useThemeColor({}, 'warning');
+  const error = useThemeColor({}, 'error');
+  const info = useThemeColor({}, 'info');
+  const border = useThemeColor({}, 'border');
+  const card = useThemeColor({}, 'card');
+  const textSecondary = useThemeColor({}, 'textSecondary');
+
+  const handleThemeChange = (newTheme: 'light' | 'dark' | 'auto') => {
+    haptics.selection();
+    console.log('🎨 Changing theme to:', newTheme);
+    setTheme(newTheme);
+    console.log('🎨 Theme colors after change:', { primary, secondary, background: card });
+  };
+
+  return (
+    <ThemedView style={styles.container}>
+      <ScrollView>
+        {/* 主题切换器 */}
+        <View style={styles.section}>
+          <ThemedText type="subtitle">主题切换</ThemedText>
+          <View style={styles.themeButtons}>
+            <TouchableOpacity
+              style={[
+                styles.themeButton,
+                { borderColor: border },
+                theme === 'light' && { backgroundColor: primary },
+              ]}
+              onPress={() => handleThemeChange('light')}
+            >
+              <Text style={[styles.themeButtonText, theme === 'light' && styles.activeButtonText]}>
+                ☀️ 浅色
+              </Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={[
+                styles.themeButton,
+                { borderColor: border },
+                theme === 'dark' && { backgroundColor: primary },
+              ]}
+              onPress={() => handleThemeChange('dark')}
+            >
+              <Text style={[styles.themeButtonText, theme === 'dark' && styles.activeButtonText]}>
+                🌙 深色
+              </Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={[
+                styles.themeButton,
+                { borderColor: border },
+                theme === 'auto' && { backgroundColor: primary },
+              ]}
+              onPress={() => handleThemeChange('auto')}
+            >
+              <Text style={[styles.themeButtonText, theme === 'auto' && styles.activeButtonText]}>
+                🔄 自动
+              </Text>
+            </TouchableOpacity>
+          </View>
+          <ThemedText style={styles.hint}>
+            当前主题: {theme === 'light' ? '浅色' : theme === 'dark' ? '深色' : '自动'}
+          </ThemedText>
+        </View>
+
+        {/* 文本样式 */}
+        <View style={styles.section}>
+          <ThemedText type="subtitle">文本样式</ThemedText>
+          <ThemedText type="title">标题文本 (Title)</ThemedText>
+          <ThemedText type="subtitle">副标题文本 (Subtitle)</ThemedText>
+          <ThemedText type="defaultSemiBold">加粗文本 (SemiBold)</ThemedText>
+          <ThemedText type="default">默认文本 (Default)</ThemedText>
+          <ThemedText type="link">链接文本 (Link)</ThemedText>
+        </View>
+
+        {/* 颜色展示 */}
+        <View style={styles.section}>
+          <ThemedText type="subtitle">主题颜色</ThemedText>
+          <View style={styles.colorGrid}>
+            <View style={styles.colorItem}>
+              <View style={[styles.colorBox, { backgroundColor: primary }]} />
+              <ThemedText style={styles.colorLabel}>Primary</ThemedText>
+            </View>
+            <View style={styles.colorItem}>
+              <View style={[styles.colorBox, { backgroundColor: secondary }]} />
+              <ThemedText style={styles.colorLabel}>Secondary</ThemedText>
+            </View>
+            <View style={styles.colorItem}>
+              <View style={[styles.colorBox, { backgroundColor: success }]} />
+              <ThemedText style={styles.colorLabel}>Success</ThemedText>
+            </View>
+            <View style={styles.colorItem}>
+              <View style={[styles.colorBox, { backgroundColor: warning }]} />
+              <ThemedText style={styles.colorLabel}>Warning</ThemedText>
+            </View>
+            <View style={styles.colorItem}>
+              <View style={[styles.colorBox, { backgroundColor: error }]} />
+              <ThemedText style={styles.colorLabel}>Error</ThemedText>
+            </View>
+            <View style={styles.colorItem}>
+              <View style={[styles.colorBox, { backgroundColor: info }]} />
+              <ThemedText style={styles.colorLabel}>Info</ThemedText>
+            </View>
+          </View>
+        </View>
+
+        {/* 卡片示例 */}
+        <View style={styles.section}>
+          <ThemedText type="subtitle">卡片组件</ThemedText>
+          <View style={[styles.card, { backgroundColor: card, borderColor: border }]}>
+            <ThemedText type="defaultSemiBold">卡片标题</ThemedText>
+            <ThemedText style={{ color: textSecondary }}>
+              这是一个卡片组件示例，会根据主题自动调整颜色
+            </ThemedText>
+          </View>
+        </View>
+
+        {/* 按钮示例 */}
+        <View style={styles.section}>
+          <ThemedText type="subtitle">按钮组件</ThemedText>
+          <TouchableOpacity style={[styles.button, { backgroundColor: primary }]}>
+            <Text style={styles.buttonText}>Primary Button</Text>
+          </TouchableOpacity>
+          <TouchableOpacity style={[styles.button, { backgroundColor: secondary }]}>
+            <Text style={styles.buttonText}>Secondary Button</Text>
+          </TouchableOpacity>
+          <TouchableOpacity style={[styles.button, { backgroundColor: success }]}>
+            <Text style={styles.buttonText}>Success Button</Text>
+          </TouchableOpacity>
+          <TouchableOpacity style={[styles.button, { backgroundColor: error }]}>
+            <Text style={styles.buttonText}>Error Button</Text>
+          </TouchableOpacity>
+        </View>
+      </ScrollView>
+    </ThemedView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16,
+  },
+  section: {
+    marginBottom: 24,
+  },
+  themeButtons: {
+    flexDirection: 'row',
+    gap: 12,
+    marginTop: 12,
+  },
+  themeButton: {
+    flex: 1,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    borderWidth: 1,
+    alignItems: 'center',
+  },
+  themeButtonText: {
+    fontSize: 14,
+    fontWeight: '600',
+  },
+  activeButtonText: {
+    color: '#FFFFFF',
+  },
+  hint: {
+    marginTop: 8,
+    fontSize: 12,
+    opacity: 0.7,
+  },
+  colorGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 16,
+    marginTop: 12,
+  },
+  colorItem: {
+    alignItems: 'center',
+    width: 80,
+  },
+  colorBox: {
+    width: 60,
+    height: 60,
+    borderRadius: 8,
+    marginBottom: 8,
+  },
+  colorLabel: {
+    fontSize: 12,
+    textAlign: 'center',
+  },
+  card: {
+    padding: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    marginTop: 12,
+  },
+  button: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 8,
+    alignItems: 'center',
+    marginTop: 12,
+  },
+  buttonText: {
+    color: '#FFFFFF',
+    fontSize: 16,
+    fontWeight: '600',
+  },
+});
+
--- a/components/Themed.tsx
+++ b/components/Themed.tsx
@@ -1,12 +1,14 @@
 /**
- * Learn more about Light and Dark modes:
- * https://docs.expo.io/guides/color-schemes/
+ * 主题化组件
+ *
+ * 提供自动适配主题的 Text 和 View 组件
+ * 支持从 settingsStore 读取主题设置
 */

-import { Text as DefaultText, View as DefaultView } from 'react-native';
+import { Text as DefaultText, View as DefaultView, TextStyle } from 'react-native';

 import Colors from '@/constants/Colors';
-import { useColorScheme } from './useColorScheme';
+import { useColorScheme } from '@/hooks/useTheme';

 type ThemeProps = {
  lightColor?: string;
@@ -16,6 +18,13 @@ type ThemeProps = {
 export type TextProps = ThemeProps & DefaultText['props'];
 export type ViewProps = ThemeProps & DefaultView['props'];

+/**
+ * 获取主题颜色
+ *
+ * @param props - 包含 light 和 dark 颜色的对象
+ * @param colorName - Colors 中定义的颜色名称
+ * @returns 当前主题对应的颜色值
+ */
 export function useThemeColor(
  props: { light?: string; dark?: string },
  colorName: keyof typeof Colors.light & keyof typeof Colors.dark
@@ -30,6 +39,11 @@ export function useThemeColor(
  }
 }

+/**
+ * 主题化 Text 组件
+ *
+ * 自动应用当前主题的文本颜色
+ */
 export function Text(props: TextProps) {
  const { style, lightColor, darkColor, ...otherProps } = props;
  const color = useThemeColor({ light: lightColor, dark: darkColor }, 'text');
@@ -37,9 +51,77 @@ export function Text(props: TextProps) {
  return <DefaultText style={[{ color }, style]} {...otherProps} />;
 }

+/**
+ * 主题化 View 组件
+ *
+ * 自动应用当前主题的背景颜色
+ */
 export function View(props: ViewProps) {
  const { style, lightColor, darkColor, ...otherProps } = props;
  const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor }, 'background');

  return <DefaultView style={[{ backgroundColor }, style]} {...otherProps} />;
 }
+
+/**
+ * 主题化 Text 组件（带类型）
+ *
+ * 支持不同的文本类型：title, subtitle, defaultSemiBold, link
+ */
+export type ThemedTextProps = TextProps & {
+  type?: 'default' | 'title' | 'defaultSemiBold' | 'subtitle' | 'link';
+};
+
+export function ThemedText({ style, type = 'default', ...rest }: ThemedTextProps) {
+  const color = useThemeColor({}, 'text');
+  const linkColor = useThemeColor({}, 'tint');
+
+  const typeStyles: Record<string, TextStyle> = {
+    default: {
+      fontSize: 16,
+      lineHeight: 24,
+    },
+    defaultSemiBold: {
+      fontSize: 16,
+      lineHeight: 24,
+      fontWeight: '600',
+    },
+    title: {
+      fontSize: 32,
+      fontWeight: 'bold',
+      lineHeight: 40,
+    },
+    subtitle: {
+      fontSize: 20,
+      fontWeight: '600',
+      lineHeight: 28,
+    },
+    link: {
+      fontSize: 16,
+      lineHeight: 24,
+      color: linkColor,
+    },
+  };
+
+  return (
+    <Text
+      style={[
+        { color },
+        typeStyles[type],
+        style,
+      ]}
+      {...rest}
+    />
+  );
+}
+
+/**
+ * 主题化 View 组件
+ */
+export type ThemedViewProps = ViewProps;
+
+export function ThemedView({ style, ...otherProps }: ThemedViewProps) {
+  const backgroundColor = useThemeColor({}, 'background');
+
+  return <DefaultView style={[{ backgroundColor }, style]} {...otherProps} />;
+}
--- a/components/index.ts
+++ b/components/index.ts
@@ -0,0 +1,16 @@
+/**
+ * Components 统一导出
+ */
+
+// 主题组件
+export { ThemedText, ThemedView, Text, View, useThemeColor } from './Themed';
+export type { ThemedTextProps, ThemedViewProps, TextProps, ViewProps } from './Themed';
+
+// 主题演示
+export { ThemeDemo } from './ThemeDemo';
+
+// 工具组件
+export { ExternalLink } from './ExternalLink';
+export { MonoText } from './StyledText';
+
+
--- a/components/useClientOnlyValue.ts
+++ b/components/useClientOnlyValue.ts
@@ -1,4 +0,0 @@
-// This function is web-only as native doesn't currently support server (or build-time) rendering.
-export function useClientOnlyValue<S, C>(server: S, client: C): S | C {
-  return client;
-}
--- a/components/useClientOnlyValue.web.ts
+++ b/components/useClientOnlyValue.web.ts
@@ -1,12 +0,0 @@
-import React from 'react';
-
-// `useEffect` is not invoked during server rendering, meaning
-// we can use this to determine if we're on the server or not.
-export function useClientOnlyValue<S, C>(server: S, client: C): S | C {
-  const [value, setValue] = React.useState<S | C>(server);
-  React.useEffect(() => {
-    setValue(client);
-  }, [client]);
-
-  return value;
-}
--- a/components/useColorScheme.ts
+++ b/components/useColorScheme.ts
@@ -1 +0,0 @@
-export { useColorScheme } from 'react-native';
--- a/components/useColorScheme.web.ts
+++ b/components/useColorScheme.web.ts
@@ -1,8 +0,0 @@
-// NOTE: The default React Native styling doesn't support server rendering.
-// Server rendered styles should not change between the first render of the HTML
-// and the first render on the client. Typically, web developers will use CSS media queries
-// to render different styles on the client and server, these aren't directly supported in React Native
-// but can be achieved using a styling library like Nativewind.
-export function useColorScheme() {
-  return 'light';
-}
--- a/constants/Colors.ts
+++ b/constants/Colors.ts
@@ -1,19 +1,112 @@
-const tintColorLight = '#2f95dc';
-const tintColorDark = '#fff';
+/**
+ * 主题颜色配置
+ *
+ * 支持 light 和 dark 两种主题
+ * 可以通过 settingsStore 切换主题
+ */
+
+const tintColorLight = '#007AFF';
+const tintColorDark = '#0A84FF';

 export default {
  light: {
-    text: '#000',
-    background: '#fff',
+    // 文本颜色
+    text: '#000000',
+    textSecondary: '#666666',
+    textTertiary: '#999999',
+    textInverse: '#FFFFFF',
+
+    // 背景颜色
+    background: '#FFFFFF',
+    backgroundSecondary: '#F5F5F5',
+    backgroundTertiary: '#E5E5E5',
+
+    // 主题色
    tint: tintColorLight,
-    tabIconDefault: '#ccc',
+    primary: '#007AFF',
+    secondary: '#5856D6',
+    success: '#34C759',
+    warning: '#FF9500',
+    error: '#FF3B30',
+    info: '#5AC8FA',
+
+    // 边框颜色
+    border: '#E5E5E5',
+    borderSecondary: '#D1D1D6',
+
+    // Tab 图标
+    tabIconDefault: '#8E8E93',
    tabIconSelected: tintColorLight,
+
+    // 卡片
+    card: '#FFFFFF',
+    cardShadow: 'rgba(0, 0, 0, 0.1)',
+
+    // 输入框
+    inputBackground: '#FFFFFF',
+    inputBorder: '#D1D1D6',
+    inputPlaceholder: '#C7C7CC',
+
+    // 按钮
+    buttonPrimary: '#007AFF',
+    buttonSecondary: '#5856D6',
+    buttonDisabled: '#E5E5E5',
+    buttonText: '#FFFFFF',
+
+    // 分隔线
+    separator: '#E5E5E5',
+
+    // 覆盖层
+    overlay: 'rgba(0, 0, 0, 0.5)',
  },
  dark: {
-    text: '#fff',
-    background: '#000',
+    // 文本颜色
+    text: '#FFFFFF',
+    textSecondary: '#AEAEB2',
+    textTertiary: '#8E8E93',
+    textInverse: '#000000',
+
+    // 背景颜色
+    background: '#000000',
+    backgroundSecondary: '#1C1C1E',
+    backgroundTertiary: '#2C2C2E',
+
+    // 主题色
    tint: tintColorDark,
-    tabIconDefault: '#ccc',
+    primary: '#0A84FF',
+    secondary: '#5E5CE6',
+    success: '#32D74B',
+    warning: '#FF9F0A',
+    error: '#FF453A',
+    info: '#64D2FF',
+
+    // 边框颜色
+    border: '#38383A',
+    borderSecondary: '#48484A',
+
+    // Tab 图标
+    tabIconDefault: '#8E8E93',
    tabIconSelected: tintColorDark,
+
+    // 卡片
+    card: '#1C1C1E',
+    cardShadow: 'rgba(0, 0, 0, 0.3)',
+
+    // 输入框
+    inputBackground: '#1C1C1E',
+    inputBorder: '#38383A',
+    inputPlaceholder: '#636366',
+
+    // 按钮
+    buttonPrimary: '#0A84FF',
+    buttonSecondary: '#5E5CE6',
+    buttonDisabled: '#38383A',
+    buttonText: '#FFFFFF',
+
+    // 分隔线
+    separator: '#38383A',
+
+    // 覆盖层
+    overlay: 'rgba(0, 0, 0, 0.7)',
  },
 };
--- a/constants/network.ts
+++ b/constants/network.ts
@@ -0,0 +1,38 @@
+// 请求相关
+
+export enum NetworkTypeEnum {
+  ERROR = 'error',
+  SUCCESS = 'success',
+}
+
+// 冻结账号相关接口
+export const FREEZE_CMDID = [
+  '314501',
+  '7242031',
+  '621116',
+  '396101',
+  '420029',
+  '724209',
+  '621112',
+  '377003',
+  '7242026',
+  '390004',
+  '3740012',
+  '321543',
+  '310400',
+  '325308',
+];
+
+export const WITHDRAWAL_CMDID = ['325308'];
+
+export const NO_CANCEL_CMDID = ['370730']; // 不需要取消的请求集合
+
+export const TIPS_CON = [
+  '请完成短信验证之后再参与',
+  '请填写真实姓名之后再参与',
+  '请完成绑定银行卡之后再参与',
+  '请完成生日设置之后再参与',
+  '请绑定虚拟货币之后再参与',
+  '请绑定收款方式之后再参与',
+  '同登录IP仅可领取一次，不可重复领取',
+];
--- a/docs/LIBRARIES.md
+++ b/docs/LIBRARIES.md
@@ -5,8 +5,9 @@
 ## 📦 已安装的库列表

 ### 工具类库
+
 | 库名                | 版本     | 用途                                     |
-|------|------|------|
+| ------------------- | -------- | ---------------------------------------- |
 | **lodash-es**       | ^4.17.21 | JavaScript 工具函数库（ES modules 版本） |
 | **dayjs**           | ^1.11.19 | 轻量级日期处理库                         |
 | **axios**           | ^1.13.1  | HTTP 请求库                              |
@@ -15,15 +16,17 @@
 | **zod**             | ^4.1.12  | TypeScript 数据验证库                    |

 ### Expo 原生模块
+
 | 库名                                          | 版本    | 用途           |
-|------|------|------|
+| --------------------------------------------- | ------- | -------------- |
 | **@react-native-async-storage/async-storage** | ^2.2.0  | 本地存储       |
 | **expo-image**                                | ^3.0.10 | 优化的图片组件 |
 | **expo-haptics**                              | ^15.0.7 | 触觉反馈       |

 ### 开发工具
+
 | 库名                 | 版本     | 用途                          |
-|------|------|------|
+| -------------------- | -------- | ----------------------------- |
 | **@types/lodash-es** | ^4.17.12 | Lodash-ES TypeScript 类型定义 |

 ---
@@ -39,8 +42,8 @@
 import { map, filter, uniq, pick, cloneDeep, debounce } from 'lodash-es';

 // 数组操作
-map([1, 2, 3], n => n * 2);  // [2, 4, 6]
-filter([1, 2, 3, 4], n => n % 2 === 0);  // [2, 4]
+map([1, 2, 3], (n) => n * 2); // [2, 4, 6]
+filter([1, 2, 3, 4], (n) => n % 2 === 0); // [2, 4]
 uniq([1, 2, 2, 3]); // [1, 2, 3]

 // 对象操作
@@ -54,7 +57,7 @@ const handleSearch = debounce((text) => {

 // 也可以全量导入（不推荐，会增加包体积）
 import _ from 'lodash-es';
-_.map([1, 2, 3], n => n * 2);
+_.map([1, 2, 3], (n) => n * 2);
 ```

 ### 2. Day.js - 日期处理
@@ -384,4 +387,3 @@ export const formatChatTime = (timestamp: number) => {
 ---

 **提示**：所有库都已安装并配置好，可以直接在项目中使用！🎉
-
--- a/docs/USAGE_EXAMPLES.md
+++ b/docs/USAGE_EXAMPLES.md
@@ -426,4 +426,3 @@ export default function SettingsScreen() {
 ---

 **提示**：这些示例都是可以直接使用的代码，复制到你的项目中即可！
-
--- a/eas.json
+++ b/eas.json
@@ -20,4 +20,3 @@
    "production": {}
  }
 }
-
--- a/hooks/index.ts
+++ b/hooks/index.ts
@@ -0,0 +1,26 @@
+/**
+ * Hooks 模块统一导出
+ */
+
+// Debounce
+export { useDebounce, useDebouncedCallback } from './useDebounce';
+
+// Throttle
+export { useThrottle } from './useThrottle';
+
+// Haptics
+export { useHaptics } from './useHaptics';
+
+// Request
+export { useRequest } from './useRequest';
+
+// Theme
+export {
+  useColorScheme,
+  useThemeColor,
+  useThemeColors,
+  useThemeInfo,
+} from './useTheme';
+
+// Client-only value (for SSR/Web compatibility)
+export { useClientOnlyValue } from './useClientOnlyValue';
--- a/hooks/useClientOnlyValue.ts
+++ b/hooks/useClientOnlyValue.ts
@@ -0,0 +1,23 @@
+/**
+ * Client-only value Hook
+ * 
+ * This hook is used to provide different values for server-side rendering (SSR)
+ * and client-side rendering. It's particularly useful for React Native Web
+ * to prevent hydration errors.
+ * 
+ * @param server - Value to use during server-side rendering
+ * @param client - Value to use during client-side rendering
+ * @returns The appropriate value based on the rendering context
+ * 
+ * @example
+ * ```tsx
+ * // Disable header on server, enable on client
+ * headerShown: useClientOnlyValue(false, true)
+ * ```
+ */
+
+// This function is web-only as native doesn't currently support server (or build-time) rendering.
+export function useClientOnlyValue<S, C>(server: S, client: C): S | C {
+  return client;
+}
+
--- a/hooks/useClientOnlyValue.web.ts
+++ b/hooks/useClientOnlyValue.web.ts
@@ -0,0 +1,34 @@
+/**
+ * Client-only value Hook (Web version)
+ * 
+ * This hook is used to provide different values for server-side rendering (SSR)
+ * and client-side rendering on web platforms.
+ * 
+ * On web, we use `useEffect` to detect if we're on the client or server,
+ * since `useEffect` is not invoked during server rendering.
+ * 
+ * @param server - Value to use during server-side rendering
+ * @param client - Value to use during client-side rendering
+ * @returns The appropriate value based on the rendering context
+ * 
+ * @example
+ * ```tsx
+ * // Disable header on server, enable on client
+ * headerShown: useClientOnlyValue(false, true)
+ * ```
+ */
+
+import React from 'react';
+
+// `useEffect` is not invoked during server rendering, meaning
+// we can use this to determine if we're on the server or not.
+export function useClientOnlyValue<S, C>(server: S, client: C): S | C {
+  const [value, setValue] = React.useState<S | C>(server);
+  
+  React.useEffect(() => {
+    setValue(client);
+  }, [client]);
+
+  return value;
+}
+
--- a/src/hooks/useDebounce.ts
+++ b/src/hooks/useDebounce.ts
@@ -80,5 +80,3 @@ export function useDebounce<T extends (...args: any[]) => any>(
 *   console.log('Searching:', text);
 * }, 500);
 */
-
-
--- a/src/hooks/useHaptics.ts
+++ b/src/hooks/useHaptics.ts
@@ -5,7 +5,7 @@

 import { useCallback } from 'react';
 import * as Haptics from 'expo-haptics';
-import { useHapticsEnabled } from '@/src/stores/settingsStore';
+import { useHapticsEnabled } from '@/stores/settingsStore';

 /**
 * 触觉反馈 Hook
@@ -111,4 +111,3 @@ export function useHaptics() {
 *   );
 * }
 */
-
--- a/hooks/useRequest.ts
+++ b/hooks/useRequest.ts
@@ -0,0 +1,291 @@
+/**
+ * 请求 Hook
+ * 提供统一的请求状态管理
+ */
+
+import { useState, useCallback, useRef, useEffect } from 'react';
+import { AxiosError } from 'axios';
+import type { RequestConfig } from '@/utils/network/api';
+
+/**
+ * 请求状态
+ */
+export interface RequestState<T> {
+  data: T | null;
+  loading: boolean;
+  error: Error | null;
+}
+
+/**
+ * 请求选项
+ */
+export interface UseRequestOptions<T> extends RequestConfig {
+  /** 是否立即执行 */
+  immediate?: boolean;
+  /** 成功回调 */
+  onSuccess?: (data: T) => void;
+  /** 失败回调 */
+  onError?: (error: Error) => void;
+  /** 完成回调（无论成功失败） */
+  onFinally?: () => void;
+  /** 默认数据 */
+  defaultData?: T;
+}
+
+/**
+ * 请求 Hook
+ *
+ * @example
+ * ```tsx
+ * const { data, loading, error, run, refresh } = useRequest(
+ *   () => request.get('/api/users'),
+ *   { immediate: true }
+ * );
+ * ```
+ */
+export function useRequest<T = any>(
+  requestFn: () => Promise<T>,
+  options: UseRequestOptions<T> = {}
+) {
+  const { immediate = false, onSuccess, onError, onFinally, defaultData = null } = options;
+
+  const [state, setState] = useState<RequestState<T>>({
+    data: defaultData,
+    loading: false,
+    error: null,
+  });
+
+  const requestRef = useRef(requestFn);
+  requestRef.current = requestFn;
+
+  const abortControllerRef = useRef<AbortController | null>(null);
+
+  /**
+   * 执行请求
+   */
+  const run = useCallback(
+    async (...args: any[]) => {
+      // 取消之前的请求
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+
+      // 创建新的 AbortController
+      abortControllerRef.current = new AbortController();
+
+      setState((prev) => ({
+        ...prev,
+        loading: true,
+        error: null,
+      }));
+
+      try {
+        const data = await requestRef.current();
+
+        setState({
+          data,
+          loading: false,
+          error: null,
+        });
+
+        onSuccess?.(data);
+
+        return data;
+      } catch (error) {
+        const err = error as Error;
+
+        setState((prev) => ({
+          ...prev,
+          loading: false,
+          error: err,
+        }));
+
+        onError?.(err);
+
+        throw error;
+      } finally {
+        onFinally?.();
+      }
+    },
+    [onSuccess, onError, onFinally]
+  );
+
+  /**
+   * 刷新（重新执行请求）
+   */
+  const refresh = useCallback(() => {
+    return run();
+  }, [run]);
+
+  /**
+   * 重置状态
+   */
+  const reset = useCallback(() => {
+    setState({
+      data: defaultData,
+      loading: false,
+      error: null,
+    });
+  }, [defaultData]);
+
+  /**
+   * 取消请求
+   */
+  const cancel = useCallback(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+  }, []);
+
+  // 立即执行
+  useEffect(() => {
+    if (immediate) {
+      run();
+    }
+
+    // 组件卸载时取消请求
+    return () => {
+      cancel();
+    };
+  }, [immediate]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return {
+    ...state,
+    run,
+    refresh,
+    reset,
+    cancel,
+  };
+}
+
+/**
+ * 分页请求 Hook
+ *
+ * @example
+ * ```tsx
+ * const { data, loading, loadMore, refresh, hasMore } = usePagination(
+ *   (page, pageSize) => request.get('/api/users', { params: { page, pageSize } })
+ * );
+ * ```
+ */
+export function usePagination<T = any>(
+  requestFn: (
+    page: number,
+    pageSize: number
+  ) => Promise<{
+    list: T[];
+    total: number;
+    hasMore: boolean;
+  }>,
+  options: {
+    pageSize?: number;
+    immediate?: boolean;
+    onSuccess?: (data: T[]) => void;
+    onError?: (error: Error) => void;
+  } = {}
+) {
+  const { pageSize = 20, immediate = false, onSuccess, onError } = options;
+
+  const [state, setState] = useState({
+    data: [] as T[],
+    loading: false,
+    loadingMore: false,
+    error: null as Error | null,
+    page: 1,
+    total: 0,
+    hasMore: true,
+  });
+
+  /**
+   * 加载数据
+   */
+  const load = useCallback(
+    async (page: number, append = false) => {
+      setState((prev) => ({
+        ...prev,
+        loading: !append,
+        loadingMore: append,
+        error: null,
+      }));
+
+      try {
+        const result = await requestFn(page, pageSize);
+
+        setState((prev) => ({
+          ...prev,
+          data: append ? [...prev.data, ...result.list] : result.list,
+          loading: false,
+          loadingMore: false,
+          page,
+          total: result.total,
+          hasMore: result.hasMore,
+        }));
+
+        onSuccess?.(result.list);
+
+        return result;
+      } catch (error) {
+        const err = error as Error;
+
+        setState((prev) => ({
+          ...prev,
+          loading: false,
+          loadingMore: false,
+          error: err,
+        }));
+
+        onError?.(err);
+
+        throw error;
+      }
+    },
+    [requestFn, pageSize, onSuccess, onError]
+  );
+
+  /**
+   * 加载更多
+   */
+  const loadMore = useCallback(async () => {
+    if (state.loadingMore || !state.hasMore) {
+      return;
+    }
+
+    return load(state.page + 1, true);
+  }, [state.loadingMore, state.hasMore, state.page, load]);
+
+  /**
+   * 刷新（重新加载第一页）
+   */
+  const refresh = useCallback(async () => {
+    return load(1, false);
+  }, [load]);
+
+  /**
+   * 重置
+   */
+  const reset = useCallback(() => {
+    setState({
+      data: [],
+      loading: false,
+      loadingMore: false,
+      error: null,
+      page: 1,
+      total: 0,
+      hasMore: true,
+    });
+  }, []);
+
+  // 立即执行
+  useEffect(() => {
+    if (immediate) {
+      load(1, false);
+    }
+  }, [immediate]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return {
+    ...state,
+    loadMore,
+    refresh,
+    reset,
+  };
+}
--- a/hooks/useTheme.ts
+++ b/hooks/useTheme.ts
@@ -0,0 +1,100 @@
+/**
+ * 主题 Hooks
+ * 
+ * 提供统一的主题访问接口
+ */
+
+import { useMemo } from 'react';
+import { useColorScheme as useSystemColorScheme } from 'react-native';
+import { useTheme as useThemeStore } from '@/stores';
+import Colors from '@/constants/Colors';
+
+/**
+ * 获取当前颜色方案（light | dark）
+ * 
+ * 从 settingsStore 读取用户设置的主题
+ * 支持 'light' | 'dark' | 'auto' 三种模式
+ */
+export function useColorScheme(): 'light' | 'dark' {
+  const userTheme = useThemeStore();
+  const systemTheme = useSystemColorScheme();
+
+  // 如果用户选择了 'auto'，则使用系统主题
+  if (userTheme === 'auto') {
+    return systemTheme === 'dark' ? 'dark' : 'light';
+  }
+
+  // 否则使用用户选择的主题
+  return userTheme;
+}
+
+/**
+ * 获取主题颜色
+ * 
+ * @param props - 可选的自定义颜色 { light?: string; dark?: string }
+ * @param colorName - Colors 中定义的颜色名称
+ * @returns 当前主题对应的颜色值
+ * 
+ * @example
+ * ```tsx
+ * const textColor = useThemeColor({}, 'text');
+ * const customColor = useThemeColor({ light: '#000', dark: '#fff' }, 'text');
+ * ```
+ */
+export function useThemeColor(
+  props: { light?: string; dark?: string },
+  colorName: keyof typeof Colors.light & keyof typeof Colors.dark
+): string {
+  const theme = useColorScheme();
+  const colorFromProps = props[theme];
+
+  if (colorFromProps) {
+    return colorFromProps;
+  } else {
+    return Colors[theme][colorName];
+  }
+}
+
+/**
+ * 获取完整的主题颜色对象
+ * 
+ * @returns 当前主题的所有颜色配置
+ * 
+ * @example
+ * ```tsx
+ * const colors = useThemeColors();
+ * <View style={{ backgroundColor: colors.background }}>
+ *   <Text style={{ color: colors.text }}>Hello</Text>
+ * </View>
+ * ```
+ */
+export function useThemeColors() {
+  const theme = useColorScheme();
+  
+  return useMemo(() => {
+    return Colors[theme];
+  }, [theme]);
+}
+
+/**
+ * 获取主题相关的所有信息
+ * 
+ * @returns 主题信息对象
+ * 
+ * @example
+ * ```tsx
+ * const { theme, colors, isDark } = useThemeInfo();
+ * ```
+ */
+export function useThemeInfo() {
+  const theme = useColorScheme();
+  const colors = useThemeColors();
+  
+  return useMemo(() => ({
+    theme,
+    colors,
+    isDark: theme === 'dark',
+    isLight: theme === 'light',
+  }), [theme, colors]);
+}
+
--- a/src/hooks/useThrottle.ts
+++ b/src/hooks/useThrottle.ts
@@ -58,4 +58,3 @@ export function useThrottle<T extends (...args: any[]) => any>(
 *   ...
 * </ScrollView>
 */
-
--- a/metro.config.js
+++ b/metro.config.js
@@ -0,0 +1,19 @@
+const { getDefaultConfig } = require('expo/metro-config');
+
+/** @type {import('expo/metro-config').MetroConfig} */
+const config = getDefaultConfig(__dirname);
+
+// 自定义 Metro 配置
+config.resolver = {
+  ...config.resolver,
+  // 可以在这里添加自定义解析规则
+};
+
+// 开发服务器配置
+config.server = {
+  ...config.server,
+  // Metro 服务器端口（默认 8081）
+  port: 8081,
+};
+
+module.exports = config;
--- a/package.json
+++ b/package.json
@@ -6,7 +6,11 @@
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
-    "web": "expo start --web"
+    "web": "expo start --web",
+    "proxy": "node scripts/proxy-server.js",
+    "dev": "concurrently \"npm run proxy\" \"npm run start\"",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
+    "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\""
  },
  "dependencies": {
    "@expo/vector-icons": "^15.0.3",
@@ -14,6 +18,7 @@
    "@react-native-async-storage/async-storage": "^2.2.0",
    "@react-navigation/native": "^7.1.8",
    "axios": "^1.13.1",
+    "crypto-js": "^4.2.0",
    "dayjs": "^1.11.19",
    "expo": "~54.0.22",
    "expo-constants": "~18.0.10",
@@ -27,6 +32,7 @@
    "expo-updates": "^29.0.12",
    "expo-web-browser": "~15.0.9",
    "lodash-es": "^4.17.21",
+    "md5": "^2.3.0",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "react-hook-form": "^7.66.0",
@@ -41,8 +47,15 @@
    "zustand": "^5.0.8"
  },
  "devDependencies": {
+    "@types/crypto-js": "^4.2.2",
    "@types/lodash-es": "^4.17.12",
+    "@types/md5": "^2.3.6",
    "@types/react": "~19.1.0",
+    "concurrently": "^9.2.1",
+    "cors": "^2.8.5",
+    "express": "^5.1.0",
+    "http-proxy-middleware": "^3.0.5",
+    "prettier": "^3.6.2",
    "react-test-renderer": "19.1.0",
    "typescript": "~5.9.2"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,6 +23,9 @@ importers:
      axios:
        specifier: ^1.13.1
        version: 1.13.1
+      crypto-js:
+        specifier: ^4.2.0
+        version: 4.2.0
      dayjs:
        specifier: ^1.11.19
        version: 1.11.19
@@ -62,6 +65,9 @@ importers:
      lodash-es:
        specifier: ^4.17.21
        version: 4.17.21
+      md5:
+        specifier: ^2.3.0
+        version: 2.3.0
      react:
        specifier: 19.1.0
        version: 19.1.0
@@ -99,12 +105,33 @@ importers:
        specifier: ^5.0.8
        version: 5.0.8(@types/react@19.1.17)(react@19.1.0)(use-sync-external-store@1.6.0(react@19.1.0))
    devDependencies:
+      '@types/crypto-js':
+        specifier: ^4.2.2
+        version: 4.2.2
      '@types/lodash-es':
        specifier: ^4.17.12
        version: 4.17.12
+      '@types/md5':
+        specifier: ^2.3.6
+        version: 2.3.6
      '@types/react':
        specifier: ~19.1.0
        version: 19.1.17
+      concurrently:
+        specifier: ^9.2.1
+        version: 9.2.1
+      cors:
+        specifier: ^2.8.5
+        version: 2.8.5
+      express:
+        specifier: ^5.1.0
+        version: 5.1.0
+      http-proxy-middleware:
+        specifier: ^3.0.5
+        version: 3.0.5
+      prettier:
+        specifier: ^3.6.2
+        version: 3.6.2
      react-test-renderer:
        specifier: 19.1.0
        version: 19.1.0(react@19.1.0)
@@ -1192,9 +1219,15 @@ packages:
  '@types/babel__traverse@7.28.0':
    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}

+  '@types/crypto-js@4.2.2':
+    resolution: {integrity: sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==}
+
  '@types/graceful-fs@4.1.9':
    resolution: {integrity: sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==}

+  '@types/http-proxy@1.17.17':
+    resolution: {integrity: sha512-ED6LB+Z1AVylNTu7hdzuBqOgMnvG/ld6wGCG8wFnAzKX5uyW2K3WD52v0gnLCTK/VLpXtKckgWuyScYK6cSPaw==}
+
  '@types/istanbul-lib-coverage@2.0.6':
    resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}

@@ -1210,6 +1243,9 @@ packages:
  '@types/lodash@4.17.20':
    resolution: {integrity: sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==}

+  '@types/md5@2.3.6':
+    resolution: {integrity: sha512-WD69gNXtRBnpknfZcb4TRQ0XJQbUPZcai/Qdhmka3sxUR3Et8NrXoeAoknG/LghYHTf4ve795rInVYHBTQdNVA==}
+
  '@types/node@24.10.0':
    resolution: {integrity: sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==}

@@ -1248,6 +1284,10 @@ packages:
    resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
    engines: {node: '>= 0.6'}

+  accepts@2.0.0:
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
+
  acorn@8.15.0:
    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
    engines: {node: '>=0.4.0'}
@@ -1409,6 +1449,10 @@ packages:
    resolution: {integrity: sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==}
    engines: {node: '>=0.6'}

+  body-parser@2.2.0:
+    resolution: {integrity: sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==}
+    engines: {node: '>=18'}
+
  bplist-creator@0.1.0:
    resolution: {integrity: sha512-sXaHZicyEEmY86WyueLTQesbeoH/mquvarJaQNbjuOQO+7gbFcDEWqKmcWA4cOTLzFlfgvkiVxolk1k5bBIpmg==}

@@ -1452,6 +1496,10 @@ packages:
    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
    engines: {node: '>= 0.4'}

+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
  camelcase@5.3.1:
    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
    engines: {node: '>=6'}
@@ -1471,6 +1519,9 @@ packages:
    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
    engines: {node: '>=10'}

+  charenc@0.0.2:
+    resolution: {integrity: sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==}
+
  chownr@3.0.0:
    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
    engines: {node: '>=18'}
@@ -1562,16 +1613,41 @@ packages:
  concat-map@0.0.1:
    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}

+  concurrently@9.2.1:
+    resolution: {integrity: sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==}
+    engines: {node: '>=18'}
+    hasBin: true
+
  connect@3.7.0:
    resolution: {integrity: sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==}
    engines: {node: '>= 0.10.0'}

+  content-disposition@1.0.0:
+    resolution: {integrity: sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==}
+    engines: {node: '>= 0.6'}
+
+  content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+
  convert-source-map@2.0.0:
    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}

+  cookie-signature@1.2.2:
+    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
+    engines: {node: '>=6.6.0'}
+
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
  core-js-compat@3.46.0:
    resolution: {integrity: sha512-p9hObIIEENxSV8xIu+V68JjSeARg6UVMG5mR+JEUguG3sI6MsiS1njz2jHmyJDvA+8jX/sytkBHup6kxhM9law==}

+  cors@2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+
  cross-fetch@3.2.0:
    resolution: {integrity: sha512-Q+xVJLoGOeIMXZmbUK4HYk+69cQH6LudR0Vu/pRm2YlU/hDV9CiS0gKUMaWY5f2NeUH9C1nV3bsTlCo0FsTV1Q==}

@@ -1579,6 +1655,12 @@ packages:
    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
    engines: {node: '>= 8'}

+  crypt@0.0.2:
+    resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==}
+
+  crypto-js@4.2.0:
+    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
+
  crypto-random-string@2.0.0:
    resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
    engines: {node: '>=8'}
@@ -1749,6 +1831,9 @@ packages:
    resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
    engines: {node: '>=6'}

+  eventemitter3@4.0.7:
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+
  exec-async@2.2.0:
    resolution: {integrity: sha512-87OpwcEiMia/DeiKFzaQNBNFeN3XkkpYIh9FyOqq5mS2oKv3CBE67PXoEKcr6nodWdXNogTiQ0jE2NGuoffXPw==}

@@ -1918,6 +2003,10 @@ packages:
  exponential-backoff@3.1.3:
    resolution: {integrity: sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==}

+  express@5.1.0:
+    resolution: {integrity: sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==}
+    engines: {node: '>= 18'}
+
  fast-deep-equal@3.1.3:
    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}

@@ -1945,6 +2034,10 @@ packages:
    resolution: {integrity: sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==}
    engines: {node: '>= 0.8'}

+  finalhandler@2.1.0:
+    resolution: {integrity: sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==}
+    engines: {node: '>= 0.8'}
+
  find-up@4.1.0:
    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
    engines: {node: '>=8'}
@@ -1976,6 +2069,10 @@ packages:
    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
    engines: {node: '>= 6'}

+  forwarded@0.2.0:
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
+
  freeport-async@2.0.0:
    resolution: {integrity: sha512-K7od3Uw45AJg00XUmy15+Hae2hOcgKcmN3/EF6Y7i01O0gaqiRx8sUSpsb9+BRNL8RPBrhzPsVfy8q9ADlJuWQ==}
    engines: {node: '>=8'}
@@ -1984,6 +2081,10 @@ packages:
    resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
    engines: {node: '>= 0.6'}

+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
  fs.realpath@1.0.0:
    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}

@@ -2085,6 +2186,14 @@ packages:
    resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
    engines: {node: '>= 0.8'}

+  http-proxy-middleware@3.0.5:
+    resolution: {integrity: sha512-GLZZm1X38BPY4lkXA01jhwxvDoOkkXqjgVyUzVxiEK4iuRu03PZoYHhHRwxnfhQMDuaxi3vVri0YgSro/1oWqg==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+
+  http-proxy@1.18.1:
+    resolution: {integrity: sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==}
+    engines: {node: '>=8.0.0'}
+
  https-proxy-agent@7.0.6:
    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
    engines: {node: '>= 14'}
@@ -2092,6 +2201,14 @@ packages:
  hyphenate-style-name@1.1.0:
    resolution: {integrity: sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==}

+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
+  iconv-lite@0.7.0:
+    resolution: {integrity: sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==}
+    engines: {node: '>=0.10.0'}
+
  ieee754@1.2.1:
    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}

@@ -2124,9 +2241,16 @@ packages:
  invariant@2.2.4:
    resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}

+  ipaddr.js@1.9.1:
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
+
  is-arrayish@0.3.4:
    resolution: {integrity: sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==}

+  is-buffer@1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
+
  is-core-module@2.16.1:
    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
    engines: {node: '>= 0.4'}
@@ -2136,10 +2260,18 @@ packages:
    engines: {node: '>=8'}
    hasBin: true

+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
  is-fullwidth-code-point@3.0.0:
    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
    engines: {node: '>=8'}

+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
  is-number@7.0.0:
    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
    engines: {node: '>=0.12.0'}
@@ -2148,6 +2280,13 @@ packages:
    resolution: {integrity: sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==}
    engines: {node: '>=8'}

+  is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
+  is-promise@4.0.0:
+    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
+
  is-wsl@2.2.0:
    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
    engines: {node: '>=8'}
@@ -2358,12 +2497,23 @@ packages:
    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
    engines: {node: '>= 0.4'}

+  md5@2.3.0:
+    resolution: {integrity: sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==}
+
+  media-typer@1.1.0:
+    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
+    engines: {node: '>= 0.8'}
+
  memoize-one@5.2.1:
    resolution: {integrity: sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==}

  memoize-one@6.0.0:
    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}

+  merge-descriptors@2.0.0:
+    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
+    engines: {node: '>=18'}
+
  merge-options@3.0.4:
    resolution: {integrity: sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==}
    engines: {node: '>=10'}
@@ -2503,6 +2653,10 @@ packages:
    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
    engines: {node: '>= 0.6'}

+  mime-types@3.0.1:
+    resolution: {integrity: sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==}
+    engines: {node: '>= 0.6'}
+
  mime@1.6.0:
    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
    engines: {node: '>=4'}
@@ -2557,6 +2711,10 @@ packages:
    resolution: {integrity: sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==}
    engines: {node: '>= 0.6'}

+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
  nested-error-stacks@2.0.1:
    resolution: {integrity: sha512-SrQrok4CATudVzBS7coSz26QRSmlK9TzzoFbeKfcPBUFPjcQM9Rqvr/DlJkOrwI/0KcgvMub1n1g5Jt9EgRn4A==}

@@ -2602,6 +2760,10 @@ packages:
    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
    engines: {node: '>=0.10.0'}

+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
  on-finished@2.3.0:
    resolution: {integrity: sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==}
    engines: {node: '>= 0.8'}
@@ -2683,6 +2845,9 @@ packages:
    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
    engines: {node: '>=16 || 14 >=14.18'}

+  path-to-regexp@8.3.0:
+    resolution: {integrity: sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==}
+
  picocolors@1.1.1:
    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}

@@ -2713,6 +2878,11 @@ packages:
    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
    engines: {node: ^10 || ^12 || >=14}

+  prettier@3.6.2:
+    resolution: {integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+
  pretty-bytes@5.6.0:
    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
    engines: {node: '>=6'}
@@ -2739,6 +2909,10 @@ packages:
    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
    engines: {node: '>= 6'}

+  proxy-addr@2.0.7:
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
+
  proxy-from-env@1.1.0:
    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}

@@ -2750,6 +2924,10 @@ packages:
    resolution: {integrity: sha512-Uu7ii+FQy4Qf82G4xu7ShHhjhGahEpCWc3x8UavY3CTcWV+ufmmCtwkr7ZKsX42jdL0kr1B5FKUeqJvAn51jzQ==}
    hasBin: true

+  qs@6.14.0:
+    resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
+    engines: {node: '>=0.6'}
+
  query-string@7.1.3:
    resolution: {integrity: sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==}
    engines: {node: '>=6'}
@@ -2761,6 +2939,10 @@ packages:
    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
    engines: {node: '>= 0.6'}

+  raw-body@3.0.1:
+    resolution: {integrity: sha512-9G8cA+tuMS75+6G/TzW8OtLzmBDMo8p1JRxN5AZ+LAp8uxGA8V8GZm4GQ4/N5QNQEnLmg6SS7wyuSmbKepiKqA==}
+    engines: {node: '>= 0.10'}
+
  rc@1.2.8:
    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
    hasBin: true
@@ -2930,6 +3112,9 @@ packages:
    resolution: {integrity: sha512-nYzyjnFcPNGR3lx9lwPPPnuQxv6JWEZd2Ci0u9opN7N5zUEPIhY/GbL3vMGOr2UXwEg9WwSyV9X9Y/kLFgPsOg==}
    engines: {node: '>= 4.0.0'}

+  requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+
  resolve-from@5.0.0:
    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
    engines: {node: '>=8'}
@@ -2962,9 +3147,19 @@ packages:
    deprecated: Rimraf versions prior to v4 are no longer supported
    hasBin: true

+  router@2.2.0:
+    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
+    engines: {node: '>= 18'}
+
+  rxjs@7.8.2:
+    resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
+
  safe-buffer@5.2.1:
    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}

+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
  sax@1.4.2:
    resolution: {integrity: sha512-FySGAa0RGcFiN6zfrO9JvK1r7TB59xuzCcTHOBXBNoKgDejlOQCR2KL/FGk3/iDlsqyYg1ELZpOmlg09B01Czw==}

@@ -2998,6 +3193,10 @@ packages:
    resolution: {integrity: sha512-p4rRk4f23ynFEfcD9LA0xRYngj+IyGiEYyqqOak8kaN0TvNmuxC2dcVeBn62GpCeR2CpWqyHCNScTP91QbAVFg==}
    engines: {node: '>= 0.8.0'}

+  send@1.2.0:
+    resolution: {integrity: sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==}
+    engines: {node: '>= 18'}
+
  serialize-error@2.1.0:
    resolution: {integrity: sha512-ghgmKt5o4Tly5yEG/UJp8qTd0AN7Xalw4XBtDEKP655B699qMEtra1WlXeE6WIvdEG481JvRxULKsInq/iNysw==}
    engines: {node: '>=0.10.0'}
@@ -3006,6 +3205,10 @@ packages:
    resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==}
    engines: {node: '>= 0.8.0'}

+  serve-static@2.2.0:
+    resolution: {integrity: sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==}
+    engines: {node: '>= 18'}
+
  server-only@0.0.1:
    resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}

@@ -3034,6 +3237,22 @@ packages:
    resolution: {integrity: sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==}
    engines: {node: '>= 0.4'}

+  side-channel-list@1.0.0:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
+
  signal-exit@3.0.7:
    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}

@@ -3207,6 +3426,10 @@ packages:
  tr46@0.0.3:
    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}

+  tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
+
  ts-interface-checker@0.1.13:
    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}

@@ -3225,6 +3448,10 @@ packages:
    resolution: {integrity: sha512-Ne2YiiGN8bmrmJJEuTWTLJR32nh/JdL1+PSicowtNb0WFpn59GK8/lfD61bVtzguz7b3PBt74nxpv/Pw5po5Rg==}
    engines: {node: '>=8'}

+  type-is@2.0.1:
+    resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==}
+    engines: {node: '>= 0.6'}
+
  typescript@5.9.3:
    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
    engines: {node: '>=14.17'}
@@ -4938,10 +5165,16 @@ snapshots:
    dependencies:
      '@babel/types': 7.28.5

+  '@types/crypto-js@4.2.2': {}
+
  '@types/graceful-fs@4.1.9':
    dependencies:
      '@types/node': 24.10.0

+  '@types/http-proxy@1.17.17':
+    dependencies:
+      '@types/node': 24.10.0
+
  '@types/istanbul-lib-coverage@2.0.6': {}

  '@types/istanbul-lib-report@3.0.3':
@@ -4958,6 +5191,8 @@ snapshots:

  '@types/lodash@4.17.20': {}

+  '@types/md5@2.3.6': {}
+
  '@types/node@24.10.0':
    dependencies:
      undici-types: 7.16.0
@@ -4999,6 +5234,11 @@ snapshots:
      mime-types: 2.1.35
      negotiator: 0.6.3

+  accepts@2.0.0:
+    dependencies:
+      mime-types: 3.0.1
+      negotiator: 1.0.0
+
  acorn@8.15.0: {}

  agent-base@7.1.4: {}
@@ -5056,7 +5296,7 @@ snapshots:

  axios@1.13.1:
    dependencies:
-      follow-redirects: 1.15.11
+      follow-redirects: 1.15.11(debug@4.4.3)
      form-data: 4.0.4
      proxy-from-env: 1.1.0
    transitivePeerDependencies:
@@ -5201,6 +5441,20 @@ snapshots:

  big-integer@1.6.52: {}

+  body-parser@2.2.0:
+    dependencies:
+      bytes: 3.1.2
+      content-type: 1.0.5
+      debug: 4.4.3
+      http-errors: 2.0.0
+      iconv-lite: 0.6.3
+      on-finished: 2.4.1
+      qs: 6.14.0
+      raw-body: 3.0.1
+      type-is: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
  bplist-creator@0.1.0:
    dependencies:
      stream-buffers: 2.2.0
@@ -5252,6 +5506,11 @@ snapshots:
      es-errors: 1.3.0
      function-bind: 1.1.2

+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
  camelcase@5.3.1: {}

  camelcase@6.3.0: {}
@@ -5269,6 +5528,8 @@ snapshots:
      ansi-styles: 4.3.0
      supports-color: 7.2.0

+  charenc@0.0.2: {}
+
  chownr@3.0.0: {}

  chrome-launcher@0.15.2:
@@ -5368,6 +5629,15 @@ snapshots:

  concat-map@0.0.1: {}

+  concurrently@9.2.1:
+    dependencies:
+      chalk: 4.1.2
+      rxjs: 7.8.2
+      shell-quote: 1.8.3
+      supports-color: 8.1.1
+      tree-kill: 1.2.2
+      yargs: 17.7.2
+
  connect@3.7.0:
    dependencies:
      debug: 2.6.9
@@ -5377,12 +5647,27 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  content-disposition@1.0.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  content-type@1.0.5: {}
+
  convert-source-map@2.0.0: {}

+  cookie-signature@1.2.2: {}
+
+  cookie@0.7.2: {}
+
  core-js-compat@3.46.0:
    dependencies:
      browserslist: 4.27.0

+  cors@2.8.5:
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+
  cross-fetch@3.2.0:
    dependencies:
      node-fetch: 2.7.0
@@ -5395,6 +5680,10 @@ snapshots:
      shebang-command: 2.0.0
      which: 2.0.2

+  crypt@0.0.2: {}
+
+  crypto-js@4.2.0: {}
+
  crypto-random-string@2.0.0: {}

  css-in-js-utils@3.1.0:
@@ -5504,6 +5793,8 @@ snapshots:

  event-target-shim@5.0.1: {}

+  eventemitter3@4.0.7: {}
+
  exec-async@2.2.0: {}

  expo-asset@12.0.9(expo@54.0.22)(react-native@0.81.5(@babel/core@7.28.5)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0):
@@ -5718,6 +6009,38 @@ snapshots:

  exponential-backoff@3.1.3: {}

+  express@5.1.0:
+    dependencies:
+      accepts: 2.0.0
+      body-parser: 2.2.0
+      content-disposition: 1.0.0
+      content-type: 1.0.5
+      cookie: 0.7.2
+      cookie-signature: 1.2.2
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 2.1.0
+      fresh: 2.0.0
+      http-errors: 2.0.0
+      merge-descriptors: 2.0.0
+      mime-types: 3.0.1
+      on-finished: 2.4.1
+      once: 1.4.0
+      parseurl: 1.3.3
+      proxy-addr: 2.0.7
+      qs: 6.14.0
+      range-parser: 1.2.1
+      router: 2.2.0
+      send: 1.2.0
+      serve-static: 2.2.0
+      statuses: 2.0.1
+      type-is: 2.0.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
  fast-deep-equal@3.1.3: {}

  fast-json-stable-stringify@2.1.0: {}
@@ -5758,6 +6081,17 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  finalhandler@2.1.0:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
  find-up@4.1.0:
    dependencies:
      locate-path: 5.0.0
@@ -5770,7 +6104,9 @@ snapshots:

  flow-enums-runtime@0.0.6: {}

-  follow-redirects@1.15.11: {}
+  follow-redirects@1.15.11(debug@4.4.3):
+    optionalDependencies:
+      debug: 4.4.3

  fontfaceobserver@2.3.0: {}

@@ -5787,10 +6123,14 @@ snapshots:
      hasown: 2.0.2
      mime-types: 2.1.35

+  forwarded@0.2.0: {}
+
  freeport-async@2.0.0: {}

  fresh@0.5.2: {}

+  fresh@2.0.0: {}
+
  fs.realpath@1.0.0: {}

  fsevents@2.3.3:
@@ -5894,6 +6234,25 @@ snapshots:
      statuses: 2.0.1
      toidentifier: 1.0.1

+  http-proxy-middleware@3.0.5:
+    dependencies:
+      '@types/http-proxy': 1.17.17
+      debug: 4.4.3
+      http-proxy: 1.18.1(debug@4.4.3)
+      is-glob: 4.0.3
+      is-plain-object: 5.0.0
+      micromatch: 4.0.8
+    transitivePeerDependencies:
+      - supports-color
+
+  http-proxy@1.18.1(debug@4.4.3):
+    dependencies:
+      eventemitter3: 4.0.7
+      follow-redirects: 1.15.11(debug@4.4.3)
+      requires-port: 1.0.0
+    transitivePeerDependencies:
+      - debug
+
  https-proxy-agent@7.0.6:
    dependencies:
      agent-base: 7.1.4
@@ -5903,6 +6262,14 @@ snapshots:

  hyphenate-style-name@1.1.0: {}

+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  iconv-lite@0.7.0:
+    dependencies:
+      safer-buffer: 2.1.2
+
  ieee754@1.2.1: {}

  ignore@5.3.2: {}
@@ -5930,20 +6297,34 @@ snapshots:
    dependencies:
      loose-envify: 1.4.0

+  ipaddr.js@1.9.1: {}
+
  is-arrayish@0.3.4: {}

+  is-buffer@1.1.6: {}
+
  is-core-module@2.16.1:
    dependencies:
      hasown: 2.0.2

  is-docker@2.2.1: {}

+  is-extglob@2.1.1: {}
+
  is-fullwidth-code-point@3.0.0: {}

+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
  is-number@7.0.0: {}

  is-plain-obj@2.1.0: {}

+  is-plain-object@5.0.0: {}
+
+  is-promise@4.0.0: {}
+
  is-wsl@2.2.0:
    dependencies:
      is-docker: 2.2.1
@@ -6159,10 +6540,20 @@ snapshots:

  math-intrinsics@1.1.0: {}

+  md5@2.3.0:
+    dependencies:
+      charenc: 0.0.2
+      crypt: 0.0.2
+      is-buffer: 1.1.6
+
+  media-typer@1.1.0: {}
+
  memoize-one@5.2.1: {}

  memoize-one@6.0.0: {}

+  merge-descriptors@2.0.0: {}
+
  merge-options@3.0.4:
    dependencies:
      is-plain-obj: 2.1.0
@@ -6532,6 +6923,10 @@ snapshots:
    dependencies:
      mime-db: 1.52.0

+  mime-types@3.0.1:
+    dependencies:
+      mime-db: 1.54.0
+
  mime@1.6.0: {}

  mimic-fn@1.2.0: {}
@@ -6570,6 +6965,8 @@ snapshots:

  negotiator@0.6.4: {}

+  negotiator@1.0.0: {}
+
  nested-error-stacks@2.0.1: {}

  node-fetch@2.7.0:
@@ -6603,6 +7000,8 @@ snapshots:

  object-assign@4.1.1: {}

+  object-inspect@1.13.4: {}
+
  on-finished@2.3.0:
    dependencies:
      ee-first: 1.1.1
@@ -6680,6 +7079,8 @@ snapshots:
      lru-cache: 10.4.3
      minipass: 7.1.2

+  path-to-regexp@8.3.0: {}
+
  picocolors@1.1.1: {}

  picomatch@2.3.1: {}
@@ -6704,6 +7105,8 @@ snapshots:
      picocolors: 1.1.1
      source-map-js: 1.2.1

+  prettier@3.6.2: {}
+
  pretty-bytes@5.6.0: {}

  pretty-format@29.7.0:
@@ -6729,12 +7132,21 @@ snapshots:
      kleur: 3.0.3
      sisteransi: 1.0.5

+  proxy-addr@2.0.7:
+    dependencies:
+      forwarded: 0.2.0
+      ipaddr.js: 1.9.1
+
  proxy-from-env@1.1.0: {}

  punycode@2.3.1: {}

  qrcode-terminal@0.11.0: {}

+  qs@6.14.0:
+    dependencies:
+      side-channel: 1.1.0
+
  query-string@7.1.3:
    dependencies:
      decode-uri-component: 0.2.2
@@ -6748,6 +7160,13 @@ snapshots:

  range-parser@1.2.1: {}

+  raw-body@3.0.1:
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.0
+      iconv-lite: 0.7.0
+      unpipe: 1.0.0
+
  rc@1.2.8:
    dependencies:
      deep-extend: 0.6.0
@@ -6971,6 +7390,8 @@ snapshots:
      rc: 1.2.8
      resolve: 1.7.1

+  requires-port@1.0.0: {}
+
  resolve-from@5.0.0: {}

  resolve-global@1.0.0:
@@ -7000,8 +7421,24 @@ snapshots:
    dependencies:
      glob: 7.2.3

+  router@2.2.0:
+    dependencies:
+      debug: 4.4.3
+      depd: 2.0.0
+      is-promise: 4.0.0
+      parseurl: 1.3.3
+      path-to-regexp: 8.3.0
+    transitivePeerDependencies:
+      - supports-color
+
+  rxjs@7.8.2:
+    dependencies:
+      tslib: 2.8.1
+
  safe-buffer@5.2.1: {}

+  safer-buffer@2.1.2: {}
+
  sax@1.4.2: {}

  scheduler@0.26.0: {}
@@ -7050,6 +7487,22 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  send@1.2.0:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.0
+      mime-types: 3.0.1
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
  serialize-error@2.1.0: {}

  serve-static@1.16.2:
@@ -7061,6 +7514,15 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  serve-static@2.2.0:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 1.2.0
+    transitivePeerDependencies:
+      - supports-color
+
  server-only@0.0.1: {}

  setimmediate@1.0.5: {}
@@ -7079,6 +7541,34 @@ snapshots:

  shell-quote@1.8.3: {}

+  side-channel-list@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
  signal-exit@3.0.7: {}

  signal-exit@4.1.0: {}
@@ -7239,6 +7729,8 @@ snapshots:

  tr46@0.0.3: {}

+  tree-kill@1.2.2: {}
+
  ts-interface-checker@0.1.13: {}

  tslib@2.8.1: {}
@@ -7249,6 +7741,12 @@ snapshots:

  type-fest@0.7.1: {}

+  type-is@2.0.1:
+    dependencies:
+      content-type: 1.0.5
+      media-typer: 1.1.0
+      mime-types: 3.0.1
+
  typescript@5.9.3: {}

  ua-parser-js@1.0.41: {}
--- a/src/schemas/auth.ts
+++ b/src/schemas/auth.ts
@@ -8,14 +8,8 @@ import { z } from 'zod';
 * 登录表单 Schema
 */
 export const loginSchema = z.object({
-  email: z
-    .string()
-    .min(1, '请输入邮箱')
-    .email('请输入有效的邮箱地址'),
-  password: z
-    .string()
-    .min(6, '密码至少6个字符')
-    .max(20, '密码最多20个字符'),
+  email: z.string().min(1, '请输入邮箱').email('请输入有效的邮箱地址'),
+  password: z.string().min(6, '密码至少6个字符').max(20, '密码最多20个字符'),
  rememberMe: z.boolean().optional(),
 });

@@ -29,10 +23,7 @@ export const registerSchema = z
      .min(3, '用户名至少3个字符')
      .max(20, '用户名最多20个字符')
      .regex(/^[a-zA-Z0-9_]+$/, '用户名只能包含字母、数字和下划线'),
-    email: z
-      .string()
-      .min(1, '请输入邮箱')
-      .email('请输入有效的邮箱地址'),
+    email: z.string().min(1, '请输入邮箱').email('请输入有效的邮箱地址'),
    password: z
      .string()
      .min(6, '密码至少6个字符')
@@ -54,10 +45,7 @@ export const registerSchema = z
 * 忘记密码 Schema
 */
 export const forgotPasswordSchema = z.object({
-  email: z
-    .string()
-    .min(1, '请输入邮箱')
-    .email('请输入有效的邮箱地址'),
+  email: z.string().min(1, '请输入邮箱').email('请输入有效的邮箱地址'),
 });

 /**
@@ -70,10 +58,7 @@ export const resetPasswordSchema = z
      .min(6, '验证码为6位')
      .max(6, '验证码为6位')
      .regex(/^\d{6}$/, '验证码必须是6位数字'),
-    password: z
-      .string()
-      .min(6, '密码至少6个字符')
-      .max(20, '密码最多20个字符'),
+    password: z.string().min(6, '密码至少6个字符').max(20, '密码最多20个字符'),
    confirmPassword: z.string().min(1, '请确认密码'),
  })
  .refine((data) => data.password === data.confirmPassword, {
@@ -87,10 +72,7 @@ export const resetPasswordSchema = z
 export const changePasswordSchema = z
  .object({
    oldPassword: z.string().min(1, '请输入当前密码'),
-    newPassword: z
-      .string()
-      .min(6, '新密码至少6个字符')
-      .max(20, '新密码最多20个字符'),
+    newPassword: z.string().min(6, '新密码至少6个字符').max(20, '新密码最多20个字符'),
    confirmPassword: z.string().min(1, '请确认新密码'),
  })
  .refine((data) => data.newPassword === data.confirmPassword, {
@@ -127,4 +109,3 @@ export type ForgotPasswordFormData = z.infer<typeof forgotPasswordSchema>;
 export type ResetPasswordFormData = z.infer<typeof resetPasswordSchema>;
 export type ChangePasswordFormData = z.infer<typeof changePasswordSchema>;
 export type PhoneLoginFormData = z.infer<typeof phoneLoginSchema>;
-
--- a/schemas/index.ts
+++ b/schemas/index.ts
@@ -0,0 +1,36 @@
+/**
+ * Schemas 模块统一导出
+ */
+
+// Auth Schemas
+export {
+  loginSchema,
+  registerSchema,
+  forgotPasswordSchema,
+  resetPasswordSchema,
+  changePasswordSchema,
+  phoneLoginSchema,
+} from './auth';
+export type {
+  LoginFormData,
+  RegisterFormData,
+  ForgotPasswordFormData,
+  ResetPasswordFormData,
+  ChangePasswordFormData,
+  PhoneLoginFormData,
+} from './auth';
+
+// User Schemas
+export {
+  userSchema,
+  updateUserSchema,
+  bindPhoneSchema,
+  bindEmailSchema,
+} from './user';
+export type {
+  UserFormData,
+  UpdateUserFormData,
+  BindPhoneFormData,
+  BindEmailFormData,
+} from './user';
+
--- a/src/schemas/user.ts
+++ b/src/schemas/user.ts
@@ -21,11 +21,7 @@ export const userSchema = z.object({
 * 更新用户资料 Schema
 */
 export const updateProfileSchema = z.object({
-  nickname: z
-    .string()
-    .min(2, '昵称至少2个字符')
-    .max(20, '昵称最多20个字符')
-    .optional(),
+  nickname: z.string().min(2, '昵称至少2个字符').max(20, '昵称最多20个字符').optional(),
  avatar: z.string().url('请输入有效的头像URL').optional(),
  phone: z
    .string()
@@ -55,10 +51,7 @@ export const bindPhoneSchema = z.object({
 * 绑定邮箱 Schema
 */
 export const bindEmailSchema = z.object({
-  email: z
-    .string()
-    .min(1, '请输入邮箱')
-    .email('请输入有效的邮箱地址'),
+  email: z.string().min(1, '请输入邮箱').email('请输入有效的邮箱地址'),
  code: z
    .string()
    .min(6, '验证码为6位')
@@ -73,4 +66,3 @@ export type User = z.infer<typeof userSchema>;
 export type UpdateProfileFormData = z.infer<typeof updateProfileSchema>;
 export type BindPhoneFormData = z.infer<typeof bindPhoneSchema>;
 export type BindEmailFormData = z.infer<typeof bindEmailSchema>;
-
--- a/screens/index.ts
+++ b/screens/index.ts
@@ -0,0 +1,36 @@
+/**
+ * Screens 统一导出
+ * 
+ * 这个目录用于存放复杂的业务页面组件
+ * 
+ * 目录结构建议：
+ * screens/
+ * ├── index.ts                    # 统一导出
+ * ├── TestScreen/                 # 测试页面
+ * │   ├── index.tsx              # 页面主组件
+ * │   ├── components/            # 页面私有组件
+ * │   └── styles.ts              # 页面样式
+ * ├── ProfileScreen/             # 个人资料页面
+ * └── SettingsScreen/            # 设置页面
+ * 
+ * 使用方式：
+ * 1. 在 screens/ 目录下创建页面组件
+ * 2. 在 app/ 目录下创建路由文件，引用 screens/ 中的组件
+ * 3. 从这里统一导出，方便管理
+ * 
+ * 示例：
+ * ```typescript
+ * // screens/TestScreen/index.tsx
+ * export default function TestScreen() {
+ *   return <View>...</View>;
+ * }
+ * 
+ * // app/test.tsx
+ * import TestScreen from '@/screens/TestScreen';
+ * export default TestScreen;
+ * ```
+ */
+
+// 当前暂无导出，等待添加业务页面组件
+export {};
+
--- a/scripts/proxy-server.js
+++ b/scripts/proxy-server.js
@@ -0,0 +1,111 @@
+/**
+ * 开发环境代理服务器
+ * 用于解决跨域问题和统一 API 请求
+ */
+
+const express = require('express');
+const { createProxyMiddleware } = require('http-proxy-middleware');
+const cors = require('cors');
+
+const app = express();
+const PORT = 8086;
+
+// 启用 CORS
+app.use(cors({
+  origin: '*', // 允许所有源，开发环境使用
+  credentials: true,
+  methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS', 'PATCH'],
+  allowedHeaders: [
+    'Content-Type',
+    'Authorization',
+    'X-Requested-With',
+    'Accept',
+    // 自定义请求头
+    'cmdId',
+    'datetime',
+    'pwds',
+    'aseqId',
+    'nc',
+    'apiName',
+    'tid',
+    'custId',
+    'reqId',
+    'isMobileOpen',
+    'languageNum',
+    'project',
+    'platform',
+    'checkOr',
+    'tbc',
+    'reqKey',
+    'signature',
+    'authorization',
+  ],
+  exposedHeaders: ['cmdId', 'datetime', 'pwds', 'aseqId', 'nc', 'checkOr', 'checkor'],
+}));
+
+// 目标 API 服务器地址
+const API_TARGET = process.env.API_TARGET || 'https://51zhh5.notbug.org';
+
+// 代理路径列表
+const PROXY_PATHS = ['/api/v1', '/api/v2', '/api/v3'];
+
+// 为每个路径配置代理
+PROXY_PATHS.forEach((path) => {
+  app.use(
+    path,
+    createProxyMiddleware({
+      target: API_TARGET,
+      changeOrigin: true,
+      secure: false, // 如果目标服务器使用自签名证书，设置为 false
+      pathRewrite: (pathStr, req) => {
+        // Express 会自动去掉匹配的前缀，所以需要加回来
+        const fullPath = path + pathStr;
+        console.log(`[Proxy] Path rewrite: ${pathStr} → ${fullPath}`);
+        return fullPath;
+      },
+      onProxyReq: (proxyReq, req, res) => {
+        const fullPath = path + req.url;
+        console.log(`[Proxy] ${req.method} ${fullPath} → ${API_TARGET}${fullPath}`);
+      },
+      onProxyRes: (proxyRes, req, res) => {
+        const fullPath = path + req.url;
+        console.log(`[Proxy] ${req.method} ${fullPath} ← ${proxyRes.statusCode}`);
+
+        // 确保 CORS 头被正确设置
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS, PATCH');
+        res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization, X-Requested-With, Accept, cmdId, datetime, pwds, aseqId, nc, apiName, tid, custId, reqId, isMobileOpen, languageNum, project, platform, checkOr, tbc, reqKey, signature, authorization');
+        res.setHeader('Access-Control-Expose-Headers', 'cmdId, datetime, pwds, aseqId, nc, checkOr, checkor');
+        res.setHeader('Access-Control-Allow-Credentials', 'true');
+      },
+      onError: (err, req, res) => {
+        console.error('[Proxy Error]', err.message);
+        res.status(500).json({
+          error: 'Proxy Error',
+          message: err.message,
+        });
+      },
+    })
+  );
+});
+
+// 健康检查
+app.get('/health', (req, res) => {
+  res.json({
+    status: 'ok',
+    proxy: API_TARGET,
+    timestamp: new Date().toISOString(),
+  });
+});
+
+app.listen(PORT, () => {
+  console.log(`
+╔════════════════════════════════════════════════════════╗
+║  🚀 Proxy Server Running                              ║
+╠════════════════════════════════════════════════════════╣
+║  Local:   http://localhost:${PORT}                       ║
+║  Target:  ${API_TARGET.padEnd(40)} ║
+║  Health:  http://localhost:${PORT}/health                ║
+╚════════════════════════════════════════════════════════╝
+  `);
+});
--- a/src/services/authService.ts
+++ b/src/services/authService.ts
@@ -3,7 +3,7 @@
 * 处理登录、注册等认证相关的 API 请求
 */

-import { request } from '@/src/utils/api';
+import { request } from '@/utils/network/api';
 import type {
  LoginFormData,
  RegisterFormData,
@@ -11,8 +11,8 @@ import type {
  ResetPasswordFormData,
  ChangePasswordFormData,
  PhoneLoginFormData,
-} from '@/src/schemas/auth';
-import type { User } from '@/src/schemas/user';
+} from '@/schemas/auth';
+import type { User } from '@/schemas/user';

 /**
 * API 响应接口
@@ -40,10 +40,7 @@ class AuthService {
   * 邮箱登录
   */
  async login(data: LoginFormData): Promise<LoginResponse> {
-    const response = await request.post<ApiResponse<LoginResponse>>(
-      '/auth/login',
-      data
-    );
+    const response = await request.post<ApiResponse<LoginResponse>>('/auth/login', data);
    return response.data;
  }

@@ -51,10 +48,7 @@ class AuthService {
   * 手机号登录
   */
  async phoneLogin(data: PhoneLoginFormData): Promise<LoginResponse> {
-    const response = await request.post<ApiResponse<LoginResponse>>(
-      '/auth/phone-login',
-      data
-    );
+    const response = await request.post<ApiResponse<LoginResponse>>('/auth/phone-login', data);
    return response.data;
  }

@@ -62,10 +56,7 @@ class AuthService {
   * 注册
   */
  async register(data: RegisterFormData): Promise<LoginResponse> {
-    const response = await request.post<ApiResponse<LoginResponse>>(
-      '/auth/register',
-      data
-    );
+    const response = await request.post<ApiResponse<LoginResponse>>('/auth/register', data);
    return response.data;
  }

@@ -108,10 +99,9 @@ class AuthService {
   * 刷新 token
   */
  async refreshToken(refreshToken: string): Promise<{ token: string }> {
-    const response = await request.post<ApiResponse<{ token: string }>>(
-      '/auth/refresh-token',
-      { refreshToken }
-    );
+    const response = await request.post<ApiResponse<{ token: string }>>('/auth/refresh-token', {
+      refreshToken,
+    });
    return response.data;
  }

@@ -131,4 +121,3 @@ class AuthService {
 // 导出单例
 export const authService = new AuthService();
 export default authService;
-
--- a/services/index.ts
+++ b/services/index.ts
@@ -0,0 +1,8 @@
+/**
+ * Services 模块统一导出
+ */
+
+export { default as authService } from './authService';
+export { default as userService } from './userService';
+export { default as tenantService } from './tenantService';
+
--- a/services/tenantService.ts
+++ b/services/tenantService.ts
@@ -0,0 +1,43 @@
+/**
+ * 租户服务
+ * 处理租户相关的 API 请求
+ */
+
+import { request } from '@/utils/network/api';
+// import type { User, UpdateProfileFormData } from '@/schemas/user';
+
+/**
+ * API 响应接口
+ */
+interface ApiResponse<T = any> {
+  code: number;
+  message: string;
+  data: T;
+}
+
+/**
+ * tenant 服务类
+ */
+class TenantService {
+  /**
+   * 获取平台信息
+   */
+  getPlatformData(params?: Record<string, any>): Promise<ApiResponse> {
+    const data = {
+      language: '0',
+      ...params
+    };
+    return request.post('/v2', data, {
+      headers: {
+        cmdId: 371130,
+        headerType: 1,
+        apiName: 'getPlatformData',
+        tid: '',
+      },
+    });
+  }
+}
+
+// 导出单例
+export const tenantService = new TenantService();
+export default tenantService;
--- a/src/services/userService.ts
+++ b/src/services/userService.ts
@@ -3,8 +3,8 @@
 * 处理用户信息相关的 API 请求
 */

-import { request } from '@/src/utils/api';
-import type { User, UpdateProfileFormData } from '@/src/schemas/user';
+import { request } from '@/utils/network/api';
+import type { User, UpdateProfileFormData } from '@/schemas/user';

 /**
 * API 响应接口
@@ -50,15 +50,11 @@ class UserService {
    const formData = new FormData();
    formData.append('avatar', file);

-    const response = await request.post<ApiResponse<{ url: string }>>(
-      '/user/avatar',
-      formData,
-      {
+    const response = await request.post<ApiResponse<{ url: string }>>('/user/avatar', formData, {
      headers: {
        'Content-Type': 'multipart/form-data',
      },
-      }
-    );
+    });
    return response.data;
  }

@@ -87,4 +83,3 @@ class UserService {
 // 导出单例
 export const userService = new UserService();
 export default userService;
-
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,29 +0,0 @@
-/**
- * 统一导出所有模块
- */
-
-// Utils
-export { default as api, request } from './utils/api';
-export { default as Storage, STORAGE_KEYS } from './utils/storage';
-export * from './utils/date';
-
-// Stores
-export * from './stores/userStore';
-export * from './stores/settingsStore';
-
-// Schemas
-export * from './schemas/auth';
-export * from './schemas/user';
-
-// Services
-export { default as authService } from './services/authService';
-export { default as userService } from './services/userService';
-
-// Hooks
-export * from './hooks/useDebounce';
-export * from './hooks/useThrottle';
-export * from './hooks/useHaptics';
-
-// Types
-export * from './types';
-
--- a/src/stores/settingsStore.ts
+++ b/src/stores/settingsStore.ts
@@ -1,147 +0,0 @@
-/**
- * 应用设置状态管理
- * 使用 Zustand + AsyncStorage 持久化
- */
-
-import { create } from 'zustand';
-import { persist, createJSONStorage } from 'zustand/middleware';
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-/**
- * 主题类型
- */
-export type Theme = 'light' | 'dark' | 'auto';
-
-/**
- * 语言类型
- */
-export type Language = 'zh-CN' | 'en-US';
-
-/**
- * 设置状态接口
- */
-interface SettingsState {
-  // 状态
-  theme: Theme;
-  language: Language;
-  notificationsEnabled: boolean;
-  soundEnabled: boolean;
-  hapticsEnabled: boolean;
-
-  // 操作
-  setTheme: (theme: Theme) => void;
-  setLanguage: (language: Language) => void;
-  setNotificationsEnabled: (enabled: boolean) => void;
-  setSoundEnabled: (enabled: boolean) => void;
-  setHapticsEnabled: (enabled: boolean) => void;
-  resetSettings: () => void;
-}
-
-/**
- * 默认设置
- */
-const DEFAULT_SETTINGS = {
-  theme: 'auto' as Theme,
-  language: 'zh-CN' as Language,
-  notificationsEnabled: true,
-  soundEnabled: true,
-  hapticsEnabled: true,
-};
-
-/**
- * 设置状态 Store
- */
-export const useSettingsStore = create<SettingsState>()(
-  persist(
-    (set) => ({
-      // 初始状态
-      ...DEFAULT_SETTINGS,
-
-      // 设置主题
-      setTheme: (theme) => {
-        set({ theme });
-        if (__DEV__) {
-          console.log('🎨 Theme changed:', theme);
-        }
-      },
-
-      // 设置语言
-      setLanguage: (language) => {
-        set({ language });
-        if (__DEV__) {
-          console.log('🌐 Language changed:', language);
-        }
-      },
-
-      // 设置通知开关
-      setNotificationsEnabled: (enabled) => {
-        set({ notificationsEnabled: enabled });
-        if (__DEV__) {
-          console.log('🔔 Notifications:', enabled ? 'enabled' : 'disabled');
-        }
-      },
-
-      // 设置声音开关
-      setSoundEnabled: (enabled) => {
-        set({ soundEnabled: enabled });
-        if (__DEV__) {
-          console.log('🔊 Sound:', enabled ? 'enabled' : 'disabled');
-        }
-      },
-
-      // 设置触觉反馈开关
-      setHapticsEnabled: (enabled) => {
-        set({ hapticsEnabled: enabled });
-        if (__DEV__) {
-          console.log('📳 Haptics:', enabled ? 'enabled' : 'disabled');
-        }
-      },
-
-      // 重置所有设置
-      resetSettings: () => {
-        set(DEFAULT_SETTINGS);
-        if (__DEV__) {
-          console.log('🔄 Settings reset to default');
-        }
-      },
-    }),
-    {
-      name: 'settings-storage',
-      storage: createJSONStorage(() => AsyncStorage),
-    }
-  )
-);
-
-/**
- * 选择器 Hooks
- */
-
-// 获取主题
-export const useTheme = () => useSettingsStore((state) => state.theme);
-
-// 获取语言
-export const useLanguage = () => useSettingsStore((state) => state.language);
-
-// 获取通知状态
-export const useNotificationsEnabled = () =>
-  useSettingsStore((state) => state.notificationsEnabled);
-
-// 获取声音状态
-export const useSoundEnabled = () =>
-  useSettingsStore((state) => state.soundEnabled);
-
-// 获取触觉反馈状态
-export const useHapticsEnabled = () =>
-  useSettingsStore((state) => state.hapticsEnabled);
-
-// 获取设置操作方法
-export const useSettingsActions = () =>
-  useSettingsStore((state) => ({
-    setTheme: state.setTheme,
-    setLanguage: state.setLanguage,
-    setNotificationsEnabled: state.setNotificationsEnabled,
-    setSoundEnabled: state.setSoundEnabled,
-    setHapticsEnabled: state.setHapticsEnabled,
-    resetSettings: state.resetSettings,
-  }));
-
--- a/src/stores/userStore.ts
+++ b/src/stores/userStore.ts
@@ -1,142 +0,0 @@
-/**
- * 用户状态管理
- * 使用 Zustand + AsyncStorage 持久化
- */
-
-import { create } from 'zustand';
-import { persist, createJSONStorage } from 'zustand/middleware';
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-/**
- * 用户信息接口
- */
-export interface User {
-  id: string;
-  username: string;
-  email: string;
-  avatar?: string;
-  nickname?: string;
-  phone?: string;
-  createdAt?: string;
-}
-
-/**
- * 用户状态接口
- */
-interface UserState {
-  // 状态
-  user: User | null;
-  isLoggedIn: boolean;
-  token: string | null;
-
-  // 操作
-  setUser: (user: User) => void;
-  setToken: (token: string) => void;
-  login: (user: User, token: string) => void;
-  logout: () => void;
-  updateUser: (updates: Partial<User>) => void;
-}
-
-/**
- * 用户状态 Store
- */
-export const useUserStore = create<UserState>()(
-  persist(
-    (set, get) => ({
-      // 初始状态
-      user: null,
-      isLoggedIn: false,
-      token: null,
-
-      // 设置用户信息
-      setUser: (user) => {
-        set({ user, isLoggedIn: true });
-      },
-
-      // 设置 token
-      setToken: (token) => {
-        set({ token });
-      },
-
-      // 登录
-      login: (user, token) => {
-        set({
-          user,
-          token,
-          isLoggedIn: true,
-        });
-
-        // 同时保存 token 到 AsyncStorage（用于 API 请求）
-        AsyncStorage.setItem('auth_token', token);
-
-        if (__DEV__) {
-          console.log('✅ User logged in:', user.username);
-        }
-      },
-
-      // 登出
-      logout: () => {
-        set({
-          user: null,
-          token: null,
-          isLoggedIn: false,
-        });
-
-        // 清除 AsyncStorage 中的 token
-        AsyncStorage.removeItem('auth_token');
-
-        if (__DEV__) {
-          console.log('👋 User logged out');
-        }
-      },
-
-      // 更新用户信息
-      updateUser: (updates) => {
-        const currentUser = get().user;
-        if (currentUser) {
-          set({
-            user: { ...currentUser, ...updates },
-          });
-
-          if (__DEV__) {
-            console.log('📝 User updated:', updates);
-          }
-        }
-      },
-    }),
-    {
-      name: 'user-storage', // AsyncStorage 中的键名
-      storage: createJSONStorage(() => AsyncStorage),
-      // 可以选择性地持久化某些字段
-      partialize: (state) => ({
-        user: state.user,
-        token: state.token,
-        isLoggedIn: state.isLoggedIn,
-      }),
-    }
-  )
-);
-
-/**
- * 选择器 Hooks（优化性能，避免不必要的重渲染）
- */
-
-// 获取用户信息
-export const useUser = () => useUserStore((state) => state.user);
-
-// 获取登录状态
-export const useIsLoggedIn = () => useUserStore((state) => state.isLoggedIn);
-
-// 获取 token
-export const useToken = () => useUserStore((state) => state.token);
-
-// 获取用户操作方法
-export const useUserActions = () =>
-  useUserStore((state) => ({
-    setUser: state.setUser,
-    setToken: state.setToken,
-    login: state.login,
-    logout: state.logout,
-    updateUser: state.updateUser,
-  }));
-
--- a/src/utils/api.ts
+++ b/src/utils/api.ts
@@ -1,144 +0,0 @@
-/**
- * Axios API 配置
- * 统一管理 HTTP 请求
- */
-
-import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios';
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-// API 基础配置
-const API_CONFIG = {
-  baseURL: process.env.EXPO_PUBLIC_API_URL || 'https://api.example.com',
-  timeout: 10000,
-  headers: {
-    'Content-Type': 'application/json',
-  },
-};
-
-// 创建 axios 实例
-const api = axios.create(API_CONFIG);
-
-/**
- * 请求拦截器
- * 在请求发送前添加 token 等信息
- */
-api.interceptors.request.use(
-  async (config) => {
-    try {
-      // 从本地存储获取 token
-      const token = await AsyncStorage.getItem('auth_token');
-      
-      if (token) {
-        config.headers.Authorization = `Bearer ${token}`;
-      }
-
-      // 打印请求信息（开发环境）
-      if (__DEV__) {
-        console.log('📤 API Request:', {
-          method: config.method?.toUpperCase(),
-          url: config.url,
-          data: config.data,
-        });
-      }
-
-      return config;
-    } catch (error) {
-      console.error('Request interceptor error:', error);
-      return config;
-    }
-  },
-  (error) => {
-    console.error('Request error:', error);
-    return Promise.reject(error);
-  }
-);
-
-/**
- * 响应拦截器
- * 统一处理响应和错误
- */
-api.interceptors.response.use(
-  (response: AxiosResponse) => {
-    // 打印响应信息（开发环境）
-    if (__DEV__) {
-      console.log('📥 API Response:', {
-        url: response.config.url,
-        status: response.status,
-        data: response.data,
-      });
-    }
-
-    // 返回响应数据
-    return response.data;
-  },
-  async (error: AxiosError) => {
-    // 打印错误信息
-    console.error('❌ API Error:', {
-      url: error.config?.url,
-      status: error.response?.status,
-      message: error.message,
-      data: error.response?.data,
-    });
-
-    // 处理不同的错误状态码
-    if (error.response) {
-      switch (error.response.status) {
-        case 401:
-          // 未授权，清除 token 并跳转到登录页
-          await AsyncStorage.removeItem('auth_token');
-          // TODO: 导航到登录页
-          // router.replace('/login');
-          break;
-
-        case 403:
-          // 禁止访问
-          console.error('Access forbidden');
-          break;
-
-        case 404:
-          // 资源不存在
-          console.error('Resource not found');
-          break;
-
-        case 500:
-          // 服务器错误
-          console.error('Server error');
-          break;
-
-        default:
-          console.error('Unknown error');
-      }
-    } else if (error.request) {
-      // 请求已发送但没有收到响应
-      console.error('No response received');
-    } else {
-      // 请求配置出错
-      console.error('Request configuration error');
-    }
-
-    return Promise.reject(error);
-  }
-);
-
-/**
- * 通用请求方法
- */
-export const request = {
-  get: <T = any>(url: string, config?: AxiosRequestConfig) => 
-    api.get<T, T>(url, config),
-
-  post: <T = any>(url: string, data?: any, config?: AxiosRequestConfig) => 
-    api.post<T, T>(url, data, config),
-
-  put: <T = any>(url: string, data?: any, config?: AxiosRequestConfig) => 
-    api.put<T, T>(url, data, config),
-
-  delete: <T = any>(url: string, config?: AxiosRequestConfig) => 
-    api.delete<T, T>(url, config),
-
-  patch: <T = any>(url: string, data?: any, config?: AxiosRequestConfig) => 
-    api.patch<T, T>(url, data, config),
-};
-
-export default api;
-
--- a/stores/index.ts
+++ b/stores/index.ts
@@ -0,0 +1,36 @@
+/**
+ * Stores 模块统一导出
+ */
+
+// User Store
+export {
+  useUserStore,
+  useUser,
+  useIsLoggedIn,
+  useToken,
+  useUserActions,
+  restoreUserState,
+} from './userStore';
+export type { User } from './userStore';
+
+// Settings Store
+export {
+  useSettingsStore,
+  useTheme,
+  useLanguage,
+  useNotificationsEnabled,
+  useSoundEnabled,
+  useHapticsEnabled,
+  useSettingsActions,
+  restoreSettingsState,
+} from './settingsStore';
+export type { Theme, Language } from './settingsStore';
+
+// Tenant Store
+export {
+  default as useTenantStore,
+  useTenantInfo,
+  useTenantStates,
+  useTenantActions,
+  restoreTenantState,
+} from './tenantStore';
--- a/stores/settingsStore.ts
+++ b/stores/settingsStore.ts
@@ -0,0 +1,167 @@
+/**
+ * 应用设置状态管理
+ * 使用 Zustand + AsyncStorage 持久化
+ */
+
+import { create } from 'zustand';
+import { useShallow } from 'zustand/react/shallow';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+/**
+ * 主题类型
+ */
+export type Theme = 'light' | 'dark' | 'auto';
+
+/**
+ * 语言类型
+ */
+export type Language = 'zh-CN' | 'en-US';
+
+/**
+ * 设置状态接口
+ */
+interface SettingsState {
+  // 状态
+  theme: Theme;
+  language: Language;
+  notificationsEnabled: boolean;
+  soundEnabled: boolean;
+  hapticsEnabled: boolean;
+
+  // 操作
+  setTheme: (theme: Theme) => void;
+  setLanguage: (language: Language) => void;
+  setNotificationsEnabled: (enabled: boolean) => void;
+  setSoundEnabled: (enabled: boolean) => void;
+  setHapticsEnabled: (enabled: boolean) => void;
+  resetSettings: () => void;
+}
+
+/**
+ * 默认设置
+ */
+const DEFAULT_SETTINGS = {
+  theme: 'auto' as Theme,
+  language: 'zh-CN' as Language,
+  notificationsEnabled: true,
+  soundEnabled: true,
+  hapticsEnabled: true,
+};
+
+/**
+ * 设置状态 Store
+ */
+export const useSettingsStore = create<SettingsState>()((set, get) => ({
+  // 初始状态
+  ...DEFAULT_SETTINGS,
+
+  // 设置主题
+  setTheme: (theme) => {
+    set({ theme });
+    // 手动持久化
+    AsyncStorage.setItem('settings-storage', JSON.stringify(get()));
+    if (__DEV__) {
+      console.log('🎨 Theme changed:', theme);
+    }
+  },
+
+  // 设置语言
+  setLanguage: (language) => {
+    set({ language });
+    // 手动持久化
+    AsyncStorage.setItem('settings-storage', JSON.stringify(get()));
+    if (__DEV__) {
+      console.log('🌐 Language changed:', language);
+    }
+  },
+
+  // 设置通知开关
+  setNotificationsEnabled: (enabled) => {
+    set({ notificationsEnabled: enabled });
+    // 手动持久化
+    AsyncStorage.setItem('settings-storage', JSON.stringify(get()));
+    if (__DEV__) {
+      console.log('🔔 Notifications:', enabled ? 'enabled' : 'disabled');
+    }
+  },
+
+  // 设置声音开关
+  setSoundEnabled: (enabled) => {
+    set({ soundEnabled: enabled });
+    // 手动持久化
+    AsyncStorage.setItem('settings-storage', JSON.stringify(get()));
+    if (__DEV__) {
+      console.log('🔊 Sound:', enabled ? 'enabled' : 'disabled');
+    }
+  },
+
+  // 设置触觉反馈开关
+  setHapticsEnabled: (enabled) => {
+    set({ hapticsEnabled: enabled });
+    // 手动持久化
+    AsyncStorage.setItem('settings-storage', JSON.stringify(get()));
+    if (__DEV__) {
+      console.log('📳 Haptics:', enabled ? 'enabled' : 'disabled');
+    }
+  },
+
+  // 重置所有设置
+  resetSettings: () => {
+    set(DEFAULT_SETTINGS);
+    // 手动持久化
+    AsyncStorage.setItem('settings-storage', JSON.stringify(DEFAULT_SETTINGS));
+    if (__DEV__) {
+      console.log('🔄 Settings reset to default');
+    }
+  },
+}));
+
+// 从 AsyncStorage 恢复状态的函数
+export const restoreSettingsState = async () => {
+  try {
+    const stored = await AsyncStorage.getItem('settings-storage');
+    if (stored) {
+      const state = JSON.parse(stored);
+      useSettingsStore.setState(state);
+      if (__DEV__) {
+        console.log('✅ Settings state restored from storage');
+      }
+    }
+  } catch (error) {
+    console.error('Failed to restore settings state:', error);
+  }
+};
+
+/**
+ * 选择器 Hooks
+ */
+
+// 获取主题
+export const useTheme = () => useSettingsStore((state) => state.theme);
+
+// 获取语言
+export const useLanguage = () => useSettingsStore((state) => state.language);
+
+// 获取通知状态
+export const useNotificationsEnabled = () =>
+  useSettingsStore((state) => state.notificationsEnabled);
+
+// 获取声音状态
+export const useSoundEnabled = () => useSettingsStore((state) => state.soundEnabled);
+
+// 获取触觉反馈状态
+export const useHapticsEnabled = () => useSettingsStore((state) => state.hapticsEnabled);
+
+// 获取设置操作方法
+// 使用 useShallow 避免每次渲染都返回新对象
+export const useSettingsActions = () =>
+  useSettingsStore(
+    useShallow((state) => ({
+      setTheme: state.setTheme,
+      setLanguage: state.setLanguage,
+      setNotificationsEnabled: state.setNotificationsEnabled,
+      setSoundEnabled: state.setSoundEnabled,
+      setHapticsEnabled: state.setHapticsEnabled,
+      resetSettings: state.resetSettings,
+    }))
+  );
--- a/stores/tenantStore.ts
+++ b/stores/tenantStore.ts
@@ -0,0 +1,122 @@
+/**
+ * 租户状态管理
+ * 使用 Zustand + AsyncStorage 持久化
+ */
+
+import { create } from 'zustand';
+import { useShallow } from 'zustand/react/shallow';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { STORAGE_KEYS } from '@/utils/storage';
+import { tenantService } from '@/services/tenantService';
+import { useEffect } from 'react';
+
+/**
+ * 租户信息接口
+ */
+// export interface Tenant {
+//   id: string;
+//   username: string;
+//   email: string;
+//   avatar?: string;
+//   nickname?: string;
+//   phone?: string;
+//   createdAt?: string;
+// }
+
+/**
+ * 租户状态接口
+ */
+interface TenantState {
+  // 状态
+  tenantInfo: Record<string, any> | null;
+
+  // 操作
+  setTenantInfo: (data: Record<string, any>) => void;
+  requestTenantInfo: (data?: Record<string, any>) => Promise<any>;
+}
+
+/**
+ * 租户状态 Store
+ */
+const useTenantStore = create<TenantState>()((set, get) => ({
+  // 初始状态
+  tenantInfo: null,
+
+
+  // 设置租户信息（通用方法，包含持久化逻辑）
+  setTenantInfo: (data: any) => {
+    set({ tenantInfo: data });
+    // 手动持久化
+    // AsyncStorage.setItem(STORAGE_KEYS.TENANT_STORE, JSON.stringify({ tenantInfo: data }));
+
+    if (__DEV__) {
+      console.log('💾 Tenant info saved:', data);
+    }
+  },
+
+  // 获取租户信息（调用 API 并使用 setTenantInfo 保存）
+  requestTenantInfo: async () => {
+    try {
+      const params = {
+        domain_addr: 'https://51zhh5.notbug.org',
+      };
+      const { data } = await tenantService.getPlatformData(params);
+
+      // 调用 setTenantInfo 来保存数据，避免重复代码
+      get().setTenantInfo(data);
+
+      if (__DEV__) {
+        console.log('✅ Tenant info loaded:', data);
+      }
+      return Promise.resolve(data);
+    } catch (error) {
+      console.error('Failed to request tenant info:', error);
+      return Promise.reject(error);
+    }
+  },
+}));
+
+// 从 AsyncStorage 恢复状态的函数
+export const restoreTenantState = async () => {
+  try {
+    const stored = await AsyncStorage.getItem(STORAGE_KEYS.TENANT_STORE);
+    if (stored) {
+      const state = JSON.parse(stored);
+      useTenantStore.setState(state);
+      if (__DEV__) {
+        console.log('✅ Tenant state restored from storage');
+      }
+    }
+  } catch (error) {
+    console.error('Failed to restore tenant state:', error);
+  }
+};
+
+/**
+ * 选择器 Hooks（优化性能，避免不必要的重渲染）
+ */
+
+// 获取用户信息
+export const useTenantInfo = () => useTenantStore((state) => state.tenantInfo);
+
+
+// 获取租户状态
+export const useTenantStates = () =>
+  useTenantStore(
+    useShallow((state) => ({
+      tenantInfo: state.tenantInfo,
+      tenantLoad: !!state.tenantInfo?.tid || !!state.tenantInfo?.create_time,
+    }))
+  );
+
+// 获取租户操作方法
+// 使用 useShallow 避免每次渲染都返回新对象
+export const useTenantActions = () =>
+  useTenantStore(
+    useShallow((state) => ({
+      setTenantInfo: state.setTenantInfo,
+      requestTenantInfo: state.requestTenantInfo,
+    }))
+  );
+
+export default useTenantStore;
--- a/stores/userStore.ts
+++ b/stores/userStore.ts
@@ -0,0 +1,161 @@
+/**
+ * 用户状态管理
+ * 使用 Zustand + AsyncStorage 持久化
+ */
+
+import { create } from 'zustand';
+import { useShallow } from 'zustand/react/shallow';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+/**
+ * 用户信息接口
+ */
+export interface User {
+  id: string;
+  username: string;
+  email: string;
+  avatar?: string;
+  nickname?: string;
+  phone?: string;
+  createdAt?: string;
+}
+
+/**
+ * 用户状态接口
+ */
+interface UserState {
+  // 状态
+  user: User | null;
+  isLoggedIn: boolean;
+  token: string | null;
+
+  // 操作
+  setUser: (user: User) => void;
+  setToken: (token: string) => void;
+  login: (user: User, token: string) => void;
+  logout: () => void;
+  updateUser: (updates: Partial<User>) => void;
+}
+
+/**
+ * 用户状态 Store
+ */
+export const useUserStore = create<UserState>()((set, get) => ({
+  // 初始状态
+  user: null,
+  isLoggedIn: false,
+  token: null,
+
+  // 设置用户信息
+  setUser: (user) => {
+    const newState = { user, isLoggedIn: true };
+    set(newState);
+    // 手动持久化
+    AsyncStorage.setItem('user-storage', JSON.stringify(newState));
+  },
+
+  // 设置 token
+  setToken: (token) => {
+    set({ token });
+    // 手动持久化 - 延迟执行以确保状态已更新
+    setTimeout(() => {
+      const state = get();
+      AsyncStorage.setItem('user-storage', JSON.stringify(state));
+    }, 0);
+  },
+
+  // 登录
+  login: (user, token) => {
+    const newState = {
+      user,
+      token,
+      isLoggedIn: true,
+    };
+    set(newState);
+
+    // 同时保存 token 到 AsyncStorage（用于 API 请求）
+    AsyncStorage.setItem('auth_token', token);
+    // 手动持久化整个状态
+    AsyncStorage.setItem('user-storage', JSON.stringify(newState));
+
+    if (__DEV__) {
+      console.log('✅ User logged in:', user.username);
+    }
+  },
+
+  // 登出
+  logout: () => {
+    const newState = {
+      user: null,
+      token: null,
+      isLoggedIn: false,
+    };
+    set(newState);
+
+    // 清除 AsyncStorage 中的 token
+    AsyncStorage.removeItem('auth_token');
+    // 清除持久化状态
+    AsyncStorage.removeItem('user-storage');
+
+    if (__DEV__) {
+      console.log('👋 User logged out');
+    }
+  },
+
+  // 更新用户信息
+  updateUser: (updates) => {
+    const currentUser = get().user;
+    if (currentUser) {
+      const newUser = { ...currentUser, ...updates };
+      set({ user: newUser });
+      // 手动持久化
+      AsyncStorage.setItem('user-storage', JSON.stringify({ ...get(), user: newUser }));
+
+      if (__DEV__) {
+        console.log('📝 User updated:', updates);
+      }
+    }
+  },
+}));
+
+// 从 AsyncStorage 恢复状态的函数
+export const restoreUserState = async () => {
+  try {
+    const stored = await AsyncStorage.getItem('user-storage');
+    if (stored) {
+      const state = JSON.parse(stored);
+      useUserStore.setState(state);
+      if (__DEV__) {
+        console.log('✅ User state restored from storage');
+      }
+    }
+  } catch (error) {
+    console.error('Failed to restore user state:', error);
+  }
+};
+
+/**
+ * 选择器 Hooks（优化性能，避免不必要的重渲染）
+ */
+
+// 获取用户信息
+export const useUser = () => useUserStore((state) => state.user);
+
+// 获取登录状态
+export const useIsLoggedIn = () => useUserStore((state) => state.isLoggedIn);
+
+// 获取 token
+export const useToken = () => useUserStore((state) => state.token);
+
+// 获取用户操作方法
+// 使用 useShallow 避免每次渲染都返回新对象
+export const useUserActions = () =>
+  useUserStore(
+    useShallow((state) => ({
+      setUser: state.setUser,
+      setToken: state.setToken,
+      login: state.login,
+      logout: state.logout,
+      updateUser: state.updateUser,
+    }))
+  );
--- a/theme/index.ts
+++ b/theme/index.ts
@@ -0,0 +1,36 @@
+/**
+ * 主题系统统一导出
+ * 
+ * 提供主题配置、工具函数和类型定义
+ */
+
+// 导出颜色配置
+export { default as Colors } from '@/constants/Colors';
+
+// 导出主题 Hooks
+export {
+  useColorScheme,
+  useThemeColor,
+  useThemeColors,
+  useThemeInfo,
+} from '@/hooks/useTheme';
+
+// 导出主题组件
+export {
+  ThemedText,
+  ThemedView,
+  Text as ThemeText,
+  View as ThemeView,
+} from '@/components/Themed';
+
+export type {
+  ThemedTextProps,
+  ThemedViewProps,
+  TextProps as ThemeTextProps,
+  ViewProps as ThemeViewProps,
+} from '@/components/Themed';
+
+// 导出主题工具函数
+export * from './utils';
+export * from './styles';
+
--- a/theme/styles.ts
+++ b/theme/styles.ts
@@ -0,0 +1,261 @@
+/**
+ * 主题样式工厂
+ * 
+ * 提供创建主题感知样式的工具函数
+ * 
+ * React Native 不支持 CSS 类名，但可以通过样式工厂函数实现类似效果
+ */
+
+import { StyleSheet, TextStyle, ViewStyle } from 'react-native';
+import Colors from '@/constants/Colors';
+
+/**
+ * 主题样式类型
+ */
+export type ThemeStyles = {
+  light: any;
+  dark: any;
+};
+
+/**
+ * 创建主题样式
+ * 
+ * 类似于 CSS 类名的概念，但使用函数式方法
+ * 
+ * @param createStyles - 样式创建函数，接收颜色对象
+ * @returns 主题样式对象
+ * 
+ * @example
+ * ```tsx
+ * const styles = createThemeStyles((colors) => ({
+ *   container: {
+ *     backgroundColor: colors.background,
+ *     padding: 16,
+ *   },
+ *   text: {
+ *     color: colors.text,
+ *     fontSize: 16,
+ *   },
+ * }));
+ * 
+ * // 使用
+ * const theme = useColorScheme();
+ * <View style={styles[theme].container}>
+ *   <Text style={styles[theme].text}>Hello</Text>
+ * </View>
+ * ```
+ */
+export function createThemeStyles<T extends StyleSheet.NamedStyles<T>>(
+  createStyles: (colors: typeof Colors.light) => T
+): ThemeStyles {
+  return {
+    light: StyleSheet.create(createStyles(Colors.light)),
+    dark: StyleSheet.create(createStyles(Colors.dark)),
+  };
+}
+
+/**
+ * 创建响应式主题样式
+ * 
+ * 允许为不同主题定义完全不同的样式
+ * 
+ * @param lightStyles - 浅色主题样式
+ * @param darkStyles - 深色主题样式
+ * @returns 主题样式对象
+ * 
+ * @example
+ * ```tsx
+ * const styles = createResponsiveThemeStyles(
+ *   {
+ *     container: { backgroundColor: '#fff', padding: 16 },
+ *     text: { color: '#000', fontSize: 14 },
+ *   },
+ *   {
+ *     container: { backgroundColor: '#000', padding: 20 },
+ *     text: { color: '#fff', fontSize: 16 },
+ *   }
+ * );
+ * ```
+ */
+export function createResponsiveThemeStyles<T extends StyleSheet.NamedStyles<T>>(
+  lightStyles: T,
+  darkStyles: T
+): ThemeStyles {
+  return {
+    light: StyleSheet.create(lightStyles),
+    dark: StyleSheet.create(darkStyles),
+  };
+}
+
+/**
+ * 预定义的通用样式类
+ * 
+ * 类似于 Tailwind CSS 的工具类
+ */
+export const commonStyles = createThemeStyles((colors) => ({
+  // 容器样式
+  container: {
+    flex: 1,
+    backgroundColor: colors.background,
+  },
+  containerPadded: {
+    flex: 1,
+    backgroundColor: colors.background,
+    padding: 16,
+  },
+  containerCentered: {
+    flex: 1,
+    backgroundColor: colors.background,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  
+  // 卡片样式
+  card: {
+    backgroundColor: colors.card,
+    borderRadius: 8,
+    padding: 16,
+    borderWidth: 1,
+    borderColor: colors.border,
+  },
+  cardElevated: {
+    backgroundColor: colors.card,
+    borderRadius: 8,
+    padding: 16,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3,
+  },
+  
+  // 文本样式
+  textPrimary: {
+    color: colors.text,
+    fontSize: 16,
+  } as TextStyle,
+  textSecondary: {
+    color: colors.textSecondary,
+    fontSize: 14,
+  } as TextStyle,
+  textTertiary: {
+    color: colors.textTertiary,
+    fontSize: 12,
+  } as TextStyle,
+  textTitle: {
+    color: colors.text,
+    fontSize: 24,
+    fontWeight: 'bold',
+  } as TextStyle,
+  textSubtitle: {
+    color: colors.text,
+    fontSize: 18,
+    fontWeight: '600',
+  } as TextStyle,
+  
+  // 按钮样式
+  button: {
+    backgroundColor: colors.buttonPrimary,
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+  } as ViewStyle,
+  buttonOutline: {
+    backgroundColor: 'transparent',
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: colors.buttonPrimary,
+    alignItems: 'center',
+    justifyContent: 'center',
+  } as ViewStyle,
+  buttonText: {
+    color: '#FFFFFF',
+    fontSize: 16,
+    fontWeight: '600',
+  } as TextStyle,
+  buttonTextOutline: {
+    color: colors.buttonPrimary,
+    fontSize: 16,
+    fontWeight: '600',
+  } as TextStyle,
+  
+  // 输入框样式
+  input: {
+    backgroundColor: colors.inputBackground,
+    borderWidth: 1,
+    borderColor: colors.inputBorder,
+    borderRadius: 8,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    fontSize: 16,
+    color: colors.text,
+  } as TextStyle,
+  inputFocused: {
+    backgroundColor: colors.inputBackground,
+    borderWidth: 2,
+    borderColor: colors.primary,
+    borderRadius: 8,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    fontSize: 16,
+    color: colors.text,
+  } as TextStyle,
+  
+  // 分隔线
+  separator: {
+    height: 1,
+    backgroundColor: colors.separator,
+  } as ViewStyle,
+  separatorVertical: {
+    width: 1,
+    backgroundColor: colors.separator,
+  } as ViewStyle,
+  
+  // 间距
+  spacingXs: { height: 4 } as ViewStyle,
+  spacingSm: { height: 8 } as ViewStyle,
+  spacingMd: { height: 16 } as ViewStyle,
+  spacingLg: { height: 24 } as ViewStyle,
+  spacingXl: { height: 32 } as ViewStyle,
+  
+  // 布局
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  } as ViewStyle,
+  rowBetween: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  } as ViewStyle,
+  column: {
+    flexDirection: 'column',
+  } as ViewStyle,
+  center: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  } as ViewStyle,
+}));
+
+/**
+ * 获取主题样式
+ * 
+ * @param styles - 主题样式对象
+ * @param theme - 当前主题
+ * @returns 当前主题的样式
+ * 
+ * @example
+ * ```tsx
+ * const theme = useColorScheme();
+ * const style = getThemeStyle(styles, theme);
+ * <View style={style.container} />
+ * ```
+ */
+export function getThemeStyle<T>(styles: ThemeStyles, theme: 'light' | 'dark'): T {
+  return styles[theme];
+}
+
--- a/theme/utils.ts
+++ b/theme/utils.ts
@@ -0,0 +1,122 @@
+/**
+ * 主题工具函数
+ * 
+ * 提供主题相关的辅助函数
+ */
+
+import Colors from '@/constants/Colors';
+
+/**
+ * 根据主题获取颜色
+ * 
+ * @param theme - 主题类型 'light' | 'dark'
+ * @param colorName - 颜色名称
+ * @returns 颜色值
+ */
+export function getThemeColor(
+  theme: 'light' | 'dark',
+  colorName: keyof typeof Colors.light & keyof typeof Colors.dark
+): string {
+  return Colors[theme][colorName];
+}
+
+/**
+ * 根据主题获取所有颜色
+ * 
+ * @param theme - 主题类型 'light' | 'dark'
+ * @returns 颜色对象
+ */
+export function getThemeColors(theme: 'light' | 'dark') {
+  return Colors[theme];
+}
+
+/**
+ * 创建主题感知的样式
+ * 
+ * @param lightStyle - 浅色主题样式
+ * @param darkStyle - 深色主题样式
+ * @param theme - 当前主题
+ * @returns 合并后的样式
+ * 
+ * @example
+ * ```tsx
+ * const style = createThemedStyle(
+ *   { backgroundColor: '#fff' },
+ *   { backgroundColor: '#000' },
+ *   theme
+ * );
+ * ```
+ */
+export function createThemedStyle<T>(
+  lightStyle: T,
+  darkStyle: T,
+  theme: 'light' | 'dark'
+): T {
+  return theme === 'dark' ? darkStyle : lightStyle;
+}
+
+/**
+ * 根据主题选择值
+ * 
+ * @param lightValue - 浅色主题值
+ * @param darkValue - 深色主题值
+ * @param theme - 当前主题
+ * @returns 选中的值
+ * 
+ * @example
+ * ```tsx
+ * const fontSize = selectByTheme(14, 16, theme);
+ * ```
+ */
+export function selectByTheme<T>(
+  lightValue: T,
+  darkValue: T,
+  theme: 'light' | 'dark'
+): T {
+  return theme === 'dark' ? darkValue : lightValue;
+}
+
+/**
+ * 颜色透明度调整
+ * 
+ * @param color - 十六进制颜色值
+ * @param opacity - 透明度 0-1
+ * @returns 带透明度的颜色值
+ * 
+ * @example
+ * ```tsx
+ * const color = withOpacity('#000000', 0.5); // rgba(0, 0, 0, 0.5)
+ * ```
+ */
+export function withOpacity(color: string, opacity: number): string {
+  // 移除 # 号
+  const hex = color.replace('#', '');
+  
+  // 转换为 RGB
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+  
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+
+/**
+ * 判断是否为深色主题
+ * 
+ * @param theme - 主题类型
+ * @returns 是否为深色主题
+ */
+export function isDarkTheme(theme: 'light' | 'dark'): boolean {
+  return theme === 'dark';
+}
+
+/**
+ * 判断是否为浅色主题
+ * 
+ * @param theme - 主题类型
+ * @returns 是否为浅色主题
+ */
+export function isLightTheme(theme: 'light' | 'dark'): boolean {
+  return theme === 'light';
+}
+
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,15 +3,8 @@
  "compilerOptions": {
    "strict": true,
    "paths": {
-      "@/*": [
-        "./*"
-      ]
+      "@/*": ["./*"]
    }
  },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    ".expo/types/**/*.ts",
-    "expo-env.d.ts"
-  ]
+  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"]
 }
--- a/types/api.ts
+++ b/types/api.ts
@@ -0,0 +1,73 @@
+/**
+ * API 相关类型定义
+ */
+
+/**
+ * 分页请求参数
+ */
+export interface PaginationParams {
+  page: number;
+  pageSize: number;
+  sortBy?: string;
+  sortOrder?: 'asc' | 'desc';
+}
+
+/**
+ * 分页响应数据
+ */
+export interface PaginationResponse<T> {
+  list: T[];
+  total: number;
+  page: number;
+  pageSize: number;
+  totalPages: number;
+  hasMore: boolean;
+}
+
+/**
+ * 列表响应数据
+ */
+export interface ListResponse<T> {
+  items: T[];
+  total: number;
+}
+
+/**
+ * ID 参数
+ */
+export interface IdParams {
+  id: string | number;
+}
+
+/**
+ * 批量操作参数
+ */
+export interface BatchParams {
+  ids: (string | number)[];
+}
+
+/**
+ * 搜索参数
+ */
+export interface SearchParams {
+  keyword: string;
+  filters?: Record<string, any>;
+}
+
+/**
+ * 上传响应
+ */
+export interface UploadResponse {
+  url: string;
+  filename: string;
+  size: number;
+  mimeType: string;
+}
+
+/**
+ * 通用操作响应
+ */
+export interface OperationResponse {
+  success: boolean;
+  message?: string;
+}
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -78,4 +78,3 @@ declare global {
 }

 export {};
-
--- a/utils/common.ts
+++ b/utils/common.ts
--- a/utils/config.ts
+++ b/utils/config.ts
@@ -0,0 +1,132 @@
+/**
+ * 应用配置工具
+ * 统一管理环境变量和配置
+ */
+
+import Constants from 'expo-constants';
+import { Platform } from 'react-native';
+
+/**
+ * 环境类型
+ */
+export type Environment = 'development' | 'staging' | 'production';
+
+/**
+ * 获取当前环境
+ */
+export const getEnvironment = (): Environment => {
+  if (__DEV__) {
+    return 'development';
+  }
+
+  // 可以通过环境变量或其他方式判断 staging 环境
+  const env = process.env.EXPO_PUBLIC_ENV;
+  if (env === 'staging') {
+    return 'staging';
+  }
+
+  return 'production';
+};
+
+/**
+ * 获取 API 基础 URL
+ */
+export const getApiBaseUrl = (): string => {
+  // 1. 优先使用环境变量
+  const envApiUrl = process.env.EXPO_PUBLIC_API_URL;
+  if (envApiUrl) {
+    return envApiUrl;
+  }
+
+  // 2. 根据环境返回不同的 URL
+  const env = getEnvironment();
+
+  switch (env) {
+    case 'development':
+      // 开发环境
+      if (Platform.OS === 'web') {
+        // Web 平台使用代理服务器
+        // 代理服务器运行在 http://localhost:8086
+        // 会将 /api/* 请求转发到目标服务器
+        return 'http://localhost:8086/api';
+      } else {
+        // iOS/Android 使用本机 IP
+        // ⚠️ 重要：需要替换为你的本机 IP 地址
+        // 查看本机 IP：
+        // - Windows: ipconfig
+        // - Mac/Linux: ifconfig
+        // - 或者使用 Metro Bundler 显示的 IP
+        return 'http://192.168.1.100:8086/api';
+      }
+
+    case 'staging':
+      // 预发布环境
+      return 'https://staging-api.yourdomain.com/api';
+
+    case 'production':
+      // 生产环境
+      return 'https://api.yourdomain.com/api';
+
+    default:
+      return '/api';
+  }
+};
+
+/**
+ * 获取 API 超时时间
+ */
+export const getApiTimeout = (): number => {
+  const timeout = process.env.EXPO_PUBLIC_API_TIMEOUT;
+  return timeout ? Number(timeout) : 10000;
+};
+
+/**
+ * 应用配置
+ */
+export const config = {
+  // 环境
+  env: getEnvironment(),
+  isDev: __DEV__,
+
+  // API 配置
+  api: {
+    baseURL: getApiBaseUrl(),
+    timeout: getApiTimeout(),
+  },
+
+  // 应用信息
+  app: {
+    name: process.env.EXPO_PUBLIC_APP_NAME || 'RN Demo',
+    version: process.env.EXPO_PUBLIC_APP_VERSION || '1.0.0',
+    bundleId: Constants.expoConfig?.ios?.bundleIdentifier || '',
+    packageName: Constants.expoConfig?.android?.package || '',
+    vk: 'fT6phq0wkOPRlAoyToidAnkogUV7ttGo',
+    nc: 1,
+    aseqId: '7',
+  },
+
+  // 平台信息
+  platform: {
+    os: Platform.OS,
+    version: Platform.Version,
+    isWeb: Platform.OS === 'web',
+    isIOS: Platform.OS === 'ios',
+    isAndroid: Platform.OS === 'android',
+  },
+};
+
+/**
+ * 打印配置信息（仅开发环境）
+ */
+export const printConfig = () => {
+  if (__DEV__) {
+    console.log('📋 App Configuration:', {
+      environment: config.env,
+      apiBaseURL: config.api.baseURL,
+      platform: config.platform.os,
+      version: config.app.version,
+    });
+  }
+};
+
+export default config;
--- a/src/utils/date.ts
+++ b/src/utils/date.ts
@@ -216,4 +216,3 @@ export const nowInSeconds = (): number => {
 };

 export default dayjs;
-
--- a/utils/index.ts
+++ b/utils/index.ts
@@ -0,0 +1,38 @@
+/**
+ * Utils 模块统一导出
+ */
+
+// Network API
+export {
+  default as api,
+  request,
+  cancelAllRequests,
+  cancelRequest,
+  createRetryRequest,
+} from './network/api';
+export type { ApiResponse, ApiError, RequestConfig } from './network/api';
+
+// Storage
+export { default as Storage, STORAGE_KEYS } from './storage';
+export { default as SessionStorage, SESSION_KEYS } from './sessionStorage';
+export { default as StorageManager } from './storageManager';
+export type { StorageType, StorageOptions } from './storageManager';
+
+// Config
+export { default as config, printConfig } from './config';
+
+// Date utilities
+export {
+  formatDate,
+  formatRelativeTime,
+  formatChatTime,
+  parseDate,
+  isToday,
+  isYesterday,
+  isSameDay,
+  addDays,
+  subtractDays,
+  startOfDay,
+  endOfDay,
+} from './date';
+
--- a/utils/network/api.ts
+++ b/utils/network/api.ts
@@ -0,0 +1,589 @@
+/**
+ * Axios API 配置
+ * 统一管理 HTTP 请求
+ *
+ * 功能特性：
+ * - 自动添加 Token
+ * - Token 自动刷新
+ * - 请求重试机制
+ * - 请求取消功能
+ * - 统一错误处理
+ * - 请求/响应日志
+ * - Loading 状态管理
+ */
+
+import axios, {
+  AxiosError,
+  AxiosRequestConfig,
+  AxiosResponse,
+  InternalAxiosRequestConfig,
+  CancelTokenSource,
+  AxiosRequestHeaders,
+} from 'axios';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { router } from 'expo-router';
+import { config } from '../config';
+import { transformRequest, parseResponse } from './helper';
+import { cloneDeep, pick } from 'lodash-es';
+import md5 from 'md5';
+
+/**
+ * API 响应数据结构
+ */
+export interface ApiResponse<T = any> {
+  code: number;
+  message: string;
+  data: T;
+  success?: boolean;
+}
+
+/**
+ * API 错误响应
+ */
+export interface ApiError {
+  code: number;
+  message: string;
+  errors?: Record<string, string[]>;
+}
+
+/**
+ * 请求配置扩展
+ */
+export interface RequestConfig extends AxiosRequestConfig {
+  /** 是否显示 loading */
+  showLoading?: boolean;
+  /** 是否显示错误提示 */
+  showError?: boolean;
+  /** 是否重试 */
+  retry?: boolean;
+  /** 重试次数 */
+  retryCount?: number;
+  /** 是否需要 token */
+  requiresAuth?: boolean;
+  /** 自定义错误处理 */
+  customErrorHandler?: (error: AxiosError<ApiError>) => void;
+}
+
+// API 基础配置
+const API_CONFIG = {
+  baseURL: config.api.baseURL,
+  timeout: config.api.timeout,
+  headers: {
+    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
+    Accept: 'application/json, application/xml, text/play, text/html, *.*',
+  },
+};
+
+// 创建 axios 实例
+const api = axios.create(API_CONFIG);
+
+// 请求队列（用于取消请求）
+const pendingRequests = new Map<string, CancelTokenSource>();
+
+// 是否正在刷新 token
+let isRefreshing = false;
+
+// 刷新 token 时的请求队列
+let refreshSubscribers: Array<(token: string) => void> = [];
+
+/**
+ * 生成请求唯一标识
+ */
+function generateRequestKey(config: InternalAxiosRequestConfig): string {
+  const cmdId = config.headers.cmdId || config.url;
+  const data = cloneDeep(config.method === 'post' ? config.data : config.params);
+  return `${cmdId}&${data ? md5(JSON.stringify(data)) : ''}`;
+}
+
+/**
+ * 添加请求到队列
+ */
+function addPendingRequest(config: InternalAxiosRequestConfig): void {
+  const requestKey = generateRequestKey(config);
+
+  // 如果已存在相同请求，取消之前的请求
+  if (pendingRequests.has(requestKey)) {
+    const source = pendingRequests.get(requestKey);
+    source?.cancel('重复请求已取消');
+  }
+
+  // 创建新的取消令牌
+  const source = axios.CancelToken.source();
+  config.cancelToken = source.token;
+  pendingRequests.set(requestKey, source);
+}
+
+/**
+ * 从队列中移除请求
+ */
+function removePendingRequest(config: InternalAxiosRequestConfig | AxiosRequestConfig): void {
+  const requestKey = generateRequestKey(config as InternalAxiosRequestConfig);
+  pendingRequests.delete(requestKey);
+}
+
+/**
+ * 订阅 token 刷新
+ */
+function subscribeTokenRefresh(callback: (token: string) => void): void {
+  refreshSubscribers.push(callback);
+}
+
+/**
+ * 通知所有订阅者 token 已刷新
+ */
+function onTokenRefreshed(token: string): void {
+  refreshSubscribers.forEach((callback) => callback(token));
+  refreshSubscribers = [];
+}
+
+/**
+ * 刷新 token
+ */
+async function refreshAccessToken(): Promise<string | null> {
+  try {
+    const refreshToken = await AsyncStorage.getItem('refresh_token');
+
+    if (!refreshToken) {
+      throw new Error('No refresh token');
+    }
+
+    // 调用刷新 token 接口
+    const response = await axios.post<ApiResponse<{ token: string; refreshToken: string }>>(
+      `${config.api.baseURL}/auth/refresh-token`,
+      { refreshToken }
+    );
+
+    const { token, refreshToken: newRefreshToken } = response.data.data;
+
+    // 保存新的 token
+    await AsyncStorage.setItem('auth_token', token);
+    await AsyncStorage.setItem('refresh_token', newRefreshToken);
+
+    return token;
+  } catch (error) {
+    // 刷新失败，清除所有 token
+    await AsyncStorage.multiRemove(['auth_token', 'refresh_token']);
+    return null;
+  }
+}
+
+/**
+ * 请求拦截器
+ * 在请求发送前添加 token 等信息
+ */
+api.interceptors.request.use(
+  async (config: InternalAxiosRequestConfig) => {
+    try {
+      // 添加到请求队列（防止重复请求）
+      addPendingRequest(config);
+
+      const { apiName } = config.headers;
+
+      const { headers, data } = transformRequest(pick(config, ['headers', 'data']));
+
+      config.headers = {
+        ...headers,
+        ...(__DEV__ ? { apiName } : {}),
+      } as AxiosRequestHeaders;
+
+      config.data = data;
+
+      if (Number(config.headers.cmdId) !== 381120) {
+        config.url = '/v2/';
+      }
+
+      // if (__DEV__ && apiName) {
+      //   config.url = `${config.url}?${apiName}`;
+      // }
+
+      // // 从本地存储获取 token
+      // const token = await AsyncStorage.getItem('auth_token');
+      //
+      // // 添加 token 到请求头
+      // if (token && config.headers) {
+      //   config.headers.Authorization = `Bearer ${token}`;
+      // }
+
+      // 添加请求时间戳（用于计算请求耗时）
+      (config as any).metadata = { startTime: Date.now() };
+
+      // 打印请求信息（开发环境）
+      if (__DEV__) {
+        console.log('📤 API Request:', {
+          method: config.method?.toUpperCase(),
+          url: config.url,
+          baseURL: config.baseURL,
+          fullURL: `${config.baseURL}${config.url}`,
+          params: config.params,
+          headers: config.headers,
+        });
+      }
+
+      return config;
+    } catch (error) {
+      console.error('❌ Request interceptor error:', error);
+      return Promise.reject(error);
+    }
+  },
+  (error) => {
+    console.error('❌ Request error:', error);
+    return Promise.reject(error);
+  }
+);
+
+/**
+ * 响应拦截器
+ * 统一处理响应和错误
+ */
+api.interceptors.response.use(
+  async (response: AxiosResponse) => {
+    // 从请求队列中移除
+    removePendingRequest(response.config);
+
+    // 计算请求耗时
+    const duration = Date.now() - (response.config as any).metadata?.startTime;
+
+    const resData: any = await parseResponse(response);
+
+    // 打印响应信息（开发环境）
+    // if (__DEV__) {
+    //   console.log('📥 API Response:', {
+    //     url: response.config.url,
+    //     status: response.status,
+    //     duration: `${duration}ms`,
+    //     data: response.data,
+    //   });
+    // }
+
+    // 统一处理响应数据格式
+    // const apiResponse = response.data as ApiResponse;
+
+    // 如果后端返回的数据结构包含 code 和 data
+    // if (apiResponse && typeof apiResponse === 'object' && 'code' in apiResponse) {
+    //   // 检查业务状态码
+    //   if (apiResponse.code !== 0 && apiResponse.code !== 200) {
+    //     // 业务错误
+    //     const error = new Error(apiResponse.message || '请求失败') as any;
+    //     error.code = apiResponse.code;
+    //     error.response = response;
+    //     return Promise.reject(error);
+    //   }
+    //
+    //   // 返回 data 字段
+    //   return apiResponse.data;
+    // }
+
+    // 直接返回响应数据
+    // return response.data;
+    return Promise.resolve(resData);
+  },
+  async (error: AxiosError<ApiError>) => {
+    // 从请求队列中移除
+    if (error.config) {
+      removePendingRequest(error.config);
+    }
+
+    // 如果是取消的请求，直接返回
+    if (axios.isCancel(error)) {
+      if (__DEV__) {
+        console.log('🚫 Request cancelled:', error.message);
+      }
+      return Promise.reject(error);
+    }
+
+    const originalRequest = error.config as RequestConfig & { _retry?: boolean };
+
+    // 打印错误信息
+    if (__DEV__) {
+      console.error('❌ API Error:', {
+        method: error.config?.method,
+        cmdId: error.config?.headers?.cmdId,
+        status: error.response?.status,
+        message: error.message,
+        data: error.response?.data,
+      });
+    }
+
+    // 处理不同的错误状态码
+    if (error.response) {
+      const { status, data } = error.response;
+
+      switch (status) {
+        case 401: {
+          // Token 过期，尝试刷新
+          if (!originalRequest._retry) {
+            if (isRefreshing) {
+              // 如果正在刷新，将请求加入队列
+              return new Promise((resolve) => {
+                subscribeTokenRefresh((token: string) => {
+                  if (originalRequest.headers) {
+                    originalRequest.headers.Authorization = `Bearer ${token}`;
+                  }
+                  resolve(api(originalRequest));
+                });
+              });
+            }
+
+            originalRequest._retry = true;
+            isRefreshing = true;
+
+            try {
+              const newToken = await refreshAccessToken();
+
+              if (newToken) {
+                // Token 刷新成功
+                isRefreshing = false;
+                onTokenRefreshed(newToken);
+
+                // 重试原请求
+                if (originalRequest.headers) {
+                  originalRequest.headers.Authorization = `Bearer ${newToken}`;
+                }
+                return api(originalRequest);
+              } else {
+                // Token 刷新失败，跳转到登录页
+                isRefreshing = false;
+                await AsyncStorage.multiRemove(['auth_token', 'refresh_token']);
+
+                // 跳转到登录页
+                if (router.canGoBack()) {
+                  router.replace('/(auth)/login' as any);
+                }
+              }
+            } catch (refreshError) {
+              isRefreshing = false;
+              await AsyncStorage.multiRemove(['auth_token', 'refresh_token']);
+
+              // 跳转到登录页
+              if (router.canGoBack()) {
+                router.replace('/(auth)/login' as any);
+              }
+
+              return Promise.reject(refreshError);
+            }
+          }
+          break;
+        }
+
+        case 403:
+          // 禁止访问
+          console.error('❌ 403: 没有权限访问该资源');
+          break;
+
+        case 404:
+          // 资源不存在
+          console.error('❌ 404: 请求的资源不存在');
+          break;
+
+        case 422:
+          // 表单验证错误
+          console.error('❌ 422: 表单验证失败', data);
+          break;
+
+        case 429:
+          // 请求过于频繁
+          console.error('❌ 429: 请求过于频繁，请稍后再试');
+          break;
+
+        case 500:
+          // 服务器错误
+          console.error('❌ 500: 服务器内部错误');
+          break;
+
+        case 502:
+          // 网关错误
+          console.error('❌ 502: 网关错误');
+          break;
+
+        case 503:
+          // 服务不可用
+          console.error('❌ 503: 服务暂时不可用');
+          break;
+
+        default:
+          console.error(`❌ ${status}: 未知错误`);
+      }
+    } else if (error.request) {
+      // 请求已发送但没有收到响应
+      console.error('❌ 网络错误: 请检查网络连接');
+    } else {
+      // 请求配置出错
+      console.error('❌ 请求配置错误:', error.message);
+    }
+
+    // 自定义错误处理
+    if (originalRequest?.customErrorHandler) {
+      originalRequest.customErrorHandler(error);
+    }
+
+    return Promise.reject(error);
+  }
+);
+
+/**
+ * 取消所有待处理的请求
+ */
+export function cancelAllRequests(message = '请求已取消'): void {
+  pendingRequests.forEach((source) => {
+    source.cancel(message);
+  });
+  pendingRequests.clear();
+}
+
+/**
+ * 取消指定 URL 的请求
+ */
+export function cancelRequest(url: string): void {
+  pendingRequests.forEach((source, key) => {
+    if (key.includes(url)) {
+      source.cancel('请求已取消');
+      pendingRequests.delete(key);
+    }
+  });
+}
+
+/**
+ * 通用请求方法（增强版）
+ */
+export const request = {
+  /**
+   * GET 请求
+   */
+  get: <T = any>(url: string, config?: RequestConfig) => api.get<T, T>(url, config),
+
+  /**
+   * POST 请求
+   */
+  post: <T = any>(url: string, data?: any, config?: RequestConfig) =>
+    api.post<T, T>(url, data, config),
+
+  /**
+   * PUT 请求
+   */
+  put: <T = any>(url: string, data?: any, config?: RequestConfig) =>
+    api.put<T, T>(url, data, config),
+
+  /**
+   * DELETE 请求
+   */
+  delete: <T = any>(url: string, config?: RequestConfig) => api.delete<T, T>(url, config),
+
+  /**
+   * PATCH 请求
+   */
+  patch: <T = any>(url: string, data?: any, config?: RequestConfig) =>
+    api.patch<T, T>(url, data, config),
+
+  /**
+   * 上传文件
+   */
+  upload: <T = any>(
+    url: string,
+    file: File | Blob,
+    onProgress?: (progress: number) => void,
+    config?: RequestConfig
+  ) => {
+    const formData = new FormData();
+    formData.append('file', file);
+
+    return api.post<T, T>(url, formData, {
+      ...config,
+      headers: {
+        'Content-Type': 'multipart/form-data',
+        ...config?.headers,
+      },
+      onUploadProgress: (progressEvent) => {
+        if (onProgress && progressEvent.total) {
+          const progress = Math.round((progressEvent.loaded * 100) / progressEvent.total);
+          onProgress(progress);
+        }
+      },
+    });
+  },
+
+  /**
+   * 下载文件
+   */
+  download: async (
+    url: string,
+    filename?: string,
+    onProgress?: (progress: number) => void,
+    config?: RequestConfig
+  ) => {
+    const response: any = await api.get(url, {
+      ...config,
+      responseType: 'blob',
+      onDownloadProgress: (progressEvent) => {
+        if (onProgress && progressEvent.total) {
+          const progress = Math.round((progressEvent.loaded * 100) / progressEvent.total);
+          onProgress(progress);
+        }
+      },
+    });
+
+    // 创建下载链接
+    const blob = new Blob([response]);
+    const downloadUrl = window.URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = downloadUrl;
+    link.download = filename || 'download';
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    window.URL.revokeObjectURL(downloadUrl);
+
+    return response;
+  },
+
+  /**
+   * 并发请求
+   */
+  all: <T = any>(requests: Promise<T>[]) => Promise.all(requests),
+
+  /**
+   * 串行请求
+   */
+  series: async <T = any>(requests: (() => Promise<T>)[]): Promise<T[]> => {
+    const results: T[] = [];
+    for (const request of requests) {
+      const result = await request();
+      results.push(result);
+    }
+    return results;
+  },
+};
+
+/**
+ * 创建带重试的请求
+ */
+export function createRetryRequest<T = any>(
+  requestFn: () => Promise<T>,
+  maxRetries = 3,
+  retryDelay = 1000
+): Promise<T> {
+  return new Promise((resolve, reject) => {
+    let retries = 0;
+
+    const attempt = async () => {
+      try {
+        const result = await requestFn();
+        resolve(result);
+      } catch (error) {
+        retries++;
+
+        if (retries < maxRetries) {
+          if (__DEV__) {
+            console.log(`🔄 Retrying request (${retries}/${maxRetries})...`);
+          }
+          setTimeout(attempt, retryDelay * retries);
+        } else {
+          reject(error);
+        }
+      }
+    };
+
+    attempt();
+  });
+}
+
+export default api;
--- a/utils/network/des.ts
+++ b/utils/network/des.ts
@@ -0,0 +1,492 @@
+// @ts-nocheck
+//des
+//this takes the key, the message, and whether to encrypt or decrypt
+
+export function des(key, message, encrypt, mode, iv, padding) {
+  if (encrypt)
+    //如果是加密的话，首先转换编码
+    message = unescape(encodeURIComponent(message));
+  //declaring this locally speeds things up a bit
+  const spfunction1 = [
+    0x1010400, 0, 0x10000, 0x1010404, 0x1010004, 0x10404, 0x4, 0x10000, 0x400, 0x1010400, 0x1010404,
+    0x400, 0x1000404, 0x1010004, 0x1000000, 0x4, 0x404, 0x1000400, 0x1000400, 0x10400, 0x10400,
+    0x1010000, 0x1010000, 0x1000404, 0x10004, 0x1000004, 0x1000004, 0x10004, 0, 0x404, 0x10404,
+    0x1000000, 0x10000, 0x1010404, 0x4, 0x1010000, 0x1010400, 0x1000000, 0x1000000, 0x400,
+    0x1010004, 0x10000, 0x10400, 0x1000004, 0x400, 0x4, 0x1000404, 0x10404, 0x1010404, 0x10004,
+    0x1010000, 0x1000404, 0x1000004, 0x404, 0x10404, 0x1010400, 0x404, 0x1000400, 0x1000400, 0,
+    0x10004, 0x10400, 0, 0x1010004,
+  ];
+  const spfunction2 = [
+    -0x7fef7fe0, -0x7fff8000, 0x8000, 0x108020, 0x100000, 0x20, -0x7fefffe0, -0x7fff7fe0,
+    -0x7fffffe0, -0x7fef7fe0, -0x7fef8000, -0x80000000, -0x7fff8000, 0x100000, 0x20, -0x7fefffe0,
+    0x108000, 0x100020, -0x7fff7fe0, 0, -0x80000000, 0x8000, 0x108020, -0x7ff00000, 0x100020,
+    -0x7fffffe0, 0, 0x108000, 0x8020, -0x7fef8000, -0x7ff00000, 0x8020, 0, 0x108020, -0x7fefffe0,
+    0x100000, -0x7fff7fe0, -0x7ff00000, -0x7fef8000, 0x8000, -0x7ff00000, -0x7fff8000, 0x20,
+    -0x7fef7fe0, 0x108020, 0x20, 0x8000, -0x80000000, 0x8020, -0x7fef8000, 0x100000, -0x7fffffe0,
+    0x100020, -0x7fff7fe0, -0x7fffffe0, 0x100020, 0x108000, 0, -0x7fff8000, 0x8020, -0x80000000,
+    -0x7fefffe0, -0x7fef7fe0, 0x108000,
+  ];
+  const spfunction3 = [
+    0x208, 0x8020200, 0, 0x8020008, 0x8000200, 0, 0x20208, 0x8000200, 0x20008, 0x8000008, 0x8000008,
+    0x20000, 0x8020208, 0x20008, 0x8020000, 0x208, 0x8000000, 0x8, 0x8020200, 0x200, 0x20200,
+    0x8020000, 0x8020008, 0x20208, 0x8000208, 0x20200, 0x20000, 0x8000208, 0x8, 0x8020208, 0x200,
+    0x8000000, 0x8020200, 0x8000000, 0x20008, 0x208, 0x20000, 0x8020200, 0x8000200, 0, 0x200,
+    0x20008, 0x8020208, 0x8000200, 0x8000008, 0x200, 0, 0x8020008, 0x8000208, 0x20000, 0x8000000,
+    0x8020208, 0x8, 0x20208, 0x20200, 0x8000008, 0x8020000, 0x8000208, 0x208, 0x8020000, 0x20208,
+    0x8, 0x8020008, 0x20200,
+  ];
+  const spfunction4 = [
+    0x802001, 0x2081, 0x2081, 0x80, 0x802080, 0x800081, 0x800001, 0x2001, 0, 0x802000, 0x802000,
+    0x802081, 0x81, 0, 0x800080, 0x800001, 0x1, 0x2000, 0x800000, 0x802001, 0x80, 0x800000, 0x2001,
+    0x2080, 0x800081, 0x1, 0x2080, 0x800080, 0x2000, 0x802080, 0x802081, 0x81, 0x800080, 0x800001,
+    0x802000, 0x802081, 0x81, 0, 0, 0x802000, 0x2080, 0x800080, 0x800081, 0x1, 0x802001, 0x2081,
+    0x2081, 0x80, 0x802081, 0x81, 0x1, 0x2000, 0x800001, 0x2001, 0x802080, 0x800081, 0x2001, 0x2080,
+    0x800000, 0x802001, 0x80, 0x800000, 0x2000, 0x802080,
+  ];
+  const spfunction5 = [
+    0x100, 0x2080100, 0x2080000, 0x42000100, 0x80000, 0x100, 0x40000000, 0x2080000, 0x40080100,
+    0x80000, 0x2000100, 0x40080100, 0x42000100, 0x42080000, 0x80100, 0x40000000, 0x2000000,
+    0x40080000, 0x40080000, 0, 0x40000100, 0x42080100, 0x42080100, 0x2000100, 0x42080000,
+    0x40000100, 0, 0x42000000, 0x2080100, 0x2000000, 0x42000000, 0x80100, 0x80000, 0x42000100,
+    0x100, 0x2000000, 0x40000000, 0x2080000, 0x42000100, 0x40080100, 0x2000100, 0x40000000,
+    0x42080000, 0x2080100, 0x40080100, 0x100, 0x2000000, 0x42080000, 0x42080100, 0x80100,
+    0x42000000, 0x42080100, 0x2080000, 0, 0x40080000, 0x42000000, 0x80100, 0x2000100, 0x40000100,
+    0x80000, 0, 0x40080000, 0x2080100, 0x40000100,
+  ];
+  const spfunction6 = [
+    0x20000010, 0x20400000, 0x4000, 0x20404010, 0x20400000, 0x10, 0x20404010, 0x400000, 0x20004000,
+    0x404010, 0x400000, 0x20000010, 0x400010, 0x20004000, 0x20000000, 0x4010, 0, 0x400010,
+    0x20004010, 0x4000, 0x404000, 0x20004010, 0x10, 0x20400010, 0x20400010, 0, 0x404010, 0x20404000,
+    0x4010, 0x404000, 0x20404000, 0x20000000, 0x20004000, 0x10, 0x20400010, 0x404000, 0x20404010,
+    0x400000, 0x4010, 0x20000010, 0x400000, 0x20004000, 0x20000000, 0x4010, 0x20000010, 0x20404010,
+    0x404000, 0x20400000, 0x404010, 0x20404000, 0, 0x20400010, 0x10, 0x4000, 0x20400000, 0x404010,
+    0x4000, 0x400010, 0x20004010, 0, 0x20404000, 0x20000000, 0x400010, 0x20004010,
+  ];
+  const spfunction7 = [
+    0x200000, 0x4200002, 0x4000802, 0, 0x800, 0x4000802, 0x200802, 0x4200800, 0x4200802, 0x200000,
+    0, 0x4000002, 0x2, 0x4000000, 0x4200002, 0x802, 0x4000800, 0x200802, 0x200002, 0x4000800,
+    0x4000002, 0x4200000, 0x4200800, 0x200002, 0x4200000, 0x800, 0x802, 0x4200802, 0x200800, 0x2,
+    0x4000000, 0x200800, 0x4000000, 0x200800, 0x200000, 0x4000802, 0x4000802, 0x4200002, 0x4200002,
+    0x2, 0x200002, 0x4000000, 0x4000800, 0x200000, 0x4200800, 0x802, 0x200802, 0x4200800, 0x802,
+    0x4000002, 0x4200802, 0x4200000, 0x200800, 0, 0x2, 0x4200802, 0, 0x200802, 0x4200000, 0x800,
+    0x4000002, 0x4000800, 0x800, 0x200002,
+  ];
+  const spfunction8 = [
+    0x10001040, 0x1000, 0x40000, 0x10041040, 0x10000000, 0x10001040, 0x40, 0x10000000, 0x40040,
+    0x10040000, 0x10041040, 0x41000, 0x10041000, 0x41040, 0x1000, 0x40, 0x10040000, 0x10000040,
+    0x10001000, 0x1040, 0x41000, 0x40040, 0x10040040, 0x10041000, 0x1040, 0, 0, 0x10040040,
+    0x10000040, 0x10001000, 0x41040, 0x40000, 0x41040, 0x40000, 0x10041000, 0x1000, 0x40,
+    0x10040040, 0x1000, 0x41040, 0x10001000, 0x40, 0x10000040, 0x10040000, 0x10040040, 0x10000000,
+    0x40000, 0x10001040, 0, 0x10041040, 0x40040, 0x10000040, 0x10040000, 0x10001000, 0x10001040, 0,
+    0x10041040, 0x41000, 0x41000, 0x1040, 0x1040, 0x40040, 0x10000000, 0x10041000,
+  ];
+
+  //create the 16 or 48 subkeys we will need
+  const keys = des_createKeys(key);
+  let m = 0,
+    i,
+    j,
+    temp,
+    temp2,
+    right1,
+    right2,
+    left,
+    right,
+    looping;
+  let cbcleft, cbcleft2, cbcright, cbcright2;
+  let endloop, loopinc;
+  var len = message.length;
+  let chunk = 0;
+  //set up the loops for single and triple des
+  const iterations = keys.length == 32 ? 3 : 9; //single or triple des
+  if (iterations == 3) {
+    looping = encrypt ? [0, 32, 2] : [30, -2, -2];
+  } else {
+    looping = encrypt ? [0, 32, 2, 62, 30, -2, 64, 96, 2] : [94, 62, -2, 32, 64, 2, 30, -2, -2];
+  }
+
+  //pad the message depending on the padding parameter
+  if (padding == 2)
+    message += '        '; //pad the message with spaces
+  else if (padding == 1) {
+    if (encrypt) {
+      temp = 8 - (len % 8);
+      message += String.fromCharCode(temp, temp, temp, temp, temp, temp, temp, temp);
+      if (temp === 8) len += 8;
+    }
+  } //PKCS7 padding
+  else if (!padding) message += '\0\0\0\0\0\0\0\0'; //pad the message out with null bytes
+
+  //store the result here
+  let result = '';
+  let tempresult = '';
+
+  if (mode == 1) {
+    //CBC mode
+    cbcleft =
+      (iv.charCodeAt(m++) << 24) |
+      (iv.charCodeAt(m++) << 16) |
+      (iv.charCodeAt(m++) << 8) |
+      iv.charCodeAt(m++);
+    cbcright =
+      (iv.charCodeAt(m++) << 24) |
+      (iv.charCodeAt(m++) << 16) |
+      (iv.charCodeAt(m++) << 8) |
+      iv.charCodeAt(m++);
+    m = 0;
+  }
+
+  //loop through each 64 bit chunk of the message
+  while (m < len) {
+    left =
+      (message.charCodeAt(m++) << 24) |
+      (message.charCodeAt(m++) << 16) |
+      (message.charCodeAt(m++) << 8) |
+      message.charCodeAt(m++);
+    right =
+      (message.charCodeAt(m++) << 24) |
+      (message.charCodeAt(m++) << 16) |
+      (message.charCodeAt(m++) << 8) |
+      message.charCodeAt(m++);
+
+    //for Cipher Block Chaining mode, xor the message with the previous result
+    if (mode == 1) {
+      if (encrypt) {
+        left ^= cbcleft;
+        right ^= cbcright;
+      } else {
+        cbcleft2 = cbcleft;
+        cbcright2 = cbcright;
+        cbcleft = left;
+        cbcright = right;
+      }
+    }
+
+    //first each 64 but chunk of the message must be permuted according to IP
+    temp = ((left >>> 4) ^ right) & 0x0f0f0f0f;
+    right ^= temp;
+    left ^= temp << 4;
+    temp = ((left >>> 16) ^ right) & 0x0000ffff;
+    right ^= temp;
+    left ^= temp << 16;
+    temp = ((right >>> 2) ^ left) & 0x33333333;
+    left ^= temp;
+    right ^= temp << 2;
+    temp = ((right >>> 8) ^ left) & 0x00ff00ff;
+    left ^= temp;
+    right ^= temp << 8;
+    temp = ((left >>> 1) ^ right) & 0x55555555;
+    right ^= temp;
+    left ^= temp << 1;
+
+    left = (left << 1) | (left >>> 31);
+    right = (right << 1) | (right >>> 31);
+
+    //do this either 1 or 3 times for each chunk of the message
+    for (j = 0; j < iterations; j += 3) {
+      endloop = looping[j + 1];
+      loopinc = looping[j + 2];
+      //now go through and perform the encryption or decryption
+      for (i = looping[j]; i != endloop; i += loopinc) {
+        //for efficiency
+        right1 = right ^ keys[i];
+        right2 = ((right >>> 4) | (right << 28)) ^ keys[i + 1];
+        //the result is attained by passing these bytes through the S selection functions
+        temp = left;
+        left = right;
+        right =
+          temp ^
+          (spfunction2[(right1 >>> 24) & 0x3f] |
+            spfunction4[(right1 >>> 16) & 0x3f] |
+            spfunction6[(right1 >>> 8) & 0x3f] |
+            spfunction8[right1 & 0x3f] |
+            spfunction1[(right2 >>> 24) & 0x3f] |
+            spfunction3[(right2 >>> 16) & 0x3f] |
+            spfunction5[(right2 >>> 8) & 0x3f] |
+            spfunction7[right2 & 0x3f]);
+      }
+      temp = left;
+      left = right;
+      right = temp; //unreverse left and right
+    } //for either 1 or 3 iterations
+
+    //move then each one bit to the right
+    left = (left >>> 1) | (left << 31);
+    right = (right >>> 1) | (right << 31);
+
+    //now perform IP-1, which is IP in the opposite direction
+    temp = ((left >>> 1) ^ right) & 0x55555555;
+    right ^= temp;
+    left ^= temp << 1;
+    temp = ((right >>> 8) ^ left) & 0x00ff00ff;
+    left ^= temp;
+    right ^= temp << 8;
+    temp = ((right >>> 2) ^ left) & 0x33333333;
+    left ^= temp;
+    right ^= temp << 2;
+    temp = ((left >>> 16) ^ right) & 0x0000ffff;
+    right ^= temp;
+    left ^= temp << 16;
+    temp = ((left >>> 4) ^ right) & 0x0f0f0f0f;
+    right ^= temp;
+    left ^= temp << 4;
+
+    //for Cipher Block Chaining mode, xor the message with the previous result
+    if (mode == 1) {
+      if (encrypt) {
+        cbcleft = left;
+        cbcright = right;
+      } else {
+        left ^= cbcleft2;
+        right ^= cbcright2;
+      }
+    }
+    tempresult += String.fromCharCode(
+      left >>> 24,
+      (left >>> 16) & 0xff,
+      (left >>> 8) & 0xff,
+      left & 0xff,
+      right >>> 24,
+      (right >>> 16) & 0xff,
+      (right >>> 8) & 0xff,
+      right & 0xff
+    );
+
+    chunk += 8;
+    if (chunk == 512) {
+      result += tempresult;
+      tempresult = '';
+      chunk = 0;
+    }
+  } //for every 8 characters, or 64 bits in the message
+
+  //return the result as an array
+  result += tempresult;
+  if (!encrypt) result = result.replace(/\0*$/g, '');
+
+  if (!encrypt) {
+    //如果是解密的话，解密结束后对PKCS7 padding进行解码，并转换成utf-8编码
+    if (padding === 1) {
+      //PKCS7 padding解码
+      var len = result.length,
+        paddingChars = 0;
+      len && (paddingChars = result.charCodeAt(len - 1));
+      paddingChars <= 8 && (result = result.substring(0, len - paddingChars));
+    }
+    //转换成UTF-8编码
+    result = decodeURIComponent(escape(result));
+  }
+
+  return result;
+} //end of des
+
+//des_createKeys
+//this takes as input a 64 bit key (even though only 56 bits are used)
+//as an array of 2 integers, and returns 16 48 bit keys
+function des_createKeys(key) {
+  //declaring this locally speeds things up a bit
+  const pc2bytes0 = [
+    0, 0x4, 0x20000000, 0x20000004, 0x10000, 0x10004, 0x20010000, 0x20010004, 0x200, 0x204,
+    0x20000200, 0x20000204, 0x10200, 0x10204, 0x20010200, 0x20010204,
+  ];
+  const pc2bytes1 = [
+    0, 0x1, 0x100000, 0x100001, 0x4000000, 0x4000001, 0x4100000, 0x4100001, 0x100, 0x101, 0x100100,
+    0x100101, 0x4000100, 0x4000101, 0x4100100, 0x4100101,
+  ];
+  const pc2bytes2 = [
+    0, 0x8, 0x800, 0x808, 0x1000000, 0x1000008, 0x1000800, 0x1000808, 0, 0x8, 0x800, 0x808,
+    0x1000000, 0x1000008, 0x1000800, 0x1000808,
+  ];
+  const pc2bytes3 = [
+    0, 0x200000, 0x8000000, 0x8200000, 0x2000, 0x202000, 0x8002000, 0x8202000, 0x20000, 0x220000,
+    0x8020000, 0x8220000, 0x22000, 0x222000, 0x8022000, 0x8222000,
+  ];
+  const pc2bytes4 = [
+    0, 0x40000, 0x10, 0x40010, 0, 0x40000, 0x10, 0x40010, 0x1000, 0x41000, 0x1010, 0x41010, 0x1000,
+    0x41000, 0x1010, 0x41010,
+  ];
+  const pc2bytes5 = [
+    0, 0x400, 0x20, 0x420, 0, 0x400, 0x20, 0x420, 0x2000000, 0x2000400, 0x2000020, 0x2000420,
+    0x2000000, 0x2000400, 0x2000020, 0x2000420,
+  ];
+  const pc2bytes6 = [
+    0, 0x10000000, 0x80000, 0x10080000, 0x2, 0x10000002, 0x80002, 0x10080002, 0, 0x10000000,
+    0x80000, 0x10080000, 0x2, 0x10000002, 0x80002, 0x10080002,
+  ];
+  const pc2bytes7 = [
+    0, 0x10000, 0x800, 0x10800, 0x20000000, 0x20010000, 0x20000800, 0x20010800, 0x20000, 0x30000,
+    0x20800, 0x30800, 0x20020000, 0x20030000, 0x20020800, 0x20030800,
+  ];
+  const pc2bytes8 = [
+    0, 0x40000, 0, 0x40000, 0x2, 0x40002, 0x2, 0x40002, 0x2000000, 0x2040000, 0x2000000, 0x2040000,
+    0x2000002, 0x2040002, 0x2000002, 0x2040002,
+  ];
+  const pc2bytes9 = [
+    0, 0x10000000, 0x8, 0x10000008, 0, 0x10000000, 0x8, 0x10000008, 0x400, 0x10000400, 0x408,
+    0x10000408, 0x400, 0x10000400, 0x408, 0x10000408,
+  ];
+  const pc2bytes10 = [
+    0, 0x20, 0, 0x20, 0x100000, 0x100020, 0x100000, 0x100020, 0x2000, 0x2020, 0x2000, 0x2020,
+    0x102000, 0x102020, 0x102000, 0x102020,
+  ];
+  const pc2bytes11 = [
+    0, 0x1000000, 0x200, 0x1000200, 0x200000, 0x1200000, 0x200200, 0x1200200, 0x4000000, 0x5000000,
+    0x4000200, 0x5000200, 0x4200000, 0x5200000, 0x4200200, 0x5200200,
+  ];
+  const pc2bytes12 = [
+    0, 0x1000, 0x8000000, 0x8001000, 0x80000, 0x81000, 0x8080000, 0x8081000, 0x10, 0x1010,
+    0x8000010, 0x8001010, 0x80010, 0x81010, 0x8080010, 0x8081010,
+  ];
+  const pc2bytes13 = [
+    0, 0x4, 0x100, 0x104, 0, 0x4, 0x100, 0x104, 0x1, 0x5, 0x101, 0x105, 0x1, 0x5, 0x101, 0x105,
+  ];
+
+  //how many iterations (1 for des, 3 for triple des)
+  const iterations = key.length > 8 ? 3 : 1; //changed by Paul 16/6/2007 to use Triple DES for 9+ byte keys
+  //stores the return keys
+  const keys = new Array(32 * iterations);
+  //now define the left shifts which need to be done
+  const shifts = [0, 0, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 0];
+  //other variables
+  let lefttemp,
+    righttemp,
+    m = 0,
+    n = 0,
+    temp;
+
+  for (let j = 0; j < iterations; j++) {
+    //either 1 or 3 iterations
+    let left =
+      (key.charCodeAt(m++) << 24) |
+      (key.charCodeAt(m++) << 16) |
+      (key.charCodeAt(m++) << 8) |
+      key.charCodeAt(m++);
+    let right =
+      (key.charCodeAt(m++) << 24) |
+      (key.charCodeAt(m++) << 16) |
+      (key.charCodeAt(m++) << 8) |
+      key.charCodeAt(m++);
+
+    temp = ((left >>> 4) ^ right) & 0x0f0f0f0f;
+    right ^= temp;
+    left ^= temp << 4;
+    temp = ((right >>> -16) ^ left) & 0x0000ffff;
+    left ^= temp;
+    right ^= temp << -16;
+    temp = ((left >>> 2) ^ right) & 0x33333333;
+    right ^= temp;
+    left ^= temp << 2;
+    temp = ((right >>> -16) ^ left) & 0x0000ffff;
+    left ^= temp;
+    right ^= temp << -16;
+    temp = ((left >>> 1) ^ right) & 0x55555555;
+    right ^= temp;
+    left ^= temp << 1;
+    temp = ((right >>> 8) ^ left) & 0x00ff00ff;
+    left ^= temp;
+    right ^= temp << 8;
+    temp = ((left >>> 1) ^ right) & 0x55555555;
+    right ^= temp;
+    left ^= temp << 1;
+
+    //the right side needs to be shifted and to get the last four bits of the left side
+    temp = (left << 8) | ((right >>> 20) & 0x000000f0);
+    //left needs to be put upside down
+    left =
+      (right << 24) |
+      ((right << 8) & 0xff0000) |
+      ((right >>> 8) & 0xff00) |
+      ((right >>> 24) & 0xf0);
+    right = temp;
+
+    //now go through and perform these shifts on the left and right keys
+    for (let i = 0; i < shifts.length; i++) {
+      //shift the keys either one or two bits to the left
+      if (shifts[i]) {
+        left = (left << 2) | (left >>> 26);
+        right = (right << 2) | (right >>> 26);
+      } else {
+        left = (left << 1) | (left >>> 27);
+        right = (right << 1) | (right >>> 27);
+      }
+      left &= -0xf;
+      right &= -0xf;
+
+      //now apply PC-2, in such a way that E is easier when encrypting or decrypting
+      //this conversion will look like PC-2 except only the last 6 bits of each byte are used
+      //rather than 48 consecutive bits and the order of lines will be according to
+      //how the S selection functions will be applied: S2, S4, S6, S8, S1, S3, S5, S7
+      lefttemp =
+        pc2bytes0[left >>> 28] |
+        pc2bytes1[(left >>> 24) & 0xf] |
+        pc2bytes2[(left >>> 20) & 0xf] |
+        pc2bytes3[(left >>> 16) & 0xf] |
+        pc2bytes4[(left >>> 12) & 0xf] |
+        pc2bytes5[(left >>> 8) & 0xf] |
+        pc2bytes6[(left >>> 4) & 0xf];
+      righttemp =
+        pc2bytes7[right >>> 28] |
+        pc2bytes8[(right >>> 24) & 0xf] |
+        pc2bytes9[(right >>> 20) & 0xf] |
+        pc2bytes10[(right >>> 16) & 0xf] |
+        pc2bytes11[(right >>> 12) & 0xf] |
+        pc2bytes12[(right >>> 8) & 0xf] |
+        pc2bytes13[(right >>> 4) & 0xf];
+      temp = ((righttemp >>> 16) ^ lefttemp) & 0x0000ffff;
+      keys[n++] = lefttemp ^ temp;
+      keys[n++] = righttemp ^ (temp << 16);
+    }
+  } //for each iterations
+  //return the keys we've created
+  return keys;
+} //end of des_createKeys
+function genkey(key, start, end) {
+  //8 byte / 64 bit Key (DES) or 192 bit Key
+  return { key: pad(key.slice(start, end)), vector: 1 };
+}
+
+function pad(key) {
+  for (let i = key.length; i < 24; i++) {
+    key += '0';
+  }
+  return key;
+}
+//3DES加密，使用PKCS7 padding
+function encrypt_3des(key, input) {
+  const genKey = genkey(key, 0, 24);
+  return btoa(des(genKey.key, input, 1, 0, 0, 1));
+}
+//3DES解密，使用PKCS7 padding
+function decrypt_3des(key, input) {
+  const genKey = genkey(key, 0, 24);
+  return des(genKey.key, atob(input), 0, 0, 0, 1);
+}
+
+////////////////////////////// TEST //////////////////////////////
+export function stringToHex(s) {
+  let r = '0x';
+  const hexes = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
+  for (let i = 0; i < s.length; i++) {
+    r += hexes[s.charCodeAt(i) >> 4] + hexes[s.charCodeAt(i) & 0xf];
+  }
+  return r;
+}
+
+export function stringToHexArray(s) {
+  const arr = [];
+  const hexes = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
+  for (let i = 0; i < s.length; i++) {
+    arr.push(hexes[s.charCodeAt(i) >> 4] + hexes[s.charCodeAt(i) & 0xf]);
+  }
+  return arr;
+}
+
+export function hexToString(h) {
+  let r = '';
+  for (let i = h.substr(0, 2) == '0x' ? 2 : 0; i < h.length; i += 2) {
+    r += String.fromCharCode(parseInt(h.substr(i, 2), 16));
+  }
+  return r;
+}
+
+/* eslint-enable */
--- a/utils/network/error.ts
+++ b/utils/network/error.ts
@@ -0,0 +1,119 @@
+// import { useTenantStore, useUserStore, useModalStore } from '@star/stores';
+// import { mb_t } from '@star/languages';
+// import { router } from '@routers';
+import { endsWith, includes, startsWith } from 'lodash-es';
+// import { ModalTypeEnum } from '@star/constants';
+
+// 错误提示
+export default class NetworkError {
+  tag: string;
+  key: string;
+  info: string;
+  level: string;
+  origin: string;
+  cmd: string;
+  code: number;
+  logout: boolean;
+  update: boolean;
+  time: string;
+
+  constructor(options: any) {
+    this.tag = '';
+    this.key = '';
+    this.info = '';
+    this.level = '';
+    this.origin = '';
+    this.cmd = '';
+    // this.code = 0
+    this.code = -1;
+    this.logout = false;
+    this.update = false;
+    this.time = new Date().toLocaleString().split('GMT')[0];
+    if (options) {
+      if (options.key) {
+        this.key = options.key;
+      }
+      if (options.tag) {
+        this.tag = options.tag;
+      }
+      if (options.info) {
+        if (startsWith(options.info, '{') && endsWith(options.info, '}')) {
+          const result = JSON.parse(options.info);
+          this.info = result?.msg || result?.exMessage || '';
+        } else {
+          this.info = options.info;
+        }
+      }
+      if (options.level) {
+        this.level = options.level;
+      }
+      if (options.origin) {
+        this.origin = options.origin;
+      }
+      if (options.cmd) {
+        this.cmd = options.cmd;
+      }
+      if (options.code) {
+        this.code = options.code;
+      }
+      if (options.logout) {
+        this.logout = options.logout;
+      }
+      if (options.update) {
+        this.update = options.update;
+      }
+    }
+    // const tenantStore = useTenantStore();
+    // if ([371130, 381119].includes(Number(this.cmd))) {
+    //   tenantStore.setRepairStatus(true);
+    // }
+    if (this.info.indexOf('invalid_token') !== -1) {
+      this.info = '亲，麻烦重新登录哦';
+    } else if (this.info.indexOf('Request failed with status code 500') !== -1) {
+      this.info = '网络不给力，请检查网络' + '(500)';
+    } else if (this.info.indexOf('Request failed with status code 502') !== -1) {
+      this.info = '网络不给力，请检查网络' + '(502)';
+    } else if (this.info.indexOf('Error 503 Service Unavailable') !== -1) {
+      this.info = '网络不给力，请检查网络' + '(503)';
+    } else if (this.info.indexOf('Request failed with status code 504') !== -1) {
+      this.info = '网络不给力，请检查网络' + '(504)';
+    } else if (this.info.indexOf('timeout of 20000ms') !== -1) {
+      this.info = '请求超时，请检查网络';
+    } else if (this.info.indexOf('Error 400 Bad Request') !== -1) {
+      this.info = '网络不给力，请重新尝试';
+    } else if (this.info.indexOf('Network Error') !== -1) {
+      this.info = '网络错误，请检查网络';
+    } else if (options?.code === '1115') {
+      // tenantStore.setRepairData(options.origin);
+      // tenantStore.setRepairStatus(true);
+    } else {
+      console.error('err.info:', this.cmd, this.info, options);
+      // this.info = this.info
+      // if (this.info) {
+      //   showFailToast(mb_t(this.info));
+      // }
+      // if (this.info && this.info.includes('重新登录')) {
+      //   const userStore = useUserStore();
+      //   userStore?.clearUserInfo?.();
+      //   if (
+      //     !startsWith(router.currentRoute.value?.path, '/activity') &&
+      //     !includes(['home', 'mine', 'activity'], router.currentRoute.value?.name)
+      //   ) {
+      //     const modalStore = useModalStore();
+      //     const path = router.currentRoute.value?.fullPath;
+      //     modalStore.showRegisterModal({ redirect: path });
+      //     router.replace?.('/home');
+      //   }
+      // }
+      // if (this.info.includes('访问限制')) {
+      //   tenantStore.setIPLimitStatus(true);
+      // }
+      // [371130, 370433]返回了请求没有任何数据 才跳维护 其他接口忽略
+      // if ([371130, 370433].includes(Number(this.cmd))) {
+      //   // console.log(371130, 370433, this.info, '????????????????????????????');
+      //   tenantStore.setRepairStatus(true);
+      // }
+    }
+    // this.info = mb_t(this.info);
+  }
+}
--- a/utils/network/helper.ts
+++ b/utils/network/helper.ts
@@ -0,0 +1,434 @@
+import { HmacMD5 } from 'crypto-js';
+import Base64 from 'crypto-js/enc-base64';
+import Latin1 from 'crypto-js/enc-latin1';
+import md5 from 'md5';
+import { AxiosResponse } from 'axios';
+import * as des from './des';
+import NetworkError from './error';
+import { toNumber, toString, startsWith, isString, isNumber } from 'lodash-es';
+import { NetworkTypeEnum } from '@/constants/network';
+import appConfig from '../config';
+
+// import NetworkError from './error'
+// import { storeToRefs, useTenantStore, useUserStore, useAppStore, start } from '../index';
+// import { isMobile, getBetPlatform } from '@star/utils';
+// import { langToNum } from '@star/languages';
+
+// 请求到的数据返回
+export type NetworkResponse<T> = {
+  type: NetworkTypeEnum;
+  data: T;
+};
+
+export const getBetPlatform = (isReturnIndex = false) => {
+  // 5=PC; 7=HOMESCREEN_IOS; 6=HOMESCREEN_ANDROID; 4=H5_IOS 3=IOS 2=H5_ANDROID; 1=ANDROID 8=马甲包
+  return 'H5_IOS';
+  // const platform = new URLSearchParams(window.location.search).get('platform');
+  // if (platform) {
+  //   return platform?.includes('IOS') ? 'IOS' : platform?.includes('ANDROID') ? 'ANDROID' : '';
+  // }
+  // if (isAppMJB()) {
+  //   return 'APPS_ANDROID';
+  // }
+  // if (isPWA()) {
+  //   if (isIOS()) {
+  //     return isReturnIndex ? 4 : 'HS_IOS';
+  //   } else {
+  //     return isReturnIndex ? 2 : 'HS_ANDROID';
+  //   }
+  // }
+  // if (isAndroid()) {
+  //   if (BASE_CONFIG.appVersion > 0) {
+  //     return isReturnIndex ? 1 : 'ANDROID';
+  //   } else {
+  //     return isReturnIndex ? 2 : 'H5_ANDROID';
+  //   }
+  // }
+  // if (isIOS()) {
+  //   if (BASE_CONFIG.appVersion > 0) {
+  //     return isReturnIndex ? 3 : 'IOS';
+  //   } else {
+  //     return isReturnIndex ? 4 : 'H5_IOS';
+  //   }
+  // }
+  // return isReturnIndex ? 5 : 'PC';
+};
+
+const uuid = (len: number, radix: number) => {
+  const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
+  const uuid: any[] = [];
+  radix = radix || chars.length;
+
+  if (len) {
+    // Compact form
+    for (let i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
+  } else {
+    // rfc4122, version 4 form
+    /* eslint-disable */
+    let r;
+
+    // rfc4122 requires these characters
+    uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
+    uuid[14] = '4';
+
+    // Fill in random data. At i==19 set the high bits of clock sequence as
+    // per rfc4122, sec. 4.1.5
+    for (let i = 0; i < 36; i++) {
+      if (!uuid[i]) {
+        r = 0 | (Math.random() * 16);
+        uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
+      }
+    }
+    /* eslint-enable */
+  }
+  return uuid.join('');
+};
+
+// 格式化要发送的数据
+export const formatSendData = (data: any, type: number = 0) => {
+  // url code
+  if (type === 0) {
+    const arr: any[] = [];
+    for (const k in data) {
+      const v = data[k];
+      if (v instanceof Array) {
+        for (const subK in v) {
+          arr.push(`${k}[]=${v[subK]}`);
+        }
+      } else {
+        arr.push(`${k}=${data[k]}`);
+      }
+    }
+    return arr.join('&');
+  } else if (type === 2) {
+    return data.join('/');
+  }
+  // json
+  return JSON.stringify(data);
+};
+
+export const getP = (p: any) => {
+  return HmacMD5(p, '7NEkojNzfkk=').toString();
+};
+
+export const enD = (rk: string, str: string) => {
+  const enc = des.des(rk, str, 1, 0, null, 1);
+  return Base64.stringify(Latin1.parse(enc));
+};
+
+export const dnD = (rk: string, str: string) => {
+  const s = Latin1.stringify(Base64.parse(str));
+  const d = des.des(rk, s, 0, 0, null, 1);
+  return d;
+};
+
+export const enP = (rk: string, vk: string, t: number) => {
+  const enc = des.des(vk, rk + t, 1, 0, null, 1);
+  return Base64.stringify(Latin1.parse(enc));
+};
+
+export const dnP = (vk: string, str: string) => {
+  const s = Latin1.stringify(Base64.parse(str));
+  const p = des.des(vk, s, 0, 0, null, 1);
+  return p;
+};
+
+export const enC = (rk: string, vk: string, m: string) => {
+  const enc = HmacMD5(m + rk, vk);
+  return Base64.stringify(enc);
+};
+
+export const getRequestKey = (cmdId: number, data: any) => {
+  return `${cmdId}&${data ? md5(JSON.stringify(data)) : ''}`;
+};
+
+// 加工请求数据
+export const transformRequest = (config: any) => {
+  const { headerType = 2, paramType = 0, cmdId, tid, ...reset } = config.headers;
+  const headers: Record<string, any> = {};
+  // const { tenantInfo } = storeToRefs(useTenantStore());
+  // const { userInfo } = storeToRefs(useUserStore());
+  // const { language } = storeToRefs(useAppStore());
+  const t = new Date().getTime();
+  const rk = md5(toString(Math.random() + t)).substring(0, 8);
+  const vk = appConfig.app.vk as string;
+  const pwds = enP(rk, vk, t);
+
+  const tenantInfo = {
+    tid: 3,
+  };
+  let userInfo = {
+    cust_id: '',
+    cust_name: '',
+    access_token: ''
+  };
+
+  // if (['17', '3310052', '310111', '310122', '310400', '4', '402', '401', '310635'].includes(cmdId)) {
+  //   const publicParams = {
+  //     tid: tid ?? tenantInfo.value?.tid ?? '',
+  //     cust_id: (config.data?.cust_id === 0 ? '0' : '') || userInfo?.value?.cust_id || '',
+  //     cust_name: (config.data?.cust_name === 0 ? '0' : config.data?.cust_name) || userInfo?.value?.cust_name || '',
+  //     oper_code: (config.data?.cust_id === 0 ? '0' : '') || userInfo?.value?.cust_id || '',
+  //     oper_name: (config.data?.cust_name === 0 ? '0' : config.data?.cust_name) || userInfo?.value?.cust_name || '',
+  //   };
+  //   const localData = localStorage.getItem('publicData') || '';
+  //   const publicData = localData ? JSON.parse(localData) : {};
+  //   if (['17', '3310052', '310111', '310122'].includes(cmdId)) {
+  //     if (['4', '402', '401'].includes(cmdId)) {
+  //       publicParams.tid = publicParams?.tid.toString();
+  //       publicData.client_type = publicData?.client_type.toString();
+  //       publicData.oper_class_type = publicData?.oper_class_type.toString();
+  //       publicData.oper_source_type = publicData?.oper_source_type.toString();
+  //       publicData.mark = publicData?.mark.toString();
+  //       // publicData.ori_value = "";
+  //       // publicData.new_value = "";
+  //       // publicData.trans_type = "101";
+  //       // publicData.busi_type = "206";
+  //       // publicData.oper_method = "11";
+  //     }
+  //
+  //     Object.assign(config.data, publicParams, publicData);
+  //   } else if (['310400'].includes(cmdId)) {
+  //     console.log('publicParams', publicParams, publicData);
+  //     config.data.memberOperInfoVo = {
+  //       ...publicParams,
+  //       ...publicData,
+  //       ori_value: '',
+  //       new_value: '',
+  //       oper_method: 1,
+  //       trans_type: 105,
+  //       busi_type: 222,
+  //     };
+  //   } else if (['310635', '4', '402', '401'].includes(cmdId)) {
+  //     config.data.trans_type = '101';
+  //     config.data.client_type = publicData.client_type;
+  //     config.data.browser_brand = publicData.browser_brand;
+  //     config.data.os_name = publicData.os_name;
+  //     config.data.os_version = publicData.os_version;
+  //     config.data.device_platform = publicData.device_platform;
+  //     config.data.device_model = publicData.device_model;
+  //     config.data.device_number = publicData.device_number;
+  //     config.data.device_fingerprint = publicData.device_fingerprint;
+  //   }
+  //
+  //   console.log('config.data', config.data);
+  // }
+
+  const sendStr = enD(rk, formatSendData(config.data, toNumber(paramType)));
+  const sendDateStr = enD(rk, t.toString());
+  const checkOr = enC(rk, vk, sendDateStr);
+
+  headers.cmdId = cmdId;
+  headers.aseqId = appConfig.app.aseqId;
+  headers.nc = appConfig.app.nc;
+  headers.tid = tid ?? tenantInfo.tid ?? '';
+  // 试玩游戏cust_id=0 header需要保持一致
+  headers.custId = (config.data?.cust_id === 0 ? '0' : '') || userInfo?.cust_id || '';
+  headers.reqId = uuid(32, 16);
+  // headers.isMobileOpen = isMobile() ? '1' : '0';
+  headers.isMobileOpen = '1';
+  // headers.languageNum = langToNum(language.value);
+  headers.languageNum = 0;
+  headers.project = 'tiyu-app';
+  headers.platform = getBetPlatform(); // 哪端
+  headers.checkOr = checkOr;
+  headers.pwds = pwds;
+  headers.datetime = t;
+  headers.tbc = md5(t + 'fT6phq0wkOPRlAoyToidAnkogUV7tBBD');
+  headers.reqKey = getRequestKey(cmdId, config.data); // 每一个接口请求的唯一key，前端用
+
+  if (toNumber(headerType) === 1) {
+    const grantType = 'password';
+    const scope = 'read write';
+    const signature = `react_clientgrant_type=${grantType}scope=${scope}cmd_id=${cmdId}react`;
+    headers.signature = md5(signature);
+  } else if (toNumber(headerType) === 2) {
+    const authorization = `Bearer ${userInfo?.access_token || ''}`;
+    const signature = `react_clientauthorization=${authorization}cmd_id=${cmdId}react`;
+    headers.authorization = authorization;
+    headers.signature = md5(signature);
+  } else if (toNumber(headerType) === 3) {
+    const grantType = 'refresh_token';
+    const scope = '';
+    const signature = `react_clientgrant_type=${grantType}scope=${scope}cmd_id=${cmdId}react`;
+    headers.signature = md5(signature);
+  }
+
+  // console.log(headers, cmdId, '<------ request headers');
+  // localStorage.getItem('SHOW_DATA') &&
+  //   console.error(cmdId, '最终请求参数', formatSendData(config.data, toNumber(paramType))); // 查看最终请求参数
+  console.log(cmdId, 'request data --->', config.data);
+  return {
+    headers: { ...reset, ...headers },
+    data: sendStr,
+  };
+};
+
+// 解释响应数据
+export const parseResponse = (response: AxiosResponse): Promise<NetworkResponse<any>> => {
+  try {
+    const { headers, data } = response;
+    const reqHeaders = response.config?.headers || {};
+    // if (reqHeaders.cmdId == 310122) {
+    //   console.log(data, reqHeaders.cmdId, '<<<<<<<<<<<<<<<<<<<<<<<<<< parseResponse data');
+    // }
+    if (isString(data) && data.length > 0 && !startsWith(data, '<html>')) {
+      // 检查 headers 是否存在必要的属性
+      if (!headers || !headers.pwds || !headers.datetime) {
+        console.error('Response headers missing required fields:', headers);
+        throw new NetworkError({
+          key: '',
+          tag: 'Network error 0',
+          info: '响应头缺少必要字段',
+          origin: '',
+          cmd: reqHeaders.cmdId,
+        });
+      }
+
+      const drk = dnP(appConfig.app.vk, headers.pwds).substring(0, 8);
+      const dm = dnD(drk, data);
+      const dc = enC(drk, appConfig.app.vk, enD(drk, toString(headers.datetime)));
+      // if (reqHeaders.cmdId == 310122) {
+      //   console.log(dm, JSON.parse(dm), reqHeaders.cmdId);
+      // }
+      // localStorage.getItem('SHOW_DATA') &&
+      //   console.error(reqHeaders.cmdId, dm ? JSON.parse(dm) : dm); // 查看请求返回的数据
+      if (!dm) {
+        throw new NetworkError({
+          key: '',
+          tag: 'Network error 1',
+          info: '数据为空',
+          origin: '',
+          cmd: reqHeaders.cmdId,
+        });
+      }
+      if (dc !== headers.checkor) {
+        throw new NetworkError({
+          key: '',
+          tag: 'Network error 2',
+          info: '返回数据异常',
+          origin: '',
+          cmd: reqHeaders.cmdId,
+        });
+      }
+
+      const resData: any = JSON.parse(dm);
+      console.log(
+        JSON.parse(JSON.stringify(resData)),
+        reqHeaders.cmdId,
+        '<<<<<<<<<<<<<<<<<<<<<<<<<< parseResponse resData'
+      );
+      if (resData) {
+        if (resData.exLevel) {
+          // 接口请求的错误处理
+          let err: any;
+          // 预存奖励领取的时候  返回'0'提示
+          if ([724209].includes(+reqHeaders.cmdId)) {
+            throw {
+              key: '',
+              tag: 'Network error 3',
+              info: resData.exMessage,
+              origin: resData,
+              cmd: reqHeaders.cmdId,
+              code: resData.exCode,
+            };
+          } else {
+            err = new NetworkError({
+              key: '',
+              tag: 'Network error 3',
+              info: resData.exMessage,
+              origin: resData,
+              cmd: reqHeaders.cmdId,
+              code: resData.exCode,
+            });
+          }
+          // 版本号不对，强制更新
+          if (err.code === 1108) {
+            err.update = true;
+          } else if ([1200, 1201, 1109, 1112, 1202, 1007].includes(+err.code)) {
+            // 1200 refresh_token错误
+            // 1201 access_token错误
+            // 1112 IP限制
+            err.logout = true; // 退出登录
+            err.tag = 'Network error 4';
+            err.logoutMessage = '返回异常';
+          }
+          throw err;
+        } else if (resData.error) {
+          throw new NetworkError({
+            key: '',
+            tag: 'Network error 5',
+            info: resData.error_description,
+            origin: resData,
+            cmd: reqHeaders.cmdId,
+            code: resData.exCode,
+          });
+        } else if (resData.response_code === '0') {
+          // 回收第三方金额 没有的的时候 也是返回'0'
+          // 预存奖励领取的时候  返回'0'提示
+          if ([3911381, 724209].includes(+reqHeaders.cmdId)) {
+            resData.response_code = '1';
+          } else {
+            throw new NetworkError({
+              key: '',
+              tag: 'Network error 8',
+              info: resData.msg || '操作失败',
+              origin: resData,
+              cmd: reqHeaders.cmdId,
+              code: resData.exCode,
+            });
+          }
+        }
+      } else {
+        if (!isNumber(toNumber(resData))) {
+          throw new NetworkError({
+            key: '',
+            tag: 'Network error 1',
+            info: '数据为空',
+            origin: '',
+            cmd: reqHeaders.cmdId,
+          });
+        }
+      }
+      return Promise.resolve({ type: NetworkTypeEnum.SUCCESS, data: resData });
+    } else {
+      localStorage.getItem('SHOW_DATA') && console.error(reqHeaders.cmdId, data); // 查看请求返回的原始数据
+      throw new NetworkError({
+        key: '',
+        tag: 'Network error 7',
+        info: '请求没有返回任何数据',
+        // origin: context || response.toString(),
+        cmd: reqHeaders.cmdId,
+        code: -1,
+      });
+    }
+  } catch (e) {
+    // // 404等错误处理
+    // if (typeof context === 'object') {
+    //   errStr = JSON.stringify(context);
+    // } else {
+    //   const arr = context.match(/title[\s\S]*?title/g);
+    //   if (arr && arr.length !== 0) {
+    //     errStr = arr[0].replace(/title>/g, '').replace(/<\/title/g, '');
+    //   }
+    // }
+    // let logout = false;
+    // if (errStr.indexOf('invalid_token') !== -1) {
+    //   logout = true;
+    // }
+    // // 类似这种错误的时候 跳到登录页 "error":"access_denied" "error":"unauthorized"
+    // if (errStr.indexOf('access_denied') !== -1 || errStr.indexOf('unauthorized') !== -1) {
+    //   logout = true;
+    // }
+    // err = new NetworkError({
+    //   key: key,
+    //   tag: 'Network error 6',
+    //   info: errStr,
+    //   origin: context,
+    //   cmd: reqHeaders.cmdId,
+    //   code: -1,
+    //   logout: logout,
+    // });
+    return Promise.reject({ type: NetworkTypeEnum.ERROR, data: e });
+  }
+};
--- a/utils/sessionStorage.ts
+++ b/utils/sessionStorage.ts
@@ -0,0 +1,220 @@
+/**
+ * Session Storage 实现
+ * 
+ * React Native 没有原生的 sessionStorage，这里提供一个内存实现
+ * 数据只在应用运行期间保存，应用关闭后会丢失
+ * 
+ * 特点：
+ * - 数据存储在内存中
+ * - 应用重启后数据丢失
+ * - 适用于临时数据、会话数据
+ * - API 与 localStorage 类似
+ */
+
+/**
+ * Session Storage 键名常量
+ */
+export enum SESSION_KEYS {
+  TEMP_DATA = 'temp_data',
+  FORM_DRAFT = 'form_draft',
+  SEARCH_HISTORY = 'search_history',
+  CURRENT_TAB = 'current_tab',
+  SCROLL_POSITION = 'scroll_position',
+  FILTER_STATE = 'filter_state',
+}
+
+/**
+ * Session Storage 类
+ * 
+ * 使用 Map 实现内存存储
+ */
+class SessionStorage {
+  private static storage: Map<string, string> = new Map();
+
+  /**
+   * 存储字符串
+   */
+  static setString(key: string, value: string): void {
+    try {
+      this.storage.set(key, value);
+      if (__DEV__) {
+        console.log(`💾 SessionStorage set: ${key}`);
+      }
+    } catch (error) {
+      console.error(`SessionStorage setString error for key "${key}":`, error);
+      throw error;
+    }
+  }
+
+  /**
+   * 获取字符串
+   */
+  static getString(key: string): string | null {
+    try {
+      const value = this.storage.get(key) ?? null;
+      if (__DEV__) {
+        console.log(`📖 SessionStorage get: ${key}`, value ? '✓' : '✗');
+      }
+      return value;
+    } catch (error) {
+      console.error(`SessionStorage getString error for key "${key}":`, error);
+      return null;
+    }
+  }
+
+  /**
+   * 存储对象（自动序列化为 JSON）
+   */
+  static setObject<T>(key: string, value: T): void {
+    try {
+      const jsonValue = JSON.stringify(value);
+      this.storage.set(key, jsonValue);
+      if (__DEV__) {
+        console.log(`💾 SessionStorage set object: ${key}`);
+      }
+    } catch (error) {
+      console.error(`SessionStorage setObject error for key "${key}":`, error);
+      throw error;
+    }
+  }
+
+  /**
+   * 获取对象（自动反序列化 JSON）
+   */
+  static getObject<T>(key: string): T | null {
+    try {
+      const jsonValue = this.storage.get(key);
+      if (jsonValue === undefined) {
+        return null;
+      }
+      const value = JSON.parse(jsonValue) as T;
+      if (__DEV__) {
+        console.log(`📖 SessionStorage get object: ${key} ✓`);
+      }
+      return value;
+    } catch (error) {
+      console.error(`SessionStorage getObject error for key "${key}":`, error);
+      return null;
+    }
+  }
+
+  /**
+   * 删除指定键
+   */
+  static remove(key: string): void {
+    try {
+      this.storage.delete(key);
+      if (__DEV__) {
+        console.log(`🗑️ SessionStorage remove: ${key}`);
+      }
+    } catch (error) {
+      console.error(`SessionStorage remove error for key "${key}":`, error);
+      throw error;
+    }
+  }
+
+  /**
+   * 清空所有存储
+   */
+  static clear(): void {
+    try {
+      this.storage.clear();
+      if (__DEV__) {
+        console.log('🗑️ SessionStorage cleared all');
+      }
+    } catch (error) {
+      console.error('SessionStorage clear error:', error);
+      throw error;
+    }
+  }
+
+  /**
+   * 获取所有键名
+   */
+  static getAllKeys(): string[] {
+    try {
+      const keys = Array.from(this.storage.keys());
+      if (__DEV__) {
+        console.log('🔑 SessionStorage all keys:', keys);
+      }
+      return keys;
+    } catch (error) {
+      console.error('SessionStorage getAllKeys error:', error);
+      return [];
+    }
+  }
+
+  /**
+   * 获取存储项数量
+   */
+  static get length(): number {
+    return this.storage.size;
+  }
+
+  /**
+   * 检查键是否存在
+   */
+  static has(key: string): boolean {
+    return this.storage.has(key);
+  }
+
+  /**
+   * 批量获取
+   */
+  static multiGet(keys: string[]): [string, string | null][] {
+    try {
+      return keys.map((key) => [key, this.storage.get(key) ?? null]);
+    } catch (error) {
+      console.error('SessionStorage multiGet error:', error);
+      return [];
+    }
+  }
+
+  /**
+   * 批量设置
+   */
+  static multiSet(keyValuePairs: [string, string][]): void {
+    try {
+      keyValuePairs.forEach(([key, value]) => {
+        this.storage.set(key, value);
+      });
+      if (__DEV__) {
+        console.log(`💾 SessionStorage multiSet: ${keyValuePairs.length} items`);
+      }
+    } catch (error) {
+      console.error('SessionStorage multiSet error:', error);
+      throw error;
+    }
+  }
+
+  /**
+   * 批量删除
+   */
+  static multiRemove(keys: string[]): void {
+    try {
+      keys.forEach((key) => {
+        this.storage.delete(key);
+      });
+      if (__DEV__) {
+        console.log(`🗑️ SessionStorage multiRemove: ${keys.length} items`);
+      }
+    } catch (error) {
+      console.error('SessionStorage multiRemove error:', error);
+      throw error;
+    }
+  }
+
+  /**
+   * 获取所有数据（调试用）
+   */
+  static getAll(): Record<string, string> {
+    const result: Record<string, string> = {};
+    this.storage.forEach((value, key) => {
+      result[key] = value;
+    });
+    return result;
+  }
+}
+
+export default SessionStorage;
+
--- a/src/utils/storage.ts
+++ b/src/utils/storage.ts
@@ -8,13 +8,17 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
 /**
 * 存储键名常量
 */
-export const STORAGE_KEYS = {
-  AUTH_TOKEN: 'auth_token',
-  USER_INFO: 'user_info',
-  SETTINGS: 'settings',
-  THEME: 'theme',
-  LANGUAGE: 'language',
-} as const;
+export enum STORAGE_KEYS {
+  AUTH_TOKEN = 'auth_token',
+  USER_INFO = 'user_info',
+  SETTINGS = 'settings',
+  THEME = 'theme',
+  LANGUAGE = 'language',
+  USER_PREFERENCES = 'user_preferences',
+  TENANT_STORE = 'tenant_storage',
+  USER_STORE = 'user_storage',
+  SETTINGS_STORE = 'settings_storage',
+}

 /**
 * Storage 工具类
@@ -178,4 +182,3 @@ class Storage {
 }

 export default Storage;
-
--- a/utils/storageManager.ts
+++ b/utils/storageManager.ts
@@ -0,0 +1,242 @@
+/**
+ * 统一存储管理器
+ * 
+ * 提供统一的接口来使用 localStorage (AsyncStorage) 或 sessionStorage
+ * 
+ * 使用场景：
+ * - localStorage: 持久化数据，应用重启后仍然存在
+ * - sessionStorage: 临时数据，应用重启后丢失
+ * 
+ * 示例：
+ * ```typescript
+ * // 使用 localStorage（默认）
+ * await StorageManager.set('user', userData);
+ * 
+ * // 使用 sessionStorage
+ * await StorageManager.set('temp', tempData, { type: 'session' });
+ * 
+ * // 获取数据（自动从正确的存储中读取）
+ * const user = await StorageManager.get('user');
+ * const temp = await StorageManager.get('temp', { type: 'session' });
+ * ```
+ */
+
+import Storage from './storage';
+import SessionStorage from './sessionStorage';
+
+/**
+ * 存储类型
+ */
+export type StorageType = 'local' | 'session';
+
+/**
+ * 存储选项
+ */
+export interface StorageOptions {
+  /**
+   * 存储类型
+   * - 'local': 持久化存储（AsyncStorage）
+   * - 'session': 会话存储（内存）
+   */
+  type?: StorageType;
+}
+
+/**
+ * 统一存储管理器
+ */
+class StorageManager {
+  /**
+   * 存储字符串
+   */
+  static async setString(
+    key: string,
+    value: string,
+    options: StorageOptions = {}
+  ): Promise<void> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      SessionStorage.setString(key, value);
+    } else {
+      await Storage.setString(key, value);
+    }
+  }
+
+  /**
+   * 获取字符串
+   */
+  static async getString(
+    key: string,
+    options: StorageOptions = {}
+  ): Promise<string | null> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      return SessionStorage.getString(key);
+    } else {
+      return await Storage.getString(key);
+    }
+  }
+
+  /**
+   * 存储对象
+   */
+  static async setObject<T>(
+    key: string,
+    value: T,
+    options: StorageOptions = {}
+  ): Promise<void> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      SessionStorage.setObject(key, value);
+    } else {
+      await Storage.setObject(key, value);
+    }
+  }
+
+  /**
+   * 获取对象
+   */
+  static async getObject<T>(
+    key: string,
+    options: StorageOptions = {}
+  ): Promise<T | null> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      return SessionStorage.getObject<T>(key);
+    } else {
+      return await Storage.getObject<T>(key);
+    }
+  }
+
+  /**
+   * 删除指定键
+   */
+  static async remove(key: string, options: StorageOptions = {}): Promise<void> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      SessionStorage.remove(key);
+    } else {
+      await Storage.remove(key);
+    }
+  }
+
+  /**
+   * 清空指定类型的所有存储
+   */
+  static async clear(options: StorageOptions = {}): Promise<void> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      SessionStorage.clear();
+    } else {
+      await Storage.clear();
+    }
+  }
+
+  /**
+   * 获取所有键名
+   */
+  static async getAllKeys(options: StorageOptions = {}): Promise<string[]> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      return SessionStorage.getAllKeys();
+    } else {
+      return await Storage.getAllKeys();
+    }
+  }
+
+  /**
+   * 检查键是否存在
+   */
+  static async has(key: string, options: StorageOptions = {}): Promise<boolean> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      return SessionStorage.has(key);
+    } else {
+      const value = await Storage.getString(key);
+      return value !== null;
+    }
+  }
+
+  /**
+   * 批量获取
+   */
+  static async multiGet(
+    keys: string[],
+    options: StorageOptions = {}
+  ): Promise<[string, string | null][]> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      return SessionStorage.multiGet(keys);
+    } else {
+      return await Storage.multiGet(keys);
+    }
+  }
+
+  /**
+   * 批量设置
+   */
+  static async multiSet(
+    keyValuePairs: [string, string][],
+    options: StorageOptions = {}
+  ): Promise<void> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      SessionStorage.multiSet(keyValuePairs);
+    } else {
+      await Storage.multiSet(keyValuePairs);
+    }
+  }
+
+  /**
+   * 批量删除
+   */
+  static async multiRemove(
+    keys: string[],
+    options: StorageOptions = {}
+  ): Promise<void> {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      SessionStorage.multiRemove(keys);
+    } else {
+      await Storage.multiRemove(keys);
+    }
+  }
+
+  /**
+   * 获取存储大小（仅 session storage）
+   */
+  static getSize(options: StorageOptions = {}): number {
+    const { type = 'local' } = options;
+
+    if (type === 'session') {
+      return SessionStorage.length;
+    } else {
+      // AsyncStorage 不支持直接获取大小
+      return -1;
+    }
+  }
+
+  /**
+   * 清空所有存储（local + session）
+   */
+  static async clearAll(): Promise<void> {
+    await Storage.clear();
+    SessionStorage.clear();
+    if (__DEV__) {
+      console.log('🗑️ All storage cleared (local + session)');
+    }
+  }
+}
+
+export default StorageManager;
+
Author	SHA1	Message	Date
echo	b3a06f7f9e	feat: app.json配置修改	2025-11-06 22:19:21 +08:00
echo	170a08e5d1	feat: update	2025-11-06 21:59:14 +08:00
echo	855f289579	feat: update	2025-11-06 16:37:01 +08:00
echo	c0d54b8513	feat: update	2025-11-05 17:25:23 +08:00
echo	ce324c9bb5	feat: update	2025-11-05 17:24:55 +08:00
				`@@ -1 +0,0 @@`
				`export { useColorScheme } from 'react-native';`