xiaoxia-saas/apps/web/src/pages/editing-planner/hooks/useEditorDrawers.ts

import { useState, useCallback } from "react"

/**
 * 编辑器 Drawer 开关管理
 * 集中管理 11 个抽屉的开关状态 + 3 个目标片段 ID + 快捷打开方法
 */
export const useEditorDrawers = () => {
  /* ── 抽屉开关 ── */
  const [bgmDrawerOpen, setBgmDrawerOpen] = useState(false)
  const [subtitleDrawerOpen, setSubtitleDrawerOpen] = useState(false)
  const [transitionDrawerOpen, setTransitionDrawerOpen] = useState(false)
  const [speedDrawerOpen, setSpeedDrawerOpen] = useState(false)
  const [ttsDrawerOpen, setTtsDrawerOpen] = useState(false)
  const [watermarkDrawerOpen, setWatermarkDrawerOpen] = useState(false)
  const [introOutroDrawerOpen, setIntroOutroDrawerOpen] = useState(false)
  const [pipDrawerOpen, setPipDrawerOpen] = useState(false)
  const [filterDrawerOpen, setFilterDrawerOpen] = useState(false)
  const [chromaKeyDrawerOpen, setChromaKeyDrawerOpen] = useState(false)
  const [stickerDrawerOpen, setStickerDrawerOpen] = useState(false)

  /* ── 目标片段 ID ── */
  /** 当前正在编辑转场的片段 ID（null = 全局默认转场） */
  const [transitionTargetClipId, setTransitionTargetClipId] = useState<string | null>(null)
  /** 当前正在调速的片段 ID */
  const [speedTargetClipId, setSpeedTargetClipId] = useState<string | null>(null)
  /** 当前正在配置 TTS 的片段 ID */
  const [ttsTargetClipId, setTtsTargetClipId] = useState<string | null>(null)

  /* ── 快捷打开 ── */
  const openTransitionDrawer = useCallback((clipId?: string) => {
    setTransitionTargetClipId(clipId ?? null)
    setTransitionDrawerOpen(true)
  }, [])

  const openSpeedDrawer = useCallback((clipId: string) => {
    setSpeedTargetClipId(clipId)
    setSpeedDrawerOpen(true)
  }, [])

  const openTtsDrawer = useCallback((clipId: string) => {
    setTtsTargetClipId(clipId)
    setTtsDrawerOpen(true)
  }, [])

  return {
    // 开关 state
    bgmDrawerOpen,
    setBgmDrawerOpen,
    subtitleDrawerOpen,
    setSubtitleDrawerOpen,
    transitionDrawerOpen,
    setTransitionDrawerOpen,
    speedDrawerOpen,
    setSpeedDrawerOpen,
    ttsDrawerOpen,
    setTtsDrawerOpen,
    watermarkDrawerOpen,
    setWatermarkDrawerOpen,
    introOutroDrawerOpen,
    setIntroOutroDrawerOpen,
    pipDrawerOpen,
    setPipDrawerOpen,
    filterDrawerOpen,
    setFilterDrawerOpen,
    chromaKeyDrawerOpen,
    setChromaKeyDrawerOpen,
    stickerDrawerOpen,
    setStickerDrawerOpen,
    // 目标 ID
    transitionTargetClipId,
    speedTargetClipId,
    ttsTargetClipId,
    // 快捷方法
    openTransitionDrawer,
    openSpeedDrawer,
    openTtsDrawer,
  }
}