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

feat(ai-avatar): 渲染进度弹窗 + 实时百分比轮询 #1839

Merged
auto-approve-bot merged 4 commits from feat/ai-avatar-render-progress into develop 2026-09-10 18:48:22 +08:00
Conversation 4 Commits 4 Files Changed 1
+160 -6
xiaoxia commented 2026-09-10 16:21:40 +08:00
Owner
Copy Link
Copy Source

改动说明

点击「开始生成视频」后，新增实时渲染进度弹窗：

功能

  • submitRender 拿到 job 后弹出 Modal
  • 每 3 秒轮询 GET /api/v1/ai-avatar/render/{job_id}
  • 显示进度百分比数字（0-100%）+ 进度条动画
  • completed → 1.5s 后自动关闭 + 成功提示
  • failed → 显示错误原因
  • 关闭窗口不影响后台任务继续执行
  • 页面卸载自动清理轮询定时器

改动文件

  • apps/web/src/pages/ai-avatar/AiAvatarPage.tsx（+152 行）

实现方式

  • 复用现有 .aa-modal-overlay / .aa-modal / .aa-lipsync-spinner 样式
  • 参考对口型弹窗模式（showLipsyncModal / lipsyncStatus）
  • 新增状态：showRenderModal / renderStatus / renderProgress / renderErrorMessage
  • 新增 renderTimerRef 管理轮询
  • API 层使用已有的 getRenderJob / cancelRenderJob

验证

  • tsc --noEmit 零错误
  • prettier 格式化通过
## 改动说明 点击「开始生成视频」后，新增实时渲染进度弹窗： ### 功能 - submitRender 拿到 job 后弹出 Modal - 每 3 秒轮询 `GET /api/v1/ai-avatar/render/{job_id}` - 显示进度百分比数字（0-100%）+ 进度条动画 - `completed` → 1.5s 后自动关闭 + 成功提示 - `failed` → 显示错误原因 - 关闭窗口不影响后台任务继续执行 - 页面卸载自动清理轮询定时器 ### 改动文件 - `apps/web/src/pages/ai-avatar/AiAvatarPage.tsx`（+152 行） ### 实现方式 - 复用现有 `.aa-modal-overlay` / `.aa-modal` / `.aa-lipsync-spinner` 样式 - 参考对口型弹窗模式（showLipsyncModal / lipsyncStatus） - 新增状态：showRenderModal / renderStatus / renderProgress / renderErrorMessage - 新增 renderTimerRef 管理轮询 - API 层使用已有的 getRenderJob / cancelRenderJob ### 验证 - `tsc --noEmit` 零错误 - prettier 格式化通过
gitea-actions bot commented 2026-09-10 16:26:34 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

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

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

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

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

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

CI全绿，自动审批通过。

CI全绿，自动审批通过。
auto-approve-bot approved these changes 2026-09-10 16:27:24 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。
xiaoxia added 4 commits 2026-09-10 18:41:32 +08:00
feat(ai-avatar): 渲染进度弹窗 + 实时百分比轮询 193647a105 
- submitRender 返回 job 后弹出进度弹窗
- 每 3s 轮询 getRenderJob(jobId) 更新 progress 百分比
- 进度条动画 + 百分比数字显示
- completed 1.5s 后自动关闭弹窗 + success 提示
- failed 显示错误信息
- 关闭窗口后任务仍在后台继续
- 页面卸载时自动清理定时器
fix(ai-avatar): 移除未使用的 cancelRenderJob import，修复 ESLint 报错 e40dede02c
feat(ai-avatar): 渲染完成后提示保存到成片库 + 查看成片跳转按钮 3c674db818 
- 渲染完成后显示'视频已保存到成片库'
- 添加'📁 查看成片'按钮，点击跳转到 /app/products
- 移除自动关闭弹窗逻辑，由用户主动关闭或跳转
chore: trigger CI rerender
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 1s
Details
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
Details
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
Details
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m21s
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m27s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m31s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 1m37s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m38s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 1m44s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m51s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 5m56s
Details
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Worker Image (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 / CI Gate (pull_request) Successful in 1s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m14s
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 4m53s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 24s
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 30s
Details
CI/CD Pipeline / Canary Release to Production (pull_request) Has been cancelled
Details
ba9a0bc4ec
xiaoxia force-pushed feat/ai-avatar-render-progress from e330e4f96b to ba9a0bc4ec 2026-09-10 18:41:32 +08:00 Compare
auto-approve-bot merged commit f40375749b into develop 2026-09-10 18:48:22 +08:00
auto-approve-bot deleted branch feat/ai-avatar-render-progress 2026-09-10 18:48:23 +08:00
gitea-actions bot commented 2026-09-10 18:48:42 +08:00
Copy Link
Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #1839 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。
Sign in to join this conversation.
Reviewers
No Reviewers
auto-approve-bot
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 frontend-dev xiaoxia
No Assignees
3 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1839
Delete Branch "feat/ai-avatar-render-progress"

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?