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

拆分GeneratePage.tsx巨无霸（3036行），按4阶段渐进式重构 #793

New Issue
Closed
opened 2026-07-24 00:04:05 +08:00 by xiaoxia · 0 comments
xiaoxia commented 2026-07-24 00:04:05 +08:00
Owner
Copy Link
Copy Source

背景

GeneratePage.tsx 当前 3036 行，包含7步向导、20+ state、8个API、3个Modal，是前端最大技术债。

拆分方案（4 Phase，渐进式）

  • Phase 1：抽常量/类型 + 页头/步骤条/结果面板 → 从3036→2300行
  • Phase 2：7个Step各自组件化 + 对应自定义hook → 从2300→500行
  • Phase 3：Step内部再细分小组件
  • Phase 4：逻辑优化（可选）

状态管理

自定义 hooks + props 传参，不引入新依赖（不用Zustand）

交付

分3个PR提交，每阶段完成后合入再进下一阶段

详细方案：docs/generate-page-refactor-plan.md

## 背景 GeneratePage.tsx 当前 3036 行，包含7步向导、20+ state、8个API、3个Modal，是前端最大技术债。 ## 拆分方案（4 Phase，渐进式） - **Phase 1**：抽常量/类型 + 页头/步骤条/结果面板 → 从3036→2300行 - **Phase 2**：7个Step各自组件化 + 对应自定义hook → 从2300→500行 - **Phase 3**：Step内部再细分小组件 - **Phase 4**：逻辑优化（可选） ## 状态管理 自定义 hooks + props 传参，不引入新依赖（不用Zustand） ## 交付 分3个PR提交，每阶段完成后合入再进下一阶段 详细方案：docs/generate-page-refactor-plan.md
xiaoxia added this to the 代码质量清理专项 milestone 2026-07-24 00:04:05 +08:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
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#793
Delete Branch "%!s()"

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?