ele-HeiXiu

Yang-RuiQi/ele-HeiXiu

Fork 0

Commit Graph

Author	SHA1	Message	Date
YoungestSongMo	72ec1a5459	fix: 修复主题切换后首页状态重置 + 首页 UX 优化 + 文档同步 ## 根因设置页 `navigate('/settings')` 导致 React Router `/*` 的 index 路由不匹配，HomePage 被卸载重挂载，所有 useState 回到默认值。 ## 修复（6 文件） - event-bus.ts: 新增 OPEN_SETTINGS 事件 - nav-config.ts: 设置按钮 action: 'navigate' → 'button'，去路由化 - NavBar.tsx: button case 中 emit(OPEN_SETTINGS) - SettingsPage.tsx: 去路由化，改为 Modal 居中叠加 + open/onClose props，使用 antd 6.x 正确 API destroyOnHidden（非废弃的 destroyOnClose）， mask={{ closable: false }} + keyboard={false} 仅允许 X 按钮关闭 - router/index.tsx: 移除 SettingsPage 渲染 - App.tsx: 添加 SettingsPage Modal，事件驱动（与 LoginPage 模式一致） ## UX 优化（2 文件） - HomeContent.tsx: 右侧分隔条移除多余 marginLeft，左右视觉对称 - BannerCarousel.tsx: 新增关闭按钮，session 级别 useState 隐藏，不做 localStorage 持久化，确保每次启动重新展示 ## 架构原则确立 QT 多窗口模型 → Web 映射：叠加层走 Modal/Drawer + 事件总线，主页面不卸载；真正的视图切换才用 React Router。 ## 文档同步 - TODO.md: 移除已完成项详细记录，精简为未完成待办 - WORKLOG.md: 追加 2026-06-07 完整工作日志 - PROJECT.md: 更新路由/叠加层架构说明 - CHANGELOG.md: 追加 v0.0.13 条目 - ARCHITECTURE.md: 更新日期 + 新增叠加层模式章节	2026-06-07 05:21:47 +08:00
YoungestSongMo	a8ace232a4	feat: 任务列表UI重构 + 分页器/登录错误/请求拦截修复【任务列表 UI 重构】（TaskHistory.tsx） - 列重新排序：任务ID(固定) → 创建时间 → 模型 → 输出类型 → 状态 → 提示词 → 时长 → 费用 → 供应商(隐藏) → 帧率/文件大小/标签/错误信息(隐藏) → 用户 - 斑马纹行样式 + hover 增强 + 选中行高亮 + 暗色主题适配 - 列可见性选择器（齿轮图标 Popover），持久化到 localStorage - 视频时长通过 VideoUiParams.duration 计算，非视频显示 "-" - 未知状态降级处理（resolveStatus → 显示原始 key） - 分页器固定预留 48px，避免 >20 条时分页器溢出可视区 - 提示词搜索图标颜色用 CSS class 承载，避免 columns 依赖 token.colorPrimary 导致主题切换时 Table 重建【分页器修复】（antd-theme.ts） - Pagination 组件 token 添加 itemActiveColor: '#fff' - 激活页码数字与 #6366F1 主题背景形成对比，亮色/暗色均可见 - 替代之前的 CSS !important hack 【登录错误信息修复】（request.ts） - HTTP 401 拦截改为双重校验：status === 401 && data?.code === 401 - 仅业务码也为 401 时才走 token 刷新流程 - 其他业务码（如密码错误）透传后端 data.message，不再被 RefreshError 覆盖【全局中文 locale】（ThemeProvider.tsx） - ConfigProvider 添加 locale={zhCN}，分页器显示"条/页"等中文 - 避免逐个 Table 设置不完整 locale 导致 Pagination Select 退化为 Input 【上下文稳定性】（HomeContent.tsx） - contextValue 用 useMemo 包裹，避免每次 render 新建对象导致无关重渲染 - 配合 columns 依赖清理，减少主题切换时的级联更新【其他】 - index.html CSP 策略增加 COS 域名白名单 - OutputTypeMap 枚举值修复为 image='图片', video='视频', audio='音频' - TaskStatusMap STATUS_CONFIG 类型放宽为 Record<string,...> 兼容未知状态 - 移除 computeDuration，替换为 getVideoDuration + formatDuration - LoginPage 移除未使用的 authState 依赖	2026-06-05 20:49:23 +08:00
YoungestSongMo	af85d31035	feat ：修改文件结构	2026-06-05 19:24:06 +08:00

Author

SHA1

Message

Date

