xiaoxia-saas/apps/web/src/pages/generate/constants.ts

/**
 * 智能剪辑页面 — 常量定义
 */

import type { CoverConfig } from "./types/cover"

/* ── 克隆声音状态配置 ── */
export const CLONE_STATUS_CONFIG: Record<string, { label: string; color: string }> = {
  ready: { label: "就绪", color: "var(--secondary-color, #10b981)" },
  processing: { label: "克隆中", color: "var(--accent-color, #f59e0b)" },
  failed: { label: "失败", color: "var(--error-color, #ef4444)" },
}

/* ── 模板渐变色映射（根据 mode 分配视觉样式） ── */
export const MODE_GRADIENTS: Record<string, string> = {
  pip: "linear-gradient(135deg, #fbbf24, #f59e0b)",
  one_take: "linear-gradient(135deg, #3b82f6, #1d4ed8)",
  voice_over: "linear-gradient(135deg, #6366f1, #4f46e5)",
  voice_pip: "linear-gradient(135deg, #10b981, #059669)",
}

/* ── 配音性别图标 ── */
export const VOICE_GENDER_ICON: Record<string, string> = {
  female: "🎀",
  male: "🎙️",
  child: "🧒",
  neutral: "✨",
}

/* ── 步骤定义 ── */
export const STEPS = [
  { key: 1, label: "选择模板" },
  { key: 2, label: "选择素材" },
  { key: 3, label: "选择配音" },
  { key: 4, label: "选择标题" },
  { key: 5, label: "确认生成" },
  { key: 6, label: "选择封面" },
]

/* ── 批量生成限制 ── */
export const MAX_PREVIEW_COUNT = 10
export const MIN_PREVIEW_COUNT = 1

/* ── 标题位置选项 ── */
export const POSITION_OPTIONS = [
  { value: "top", label: "顶部" },
  { value: "center", label: "居中" },
  { value: "bottom", label: "底部" },
  { value: "custom", label: "自定义" },
]

/* ── 标题字体选项 ── */
export const FONT_OPTIONS = [
  "思源黑体",
  "思源宋体",
  "苹方",
  "PingFang",
  "微软雅黑",
  "楷体",
  "华康俪金黑",
]

/* ── 标题字体 CSS font-family 映射（中文显示名 → 浏览器可识别的字体栈） ── */
export const FONT_FAMILY_MAP: Record<string, string> = {
  思源黑体: '"Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif',
  思源宋体: '"Source Han Serif SC", "Noto Serif SC", "Songti SC", "SimSun", serif',
  苹方: '"PingFang SC", -apple-system, "Helvetica Neue", sans-serif',
  PingFang: '"PingFang SC", -apple-system, "Helvetica Neue", sans-serif',
  微软雅黑: '"Microsoft YaHei", "PingFang SC", sans-serif',
  楷体: '"KaiTi", "STKaiti", "DFKai-SB", serif',
  华康俪金黑: '"华康俪金黑", "DFLiJinHei-W8", "Source Han Sans SC", "Microsoft YaHei", sans-serif',
}

export function getFontFamily(font: string): string {
  return FONT_FAMILY_MAP[font] || FONT_FAMILY_MAP["思源黑体"]
}

