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

/**
 * Step 6 封面设置 Hook
 * 封装封面设置的交互逻辑
 */
import { useCallback } from "react"
import type { CoverConfig } from "../../editing-planner/types"
import { COVER_MODE_LABELS, COVER_MODE_ICONS, DEFAULT_COVER_SETTINGS } from "../constants"

interface UseStep6CoverProps {
  coverSettings: CoverConfig
  onCoverSettingsChange: (settings: CoverConfig) => void
  duration: number
}

export function useStep6Cover({
  coverSettings,
  onCoverSettingsChange,
  duration,
}: UseStep6CoverProps) {
  const formatTime = useCallback((seconds: number) => {
    const m = Math.floor(seconds / 60)
    const s = Math.floor(seconds % 60)
    const ms = Math.floor((seconds % 1) * 10)
    return `${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}.${ms}`
  }, [])

  const toggleEnabled = useCallback(
    (enabled: boolean) => {
      onCoverSettingsChange({ ...coverSettings, enabled })
    },
    [coverSettings, onCoverSettingsChange],
  )

  const setMode = useCallback(
    (mode: CoverConfig["mode"]) => {
      onCoverSettingsChange({ ...coverSettings, mode })
    },
    [coverSettings, onCoverSettingsChange],
  )

  const setFrameTime = useCallback(
    (frameTime: number) => {
      onCoverSettingsChange({ ...coverSettings, frame_time: frameTime })
    },
    [coverSettings, onCoverSettingsChange],
  )

  const handleUpload = useCallback(
    (file: File) => {
      const reader = new FileReader()
      reader.onload = (ev) => {
        const url = ev.target?.result as string
        onCoverSettingsChange({
          ...coverSettings,
          upload_url: url,
          thumbnail_url: url,
          mode: "upload",
        })
      }
      reader.readAsDataURL(file)
    },
    [coverSettings, onCoverSettingsChange],
  )

  const totalDuration = duration || 30

  return {
    coverSettings,
    formatTime,
    toggleEnabled,
    setMode,
    setFrameTime,
    handleUpload,
    totalDuration,
    COVER_MODE_LABELS,
    COVER_MODE_ICONS,
    DEFAULT_COVER_SETTINGS,
  }
}

export default useStep6Cover