YoungestSongMo

72ec1a5459

fix: 修复主题切换后首页状态重置 + 首页 UX 优化 + 文档同步

## 根因
  设置页 `navigate('/settings')` 导致 React Router `/*` 的 index
  路由不匹配，HomePage 被卸载重挂载，所有 useState 回到默认值。

  ## 修复（6 文件）
  - event-bus.ts: 新增 OPEN_SETTINGS 事件
  - nav-config.ts: 设置按钮 action: 'navigate' → 'button'，去路由化
  - NavBar.tsx: button case 中 emit(OPEN_SETTINGS)
  - SettingsPage.tsx: 去路由化，改为 Modal 居中叠加 + open/onClose props，
    使用 antd 6.x 正确 API destroyOnHidden（非废弃的 destroyOnClose），
    mask={{ closable: false }} + keyboard={false} 仅允许 X 按钮关闭
  - router/index.tsx: 移除 SettingsPage 渲染
  - App.tsx: 添加 SettingsPage Modal，事件驱动（与 LoginPage 模式一致）

  ## UX 优化（2 文件）
  - HomeContent.tsx: 右侧分隔条移除多余 marginLeft，左右视觉对称
  - BannerCarousel.tsx: 新增关闭按钮，session 级别 useState 隐藏，
    不做 localStorage 持久化，确保每次启动重新展示

  ## 架构原则
  确立 QT 多窗口模型 → Web 映射：叠加层走 Modal/Drawer + 事件总线，
  主页面不卸载；真正的视图切换才用 React Router。

  ## 文档同步
  - TODO.md: 移除已完成项详细记录，精简为未完成待办
  - WORKLOG.md: 追加 2026-06-07 完整工作日志
  - PROJECT.md: 更新路由/叠加层架构说明
  - CHANGELOG.md: 追加 v0.0.13 条目
  - ARCHITECTURE.md: 更新日期 + 新增叠加层模式章节

2026-06-07 05:21:47 +08:00

YoungestSongMo

a8ace232a4

feat: 任务列表UI重构 + 分页器/登录错误/请求拦截修复

【任务列表 UI 重构】（TaskHistory.tsx）
  - 列重新排序：任务ID(固定) → 创建时间 → 模型 → 输出类型 → 状态 → 提示词 → 时长 → 费用 → 供应商(隐藏) → 帧率/文件大小/标签/错误信息(隐藏) → 用户
  - 斑马纹行样式 + hover 增强 + 选中行高亮 + 暗色主题适配
  - 列可见性选择器（齿轮图标 Popover），持久化到 localStorage
  - 视频时长通过 VideoUiParams.duration 计算，非视频显示 "-"
  - 未知状态降级处理（resolveStatus → 显示原始 key）
  - 分页器固定预留 48px，避免 >20 条时分页器溢出可视区
  - 提示词搜索图标颜色用 CSS class 承载，避免 columns 依赖 token.colorPrimary 导致主题切换时 Table 重建

  【分页器修复】（antd-theme.ts）
  - Pagination 组件 token 添加 itemActiveColor: '#fff'
  - 激活页码数字与 #6366F1 主题背景形成对比，亮色/暗色均可见
  - 替代之前的 CSS !important hack

  【登录错误信息修复】（request.ts）
  - HTTP 401 拦截改为双重校验：status === 401 && data?.code === 401
  - 仅业务码也为 401 时才走 token 刷新流程
  - 其他业务码（如密码错误）透传后端 data.message，不再被 RefreshError 覆盖

  【全局中文 locale】（ThemeProvider.tsx）
  - ConfigProvider 添加 locale={zhCN}，分页器显示"条/页"等中文
  - 避免逐个 Table 设置不完整 locale 导致 Pagination Select 退化为 Input

  【上下文稳定性】（HomeContent.tsx）
  - contextValue 用 useMemo 包裹，避免每次 render 新建对象导致无关重渲染
  - 配合 columns 依赖清理，减少主题切换时的级联更新

  【其他】
  - index.html CSP 策略增加 COS 域名白名单
  - OutputTypeMap 枚举值修复为 image='图片', video='视频', audio='音频'
  - TaskStatusMap STATUS_CONFIG 类型放宽为 Record<string,...> 兼容未知状态
  - 移除 computeDuration，替换为 getVideoDuration + formatDuration
  - LoginPage 移除未使用的 authState 依赖

2026-06-05 20:49:23 +08:00

YoungestSongMo

af85d31035

feat ：修改文件结构

2026-06-05 19:24:06 +08:00

3 Commits