fix(cover): 打通批量封面模板选择的 prop 链路 #2046

Merged

auto-approve-bot merged 1 commits from fix/batch-cover-template-props-20260925 into develop 2026-09-26 00:03:20 +08:00

Conversation 2 Commits 1 Files Changed 3

+15

xiaoxia commented 2026-09-25 23:51:33 +08:00

Owner

Copy Link

Copy Source

问题

PR#2045 为批量场景补了封面模板选择按钮和 Modal，但 onTemplateChange / selectedTemplate 两个 prop 没有从 Step6CoverSettings 往上透传到 GeneratePage，导致：

1. 用户在批量 Step6 选完模板，useBatchCovers.generateOne/generateAll 虽然用了 shared.selectedTemplateId（组件内状态），但提交生成时 useGenerateVideo 读的是 formState.selectedTemplate（仍是空/default），模板 id 不会透传到后端
2. 用户在 Step1 选过模板后进入 Step6，useSharedCover 用 initialTemplateId 初始化只在 mount 生效一次，父层 state 变化不会同步

修复

• GeneratePage.tsx：解构 setSelectedTemplate，给 GenerateStepContent 传 selectedCoverTemplate={selectedTemplate} 和 onSelectedCoverTemplateChange={setSelectedTemplate}
• GenerateStepContent.tsx：接口新增 selectedCoverTemplate?: string / onSelectedCoverTemplateChange?: (id: string) => void，解构后透传给 <Step6CoverSettings> 的 selectedTemplate / onTemplateChange
• Step6CoverSettings.tsx：新增 useEffect，父组件 selectedTemplate 变化时调用 shared.handleSelectTemplate 同步子状态，保证父→子方向的数据流

批量封面策略

当前策略是所有批量视频统一使用同一个模板（信息条已显示「当前模板：xxx」），每个视频的标题文字从 previewTitles[vi] 取各自的标题叠加在封面上；单视频独立上传封面仍支持卡片内「📤 上传」。如需每个视频独立选模板，需要后续增加 per-video 模板选择 UI。

验证

• tsc / eslint / prettier 全过
• 本地：批量模式（count=3）进入 Step6，点「⚙️ 封面模板」选「大胆红」→ 一键全部生成，apiGenerateCover(templateId,...) 的 templateId 应为所选模板 id，而非 default

关联：#2045

## 问题 PR#2045 为批量场景补了封面模板选择按钮和 Modal，但 `onTemplateChange` / `selectedTemplate` 两个 prop 没有从 `Step6CoverSettings` 往上透传到 `GeneratePage`，导致： 1. 用户在批量 Step6 选完模板，`useBatchCovers.generateOne/generateAll` 虽然用了 `shared.selectedTemplateId`（组件内状态），但提交生成时 `useGenerateVideo` 读的是 `formState.selectedTemplate`（仍是空/default），模板 id 不会透传到后端 2. 用户在 Step1 选过模板后进入 Step6，`useSharedCover` 用 `initialTemplateId` 初始化只在 mount 生效一次，父层 state 变化不会同步 ## 修复 - `GeneratePage.tsx`：解构 `setSelectedTemplate`，给 `GenerateStepContent` 传 `selectedCoverTemplate={selectedTemplate}` 和 `onSelectedCoverTemplateChange={setSelectedTemplate}` - `GenerateStepContent.tsx`：接口新增 `selectedCoverTemplate?: string` / `onSelectedCoverTemplateChange?: (id: string) => void`，解构后透传给 `<Step6CoverSettings>` 的 `selectedTemplate` / `onTemplateChange` - `Step6CoverSettings.tsx`：新增 useEffect，父组件 `selectedTemplate` 变化时调用 `shared.handleSelectTemplate` 同步子状态，保证父→子方向的数据流 ## 批量封面策略 当前策略是**所有批量视频统一使用同一个模板**（信息条已显示「当前模板：xxx」），每个视频的标题文字从 `previewTitles[vi]` 取各自的标题叠加在封面上；单视频独立上传封面仍支持卡片内「📤 上传」。如需每个视频独立选模板，需要后续增加 per-video 模板选择 UI。 ## 验证 - tsc / eslint / prettier 全过 - 本地：批量模式（count=3）进入 Step6，点「⚙️ 封面模板」选「大胆红」→ 一键全部生成，`apiGenerateCover(templateId,...)` 的 templateId 应为所选模板 id，而非 default 关联：#2045

xiaoxia added 1 commit 2026-09-25 23:51:35 +08:00

fix(cover): 打通批量封面模板选择的 prop 链路 ... d12761c442

- GeneratePage 解构 setSelectedTemplate 并传给 GenerateStepContent
- GenerateStepContent 新增 selectedCoverTemplate/onSelectedCoverTemplateChange 透传到 Step6CoverSettings
- Step6CoverSettings 加 useEffect：父组件 selectedTemplate 变化时同步 handleSelectTemplate，保证父→子同步
- 修复批量场景用户在 Step6 选模板后，提交时 templateId 仍用旧值（空串/default）的问题

gitea-actions bot commented 2026-09-25 23:53:49 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

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

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

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

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

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

auto-approve-bot merged commit 63e1889bc4 into develop 2026-09-26 00:03:20 +08:00

auto-approve-bot deleted branch fix/batch-cover-template-props-20260925 2026-09-26 00:03:23 +08:00

gitea-actions bot commented 2026-09-26 00:04:02 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #2046 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

Sign in to join this conversation.

Reviewers

No Reviewers

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

2 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#2046