xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 16 Pull Requests 12 Actions 34.2k Packages Projects Releases 7 Wiki Activity

feat(digital-human): 对口型生成弹窗增加计时器 #2028

Open
xiaoxia wants to merge 1 commits from feat/lipsync-timer into develop
pull from: feat/lipsync-timer
merge into: xiaoxia:develop
Conversation 4 Commits 1 Files Changed 1
+41 -1
xiaoxia commented 2026-09-24 13:47:36 +08:00
Owner
Copy Link
Copy Source

变更说明

在AI数字人页面「对口型生成」弹窗的loading状态中新增计时器，显示已用时（MM:SS格式，每秒更新）。

实现细节

  • 使用 useState + useRef + setInterval 实现计时
  • 从弹窗打开/生成开始计时，每秒自增
  • 时间格式补零：00:00 → 00:01 → ... → 01:23
  • 取消生成或生成完成/失败时停止并重置计时器
  • 组件卸载时 clearInterval 防止内存泄漏
  • 计时器文字采用与「请勿关闭页面...」一致的灰色提示文字样式（fontSize:13, color:#8c8ca1），放在「对口型视频生成中...」下方

影响范围

  • 仅修改 AI数字人（ai-avatar）对口型生成弹窗，不影响其他页面/功能
## 变更说明 在AI数字人页面「对口型生成」弹窗的loading状态中新增计时器，显示已用时（MM:SS格式，每秒更新）。 ## 实现细节 - 使用 useState + useRef + setInterval 实现计时 - 从弹窗打开/生成开始计时，每秒自增 - 时间格式补零：00:00 → 00:01 → ... → 01:23 - 取消生成或生成完成/失败时停止并重置计时器 - 组件卸载时 clearInterval 防止内存泄漏 - 计时器文字采用与「请勿关闭页面...」一致的灰色提示文字样式（fontSize:13, color:#8c8ca1），放在「对口型视频生成中...」下方 ## 影响范围 - 仅修改 AI数字人（ai-avatar）对口型生成弹窗，不影响其他页面/功能
xiaoxia added 1 commit 2026-09-24 13:47:36 +08:00
feat(digital-human): 对口型生成弹窗增加计时器
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 2s
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 1s
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 E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m44s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m47s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m51s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m56s
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 2m26s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 3m31s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 3m36s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m43s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 8m32s
Details
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production API 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 / Canary Release to Production (pull_request) Has been skipped
Details
CI/CD Pipeline / CI Gate (pull_request) Successful in 2s
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 9m41s
Details
c0c29bb0c2 
- 对口型生成弹窗loading状态显示已用时（MM:SS格式，每秒更新）
- 使用useState+useEffect+setInterval实现计时，组件卸载时clearInterval防内存泄漏
- 取消生成或生成完成/失败时停止并重置计时器
- 样式与现有灰色提示文字风格一致
auto-approve-bot approved these changes 2026-09-24 13:49:28 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

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

CI全绿，自动审批通过。

CI全绿，自动审批通过。
gitea-actions bot commented 2026-09-24 13:49:36 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

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

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

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

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

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

Auto merge skipped after multiple 405 errors: PR may have conflicts or unresolved checks. Please review manually. This is not a CI failure.

Auto merge skipped after multiple 405 errors: PR may have conflicts or unresolved checks. Please review manually. This is not a CI failure.
Some checks are pending
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 2s
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 1s
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 E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m44s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m47s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m51s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m56s
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 2m26s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 3m31s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 3m36s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m43s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 8m32s
Details
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production API 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 / Canary Release to Production (pull_request) Has been skipped
Details
CI/CD Pipeline / CI Gate (pull_request) Successful in 2s
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 9m41s
Details
This pull request has changes conflicting with the target branch.
  • apps/web/src/pages/ai-avatar/AiAvatarPage.tsx
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin feat/lipsync-timer:feat/lipsync-timer
git checkout feat/lipsync-timer
Sign in to join this conversation.
Reviewers
No Reviewers
auto-approve-bot
Labels
Clear labels
architecture
架构设计
 backend
后端相关
 blocked
阻塞中
 bug
Bug修复
 ci-bug
CI本身的bug
 ci-optimization
CI优化类任务
 ci-pipeline
CI流水线/workflow相关
 cleanup
代码清理
 devops
运维/部署/CI
 documentation
文档相关
 feature
新功能
 frontend
前端相关
 P0
阻塞性，必须立即处理
 P1
高优先级
 P2
中优先级
 P3
低优先级/后考虑
 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#2028
Delete Branch "feat/lipsync-timer"

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?