xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 8 Pull Requests 8 Actions Packages Projects Releases 7 Wiki Activity

feat(frontend): Phase 2 前端技术债务清理（Mock 数据 + 样式迁移 + 组件合并） #258

Merged
xiaoxia merged 2 commits from cleanup/phase2-frontend into develop 2026-07-13 15:53:58 +08:00
Conversation 0 Commits 2 Files Changed 7
+29 -625
xiaoxia commented 2026-07-13 15:16:08 +08:00
Owner
Copy Link
Copy Source

Phase 2 前端技术债务清理

基于最新 develop（含 Phase 1 PR #251 合并），完成三项前端清理任务。

1. Mock 数据清理（4 项）

文件 变更
Dashboard.tsx kpiData / quickEntries / recentTasks 标记 TODO，待后端统计 API
TitleLibrary.tsx MOCK_CATEGORIES 从 6 个假分类精简为「全部标题」占位 + TODO
Accounts.tsx 移除 2 处误导性 (mock) 注释 — 实际代码已调用真实 API

GeneratePage.tsx MOCK_TIMELINE、ProductLibrary.tsx 发布状态等已在上一轮标记 TODO。

2. Admin.css 样式迁移

  • 4 条 .xx-card antd 覆盖样式（hover 阴影、head 边框/间距、title 字体、body 间距）从已删除的 Admin.css 迁移到 ui.css
  • AdminComingSoon.tsx 页面样式不受影响
  • 样式使用 var(--xx-border) / var(--xx-text) 设计变量，符合 V21 规范

3. CloneModal 组件合并

  • VoiceClone.tsx 改用共享 CloneModal 组件（@/components/voice/CloneModal）
  • 删除重复的 CloneVoiceModal.tsx（290 行）+ clone-voice-modal.css（325 行）
  • 清理空目录 components/modals/
  • 共享版 CloneModal 功能更完整：4 阶段进度、MediaRecorder 录音、完整错误处理

变更统计

  • 7 文件，+32 / -625 行
  • vite build ✅ 通过
  • 纯前端变更，无后端文件
## Phase 2 前端技术债务清理 基于最新 develop（含 Phase 1 PR #251 合并），完成三项前端清理任务。 ### 1. Mock 数据清理（4 项） | 文件 | 变更 | |------|------| | `Dashboard.tsx` | kpiData / quickEntries / recentTasks 标记 TODO，待后端统计 API | | `TitleLibrary.tsx` | MOCK_CATEGORIES 从 6 个假分类精简为「全部标题」占位 + TODO | | `Accounts.tsx` | 移除 2 处误导性 `(mock)` 注释 — 实际代码已调用真实 API | > GeneratePage.tsx MOCK_TIMELINE、ProductLibrary.tsx 发布状态等已在上一轮标记 TODO。 ### 2. Admin.css 样式迁移 - 4 条 `.xx-card` antd 覆盖样式（hover 阴影、head 边框/间距、title 字体、body 间距）从已删除的 Admin.css 迁移到 `ui.css` - `AdminComingSoon.tsx` 页面样式不受影响 - 样式使用 `var(--xx-border)` / `var(--xx-text)` 设计变量，符合 V21 规范 ### 3. CloneModal 组件合并 - `VoiceClone.tsx` 改用共享 `CloneModal` 组件（`@/components/voice/CloneModal`） - 删除重复的 `CloneVoiceModal.tsx`（290 行）+ `clone-voice-modal.css`（325 行） - 清理空目录 `components/modals/` - 共享版 CloneModal 功能更完整：4 阶段进度、MediaRecorder 录音、完整错误处理 ### 变更统计 - **7 文件**，+32 / -625 行 - vite build ✅ 通过 - 纯前端变更，无后端文件
xiaoxia added 1 commit 2026-07-13 15:16:08 +08:00
feat(frontend): Phase 2 前端技术债务清理
CI/CD Pipeline / Validate Code Quality And Tests (pull_request) Failing after 31s
Details
CI/CD Pipeline / Unit Tests (pull_request) Failing after 29s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 3m45s
Details
CI/CD Pipeline / Build & Push Staging (Watchtower auto-deploy) (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Runtime Images (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
CI/CD Pipeline / Integration Tests (pull_request) Failing after 32s
Details
5bde975ea6 
1. Mock 数据清理（4 项）：
   - Dashboard.tsx: kpiData/quickEntries/recentTasks 标记 TODO
   - TitleLibrary.tsx: MOCK_CATEGORIES 精简为占位+TODO
   - Accounts.tsx: 移除 2 处误导性 mock 注释（实际已用真实 API）

2. Admin.css 样式迁移：
   - 4 条 .xx-card antd 覆盖样式迁移到 ui.css
   - AdminComingSoon 页面样式不受影响

3. CloneModal 组件合并：
   - VoiceClone.tsx 改用共享 CloneModal 组件
   - 删除重复的 CloneVoiceModal.tsx + clone-voice-modal.css
   - 清理空目录 components/modals/
xiaoxia added 1 commit 2026-07-13 15:35:11 +08:00
fix: 修复 PR #258 P1 CSS 变量问题
CI/CD Pipeline / Validate Code Quality And Tests (pull_request) Failing after 23s
Details
CI/CD Pipeline / Unit Tests (pull_request) Failing after 18s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 3m9s
Details
CI/CD Pipeline / Build & Push Staging (Watchtower auto-deploy) (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Runtime Images (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
CI/CD Pipeline / Integration Tests (pull_request) Failing after 28s
Details
eb50442296 
- 删除 .xx-card:hover（global.css V21 设计系统已定义）
- var(--xx-border) → var(--border-color)（原变量未定义）
- var(--xx-text) → var(--text-primary)（原变量未定义）
- .ant-card-head padding 修正为 20px 24px（与原 Admin.css 一致）
- .ant-card-head-title color 对齐原 Admin.css 的 var(--slate) 语义
xiaoxia merged commit 50719db7c8 into develop 2026-07-13 15:53:58 +08:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
P0
阻塞性，必须立即处理
 P1
高优先级
 P2
中优先级
 P3
低优先级/后考虑
 architecture
架构设计
 backend
后端相关
 blocked
阻塞中
 bug
Bug修复
 ci-bug
CI本身的bug
 ci-optimization
CI优化类任务
 ci-pipeline
CI流水线/workflow相关
 cleanup
代码清理
 devops
运维/部署/CI
 documentation
文档相关
 feature
新功能
 frontend
前端相关
 question
需要讨论确认
 ready
PR CI通过，可合并
 refactor
代码重构
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
auto-approve-bot xiaoxia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#258
Delete Branch "cleanup/phase2-frontend"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?