refactor: GeneratePage Phase 2 — 7个Step组件化 + 自定义Hook（2682→485行） #803

Merged

xiaoxia merged 12 commits from refactor/generate-page-phase2 into develop 2026-07-24 17:20:59 +08:00

Conversation 5 Commits 12 Files Changed 17

+3336 -2350

12 Commits

Author	SHA1	Message	Date
xiaoxia	8c62033101	test: add GeneratePage import to extend vitest related coverage	2026-07-24 16:58:19 +08:00
xiaoxia	4ab94fb051	merge: resolve conflicts with develop (rebase Phase 2 onto latest develop)	2026-07-24 11:32:32 +08:00
xiaoxia	0a33fdc3e0	style: fix GenerateHeader test prettier formatting	2026-07-24 10:09:19 +08:00
xiaoxia	caa4ad23ed	test: add GenerateHeader component smoke test	2026-07-24 09:54:05 +08:00
xiaoxia	045295283f	style: format with prettier	2026-07-24 09:46:47 +08:00
xiaoxia	4fb68e8ba9	fix(generate): fix ESLint errors in Phase 2 split ... - rename useStep5Voice.ts -> .tsx (JSX in hook file) - remove unused variables (presetVoicesLoading, cloneModalOpen, handleCloneSuccess) - remove unused type imports (TitleConfig, PresetVoiceItem)	2026-07-24 01:18:54 +08:00
xiaoxia	f42908b758	refactor(generate): extract useGenerateVideo hook for core generation logic ... - Move handleGenerate, handleRetry, download, share to useGenerateVideo hook - Move generation state (generating, progress, generated, etc.) to the hook - Main component now focuses on state management, step navigation, and layout - Reduce GeneratePage from 765 to ~420 lines GeneratePage Phase 2: final optimization.	2026-07-24 00:50:45 +08:00
xiaoxia	13452491a8	refactor(generate): simplify GeneratePage with step components ... - Replace renderStep1~renderStep7 with standalone Step components - Move step-specific state and logic into corresponding custom hooks - Keep shared state (currentStep, selectedTemplate, titleSettings, etc.) in main component - Keep core business logic (handleGenerate, URL params, step navigation) in main component - Reduce main component from 2681 lines to ~765 lines GeneratePage Phase 2: 7-step componentization complete.	2026-07-24 00:45:30 +08:00
xiaoxia	b50cdb5943	feat(generate): add Step4-7 components and hooks ... - Step4TitleSettings + useStep4Title: title settings with AI generation and styling - Step5VoiceSelect + useStep5Voice: voice selection with preset/TTS/clone modes - Step6CoverSettings + useStep6Cover: cover settings with auto/frame/upload modes - Step7ConfirmGenerate + useStep7Generate: generation confirmation and progress Part of GeneratePage Phase 2 refactoring.	2026-07-24 00:45:16 +08:00
xiaoxia	fe62730401	feat(generate): add Step1-3 components and hooks ... - Step1TemplateSelect + useStep1Template: template selection UI and logic - Step2MaterialSelect + useStep2Materials: material selection with manual/auto modes - Step3GeneratePreview + useStep3Preview: generation preview summary Part of GeneratePage Phase 2 refactoring.	2026-07-24 00:45:00 +08:00
xiaoxia	e9d4885f7a	refactor: GeneratePage Phase 1 - 抽取常量/类型/UI组件 ... 将 3036 行的 GeneratePage.tsx 按 Phase 1 计划拆分： 新增文件： - constants.ts — 12组常量（STEPS/TITLE_PRESETS/AI标题模板/智能匹配理由/渐变色/图标等） - types.ts — TitleSettings/SmartMatchResult/AiTitleResult 等类型定义 - components/GenerateHeader.tsx — 页头组件 - components/GenerateStepsBar.tsx — 步骤条组件 - components/GenerateResultPanel.tsx — 右侧生成结果面板 GeneratePage.tsx 从 3036 行 → 2682 行（-354行） 纯结构重构，业务逻辑零改动	2026-07-24 00:14:05 +08:00
xiaoxia	9a852a4a12	docs(#780): 补齐.env.example缺失的30+配置项 ... 梳理所有配置文件（shared/api/worker），完整列出全部环境变量： - 新增：数据库连接池配置（pool_size/max_overflow/timeout/recycle） - 新增：Celery broker/backend 配置 - 新增：Worker 并发/子进程数 配置 - 新增：OSS 直传大小/过期时间 配置 - 新增：豆包大模型（Doubao）配置 - 新增：CosyVoice 克隆模型配置 - 新增：渲染引擎选择（RENDER_ENGINE） - 新增：邮件投递开关 / SMTP TLS / API 端口等零散配置 - 每个配置补充用途注释和默认值说明 - 顶部增加配置读取优先级说明	2026-07-23 23:15:38 +08:00