xiaoxia-saas/apps/web/src/pages/generate/hooks/useStep3Preview.ts

/**
 * Step 3 生成预览 Hook
 * 封装预览信息的计算逻辑
 */
import { useMemo } from "react"
import type { EditingTemplate } from "@/api/editing-planner"

interface UseStep3PreviewProps {
  templates: EditingTemplate[]
  selectedTemplate: string
  materialMode: "manual" | "auto"
  selectedMaterials: string[]
  smartSelectedIds: string[]
  duration: number
  videoRatio: string
}

export function useStep3Preview({
  templates,
  selectedTemplate,
  materialMode,
  selectedMaterials,
  smartSelectedIds,
  duration,
  videoRatio,
}: UseStep3PreviewProps) {
  const templateName = useMemo(
    () => templates.find((t) => t.id === selectedTemplate)?.name ?? "未选择",
    [templates, selectedTemplate],
  )

  const materialCount = useMemo(() => {
    if (materialMode === "auto") {
      return `${smartSelectedIds.length} 个素材（智能匹配）`
    }
    return `${selectedMaterials.length} 个素材`
  }, [materialMode, selectedMaterials.length, smartSelectedIds.length])

  return {
    templateName,
    materialCount,
    duration,
    videoRatio,
  }
}

export default useStep3Preview