fix(cover): 批量生成场景支持封面模板选择与应用 #2045

Merged

xiaoxia merged 2 commits from fix/batch-cover-template-20260925 into develop 2026-09-25 23:45:20 +08:00

Conversation 4 Commits 2 Files Changed 2

+85 -25

xiaoxia commented 2026-09-25 22:53:09 +08:00

Owner

Copy Link

Copy Source

问题

批量生成多个视频（count>1）时，Step6 封面页走 isBatch 分支直接返回封面卡片网格，缺少：

1. 封面模板选择入口（CoverSettingsModal/CoverEditorModal 未渲染）
2. useBatchCovers.generateOne 硬编码 generateCover(default, ...)，即使用户想选自定义模板也不会生效

修改

Step6CoverSettings.tsx

• 批量分支顶部操作区新增「⚙️ 封面模板」和「➕ 新建模板」按钮
• 批量分支提示条显示当前选中的模板名称
• 批量分支底部渲染 CoverSettingsModal + CoverEditorModal（复用 shared hook 的状态）
• 批量场景 shared.canGenerate=false，避免误触单视频生成逻辑
• 批量上传 onChange 从直接拼 blob URL 改为调用 batchCovers.uploadOne（走素材库上传，刷新不丢）
• 补 onTemplateChange 回调 prop

useBatchCovers.ts

• 去掉 selectedTemplate 参数的 _ 前缀（之前故意不使用）
• generateOne 里 generateCover 第一个参数改用 selectedTemplate（默认 default）
• generateOne 依赖数组补 selectedTemplate

验证

• 单视频：不受影响，封面模板/自动生成/上传均正常
• 批量（count>1）：点『⚙️ 封面模板』可打开模板列表选择/新建/编辑/删除模板，选中后『一键全部自动生成』或单个『✨自动生成』会把 template_id 传给后端，按模板样式叠加标题
• tsc/eslint/prettier 全过

## 问题 批量生成多个视频（count>1）时，Step6 封面页走 isBatch 分支直接返回封面卡片网格，缺少： 1. 封面模板选择入口（CoverSettingsModal/CoverEditorModal 未渲染） 2. useBatchCovers.generateOne 硬编码 generateCover(default, ...)，即使用户想选自定义模板也不会生效 ## 修改 ### Step6CoverSettings.tsx - 批量分支顶部操作区新增「⚙️ 封面模板」和「➕ 新建模板」按钮 - 批量分支提示条显示当前选中的模板名称 - 批量分支底部渲染 CoverSettingsModal + CoverEditorModal（复用 shared hook 的状态） - 批量场景 shared.canGenerate=false，避免误触单视频生成逻辑 - 批量上传 onChange 从直接拼 blob URL 改为调用 batchCovers.uploadOne（走素材库上传，刷新不丢） - 补 onTemplateChange 回调 prop ### useBatchCovers.ts - 去掉 selectedTemplate 参数的 `_` 前缀（之前故意不使用） - generateOne 里 generateCover 第一个参数改用 selectedTemplate（默认 default） - generateOne 依赖数组补 selectedTemplate ## 验证 - 单视频：不受影响，封面模板/自动生成/上传均正常 - 批量（count>1）：点『⚙️ 封面模板』可打开模板列表选择/新建/编辑/删除模板，选中后『一键全部自动生成』或单个『✨自动生成』会把 template_id 传给后端，按模板样式叠加标题 - tsc/eslint/prettier 全过

xiaoxia added 1 commit 2026-09-25 22:53:15 +08:00

fix(cover): 批量生成场景补封面模板选择；批量生成应用所选模板 ... a2ea6cc51f

问题：批量生成（count>1）时，Step6CoverSettings 走 isBatch 分支直接 return 了卡片列表，
没有渲染封面模板选择入口；useBatchCovers.generateOne 硬编码 generateCover('default', ...)，
即使用户想选自定义模板也不生效。

修改：
1. Step6CoverSettings 批量分支：在『一键全部自动生成』按钮旁增加『⚙️ 封面模板』和『➕ 新建模板』按钮，
   并在批量分支底部渲染 CoverSettingsModal/CoverEditorModal，与单视频分支一致
2. 批量分支的提示条显示当前选中的模板名称，与单视频一致
3. 批量分支补 Modal loading 覆盖层（应用模板生成时的提示）
4. useBatchCovers：去掉 selectedTemplate 参数名的下划线前缀（之前故意不使用），
   generateOne 里 generateCover 第一个参数改用 selectedTemplate（默认 'default'），
   用户选了非默认模板时一键生成/单个生成都会应用该模板
5. generateOne 的依赖数组补 selectedTemplate
6. Step6CoverSettings 增加 onTemplateChange 回调 prop（用于父组件如需监听模板变化），
   同时 shared 的 canGenerate 在批量场景下设为 false，避免误触单视频生成逻辑
7. 批量上传 change 事件从直接拼接 blob 改为调用 batchCovers.uploadOne，走素材库上传流程
   （之前直接把 blob URL 塞 previewCovers，刷新后丢失且不入库）

gitea-actions bot commented 2026-09-25 22:55:01 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

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

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

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

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

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

xiaoxia added 1 commit 2026-09-25 23:19:05 +08:00

chore: retrigger CI 4cf2981a25

auto-approve-bot approved these changes 2026-09-25 23:20:35 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-09-25 23:20:35 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

xiaoxia merged commit c7dffb858b into develop 2026-09-25 23:45:20 +08:00

gitea-actions bot commented 2026-09-25 23:46:13 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #2045 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 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

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#2045