fix(viral-video): #2041 删除「生成进度」阶段列表面板,保留轮询做状态驱动 #2111

Merged
xiaoxia merged 1 commits from fix/2041-remove-progress-panel into develop 2026-10-01 01:54:20 +08:00
Owner

背景

紧急更新:用户要求整个「3 生成进度」模块都不要(不只是删除口型同步一项)。

修改内容

1. 删除整个「生成进度」面板

  • 右列 STEP 3 不再展示圆点步骤列表(图片分析/参考视频/意图理解/文案融合/分镜/审核/配音/BGM/渲染/上传的 10~11 阶段列表整块删除)
  • 同步删除:
    • CSS:.vv-stages / .vv-stage* / .vv-stage-dot 全部清理(上传进度条 .vv-progress-bar/fill/meta/pct 保留,因为图片/参考视频上传仍需要)
    • ViralVideoPage.tsx:进度 Section、stageState 派生函数、progressPct/currentStage 相关 JSX 全部删除

2. 简化 types 与轮询逻辑

  • types.ts:删除 STAGE_DISPLAYS / STAGE_ORDER 展示映射常量;新增工具函数 isAnalysisStage(stage) 判断当前是否处于「图片/视频分析/意图解析」阶段
  • useViralVideoPolling.ts:删除阶段插值/状态映射逻辑,仅根据 isAnalysisStage(stage) 决定轮询间隔(分析阶段 2s / 渲染阶段 3s / 其余 1.5s,指数退避保留)

3. 保留轮询,用简单状态提示代替

轮询机制本身保留(仍需知道 running/wait_user_confirm/completed/failed),UI 用状态化按钮/提示条代替阶段列表:

  • 分析中:STEP 1 按钮显示 spinner + 「AI 正在分析素材中…」;STEP 3 灰底提示「请在 STEP 2 确认 AI 文案」
  • 生成中:STEP 2 确认按钮 spinner + 「生成中…」;STEP 3 紫色 disabled 按钮 + 「AI 正在生成视频中…」(无百分比)
  • 等待确认:显示黄色 AI 摘要卡 + 可编辑文案 + 确认按钮
  • 成功:右列 9:16 预览区直接展示 video
  • 失败:红色错误条 + 重试按钮

4. 问题 2(STEP1/STEP2 加按钮)保持不变

  • STEP 1「⚡ 开始分析」按钮、STEP 2 黄色卡内「🎬 确认文案并生成视频」按钮逻辑不受本次影响

验证

  • ✅ tsc / eslint / prettier / vite build 全部通过
  • ✅ 净减 131 行代码
## 背景 紧急更新:用户要求整个「3 生成进度」模块都不要(不只是删除口型同步一项)。 ## 修改内容 ### 1. 删除整个「生成进度」面板 - 右列 STEP 3 不再展示圆点步骤列表(图片分析/参考视频/意图理解/文案融合/分镜/审核/配音/BGM/渲染/上传的 10~11 阶段列表整块删除) - 同步删除: - CSS:`.vv-stages` / `.vv-stage*` / `.vv-stage-dot` 全部清理(上传进度条 `.vv-progress-bar/fill/meta/pct` 保留,因为图片/参考视频上传仍需要) - `ViralVideoPage.tsx`:进度 Section、`stageState` 派生函数、`progressPct`/`currentStage` 相关 JSX 全部删除 ### 2. 简化 types 与轮询逻辑 - `types.ts`:删除 `STAGE_DISPLAYS` / `STAGE_ORDER` 展示映射常量;新增工具函数 `isAnalysisStage(stage)` 判断当前是否处于「图片/视频分析/意图解析」阶段 - `useViralVideoPolling.ts`:删除阶段插值/状态映射逻辑,仅根据 `isAnalysisStage(stage)` 决定轮询间隔(分析阶段 2s / 渲染阶段 3s / 其余 1.5s,指数退避保留) ### 3. 保留轮询,用简单状态提示代替 轮询机制本身保留(仍需知道 running/wait_user_confirm/completed/failed),UI 用状态化按钮/提示条代替阶段列表: - **分析中**:STEP 1 按钮显示 spinner + 「AI 正在分析素材中…」;STEP 3 灰底提示「请在 STEP 2 确认 AI 文案」 - **生成中**:STEP 2 确认按钮 spinner + 「生成中…」;STEP 3 紫色 disabled 按钮 + 「AI 正在生成视频中…」(无百分比) - **等待确认**:显示黄色 AI 摘要卡 + 可编辑文案 + 确认按钮 - **成功**:右列 9:16 预览区直接展示 video - **失败**:红色错误条 + 重试按钮 ### 4. 问题 2(STEP1/STEP2 加按钮)保持不变 - STEP 1「⚡ 开始分析」按钮、STEP 2 黄色卡内「🎬 确认文案并生成视频」按钮逻辑不受本次影响 ## 验证 - ✅ tsc / eslint / prettier / vite build 全部通过 - ✅ 净减 131 行代码
xiaoxia added 1 commit 2026-10-01 01:34:06 +08:00
fix(viral-video): #2041 删除「生成进度」阶段列表面板,保留轮询做状态驱动
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 1s
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 3s
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 3m20s
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 2m20s
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 3m5s
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 4m4s
PR Automation / Auto Approve on CI Green (pull_request) Successful in 4m14s
CI/CD Pipeline / Validate - Style (pull_request) Successful in 7m54s
AI Code Review / AI Code Review (pull_request) Successful in 8m7s
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 10m37s
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 10m50s
CI/CD Pipeline / Validate - Security (pull_request) Successful in 18m51s
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 1s
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 30s
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 1m18s
2332b5ef98

🚀 预览环境已部署

项目 详情
PR号 #2111
预览链接 https://pr-2111.preview.xiaoxiajianji.com
API环境 staging

💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后,预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #2111 | | 预览链接 | [https://pr-2111.preview.xiaoxiajianji.com](https://pr-2111.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后,预览环境会自动清理。
auto-approve-bot approved these changes 2026-10-01 01:38:23 +08:00
auto-approve-bot left a comment
Collaborator

CI全绿,自动审批通过。

CI全绿,自动审批通过。
auto-approve-bot approved these changes 2026-10-01 01:38:23 +08:00
auto-approve-bot left a comment
Collaborator

CI全绿,自动审批通过。

CI全绿,自动审批通过。
xiaoxia merged commit 41fe2a96a6 into develop 2026-10-01 01:54:20 +08:00

🗑️ 预览环境已清理

PR #2111 已关闭或合并,对应的预览环境已被清理。

如有需要,可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #2111 已关闭或合并,对应的预览环境已被清理。 > 如有需要,可以重新打开 PR 来重新生成预览环境。
Sign in to join this conversation.