refactor: rewrite GenerateStepActions for 5-step flow (#1899)

This commit is contained in:
2026-09-14 20:47:05 +08:00
parent f8987dcca7
commit d446149304
@@ -1,10 +1,10 @@
/**
* GeneratePage 步骤底部操作按钮(Issue #1677 修正:固定 6 步)
* GeneratePage 步骤底部操作按钮(#1899 简化为 5 步)
*
* 步骤 1~3:上一步 / 下一步
* 步骤 4(选择标题):「✨ 确认生成视频 / 确认生成 N 个视频」→ 创建正式生成任务,成功后跳步骤5
* 步骤 5(确认生成):渲染进度页,全部完成后「下一步:选择封面」;仅上一步
* 步骤 6(选择封面):仅上一步
* 步骤 1~2:上一步 / 下一步
* 步骤 3(选择标题):「✨ 确认生成视频 / 确认生成 N 个视频」→ 创建正式生成任务,成功后跳步骤4
* 步骤 4(确认生成):渲染进度页,全部完成后「下一步:选择封面」;仅上一步
* 步骤 5(选择封面):仅上一步
*/
import React from "react"
@@ -12,7 +12,7 @@ export interface GenerateStepActionsProps {
currentStep: number
onPrev: () => void
onNext: () => void
/** 步骤4:确认生成视频(校验 + 创建渲染任务) */
/** 步骤3:确认生成视频(校验 + 创建渲染任务) */
onConfirmGenerate: () => void | Promise<void>
generating: boolean
generated: boolean
@@ -32,8 +32,8 @@ const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
selectedCount = 1,
}) => {
const renderPrimaryButton = () => {
/* 步骤 1~3:上一步 / 下一步 */
if (currentStep < 4) {
/* 步骤 1~2:上一步 / 下一步 */
if (currentStep < 3) {
return (
<button className="xx-btn xx-btn-primary" onClick={onNext}>
下一步 →
@@ -41,8 +41,8 @@ const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
)
}
/* 步骤 4:选择标题 — 确认生成 */
if (currentStep === 4) {
/* 步骤 3:选择标题 — 确认生成 */
if (currentStep === 3) {
if (generating) {
return (
<button className="xx-btn xx-btn-primary" disabled>
@@ -64,8 +64,8 @@ const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
)
}
/* 步骤 5:确认生成进度页 — 全部完成后下一步进封面 */
if (currentStep === 5) {
/* 步骤 4:确认生成进度页 — 全部完成后下一步进封面 */
if (currentStep === 4) {
if (generated) {
return (
<button className="xx-btn xx-btn-primary" onClick={onNext}>
@@ -80,7 +80,7 @@ const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
)
}
/* 步骤 6(封面,最后一步):无主按钮 */
/* 步骤 5(封面,最后一步):无主按钮 */
return null
}