/* ── 标题样式预设 ── */
export const TITLE_PRESETS = [
  {
    key: "classic_white",
    label: "经典白字",
    style: { size: 28, color: "#ffffff", bold: true, italic: false, stroke: true, shadow: false },
    previewStyle: {
      color: "#ffffff",
      _strokeColor: "#000000",
      _strokeWidth: 2,
      fontWeight: 700,
      fontSize: "32px",
    },
  },
  {
    key: "black_gold",
    label: "黑金质感",
    style: { size: 32, color: "#d4a843", bold: true, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#d4a843",
      fontWeight: 700,
      fontSize: "32px",
      textShadow: "1px 1px 3px rgba(0,0,0,0.8)",
    },
  },
  {
    key: "fresh_minimal",
    label: "清新简约",
    style: { size: 24, color: "#333333", bold: false, italic: false, stroke: false, shadow: false },
    previewStyle: {
      color: "#e8e8e8",
      fontWeight: 400,
      fontSize: "32px",
    },
  },
  {
    key: "variety_show",
    label: "综艺花字",
    style: { size: 36, color: "#ff4081", bold: true, italic: false, stroke: true, shadow: true },
    previewStyle: {
      color: "#ff4081",
      _strokeColor: "#ffffff",
      _strokeWidth: 2,
      fontWeight: 900,
      fontSize: "32px",
      textShadow: "2px 2px 4px rgba(0,0,0,0.5)",
    },
  },
  {
    key: "business",
    label: "商务极简",
    style: { size: 24, color: "#1a1a1a", bold: false, italic: false, stroke: false, shadow: false },
    previewStyle: {
      color: "#e0e0e0",
      fontWeight: 400,
      fontSize: "32px",
    },
  },
  {
    key: "retro_film",
    label: "复古胶片",
    style: { size: 28, color: "#e8d5b7", bold: false, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#e8d5b7",
      fontWeight: 400,
      fontSize: "32px",
      textShadow: "2px 2px 6px rgba(0,0,0,0.7)",
    },
  },
  {
    key: "neon_glow",
    label: "霓虹发光",
    style: { size: 32, color: "#00e5ff", bold: true, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#00e5ff",
      fontWeight: 700,
      fontSize: "32px",
      textShadow: "0 0 4px #00e5ff, 0 0 8px #00e5ff, 0 0 16px rgba(0,229,255,0.5)",
    },
  },
  {
    key: "handwriting",
    label: "手写字",
    style: { size: 28, color: "#333333", bold: false, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#e0e0e0",
      fontWeight: 400,
      fontSize: "32px",
      textShadow: "1px 1px 2px rgba(0,0,0,0.3)",
    },
  },
  {
    key: "outline_yellow",
    label: "黄色描边",
    style: { size: 28, color: "#ffd54f", bold: true, italic: false, stroke: true, shadow: false },
    previewStyle: {
      color: "#ffd54f",
      _strokeColor: "#000000",
      _strokeWidth: 2,
      fontWeight: 700,
      fontSize: "32px",
    },
  },
  {
    key: "outline_pink",
    label: "粉色描边",
    style: { size: 28, color: "#ff80ab", bold: true, italic: false, stroke: true, shadow: false },
    previewStyle: {
      color: "#ff80ab",
      _strokeColor: "#000000",
      _strokeWidth: 2,
      fontWeight: 700,
      fontSize: "32px",
    },
  },
  {
    key: "outline_blue",
    label: "蓝色描边",
    style: { size: 28, color: "#82b1ff", bold: true, italic: false, stroke: true, shadow: false },
    previewStyle: {
      color: "#82b1ff",
      _strokeColor: "#000000",
      _strokeWidth: 2,
      fontWeight: 700,
      fontSize: "32px",
    },
  },
  {
    key: "outline_green",
    label: "绿色描边",
    style: { size: 28, color: "#69f0ae", bold: true, italic: false, stroke: true, shadow: false },
    previewStyle: {
      color: "#69f0ae",
      _strokeColor: "#000000",
      _strokeWidth: 2,
      fontWeight: 700,
      fontSize: "32px",
    },
  },
  {
    key: "outline_gray",
    label: "灰色描边",
    style: { size: 28, color: "#bdbdbd", bold: true, italic: false, stroke: true, shadow: false },
    previewStyle: {
      color: "#bdbdbd",
      _strokeColor: "#000000",
      _strokeWidth: 2,
      fontWeight: 700,
      fontSize: "32px",
    },
  },
  {
    key: "bg_white",
    label: "白底黑字",
    style: { size: 28, color: "#1a1a1a", bold: true, italic: false, stroke: false, shadow: false },
    previewStyle: {
      color: "#1a1a1a",
      fontWeight: 700,
      fontSize: "32px",
      background: "#ffffff",
      borderRadius: "4px",
      padding: "2px 6px",
    },
  },
  {
    key: "bg_yellow",
    label: "黄底黑字",
    style: { size: 28, color: "#1a1a1a", bold: true, italic: false, stroke: false, shadow: false },
    previewStyle: {
      color: "#1a1a1a",
      fontWeight: 700,
      fontSize: "32px",
      background: "#ffd54f",
      borderRadius: "4px",
      padding: "2px 6px",
    },
  },
  {
    key: "bg_pink",
    label: "粉底黑字",
    style: { size: 28, color: "#1a1a1a", bold: true, italic: false, stroke: false, shadow: false },
    previewStyle: {
      color: "#1a1a1a",
      fontWeight: 700,
      fontSize: "32px",
      background: "#ff80ab",
      borderRadius: "4px",
      padding: "2px 6px",
    },
  },
  {
    key: "bg_red",
    label: "红底白字",
    style: { size: 28, color: "#ffffff", bold: true, italic: false, stroke: false, shadow: false },
    previewStyle: {
      color: "#ffffff",
      fontWeight: 700,
      fontSize: "32px",
      background: "#ef5350",
      borderRadius: "4px",
      padding: "2px 6px",
    },
  },
  {
    key: "neon_orange",
    label: "橙色发光",
    style: { size: 32, color: "#ff9100", bold: true, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#ff9100",
      fontWeight: 700,
      fontSize: "32px",
      textShadow: "0 0 4px #ff9100, 0 0 8px #ff9100, 0 0 16px rgba(255,145,0,0.5)",
    },
  },
  {
    key: "neon_purple",
    label: "紫色发光",
    style: { size: 32, color: "#d500f9", bold: true, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#d500f9",
      fontWeight: 700,
      fontSize: "32px",
      textShadow: "0 0 4px #d500f9, 0 0 8px #d500f9, 0 0 16px rgba(213,0,249,0.5)",
    },
  },
  {
    key: "bordered_white",
    label: "白字绿框",
    style: { size: 28, color: "#ffffff", bold: true, italic: false, stroke: false, shadow: false },
    previewStyle: {
      color: "#ffffff",
      fontWeight: 700,
      fontSize: "32px",
      background: "#1a1a1a",
      border: "2px solid #69f0ae",
      borderRadius: "4px",
      padding: "2px 6px",
    },
  },
  {
    key: "gradient_warm",
    label: "暖色渐变",
    style: { size: 32, color: "#ff6d00", bold: true, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#ff6d00",
      fontWeight: 700,
      fontSize: "32px",
      textShadow: "0 0 6px rgba(255,109,0,0.6), 1px 1px 2px rgba(0,0,0,0.5)",
    },
  },
  {
    key: "gradient_cool",
    label: "冷色渐变",
    style: { size: 32, color: "#00b0ff", bold: true, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#00b0ff",
      fontWeight: 700,
      fontSize: "32px",
      textShadow: "0 0 6px rgba(0,176,255,0.6), 1px 1px 2px rgba(0,0,0,0.5)",
    },
  },
  {
    key: "shadow_deep",
    label: "深影白字",
    style: { size: 28, color: "#ffffff", bold: true, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#ffffff",
      fontWeight: 700,
      fontSize: "32px",
      textShadow: "2px 2px 4px rgba(0,0,0,0.8), 0 0 8px rgba(0,0,0,0.4)",
    },
  },
  {
    key: "soft_gold",
    label: "柔光金",
    style: { size: 28, color: "#ffd54f", bold: true, italic: false, stroke: false, shadow: true },
    previewStyle: {
      color: "#ffd54f",
      fontWeight: 700,
      fontSize: "32px",
      textShadow: "0 0 6px rgba(255,213,79,0.5), 1px 1px 2px rgba(0,0,0,0.4)",
    },
  },
]

