fix: 素材/模板变化时自动清除 previewTaskId，防止复用过期预览产物

AI Code Review 指出：用户 Step6 生成预览后若返回修改素材或模板， previewTaskId 仍保留会导致 Step7 复用过期产物。新增 useEffect：previewAssetIds 或 selectedTemplate 变化时自动 setPreviewTaskId(null)，确保 confirmGeneration 只在预览产物与当前配置一致时才被调用。
2026-08-24 15:08:10 +08:00
parent dffb642a68
commit bc18bf170e
1 changed files with 6 additions and 1 deletions
@@ -9,7 +9,7 @@
 * - 标题样式通过 CSS 层实时叠加，所见即所得
 * - 最终成片仍走后端 FFmpeg 渲染（Step7 确认生成）
 */
-import React, { useMemo } from "react"
+import React, { useMemo, useEffect } from "react"
 import { Modal, message } from "antd"
 import { useNavigate } from "react-router-dom"
 import type { VoiceClone } from "@/api/voice-clone"
@@ -101,6 +101,11 @@ const GeneratePage: React.FC = () => {
    () => (materialMode === "auto" ? smartSelectedIds : selectedMaterials),
    [materialMode, smartSelectedIds, selectedMaterials],
  )
+  // 素材或模板变化时，清除旧的 previewTaskId，防止 Step7 复用过期预览产物
+  useEffect(() => {
+    setPreviewTaskId(null)
+  }, [previewAssetIds, selectedTemplate, setPreviewTaskId])
+
  const previewAssetsEnabled = currentStep >= 4 && previewAssetIds.length > 0
  const {
    assets: previewAssets,