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

fix(cover): 修复9个封面/流程UX问题 #2047

Merged
auto-approve-bot merged 1 commits from fix/cover-ui-issues-20260926 into develop 2026-09-26 09:25:53 +08:00
Conversation 4 Commits 1 Files Changed 8
+353 -38
xiaoxia commented 2026-09-26 09:20:08 +08:00
Owner
Copy Link
Copy Source

修复内容

  1. 去掉Step2重复的生成数量弹窗，直接用Step1设置的previewCount进入Step3（进入Step3时自动对齐previewTitles/voiceLibraryIds/previewCovers/selectedVariantIds数组长度）
  2. Step3（标题设置）右上角加醒目的「🎬 确认生成」紫色主按钮（生成中显示 loading，批量时显示数量）
  3. 修复单视频「自动生成封面」按钮点击无反应：canGenerate 增加 status 校验，generated_video_id 增加 video_id 兜底，initialTemplateId 固定为 default（封面模板与编辑模板独立）
  4. CoverSettingsModal 模板选择弹窗加宽到 860px，网格改为响应式 auto-fill minmax(200px, 1fr)，gap 16px
  5. 系统模板按钮文案改回「编辑」（tooltip 提示将另存为副本），点击仍自动清空id并加「副本」后缀走创建分支；系统模板「删除」保持禁用
  6. CoverEditorModal 整体加宽到 1150px，右侧 9:16 预览画布最小高度 600px，左右栏比例优化
  7. 封面主/副标题支持鼠标拖拽移动位置：给预览文字加 cursor:grab + onMouseDown 原生 mousemove/mouseup 监听，按画布尺寸百分比实时更新 position.x/y
  8. 主/副标题文字背景设置（剪映样式）：开关启用、形状（矩形/圆角）、颜色选择器、不透明度滑块、宽高百分比、上下偏移，预览实时渲染 RGBA 背景
  9. 封面设置完成后：useGenerateVideo 记录单视频 currentTaskId，handleFinish 用 currentTaskId 兜底 finalize，避免 finalVideo 无 generation_task_id 时跳过入库，直接跳转到 /app/products 成品页

验证

  • tsc --noEmit 通过
  • eslint 改动文件 --max-warnings=0 通过
  • prettier --write 已格式化
  • 未修改 .gitea/workflows 下任何文件
## 修复内容 1. 去掉Step2重复的生成数量弹窗，直接用Step1设置的previewCount进入Step3（进入Step3时自动对齐previewTitles/voiceLibraryIds/previewCovers/selectedVariantIds数组长度） 2. Step3（标题设置）右上角加醒目的「🎬 确认生成」紫色主按钮（生成中显示 loading，批量时显示数量） 3. 修复单视频「自动生成封面」按钮点击无反应：canGenerate 增加 status 校验，generated_video_id 增加 video_id 兜底，initialTemplateId 固定为 default（封面模板与编辑模板独立） 4. CoverSettingsModal 模板选择弹窗加宽到 860px，网格改为响应式 auto-fill minmax(200px, 1fr)，gap 16px 5. 系统模板按钮文案改回「编辑」（tooltip 提示将另存为副本），点击仍自动清空id并加「副本」后缀走创建分支；系统模板「删除」保持禁用 6. CoverEditorModal 整体加宽到 1150px，右侧 9:16 预览画布最小高度 600px，左右栏比例优化 7. 封面主/副标题支持鼠标拖拽移动位置：给预览文字加 cursor:grab + onMouseDown 原生 mousemove/mouseup 监听，按画布尺寸百分比实时更新 position.x/y 8. 主/副标题文字背景设置（剪映样式）：开关启用、形状（矩形/圆角）、颜色选择器、不透明度滑块、宽高百分比、上下偏移，预览实时渲染 RGBA 背景 9. 封面设置完成后：useGenerateVideo 记录单视频 currentTaskId，handleFinish 用 currentTaskId 兜底 finalize，避免 finalVideo 无 generation_task_id 时跳过入库，直接跳转到 /app/products 成品页 ## 验证 - tsc --noEmit 通过 - eslint 改动文件 --max-warnings=0 通过 - prettier --write 已格式化 - 未修改 .gitea/workflows 下任何文件
xiaoxia added 1 commit 2026-09-26 09:20:09 +08:00
fix(cover): 修复9个封面/流程UX问题
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
Details
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 2s
Details
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
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 / 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 / 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 Unit Tests (pull_request) Successful in 1m58s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 2m19s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 2m25s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 2m26s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 2m33s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 3m4s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 3m11s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 4m24s
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 / CI Gate (pull_request) Successful in 1s
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 / Production Browser E2E (pull_request) Has been skipped
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 3m10s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 36s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m40s
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 8m9s
Details
cc18485ca9 
1. 去掉Step2重复的生成数量弹窗，用Step1的previewCount直接进Step3
2. Step3右上角加醒目的「🎬 确认生成」主按钮
3. 修复单视频「自动生成封面」按钮点击无反应（canGenerate加status校验+id兼容）
4. CoverSettingsModal加宽到860px+响应式网格
5. 系统模板按钮文案改回「编辑」，点击仍走自动副本逻辑
6. CoverEditorModal加宽到1150px，右侧9:16预览画布放大(minHeight 600)
7. 封面主/副标题支持鼠标拖拽移动位置（原生mousedown/mousemove/mouseup）
8. 主/副标题文字背景设置（剪映样式：开关/形状/颜色/透明度/圆角/宽高/偏移）
9. 封面完成后通过currentTaskId兜底正确finalize视频，直接入库展示成品
gitea-actions bot commented 2026-09-26 09:22:28 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

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

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

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

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

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

CI全绿，自动审批通过。

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

CI全绿，自动审批通过。

CI全绿，自动审批通过。
auto-approve-bot merged commit 755b3a8eb4 into develop 2026-09-26 09:25:53 +08:00
auto-approve-bot deleted branch fix/cover-ui-issues-20260926 2026-09-26 09:25:55 +08:00
gitea-actions bot commented 2026-09-26 09:26:29 +08:00
Copy Link
Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #2047 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。
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#2047
Delete Branch "fix/cover-ui-issues-20260926"

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?