/* ── 封面模式 ── */
export const COVER_MODE_LABELS: Record<string, string> = {
  auto: "智能封面",
  frame: "抽帧选封面",
  upload: "上传封面",
}

export const COVER_MODE_ICONS: Record<string, string> = {
  auto: "🤖",
  frame: "🎞️",
  upload: "📤",
}

/* ── 智能匹配推荐理由 ── */
export const SMART_MATCH_REASONS = [
  "画面清晰度高，构图专业",
  "与描述场景高度契合",
  "时长适中，适合剪辑节奏",
  "色彩风格统一",
  "包含关键动作镜头",
  "镜头运动流畅自然",
  "光影效果出色",
  "人物表情生动",
]

/* ── AI 标题模板 ── */
export const AI_TITLE_TEMPLATES: Record<string, string[]> = {
  catchy: [
    "震惊！{topic}居然还能这样操作",
    "99%的人都不知道的{topic}秘诀",
    "{topic}的终极指南，看完直接封神",
    "别再走弯路了！{topic}看这一篇就够",
    "一个视频讲透{topic}，建议收藏",
  ],
  emotional: [
    "致每一个在{topic}路上坚持的人",
    "关于{topic}，我想说句真心话",
    "{topic}背后的故事，看完沉默了",
    "为什么我劝你一定要了解{topic}",
    "这才是{topic}最动人的样子",
  ],
  informative: [
    "{topic}完整科普：从入门到精通",
    "深度解析{topic}的核心原理",
    "{topic}行业趋势报告｜2026最新版",
    "三分钟带你全面了解{topic}",
    "{topic}常见问题与解决方案汇总",
  ],
}

/* ── 默认封面设置 ── */
export const DEFAULT_COVER_SETTINGS: CoverConfig = {
  enabled: true,
  mode: "auto",
  frame_time: 0,
  upload_url: "",
  ai_suggested_time: null,
  thumbnail_url: "",
}