@robot-admin/naive-ui-components 0.10.2 → 0.11.0

package/dist/C_VideoPlayer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_VideoPlayer.js","names":["Events","Events","Events","Events","visible","text","tracks","activeLanguage","$emit","chapters","currentChapter","currentIndex","$emit","bookmarks","$emit","quiz","showResult","isCorrect","$emit","visible","text"],"sources":["../src/components/C_VideoPlayer/constants.ts","../src/components/C_VideoPlayer/composables/usePlayerCore.ts","../src/components/C_VideoPlayer/composables/usePlaybackControl.ts","../src/components/C_VideoPlayer/composables/useProgressTracker.ts","../src/components/C_VideoPlayer/composables/useQualitySwitch.ts","../src/components/C_VideoPlayer/composables/useChapters.ts","../src/components/C_VideoPlayer/composables/useBookmarks.ts","../src/components/C_VideoPlayer/composables/useAntiCheat.ts","../src/components/C_VideoPlayer/composables/useSubtitle.ts","../src/components/C_VideoPlayer/composables/useQuiz.ts","../src/components/C_VideoPlayer/composables/useMiniPlayer.ts","../src/components/C_VideoPlayer/composables/useKeyboard.ts","../src/components/C_VideoPlayer/plugins/analytics-reporter.ts","../src/components/C_VideoPlayer/components/ControlBar.vue","../src/components/C_VideoPlayer/components/ControlBar.vue","../src/components/C_VideoPlayer/components/SubtitleOverlay.vue","../src/components/C_VideoPlayer/components/SubtitleOverlay.vue","../src/components/C_VideoPlayer/components/ChapterMarkers.vue","../src/components/C_VideoPlayer/components/ChapterMarkers.vue","../src/components/C_VideoPlayer/components/BookmarkPanel.vue","../src/components/C_VideoPlayer/components/BookmarkPanel.vue","../src/components/C_VideoPlayer/components/QuizOverlay.vue","../src/components/C_VideoPlayer/components/QuizOverlay.vue","../src/components/C_VideoPlayer/components/WatermarkOverlay.vue","../src/components/C_VideoPlayer/components/WatermarkOverlay.vue","../src/components/C_VideoPlayer/index.vue","../src/components/C_VideoPlayer/index.vue"],"sourcesContent":["/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 视频播放器组件 - 常量配置\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport type { PlaybackRate, QualityLevel, VideoSourceType } from \"./types\";\r\n\r\n/** 默认播放倍速列表 */\r\nexport const DEFAULT_PLAYBACK_RATES: PlaybackRate[] = [\r\n  0.5, 0.75, 1.0, 1.25, 1.5, 2.0, 3.0,\r\n];\r\n\r\n/** 默认播放倍速 */\r\nexport const DEFAULT_PLAYBACK_RATE: PlaybackRate = 1.0;\r\n\r\n/** 默认音量 */\r\nexport const DEFAULT_VOLUME = 0.75;\r\n\r\n/** 心跳上报间隔（毫秒） */\r\nexport const DEFAULT_HEARTBEAT_INTERVAL = 30_000;\r\n\r\n/** 进度上报节流间隔（毫秒） */\r\nexport const PROGRESS_THROTTLE_INTERVAL = 5_000;\r\n\r\n/** 清晰度标签映射 */\r\nexport const QUALITY_LABEL_MAP: Record<QualityLevel, string> = {\r\n  \"360p\": \"流畅 360P\",\r\n  \"480p\": \"标清 480P\",\r\n  \"720p\": \"高清 720P\",\r\n  \"1080p\": \"超清 1080P\",\r\n  \"1440p\": \"2K 1440P\",\r\n  \"4K\": \"4K 超高清\",\r\n};\r\n\r\n/** 视频源文件扩展名与类型映射 */\r\nexport const SOURCE_TYPE_MAP: Record<string, VideoSourceType> = {\r\n  \".mp4\": \"mp4\",\r\n  \".m3u8\": \"hls\",\r\n  \".mpd\": \"dash\",\r\n  \".flv\": \"flv\",\r\n};\r\n\r\n/** 快捷键映射描述 */\r\nexport const KEYBOARD_SHORTCUTS = {\r\n  SPACE: \"播放/暂停\",\r\n  ARROW_LEFT: \"快退 5 秒\",\r\n  ARROW_RIGHT: \"快进 5 秒\",\r\n  ARROW_UP: \"音量增加 10%\",\r\n  ARROW_DOWN: \"音量减少 10%\",\r\n  F: \"全屏/退出全屏\",\r\n  M: \"静音/取消静音\",\r\n  ESC: \"退出全屏\",\r\n} as const;\r\n\r\n/** 快进/快退步长（秒） */\r\nexport const SEEK_STEP = 5;\r\n\r\n/** 音量调节步长 */\r\nexport const VOLUME_STEP = 0.1;\r\n\r\n/** localStorage 存储键前缀 */\r\nexport const STORAGE_PREFIX = \"c_video_player_\";\r\n\r\n/** 存储键 */\r\nexport const STORAGE_KEYS = {\r\n  /** 音量 */\r\n  VOLUME: `${STORAGE_PREFIX}volume`,\r\n  /** 倍速 */\r\n  PLAYBACK_RATE: `${STORAGE_PREFIX}playback_rate`,\r\n  /** 播放进度前缀（后接视频标识） */\r\n  PROGRESS: `${STORAGE_PREFIX}progress_`,\r\n  /** 书签前缀（后接视频标识） */\r\n  BOOKMARKS: `${STORAGE_PREFIX}bookmarks_`,\r\n} as const;\r\n\r\n/** 水印默认样式 */\r\nexport const WATERMARK_DEFAULT_STYLE = {\r\n  fontSize: 14,\r\n  color: \"rgba(150, 150, 150, 0.15)\",\r\n  rotate: -25,\r\n  gap: 120,\r\n} as const;\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 播放器核心逻辑 - 初始化 / 销毁 / 状态管理\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, shallowRef, onBeforeUnmount, type Ref } from \"vue\";\r\nimport { Events } from \"xgplayer\";\r\nimport \"xgplayer/dist/index.min.css\";\r\nimport { DEFAULT_VOLUME, SOURCE_TYPE_MAP } from \"../constants\";\r\nimport type {\r\n  PlayerInstance,\r\n  PlayerState,\r\n  VideoPlayerProps,\r\n  IPlayerOptions,\r\n  VideoSourceType,\r\n} from \"../types\";\r\n\r\n/** 根据 URL 推断视频源类型 */\r\nfunction detectSourceType(url: string): VideoSourceType {\r\n  try {\r\n    const { pathname } = new URL(url, location.href);\r\n    const ext = pathname.slice(pathname.lastIndexOf(\".\")).toLowerCase();\r\n    return SOURCE_TYPE_MAP[ext] ?? \"mp4\";\r\n  } catch {\r\n    return \"mp4\";\r\n  }\r\n}\r\n\r\n/**\r\n * 播放器核心 composable\r\n * - 管理 xgplayer 实例的创建 & 销毁\r\n * - 暴露播放器状态、引用\r\n */\r\nexport function usePlayerCore(props: VideoPlayerProps) {\r\n  /** 播放器 DOM 容器 */\r\n  const containerRef: Ref<HTMLElement | null> = ref(null);\r\n\r\n  /** xgplayer 实例（使用 shallowRef 避免深度响应） */\r\n  const playerRef = shallowRef<PlayerInstance | null>(null);\r\n\r\n  /** 播放器当前状态 */\r\n  const playerState = ref<PlayerState>(\"idle\");\r\n\r\n  /** 当前播放时间 */\r\n  const currentTime = ref(0);\r\n\r\n  /** 视频总时长 */\r\n  const duration = ref(0);\r\n\r\n  /** 是否全屏 */\r\n  const isFullscreen = ref(false);\r\n\r\n  /** 构建播放器核心容器配置 */\r\n  function buildCoreConfig(): IPlayerOptions {\r\n    return {\r\n      el: containerRef.value!,\r\n      url: props.url,\r\n      width: props.width ?? \"100%\",\r\n      height: props.height ?? \"100%\",\r\n      fluid: props.fluid !== false,\r\n      fitVideoSize: \"fixWidth\" as const,\r\n      poster: props.poster ?? \"\",\r\n      playsinline: true,\r\n      videoAttributes: { crossOrigin: \"anonymous\" },\r\n      lang: props.lang ?? \"zh-cn\",\r\n      inactive: 3000,\r\n    };\r\n  }\r\n\r\n  /** 构建播放行为配置 */\r\n  function buildPlaybackConfig(): Partial<IPlayerOptions> {\r\n    return {\r\n      autoplay: props.autoplay ?? false,\r\n      autoplayMuted: props.autoplayMuted ?? false,\r\n      loop: props.loop ?? false,\r\n      volume: props.volume ?? DEFAULT_VOLUME,\r\n      startTime: props.startTime ?? 0,\r\n      defaultPlaybackRate: props.defaultPlaybackRate ?? 1,\r\n      playbackRate: props.playbackRates\r\n        ? { list: props.playbackRates.map((r) => r) }\r\n        : true,\r\n    };\r\n  }\r\n\r\n  /** 构建功能开关配置 */\r\n  function buildFeatureConfig(): Partial<IPlayerOptions> {\r\n    return {\r\n      pip: props.pip !== false,\r\n      screenShot: props.screenshot ?? false,\r\n      mini: props.miniPlayer ?? false,\r\n      fullscreen: props.fullscreen !== false,\r\n      cssFullscreen: props.cssFullscreen !== false,\r\n      keyShortcut: props.keyboard !== false,\r\n    };\r\n  }\r\n\r\n  /** 构建扩展配置（缩略图、清晰度等） */\r\n  function applyExtendedConfig(config: IPlayerOptions): void {\r\n    if (props.thumbnail) {\r\n      config.thumbnail = {\r\n        urls: props.thumbnail.urls,\r\n        pic_num: props.thumbnail.picNum,\r\n        col: props.thumbnail.col,\r\n        row: props.thumbnail.row,\r\n        width: props.thumbnail.width,\r\n        height: props.thumbnail.height,\r\n      };\r\n    }\r\n\r\n    if (props.qualityList?.length) {\r\n      config.definition = {\r\n        list: props.qualityList.map((q) => ({\r\n          url: q.url,\r\n          definition: q.label,\r\n          text: { zh: q.label, en: q.label },\r\n          bitrate: q.bitrate,\r\n        })),\r\n        defaultDefinition: props.defaultQuality ?? props.qualityList[0].label,\r\n      };\r\n    }\r\n\r\n    if (props.playerOptions) {\r\n      Object.assign(config, props.playerOptions);\r\n    }\r\n  }\r\n\r\n  /** 构建完整 xgplayer 配置 */\r\n  function buildConfig(): IPlayerOptions {\r\n    const sourceType = props.sourceType ?? detectSourceType(props.url);\r\n    const config: IPlayerOptions = {\r\n      ...buildCoreConfig(),\r\n      ...buildPlaybackConfig(),\r\n      ...buildFeatureConfig(),\r\n    };\r\n    applyExtendedConfig(config);\r\n    (config as Record<string, unknown>).__sourceType = sourceType;\r\n    return config;\r\n  }\r\n\r\n  /** 初始化播放器 */\r\n  async function initPlayer() {\r\n    if (!containerRef.value) return;\r\n\r\n    playerState.value = \"loading\";\r\n\r\n    const config = buildConfig();\r\n    const sourceType = (config as Record<string, unknown>)\r\n      .__sourceType as VideoSourceType;\r\n    delete (config as Record<string, unknown>).__sourceType;\r\n\r\n    let PlayerConstructor: typeof import(\"xgplayer\").default;\r\n\r\n    /* 根据源类型动态加载对应的播放器 */\r\n    if (sourceType === \"hls\") {\r\n      const { default: HlsPlayer } = await import(\"xgplayer-hls\");\r\n      PlayerConstructor =\r\n        HlsPlayer as unknown as typeof import(\"xgplayer\").default;\r\n    } else {\r\n      const { default: PresetPlayer } = await import(\"xgplayer\");\r\n      PlayerConstructor = PresetPlayer;\r\n    }\r\n\r\n    const player = new PlayerConstructor(config);\r\n    playerRef.value = player;\r\n\r\n    /* 绑定事件 */\r\n    player.on(Events.READY, () => {\r\n      playerState.value = \"ready\";\r\n    });\r\n\r\n    player.on(Events.PLAY, () => {\r\n      playerState.value = \"playing\";\r\n    });\r\n\r\n    player.on(Events.PAUSE, () => {\r\n      playerState.value = \"paused\";\r\n    });\r\n\r\n    player.on(Events.ENDED, () => {\r\n      playerState.value = \"ended\";\r\n    });\r\n\r\n    player.on(Events.ERROR, () => {\r\n      playerState.value = \"error\";\r\n    });\r\n\r\n    player.on(Events.TIME_UPDATE, () => {\r\n      currentTime.value = player.currentTime ?? 0;\r\n      duration.value = player.duration ?? 0;\r\n    });\r\n\r\n    player.on(Events.DURATION_CHANGE, () => {\r\n      duration.value = player.duration ?? 0;\r\n    });\r\n\r\n    player.on(Events.FULLSCREEN_CHANGE, (isFS: boolean) => {\r\n      isFullscreen.value = isFS;\r\n    });\r\n  }\r\n\r\n  /** 销毁播放器 */\r\n  function destroyPlayer() {\r\n    const player = playerRef.value;\r\n    if (player) {\r\n      player.destroy();\r\n      playerRef.value = null;\r\n    }\r\n    playerState.value = \"idle\";\r\n    currentTime.value = 0;\r\n    duration.value = 0;\r\n  }\r\n\r\n  onBeforeUnmount(() => {\r\n    destroyPlayer();\r\n  });\r\n\r\n  return {\r\n    containerRef,\r\n    playerRef,\r\n    playerState,\r\n    currentTime,\r\n    duration,\r\n    isFullscreen,\r\n    initPlayer,\r\n    destroyPlayer,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 播放控制 - 播放/暂停/倍速/音量/跳转\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, watch, type ShallowRef } from \"vue\";\r\nimport { STORAGE_KEYS } from \"../constants\";\r\nimport type { PlayerInstance } from \"../types\";\r\n\r\n/**\r\n * 播放控制 composable\r\n * - 播放 / 暂停 / 跳转\r\n * - 音量调节（本地持久化）\r\n * - 倍速调节（本地持久化）\r\n */\r\nexport function usePlaybackControl(\r\n  playerRef: ShallowRef<PlayerInstance | null>,\r\n) {\r\n  const volume = ref(_getStoredVolume());\r\n  const playbackRate = ref(_getStoredRate());\r\n  const isMuted = ref(false);\r\n\r\n  /** 播放 */\r\n  function play() {\r\n    playerRef.value?.play();\r\n  }\r\n\r\n  /** 暂停 */\r\n  function pause() {\r\n    playerRef.value?.pause();\r\n  }\r\n\r\n  /** 切换播放/暂停 */\r\n  function togglePlay() {\r\n    const player = playerRef.value;\r\n    if (!player) return;\r\n    if (player.paused) {\r\n      player.play();\r\n    } else {\r\n      player.pause();\r\n    }\r\n  }\r\n\r\n  /** 跳转到指定时间（秒） */\r\n  function seek(time: number) {\r\n    const player = playerRef.value;\r\n    if (!player) return;\r\n    const safeTime = Math.max(0, Math.min(time, player.duration ?? 0));\r\n    player.currentTime = safeTime;\r\n  }\r\n\r\n  /** 设置音量 0-1 */\r\n  function setVolume(val: number) {\r\n    const player = playerRef.value;\r\n    if (!player) return;\r\n    const safeVolume = Math.max(0, Math.min(1, val));\r\n    player.volume = safeVolume;\r\n    volume.value = safeVolume;\r\n    isMuted.value = safeVolume === 0;\r\n    localStorage.setItem(STORAGE_KEYS.VOLUME, String(safeVolume));\r\n  }\r\n\r\n  /** 切换静音 */\r\n  function toggleMute() {\r\n    const player = playerRef.value;\r\n    if (!player) return;\r\n    if (isMuted.value) {\r\n      const restored = volume.value > 0 ? volume.value : 0.5;\r\n      setVolume(restored);\r\n    } else {\r\n      player.volume = 0;\r\n      isMuted.value = true;\r\n    }\r\n  }\r\n\r\n  /** 设置倍速 */\r\n  function setPlaybackRate(rate: number) {\r\n    const player = playerRef.value;\r\n    if (!player) return;\r\n    player.playbackRate = rate;\r\n    playbackRate.value = rate;\r\n    localStorage.setItem(STORAGE_KEYS.PLAYBACK_RATE, String(rate));\r\n  }\r\n\r\n  /** 同步播放器实例的初始状态 */\r\n  function syncInitialState() {\r\n    const player = playerRef.value;\r\n    if (!player) return;\r\n    player.volume = volume.value;\r\n    player.playbackRate = playbackRate.value;\r\n    isMuted.value = volume.value === 0;\r\n  }\r\n\r\n  /** 监听播放器实例变化，自动同步状态 */\r\n  watch(playerRef, (player) => {\r\n    if (player) syncInitialState();\r\n  });\r\n\r\n  return {\r\n    volume,\r\n    playbackRate,\r\n    isMuted,\r\n    play,\r\n    pause,\r\n    togglePlay,\r\n    seek,\r\n    setVolume,\r\n    toggleMute,\r\n    setPlaybackRate,\r\n  };\r\n}\r\n\r\n/* ======================== 内部工具函数 ======================== */\r\n\r\n/** 从 localStorage 读取已存储的音量 */\r\nfunction _getStoredVolume(): number {\r\n  const stored = localStorage.getItem(STORAGE_KEYS.VOLUME);\r\n  if (stored !== null) {\r\n    const val = parseFloat(stored);\r\n    if (!isNaN(val) && val >= 0 && val <= 1) return val;\r\n  }\r\n  return 0.75;\r\n}\r\n\r\n/** 从 localStorage 读取已存储的倍速 */\r\nfunction _getStoredRate(): number {\r\n  const stored = localStorage.getItem(STORAGE_KEYS.PLAYBACK_RATE);\r\n  if (stored !== null) {\r\n    const val = parseFloat(stored);\r\n    if (!isNaN(val) && val > 0) return val;\r\n  }\r\n  return 1.0;\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 学习进度追踪 & 心跳上报\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, watch, onBeforeUnmount, type Ref, type ShallowRef } from \"vue\";\r\nimport {\r\n  DEFAULT_HEARTBEAT_INTERVAL,\r\n  PROGRESS_THROTTLE_INTERVAL,\r\n  STORAGE_KEYS,\r\n} from \"../constants\";\r\nimport type {\r\n  PlayerInstance,\r\n  ProgressData,\r\n  ProgressReporter,\r\n  AntiCheatConfig,\r\n} from \"../types\";\r\n\r\n/**\r\n * 学习进度追踪 composable\r\n * - 精确记录已观看时长（排除暂停和拖动时间）\r\n * - 节流上报进度\r\n * - 心跳上报\r\n * - 页面关闭时使用 sendBeacon 兜底上报\r\n * - 断点续播 localStorage 存储\r\n */\r\nexport function useProgressTracker(\r\n  playerRef: ShallowRef<PlayerInstance | null>,\r\n  currentTime: Ref<number>,\r\n  duration: Ref<number>,\r\n  url: Ref<string>,\r\n  onProgress?: ProgressReporter,\r\n  antiCheat?: AntiCheatConfig,\r\n) {\r\n  /** 累计实际观看时长（秒） */\r\n  const watchedDuration = ref(0);\r\n\r\n  /** 完成百分比 */\r\n  const completionPercent = ref(0);\r\n\r\n  /** 上次记录时间 */\r\n  let lastRecordTime = 0;\r\n\r\n  /** 是否正在播放 */\r\n  let isPlaying = false;\r\n\r\n  /** 心跳定时器 */\r\n  let heartbeatTimer: ReturnType<typeof setInterval> | null = null;\r\n\r\n  /** 进度节流定时器 */\r\n  let throttleTimer: ReturnType<typeof setInterval> | null = null;\r\n\r\n  /** 视频标识（用于 localStorage key） */\r\n  function getVideoKey(): string {\r\n    return STORAGE_KEYS.PROGRESS + encodeURIComponent(url.value);\r\n  }\r\n\r\n  /** 恢复进度 */\r\n  function restoreProgress(): number {\r\n    try {\r\n      const stored = localStorage.getItem(getVideoKey());\r\n      if (stored) {\r\n        const data: ProgressData = JSON.parse(stored);\r\n        watchedDuration.value = data.watchedDuration ?? 0;\r\n        completionPercent.value = data.completionPercent ?? 0;\r\n        return data.currentTime ?? 0;\r\n      }\r\n    } catch {\r\n      /* 忽略解析失败 */\r\n    }\r\n    return 0;\r\n  }\r\n\r\n  /** 获取当前进度数据 */\r\n  function getProgressData(): ProgressData {\r\n    return {\r\n      currentTime: currentTime.value,\r\n      duration: duration.value,\r\n      watchedDuration: watchedDuration.value,\r\n      completionPercent: completionPercent.value,\r\n      updatedAt: Date.now(),\r\n    };\r\n  }\r\n\r\n  /** 保存进度到 localStorage */\r\n  function saveProgress() {\r\n    try {\r\n      localStorage.setItem(getVideoKey(), JSON.stringify(getProgressData()));\r\n    } catch {\r\n      /* localStorage 可能已满，忽略 */\r\n    }\r\n  }\r\n\r\n  /** 上报进度（节流） */\r\n  function reportProgress() {\r\n    const data = getProgressData();\r\n    onProgress?.(data);\r\n    saveProgress();\r\n  }\r\n\r\n  /** 计算观看时长 */\r\n  function updateWatchedDuration() {\r\n    if (!isPlaying) return;\r\n    const now = performance.now();\r\n    if (lastRecordTime > 0) {\r\n      const delta = (now - lastRecordTime) / 1000;\r\n      /* 防止异常值（如浏览器后台导致的大跳跃） */\r\n      if (delta > 0 && delta < 5) {\r\n        watchedDuration.value += delta;\r\n      }\r\n    }\r\n    lastRecordTime = now;\r\n\r\n    /* 计算完成百分比 */\r\n    if (duration.value > 0) {\r\n      completionPercent.value = Math.min(\r\n        100,\r\n        Math.round((watchedDuration.value / duration.value) * 100),\r\n      );\r\n    }\r\n  }\r\n\r\n  /** 心跳上报 */\r\n  function startHeartbeat() {\r\n    const interval = antiCheat?.heartbeatInterval ?? DEFAULT_HEARTBEAT_INTERVAL;\r\n    heartbeatTimer = setInterval(() => {\r\n      if (isPlaying) {\r\n        antiCheat?.onHeartbeat?.(getProgressData());\r\n      }\r\n    }, interval);\r\n  }\r\n\r\n  /** 启动节流上报 */\r\n  function startThrottleReport() {\r\n    throttleTimer = setInterval(() => {\r\n      if (isPlaying) {\r\n        reportProgress();\r\n      }\r\n    }, PROGRESS_THROTTLE_INTERVAL);\r\n  }\r\n\r\n  /** 页面关闭兜底上报 */\r\n  function handleBeforeUnload() {\r\n    const data = getProgressData();\r\n    saveProgress();\r\n    /* 使用 sendBeacon 确保数据不丢失 */\r\n    if (onProgress) {\r\n      try {\r\n        navigator.sendBeacon?.(\"/api/video/progress\", JSON.stringify(data));\r\n      } catch {\r\n        /* sendBeacon 可能不可用 */\r\n      }\r\n    }\r\n  }\r\n\r\n  /** 页面可见性变化处理 */\r\n  function handleVisibilityChange() {\r\n    if (document.hidden) {\r\n      /* 离开页面时保存并上报 */\r\n      updateWatchedDuration();\r\n      reportProgress();\r\n      isPlaying = false;\r\n    } else {\r\n      /* 回到页面时恢复计时 */\r\n      const player = playerRef.value;\r\n      if (player && !player.paused) {\r\n        isPlaying = true;\r\n        lastRecordTime = performance.now();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** 初始化追踪 */\r\n  function startTracking() {\r\n    startHeartbeat();\r\n    startThrottleReport();\r\n    window.addEventListener(\"beforeunload\", handleBeforeUnload);\r\n    document.addEventListener(\"visibilitychange\", handleVisibilityChange);\r\n  }\r\n\r\n  /** 停止追踪 */\r\n  function stopTracking() {\r\n    isPlaying = false;\r\n    if (heartbeatTimer) {\r\n      clearInterval(heartbeatTimer);\r\n      heartbeatTimer = null;\r\n    }\r\n    if (throttleTimer) {\r\n      clearInterval(throttleTimer);\r\n      throttleTimer = null;\r\n    }\r\n    window.removeEventListener(\"beforeunload\", handleBeforeUnload);\r\n    document.removeEventListener(\"visibilitychange\", handleVisibilityChange);\r\n    saveProgress();\r\n  }\r\n\r\n  /** 标记开始播放 */\r\n  function onPlay() {\r\n    isPlaying = true;\r\n    lastRecordTime = performance.now();\r\n  }\r\n\r\n  /** 标记暂停 */\r\n  function onPause() {\r\n    updateWatchedDuration();\r\n    isPlaying = false;\r\n    lastRecordTime = 0;\r\n    saveProgress();\r\n  }\r\n\r\n  /** timeupdate 回调 */\r\n  function onTimeUpdate() {\r\n    updateWatchedDuration();\r\n  }\r\n\r\n  /** 监听播放器就绪后恢复进度 */\r\n  watch(playerRef, (player) => {\r\n    if (player) {\r\n      startTracking();\r\n    }\r\n  });\r\n\r\n  onBeforeUnmount(() => {\r\n    stopTracking();\r\n  });\r\n\r\n  return {\r\n    watchedDuration,\r\n    completionPercent,\r\n    getProgressData,\r\n    restoreProgress,\r\n    saveProgress,\r\n    startTracking,\r\n    stopTracking,\r\n    onPlay,\r\n    onPause,\r\n    onTimeUpdate,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 清晰度切换\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, type ShallowRef } from \"vue\";\r\nimport { Events } from \"xgplayer\";\r\nimport type { PlayerInstance, QualityDefinition, QualityLevel } from \"../types\";\r\n\r\n/**\r\n * 清晰度切换 composable\r\n * - 监听 xgplayer 原生清晰度切换事件\r\n * - 提供编程式清晰度切换\r\n */\r\nexport function useQualitySwitch(\r\n  playerRef: ShallowRef<PlayerInstance | null>,\r\n  qualityList: QualityDefinition[] = [],\r\n) {\r\n  const currentQuality = ref<QualityLevel | null>(null);\r\n  const isSwitching = ref(false);\r\n\r\n  /** 初始化：监听清晰度变化事件 */\r\n  function bindEvents(player: PlayerInstance) {\r\n    player.on(Events.AFTER_DEFINITION_CHANGE, (data: { to: string }) => {\r\n      currentQuality.value = data.to as QualityLevel;\r\n      isSwitching.value = false;\r\n    });\r\n\r\n    player.on(Events.BEFORE_DEFINITION_CHANGE, () => {\r\n      isSwitching.value = true;\r\n    });\r\n  }\r\n\r\n  /** 编程式切换清晰度 */\r\n  function switchQuality(quality: QualityLevel) {\r\n    const player = playerRef.value;\r\n    if (!player || !qualityList.length) return;\r\n\r\n    const target = qualityList.find((q) => q.label === quality);\r\n    if (!target) {\r\n      console.warn(`[C_VideoPlayer] 未找到清晰度: ${quality}`);\r\n      return;\r\n    }\r\n\r\n    isSwitching.value = true;\r\n    /* xgplayer definition 切换 */\r\n    player.changeDefinition?.({\r\n      url: target.url,\r\n      definition: target.label,\r\n      text: { zh: target.label, en: target.label },\r\n      bitrate: target.bitrate,\r\n    });\r\n  }\r\n\r\n  return {\r\n    currentQuality,\r\n    isSwitching,\r\n    switchQuality,\r\n    bindEvents,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 章节标记\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { computed, type Ref } from \"vue\";\r\nimport type { Chapter } from \"../types\";\r\n\r\n/**\r\n * 章节标记 composable\r\n * - 根据当前播放时间计算所在章节\r\n * - 提供跳转到指定章节的能力\r\n * - 计算进度条上章节标记的位置\r\n */\r\nexport function useChapters(\r\n  chapters: Ref<Chapter[]>,\r\n  currentTime: Ref<number>,\r\n  duration: Ref<number>,\r\n  seekFn: (time: number) => void,\r\n) {\r\n  /** 当前所在章节 */\r\n  const currentChapter = computed<Chapter | null>(() => {\r\n    if (!chapters.value.length) return null;\r\n    const time = currentTime.value;\r\n    return (\r\n      chapters.value.find((ch) => time >= ch.startTime && time < ch.endTime) ??\r\n      null\r\n    );\r\n  });\r\n\r\n  /** 当前章节索引 */\r\n  const currentChapterIndex = computed(() => {\r\n    if (!currentChapter.value) return -1;\r\n    return chapters.value.findIndex((ch) => ch.id === currentChapter.value!.id);\r\n  });\r\n\r\n  /** 章节在进度条上的位置百分比 */\r\n  const chapterMarkers = computed(() => {\r\n    if (!duration.value || !chapters.value.length) return [];\r\n    return chapters.value.map((ch) => ({\r\n      ...ch,\r\n      startPercent: (ch.startTime / duration.value) * 100,\r\n      endPercent: (ch.endTime / duration.value) * 100,\r\n      widthPercent: ((ch.endTime - ch.startTime) / duration.value) * 100,\r\n    }));\r\n  });\r\n\r\n  /** 跳转到指定章节 */\r\n  function goToChapter(chapterId: string) {\r\n    const chapter = chapters.value.find((ch) => ch.id === chapterId);\r\n    if (chapter) {\r\n      seekFn(chapter.startTime);\r\n    }\r\n  }\r\n\r\n  /** 跳转到上一章 */\r\n  function prevChapter() {\r\n    const idx = currentChapterIndex.value;\r\n    if (idx > 0) {\r\n      seekFn(chapters.value[idx - 1].startTime);\r\n    }\r\n  }\r\n\r\n  /** 跳转到下一章 */\r\n  function nextChapter() {\r\n    const idx = currentChapterIndex.value;\r\n    if (idx >= 0 && idx < chapters.value.length - 1) {\r\n      seekFn(chapters.value[idx + 1].startTime);\r\n    }\r\n  }\r\n\r\n  return {\r\n    currentChapter,\r\n    currentChapterIndex,\r\n    chapterMarkers,\r\n    goToChapter,\r\n    prevChapter,\r\n    nextChapter,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 书签笔记\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, type Ref } from \"vue\";\r\nimport { STORAGE_KEYS } from \"../constants\";\r\nimport type { Bookmark } from \"../types\";\r\n\r\n/**\r\n * 书签笔记 composable\r\n * - 添加 / 删除 / 更新书签\r\n * - localStorage 持久化\r\n * - 按时间排序\r\n */\r\nexport function useBookmarks(\r\n  url: Ref<string>,\r\n  currentTime: Ref<number>,\r\n  seekFn: (time: number) => void,\r\n  initialBookmarks: Bookmark[] = [],\r\n) {\r\n  const bookmarks = ref<Bookmark[]>([...initialBookmarks]);\r\n\r\n  /** 存储 key */\r\n  function getStorageKey(): string {\r\n    return STORAGE_KEYS.BOOKMARKS + encodeURIComponent(url.value);\r\n  }\r\n\r\n  /** 从 localStorage 恢复书签 */\r\n  function restoreBookmarks() {\r\n    try {\r\n      const stored = localStorage.getItem(getStorageKey());\r\n      if (stored) {\r\n        const parsed: Bookmark[] = JSON.parse(stored);\r\n        if (Array.isArray(parsed)) {\r\n          bookmarks.value = parsed;\r\n        }\r\n      }\r\n    } catch {\r\n      /* 忽略解析错误 */\r\n    }\r\n  }\r\n\r\n  /** 保存书签到 localStorage */\r\n  function saveBookmarks() {\r\n    try {\r\n      localStorage.setItem(getStorageKey(), JSON.stringify(bookmarks.value));\r\n    } catch {\r\n      /* 忽略存储失败 */\r\n    }\r\n  }\r\n\r\n  /** 排序（按时间升序） */\r\n  function sortBookmarks() {\r\n    bookmarks.value.sort((a, b) => a.time - b.time);\r\n  }\r\n\r\n  /** 添加书签 */\r\n  function addBookmark(note: string = \"\"): Bookmark {\r\n    const bookmark: Bookmark = {\r\n      id: `bm_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,\r\n      time: currentTime.value,\r\n      note,\r\n      createdAt: Date.now(),\r\n    };\r\n    bookmarks.value.push(bookmark);\r\n    sortBookmarks();\r\n    saveBookmarks();\r\n    return bookmark;\r\n  }\r\n\r\n  /** 删除书签 */\r\n  function removeBookmark(id: string) {\r\n    const index = bookmarks.value.findIndex((b) => b.id === id);\r\n    if (index !== -1) {\r\n      bookmarks.value.splice(index, 1);\r\n      saveBookmarks();\r\n    }\r\n  }\r\n\r\n  /** 更新书签备注 */\r\n  function updateBookmark(id: string, note: string) {\r\n    const bookmark = bookmarks.value.find((b) => b.id === id);\r\n    if (bookmark) {\r\n      bookmark.note = note;\r\n      saveBookmarks();\r\n    }\r\n  }\r\n\r\n  /** 跳转到书签位置 */\r\n  function goToBookmark(id: string) {\r\n    const bookmark = bookmarks.value.find((b) => b.id === id);\r\n    if (bookmark) {\r\n      seekFn(bookmark.time);\r\n    }\r\n  }\r\n\r\n  /** 清空所有书签 */\r\n  function clearBookmarks() {\r\n    bookmarks.value = [];\r\n    saveBookmarks();\r\n  }\r\n\r\n  /* 初始化时恢复 */\r\n  if (!initialBookmarks.length) {\r\n    restoreBookmarks();\r\n  }\r\n\r\n  return {\r\n    bookmarks,\r\n    addBookmark,\r\n    removeBookmark,\r\n    updateBookmark,\r\n    goToBookmark,\r\n    clearBookmarks,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 防作弊 - 防跳播 / 焦点检测 / 水印\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, onBeforeUnmount, type ShallowRef, type Ref } from \"vue\";\r\nimport { Events } from \"xgplayer\";\r\nimport type { PlayerInstance, AntiCheatConfig } from \"../types\";\r\n\r\n/**\r\n * 防作弊 composable\r\n * - 首次观看防跳播：禁止向未观看区域拖动进度条\r\n * - 焦点检测：切出页面自动暂停\r\n * - 水印标记开关（UI 通过 WatermarkOverlay.vue 组件渲染）\r\n */\r\nexport function useAntiCheat(\r\n  playerRef: ShallowRef<PlayerInstance | null>,\r\n  currentTime: Ref<number>,\r\n  config?: AntiCheatConfig,\r\n) {\r\n  /** 已观看的最远位置（秒） */\r\n  const maxWatchedTime = ref(0);\r\n\r\n  /** 是否为首次观看（有未完整看过的区段） */\r\n  const isFirstWatch = ref(true);\r\n\r\n  /** 是否处于焦点外（页面不可见） */\r\n  const isBlurred = ref(false);\r\n\r\n  /** 是否启用水印 */\r\n  const showWatermark = ref(config?.watermark ?? false);\r\n\r\n  /** 水印文本 */\r\n  const watermarkText = ref(config?.watermarkText ?? \"\");\r\n\r\n  /** 记录播放的最远位置 */\r\n  function updateMaxWatched(time: number) {\r\n    if (time > maxWatchedTime.value) {\r\n      maxWatchedTime.value = time;\r\n    }\r\n  }\r\n\r\n  /** 防跳播拦截 */\r\n  function handleSeeking(player: PlayerInstance) {\r\n    if (!config?.preventSeekOnFirstWatch || !isFirstWatch.value) return;\r\n\r\n    const seekTarget = player.currentTime ?? 0;\r\n    /* 只允许向已观看区域拖动 */\r\n    if (seekTarget > maxWatchedTime.value + 2) {\r\n      /* 回弹到最远观看位置 */\r\n      player.currentTime = maxWatchedTime.value;\r\n    }\r\n  }\r\n\r\n  /** 焦点检测 - 页面可见性变化 */\r\n  function handleVisibilityChange() {\r\n    if (!config?.focusDetection) return;\r\n\r\n    const player = playerRef.value;\r\n    if (!player) return;\r\n\r\n    if (document.hidden) {\r\n      isBlurred.value = true;\r\n      if (!player.paused) {\r\n        player.pause();\r\n      }\r\n    } else {\r\n      isBlurred.value = false;\r\n    }\r\n  }\r\n\r\n  /** 绑定事件 */\r\n  function bindEvents(player: PlayerInstance) {\r\n    /* 防跳播 */\r\n    if (config?.preventSeekOnFirstWatch) {\r\n      player.on(Events.SEEKING, () => handleSeeking(player));\r\n    }\r\n\r\n    /* 更新最远观看位置 */\r\n    player.on(Events.TIME_UPDATE, () => {\r\n      updateMaxWatched(currentTime.value);\r\n    });\r\n\r\n    /* 焦点检测 */\r\n    if (config?.focusDetection) {\r\n      document.addEventListener(\"visibilitychange\", handleVisibilityChange);\r\n    }\r\n  }\r\n\r\n  /** 标记已完整看过（允许自由拖动） */\r\n  function markAsWatched() {\r\n    isFirstWatch.value = false;\r\n  }\r\n\r\n  /** 设置水印文本 */\r\n  function setWatermarkText(text: string) {\r\n    watermarkText.value = text;\r\n  }\r\n\r\n  onBeforeUnmount(() => {\r\n    document.removeEventListener(\"visibilitychange\", handleVisibilityChange);\r\n  });\r\n\r\n  return {\r\n    maxWatchedTime,\r\n    isFirstWatch,\r\n    isBlurred,\r\n    showWatermark,\r\n    watermarkText,\r\n    bindEvents,\r\n    markAsWatched,\r\n    setWatermarkText,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 字幕管理（原生 VTT 解析 + Overlay 渲染）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, computed, type Ref, type ShallowRef } from \"vue\";\r\nimport type { PlayerInstance, SubtitleTrack } from \"../types\";\r\n\r\n/** 解析后的字幕条目 */\r\nexport interface SubtitleCue {\r\n  /** 起始时间（秒） */\r\n  start: number;\r\n  /** 结束时间（秒） */\r\n  end: number;\r\n  /** 字幕文本 */\r\n  text: string;\r\n}\r\n\r\n/** 将 \"HH:MM:SS.mmm\" 或 \"MM:SS.mmm\" 格式转为秒 */\r\nfunction parseVttTime(raw: string): number {\r\n  const parts = raw.trim().split(\":\");\r\n  if (parts.length === 3) {\r\n    return Number(parts[0]) * 3600 + Number(parts[1]) * 60 + Number(parts[2]);\r\n  }\r\n  /* MM:SS.mmm */\r\n  return Number(parts[0]) * 60 + Number(parts[1]);\r\n}\r\n\r\n/** 解析 WebVTT 文本为 cue 列表 */\r\nfunction parseVtt(vttText: string): SubtitleCue[] {\r\n  const cues: SubtitleCue[] = [];\r\n  /* 按空行分割 block */\r\n  const blocks = vttText.trim().split(/\\n\\s*\\n/);\r\n\r\n  for (const block of blocks) {\r\n    const lines = block.trim().split(\"\\n\");\r\n    /* 查找包含 \"-->\" 的行 */\r\n    const timeLineIdx = lines.findIndex((l) => l.includes(\"-->\"));\r\n    if (timeLineIdx === -1) continue;\r\n\r\n    const [startRaw, endRaw] = lines[timeLineIdx].split(\"-->\");\r\n    if (!startRaw || !endRaw) continue;\r\n\r\n    const start = parseVttTime(startRaw);\r\n    const end = parseVttTime(endRaw.split(/\\s/)[0]); /* 去掉 position 等后缀 */\r\n    const text = lines\r\n      .slice(timeLineIdx + 1)\r\n      .join(\"\\n\")\r\n      .replace(/<[^>]+>/g, \"\") /* 去 HTML 标签 */\r\n      .trim();\r\n\r\n    if (text) {\r\n      cues.push({ start, end, text });\r\n    }\r\n  }\r\n\r\n  return cues;\r\n}\r\n\r\n/**\r\n * 字幕管理 composable\r\n * - fetch VTT → 解析 → 按当前播放时间匹配 cue\r\n * - 提供切换 / 关闭能力\r\n */\r\nexport function useSubtitle(\r\n  playerRef: ShallowRef<PlayerInstance | null>,\r\n  subtitles: SubtitleTrack[] = [],\r\n  currentTime: Ref<number> = ref(0),\r\n) {\r\n  /** 当前激活的字幕语言（null = 关闭） */\r\n  const activeLanguage = ref<string | null>(null);\r\n\r\n  /** 字幕列表 */\r\n  const subtitleList = ref<SubtitleTrack[]>([...subtitles]);\r\n\r\n  /** 已加载的 cue 数据：language → cues */\r\n  const cueMap = ref<Record<string, SubtitleCue[]>>({});\r\n\r\n  /** 是否正在加载 */\r\n  const isLoading = ref(false);\r\n\r\n  /** 当前应显示的字幕文本 */\r\n  const currentText = computed(() => {\r\n    if (!activeLanguage.value) return \"\";\r\n    const cues = cueMap.value[activeLanguage.value];\r\n    if (!cues?.length) return \"\";\r\n    const t = currentTime.value;\r\n    const cue = cues.find((c) => t >= c.start && t < c.end);\r\n    return cue?.text ?? \"\";\r\n  });\r\n\r\n  /** 是否有字幕可用 */\r\n  const hasSubtitles = computed(() => subtitleList.value.length > 0);\r\n\r\n  /** 加载指定语言的 VTT 文件 */\r\n  async function loadTrack(language: string): Promise<SubtitleCue[]> {\r\n    /* 已缓存 */\r\n    if (cueMap.value[language]) return cueMap.value[language];\r\n\r\n    const track = subtitleList.value.find((s) => s.language === language);\r\n    if (!track) return [];\r\n\r\n    isLoading.value = true;\r\n    try {\r\n      const resp = await fetch(track.src);\r\n      if (!resp.ok) {\r\n        console.warn(\r\n          `[C_VideoPlayer] 字幕加载失败: ${track.src} (${resp.status})`,\r\n        );\r\n        return [];\r\n      }\r\n      const text = await resp.text();\r\n      const cues = parseVtt(text);\r\n      cueMap.value[language] = cues;\r\n      return cues;\r\n    } catch (e) {\r\n      console.warn(\"[C_VideoPlayer] 字幕加载异常:\", e);\r\n      return [];\r\n    } finally {\r\n      isLoading.value = false;\r\n    }\r\n  }\r\n\r\n  /** 初始化：加载默认字幕 */\r\n  async function initSubtitles() {\r\n    if (!subtitleList.value.length) return;\r\n    const defaultTrack =\r\n      subtitleList.value.find((s) => s.default) ?? subtitleList.value[0];\r\n    await loadTrack(defaultTrack.language);\r\n    activeLanguage.value = defaultTrack.language;\r\n  }\r\n\r\n  /** 切换字幕语言 */\r\n  async function switchSubtitle(language: string) {\r\n    const track = subtitleList.value.find((s) => s.language === language);\r\n    if (!track) {\r\n      console.warn(`[C_VideoPlayer] 未找到字幕轨道: ${language}`);\r\n      return;\r\n    }\r\n    await loadTrack(language);\r\n    activeLanguage.value = language;\r\n  }\r\n\r\n  /** 关闭字幕 */\r\n  function closeSubtitle() {\r\n    activeLanguage.value = null;\r\n  }\r\n\r\n  /** 切换字幕开/关 */\r\n  function toggleSubtitle() {\r\n    if (activeLanguage.value) {\r\n      closeSubtitle();\r\n    } else {\r\n      const defaultTrack =\r\n        subtitleList.value.find((s) => s.default) ?? subtitleList.value[0];\r\n      if (defaultTrack) {\r\n        switchSubtitle(defaultTrack.language);\r\n      }\r\n    }\r\n  }\r\n\r\n  return {\r\n    activeLanguage,\r\n    subtitleList,\r\n    currentText,\r\n    hasSubtitles,\r\n    isLoading,\r\n    initSubtitles,\r\n    switchSubtitle,\r\n    closeSubtitle,\r\n    toggleSubtitle,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 视频内测验弹窗\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, watch, type Ref, type ShallowRef } from \"vue\";\r\nimport type { PlayerInstance, VideoQuiz } from \"../types\";\r\n\r\n/**\r\n * 视频内测验 composable\r\n * - 在指定时间点触发测验弹窗\r\n * - 暂停视频等待作答\r\n * - 判断答案是否正确\r\n * - 支持必须答对才能继续\r\n */\r\nexport function useQuiz(\r\n  playerRef: ShallowRef<PlayerInstance | null>,\r\n  currentTime: Ref<number>,\r\n  quizzes: Ref<VideoQuiz[]>,\r\n) {\r\n  /** 当前显示的测验 */\r\n  const activeQuiz = ref<VideoQuiz | null>(null);\r\n\r\n  /** 已完成的测验 ID 集合 */\r\n  const completedQuizIds = ref<Set<string>>(new Set());\r\n\r\n  /** 当前选中的答案 */\r\n  const selectedAnswer = ref<string | string[]>(\"\");\r\n\r\n  /** 是否显示结果反馈 */\r\n  const showResult = ref(false);\r\n\r\n  /** 上次作答是否正确 */\r\n  const lastAnswerCorrect = ref(false);\r\n\r\n  /** 检查时间容差（秒） */\r\n  const TIME_TOLERANCE = 1;\r\n\r\n  /** 检查是否需要触发测验 */\r\n  function checkQuizTrigger() {\r\n    if (activeQuiz.value) return; /* 已有测验在显示 */\r\n    if (!quizzes.value.length) return;\r\n\r\n    const time = currentTime.value;\r\n    const quiz = quizzes.value.find(\r\n      (q) =>\r\n        !completedQuizIds.value.has(q.id) &&\r\n        Math.abs(time - q.triggerTime) < TIME_TOLERANCE,\r\n    );\r\n\r\n    if (quiz) {\r\n      triggerQuiz(quiz);\r\n    }\r\n  }\r\n\r\n  /** 触发测验 */\r\n  function triggerQuiz(quiz: VideoQuiz) {\r\n    activeQuiz.value = quiz;\r\n    selectedAnswer.value = quiz.type === \"multiple\" ? [] : \"\";\r\n    showResult.value = false;\r\n    lastAnswerCorrect.value = false;\r\n\r\n    /* 暂停视频 */\r\n    playerRef.value?.pause();\r\n  }\r\n\r\n  /** 提交答案 */\r\n  function submitAnswer(): boolean {\r\n    if (!activeQuiz.value) return false;\r\n\r\n    const quiz = activeQuiz.value;\r\n    const isCorrect = checkAnswer(quiz, selectedAnswer.value);\r\n\r\n    lastAnswerCorrect.value = isCorrect;\r\n    showResult.value = true;\r\n\r\n    if (isCorrect || !quiz.required) {\r\n      /* 答对或非必须题目 -> 标记完成 */\r\n      completedQuizIds.value.add(quiz.id);\r\n    }\r\n\r\n    return isCorrect;\r\n  }\r\n\r\n  /** 关闭测验弹窗并继续播放 */\r\n  function closeQuiz() {\r\n    if (!activeQuiz.value) return;\r\n\r\n    const quiz = activeQuiz.value;\r\n\r\n    /* 必须答对但未答对时，不允许关闭 */\r\n    if (quiz.required && !completedQuizIds.value.has(quiz.id)) {\r\n      return;\r\n    }\r\n\r\n    activeQuiz.value = null;\r\n    showResult.value = false;\r\n    selectedAnswer.value = \"\";\r\n\r\n    /* 恢复播放 */\r\n    playerRef.value?.play();\r\n  }\r\n\r\n  /** 重试当前测验 */\r\n  function retryQuiz() {\r\n    if (!activeQuiz.value) return;\r\n    selectedAnswer.value = activeQuiz.value.type === \"multiple\" ? [] : \"\";\r\n    showResult.value = false;\r\n    lastAnswerCorrect.value = false;\r\n  }\r\n\r\n  /** 判断答案是否正确 */\r\n  function checkAnswer(quiz: VideoQuiz, answer: string | string[]): boolean {\r\n    if (quiz.type === \"multiple\") {\r\n      const selected = Array.isArray(answer) ? [...answer].sort() : [answer];\r\n      const correct = Array.isArray(quiz.answer)\r\n        ? [...quiz.answer].sort()\r\n        : [quiz.answer];\r\n      return (\r\n        selected.length === correct.length &&\r\n        selected.every((v, i) => v === correct[i])\r\n      );\r\n    }\r\n    return answer === quiz.answer;\r\n  }\r\n\r\n  /** 监听时间变化检查测验触发 */\r\n  watch(currentTime, () => {\r\n    checkQuizTrigger();\r\n  });\r\n\r\n  return {\r\n    activeQuiz,\r\n    completedQuizIds,\r\n    selectedAnswer,\r\n    showResult,\r\n    lastAnswerCorrect,\r\n    submitAnswer,\r\n    closeQuiz,\r\n    retryQuiz,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 小窗播放（滚动时自动浮动）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, onBeforeUnmount, type Ref } from \"vue\";\r\n\r\n/**\r\n * 小窗播放 composable\r\n * - 当播放器滚出可视区域时自动切换为小窗浮动\r\n * - 小窗可拖动定位\r\n * - 点击小窗可滚回原位\r\n */\r\nexport function useMiniPlayer(\r\n  containerRef: Ref<HTMLElement | null>,\r\n  enabled: Ref<boolean>,\r\n) {\r\n  /** 是否处于小窗模式 */\r\n  const isMiniMode = ref(false);\r\n\r\n  /** IntersectionObserver 实例 */\r\n  let observer: IntersectionObserver | null = null;\r\n\r\n  /** 初始化观察器 */\r\n  function initObserver() {\r\n    if (!containerRef.value || !enabled.value) return;\r\n\r\n    observer = new IntersectionObserver(\r\n      ([entry]) => {\r\n        /* 播放器离开视口 → 开启小窗 */\r\n        isMiniMode.value = !entry.isIntersecting;\r\n      },\r\n      {\r\n        threshold: 0.3 /* 30% 可见度阈值 */,\r\n      },\r\n    );\r\n\r\n    observer.observe(containerRef.value);\r\n  }\r\n\r\n  /** 销毁观察器 */\r\n  function destroyObserver() {\r\n    if (observer) {\r\n      observer.disconnect();\r\n      observer = null;\r\n    }\r\n    isMiniMode.value = false;\r\n  }\r\n\r\n  /** 滚动回原始位置 */\r\n  function scrollToPlayer() {\r\n    containerRef.value?.scrollIntoView({\r\n      behavior: \"smooth\",\r\n      block: \"center\",\r\n    });\r\n  }\r\n\r\n  /** 关闭小窗 */\r\n  function closeMiniPlayer() {\r\n    isMiniMode.value = false;\r\n    destroyObserver();\r\n  }\r\n\r\n  onBeforeUnmount(() => {\r\n    destroyObserver();\r\n  });\r\n\r\n  return {\r\n    isMiniMode,\r\n    initObserver,\r\n    destroyObserver,\r\n    scrollToPlayer,\r\n    closeMiniPlayer,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 快捷键管理\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { onBeforeUnmount, type ShallowRef, type Ref } from \"vue\";\r\nimport { SEEK_STEP, VOLUME_STEP } from \"../constants\";\r\nimport type { PlayerInstance } from \"../types\";\r\n\r\n/**\r\n * 快捷键管理 composable\r\n * - xgplayer 已内置快捷键，这里做补充增强\r\n * - 支持自定义快捷键回调\r\n */\r\nexport function useKeyboard(\r\n  playerRef: ShallowRef<PlayerInstance | null>,\r\n  containerRef: Ref<HTMLElement | null>,\r\n  options: {\r\n    enabled?: boolean;\r\n    onToggleFullscreen?: () => void;\r\n  } = {},\r\n) {\r\n  const { enabled = true, onToggleFullscreen } = options;\r\n\r\n  /** 快捷键动作映射 */\r\n  const keyActions: Record<\r\n    string,\r\n    (e: KeyboardEvent, player: NonNullable<typeof playerRef.value>) => void\r\n  > = {\r\n    \" \": (e, player) => {\r\n      e.preventDefault();\r\n      if (player.paused) {\r\n        player.play();\r\n      } else {\r\n        player.pause();\r\n      }\r\n    },\r\n    ArrowLeft: (e, player) => {\r\n      e.preventDefault();\r\n      player.currentTime = Math.max(0, (player.currentTime ?? 0) - SEEK_STEP);\r\n    },\r\n    ArrowRight: (e, player) => {\r\n      e.preventDefault();\r\n      player.currentTime = Math.min(\r\n        player.duration ?? 0,\r\n        (player.currentTime ?? 0) + SEEK_STEP,\r\n      );\r\n    },\r\n    ArrowUp: (e, player) => {\r\n      e.preventDefault();\r\n      player.volume = Math.min(1, (player.volume ?? 0) + VOLUME_STEP);\r\n    },\r\n    ArrowDown: (e, player) => {\r\n      e.preventDefault();\r\n      player.volume = Math.max(0, (player.volume ?? 0) - VOLUME_STEP);\r\n    },\r\n    f: (e) => {\r\n      e.preventDefault();\r\n      onToggleFullscreen?.();\r\n    },\r\n    F: (e) => {\r\n      e.preventDefault();\r\n      onToggleFullscreen?.();\r\n    },\r\n    m: (e, player) => {\r\n      e.preventDefault();\r\n      player.volume = player.volume > 0 ? 0 : 0.75;\r\n    },\r\n    M: (e, player) => {\r\n      e.preventDefault();\r\n      player.volume = player.volume > 0 ? 0 : 0.75;\r\n    },\r\n  };\r\n\r\n  /** 快捷键处理函数 */\r\n  function handleKeydown(e: KeyboardEvent) {\r\n    if (!enabled) return;\r\n    const player = playerRef.value;\r\n    if (!player) return;\r\n\r\n    /* 避免在输入框中触发 */\r\n    const target = e.target as HTMLElement;\r\n    if (\r\n      target.tagName === \"INPUT\" ||\r\n      target.tagName === \"TEXTAREA\" ||\r\n      target.isContentEditable\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    const action = keyActions[e.key];\r\n    action?.(e, player);\r\n  }\r\n\r\n  /** 开始监听 */\r\n  function startListening() {\r\n    if (!enabled) return;\r\n    /* 使用 container 级别监听，避免全局冲突 */\r\n    containerRef.value?.addEventListener(\"keydown\", handleKeydown);\r\n  }\r\n\r\n  /** 停止监听 */\r\n  function stopListening() {\r\n    containerRef.value?.removeEventListener(\"keydown\", handleKeydown);\r\n  }\r\n\r\n  onBeforeUnmount(() => {\r\n    stopListening();\r\n  });\r\n\r\n  return {\r\n    startListening,\r\n    stopListening,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 数据上报插件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { Events } from \"xgplayer\";\r\nimport type {\r\n  PlayerInstance,\r\n  AnalyticsEvent,\r\n  AnalyticsReporter,\r\n} from \"../types\";\r\n\r\n/**\r\n * 数据上报插件\r\n * - 监听播放器核心事件并通过回调上报\r\n * - 支持自定义事件过滤\r\n * - 页面关闭时使用 sendBeacon 兜底\r\n */\r\nexport function createAnalyticsPlugin(\r\n  player: PlayerInstance,\r\n  reporter: AnalyticsReporter,\r\n) {\r\n  /** 构建事件数据 */\r\n  function buildEvent(\r\n    type: AnalyticsEvent[\"type\"],\r\n    payload?: Record<string, unknown>,\r\n  ): AnalyticsEvent {\r\n    return {\r\n      type,\r\n      currentTime: player.currentTime ?? 0,\r\n      timestamp: Date.now(),\r\n      payload,\r\n    };\r\n  }\r\n\r\n  /** 上报单个事件 */\r\n  function report(\r\n    type: AnalyticsEvent[\"type\"],\r\n    payload?: Record<string, unknown>,\r\n  ) {\r\n    const event = buildEvent(type, payload);\r\n    reporter(event);\r\n  }\r\n\r\n  /* 事件处理函数（保留引用以便销毁时移除） */\r\n  const onPlay = () => report(\"play\");\r\n  const onPause = () => report(\"pause\");\r\n  const onEnded = () => report(\"ended\");\r\n  const onSeeked = () => report(\"seek\");\r\n  const onError = () => report(\"error\");\r\n  const onWaiting = () => report(\"buffer\");\r\n  const onFullscreen = (isFS: boolean) => {\r\n    report(\"fullscreen\", { isFullscreen: isFS });\r\n  };\r\n  const onDefinition = (data: Record<string, unknown>) => {\r\n    report(\"quality_change\", data);\r\n  };\r\n  const onRate = () => {\r\n    report(\"speed_change\", { rate: player.playbackRate });\r\n  };\r\n\r\n  /* 绑定播放器事件 */\r\n  player.on(Events.PLAY, onPlay);\r\n  player.on(Events.PAUSE, onPause);\r\n  player.on(Events.ENDED, onEnded);\r\n  player.on(Events.SEEKED, onSeeked);\r\n  player.on(Events.ERROR, onError);\r\n  player.on(Events.WAITING, onWaiting);\r\n  player.on(Events.FULLSCREEN_CHANGE, onFullscreen);\r\n  player.on(Events.DEFINITION_CHANGE, onDefinition);\r\n  player.on(Events.RATE_CHANGE, onRate);\r\n\r\n  /** 销毁插件：移除所有事件监听 */\r\n  function destroy() {\r\n    player.off(Events.PLAY, onPlay);\r\n    player.off(Events.PAUSE, onPause);\r\n    player.off(Events.ENDED, onEnded);\r\n    player.off(Events.SEEKED, onSeeked);\r\n    player.off(Events.ERROR, onError);\r\n    player.off(Events.WAITING, onWaiting);\r\n    player.off(Events.FULLSCREEN_CHANGE, onFullscreen);\r\n    player.off(Events.DEFINITION_CHANGE, onDefinition);\r\n    player.off(Events.RATE_CHANGE, onRate);\r\n  }\r\n\r\n  return { report, destroy };\r\n}\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 自定义控制栏（扩展 xgplayer 原生控制栏的补充 UI）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div v-if=\"visible\" class=\"vp-control-bar\">\r\n    <div class=\"vp-control-bar__left\">\r\n      <slot name=\"left\" />\r\n    </div>\r\n\r\n    <div class=\"vp-control-bar__center\">\r\n      <slot name=\"center\" />\r\n    </div>\r\n\r\n    <div class=\"vp-control-bar__right\">\r\n      <slot name=\"right\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\ninterface Props {\r\n  /** 是否显示 */\r\n  visible?: boolean;\r\n}\r\n\r\nwithDefaults(defineProps<Props>(), {\r\n  visible: true,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-control-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 6px 12px;\r\n  background: linear-gradient(rgba(0, 0, 0, 0.6), transparent);\r\n  pointer-events: auto;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 100;\r\n  opacity: 0;\r\n  transition: opacity var(--c-transition, 0.2s ease);\r\n\r\n  &:hover,\r\n  .c-video-player:hover & {\r\n    opacity: 1;\r\n  }\r\n\r\n  &__left,\r\n  &__center,\r\n  &__right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  &__center {\r\n    flex: 1;\r\n    justify-content: center;\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 自定义控制栏（扩展 xgplayer 原生控制栏的补充 UI）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div v-if=\"visible\" class=\"vp-control-bar\">\r\n    <div class=\"vp-control-bar__left\">\r\n      <slot name=\"left\" />\r\n    </div>\r\n\r\n    <div class=\"vp-control-bar__center\">\r\n      <slot name=\"center\" />\r\n    </div>\r\n\r\n    <div class=\"vp-control-bar__right\">\r\n      <slot name=\"right\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\ninterface Props {\r\n  /** 是否显示 */\r\n  visible?: boolean;\r\n}\r\n\r\nwithDefaults(defineProps<Props>(), {\r\n  visible: true,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-control-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 6px 12px;\r\n  background: linear-gradient(rgba(0, 0, 0, 0.6), transparent);\r\n  pointer-events: auto;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 100;\r\n  opacity: 0;\r\n  transition: opacity var(--c-transition, 0.2s ease);\r\n\r\n  &:hover,\r\n  .c-video-player:hover & {\r\n    opacity: 1;\r\n  }\r\n\r\n  &__left,\r\n  &__center,\r\n  &__right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  &__center {\r\n    flex: 1;\r\n    justify-content: center;\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 字幕渲染层 + 字幕切换按钮\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <!-- 字幕文本 -->\r\n  <Transition name=\"vp-subtitle-fade\">\r\n    <div v-if=\"text\" class=\"vp-subtitle-overlay\">\r\n      <span class=\"vp-subtitle-text\">{{ text }}</span>\r\n    </div>\r\n  </Transition>\r\n\r\n  <!-- 字幕切换按钮（叠加在播放器控制栏上方） -->\r\n  <div v-if=\"tracks.length\" class=\"vp-subtitle-toggle\">\r\n    <NPopover trigger=\"click\" placement=\"top\" :show-arrow=\"false\">\r\n      <template #trigger>\r\n        <NButton\r\n          quaternary\r\n          size=\"small\"\r\n          class=\"vp-subtitle-btn\"\r\n          :class=\"{ 'is-active': !!activeLanguage }\"\r\n        >\r\n          字幕\r\n        </NButton>\r\n      </template>\r\n\r\n      <div class=\"vp-subtitle-menu\">\r\n        <div\r\n          class=\"vp-subtitle-menu__item\"\r\n          :class=\"{ 'is-active': !activeLanguage }\"\r\n          @click=\"$emit('close')\"\r\n        >\r\n          关闭字幕\r\n        </div>\r\n        <div\r\n          v-for=\"track in tracks\"\r\n          :key=\"track.language\"\r\n          class=\"vp-subtitle-menu__item\"\r\n          :class=\"{ 'is-active': activeLanguage === track.language }\"\r\n          @click=\"$emit('switch', track.language)\"\r\n        >\r\n          {{ track.label }}\r\n        </div>\r\n      </div>\r\n    </NPopover>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { SubtitleTrack } from \"../types\";\r\n\r\ninterface Props {\r\n  /** 当前要显示的字幕文本 */\r\n  text: string;\r\n  /** 字幕轨道列表 */\r\n  tracks: SubtitleTrack[];\r\n  /** 当前激活语言 */\r\n  activeLanguage: string | null;\r\n}\r\n\r\ndefineProps<Props>();\r\n\r\ndefineEmits<{\r\n  switch: [language: string];\r\n  close: [];\r\n}>();\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n/* ========== 字幕文本 ========== */\r\n.vp-subtitle-overlay {\r\n  position: absolute;\r\n  bottom: 60px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 50;\r\n  pointer-events: none;\r\n  max-width: 80%;\r\n  text-align: center;\r\n}\r\n\r\n.vp-subtitle-text {\r\n  display: inline-block;\r\n  padding: 4px 16px;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  color: #fff;\r\n  background: rgba(0, 0, 0, 0.65);\r\n  border-radius: 4px;\r\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);\r\n  white-space: pre-wrap;\r\n  word-break: break-word;\r\n}\r\n\r\n/* ========== 字幕按钮 ========== */\r\n.vp-subtitle-toggle {\r\n  position: absolute;\r\n  right: 12px;\r\n  bottom: 46px;\r\n  z-index: 100;\r\n  opacity: 0;\r\n  transition: opacity var(--c-transition, 0.2s ease);\r\n\r\n  .c-video-player:hover & {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.vp-subtitle-btn {\r\n  color: rgba(255, 255, 255, 0.7);\r\n  font-size: 12px;\r\n\r\n  &.is-active {\r\n    color: var(--c-primary, #18a058);\r\n  }\r\n}\r\n\r\n/* ========== 字幕菜单 ========== */\r\n.vp-subtitle-menu {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 100px;\r\n\r\n  &__item {\r\n    padding: 6px 14px;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    border-radius: 4px;\r\n    text-align: center;\r\n    transition: background-color 0.2s;\r\n\r\n    &:hover {\r\n      background-color: rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    &.is-active {\r\n      color: var(--c-primary, #18a058);\r\n      font-weight: 600;\r\n    }\r\n  }\r\n}\r\n\r\n/* ========== 过渡 ========== */\r\n.vp-subtitle-fade-enter-active,\r\n.vp-subtitle-fade-leave-active {\r\n  transition: opacity 0.25s ease;\r\n}\r\n\r\n.vp-subtitle-fade-enter-from,\r\n.vp-subtitle-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 字幕渲染层 + 字幕切换按钮\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <!-- 字幕文本 -->\r\n  <Transition name=\"vp-subtitle-fade\">\r\n    <div v-if=\"text\" class=\"vp-subtitle-overlay\">\r\n      <span class=\"vp-subtitle-text\">{{ text }}</span>\r\n    </div>\r\n  </Transition>\r\n\r\n  <!-- 字幕切换按钮（叠加在播放器控制栏上方） -->\r\n  <div v-if=\"tracks.length\" class=\"vp-subtitle-toggle\">\r\n    <NPopover trigger=\"click\" placement=\"top\" :show-arrow=\"false\">\r\n      <template #trigger>\r\n        <NButton\r\n          quaternary\r\n          size=\"small\"\r\n          class=\"vp-subtitle-btn\"\r\n          :class=\"{ 'is-active': !!activeLanguage }\"\r\n        >\r\n          字幕\r\n        </NButton>\r\n      </template>\r\n\r\n      <div class=\"vp-subtitle-menu\">\r\n        <div\r\n          class=\"vp-subtitle-menu__item\"\r\n          :class=\"{ 'is-active': !activeLanguage }\"\r\n          @click=\"$emit('close')\"\r\n        >\r\n          关闭字幕\r\n        </div>\r\n        <div\r\n          v-for=\"track in tracks\"\r\n          :key=\"track.language\"\r\n          class=\"vp-subtitle-menu__item\"\r\n          :class=\"{ 'is-active': activeLanguage === track.language }\"\r\n          @click=\"$emit('switch', track.language)\"\r\n        >\r\n          {{ track.label }}\r\n        </div>\r\n      </div>\r\n    </NPopover>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { SubtitleTrack } from \"../types\";\r\n\r\ninterface Props {\r\n  /** 当前要显示的字幕文本 */\r\n  text: string;\r\n  /** 字幕轨道列表 */\r\n  tracks: SubtitleTrack[];\r\n  /** 当前激活语言 */\r\n  activeLanguage: string | null;\r\n}\r\n\r\ndefineProps<Props>();\r\n\r\ndefineEmits<{\r\n  switch: [language: string];\r\n  close: [];\r\n}>();\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n/* ========== 字幕文本 ========== */\r\n.vp-subtitle-overlay {\r\n  position: absolute;\r\n  bottom: 60px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 50;\r\n  pointer-events: none;\r\n  max-width: 80%;\r\n  text-align: center;\r\n}\r\n\r\n.vp-subtitle-text {\r\n  display: inline-block;\r\n  padding: 4px 16px;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  color: #fff;\r\n  background: rgba(0, 0, 0, 0.65);\r\n  border-radius: 4px;\r\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);\r\n  white-space: pre-wrap;\r\n  word-break: break-word;\r\n}\r\n\r\n/* ========== 字幕按钮 ========== */\r\n.vp-subtitle-toggle {\r\n  position: absolute;\r\n  right: 12px;\r\n  bottom: 46px;\r\n  z-index: 100;\r\n  opacity: 0;\r\n  transition: opacity var(--c-transition, 0.2s ease);\r\n\r\n  .c-video-player:hover & {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.vp-subtitle-btn {\r\n  color: rgba(255, 255, 255, 0.7);\r\n  font-size: 12px;\r\n\r\n  &.is-active {\r\n    color: var(--c-primary, #18a058);\r\n  }\r\n}\r\n\r\n/* ========== 字幕菜单 ========== */\r\n.vp-subtitle-menu {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 100px;\r\n\r\n  &__item {\r\n    padding: 6px 14px;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    border-radius: 4px;\r\n    text-align: center;\r\n    transition: background-color 0.2s;\r\n\r\n    &:hover {\r\n      background-color: rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    &.is-active {\r\n      color: var(--c-primary, #18a058);\r\n      font-weight: 600;\r\n    }\r\n  }\r\n}\r\n\r\n/* ========== 过渡 ========== */\r\n.vp-subtitle-fade-enter-active,\r\n.vp-subtitle-fade-leave-active {\r\n  transition: opacity 0.25s ease;\r\n}\r\n\r\n.vp-subtitle-fade-enter-from,\r\n.vp-subtitle-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 章节标记 UI\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div v-if=\"chapters.length\" class=\"vp-chapter-markers\">\r\n    <!-- 当前章节信息 -->\r\n    <div v-if=\"currentChapter\" class=\"vp-chapter-current\">\r\n      <span class=\"vp-chapter-index\"\r\n        >{{ currentIndex + 1 }}/{{ chapters.length }}</span\r\n      >\r\n      <span class=\"vp-chapter-title\">{{ currentChapter.title }}</span>\r\n    </div>\r\n\r\n    <!-- 章节列表面板 -->\r\n    <NPopover\r\n      trigger=\"click\"\r\n      placement=\"top-start\"\r\n      :show-arrow=\"false\"\r\n      style=\"max-height: 300px; overflow-y: auto\"\r\n    >\r\n      <template #trigger>\r\n        <NButton quaternary size=\"small\" class=\"vp-chapter-trigger\">\r\n          <template #icon>\r\n            <span class=\"vp-chapter-icon\">☰</span>\r\n          </template>\r\n          章节\r\n        </NButton>\r\n      </template>\r\n\r\n      <div class=\"vp-chapter-list\">\r\n        <div\r\n          v-for=\"(chapter, idx) in chapters\"\r\n          :key=\"chapter.id\"\r\n          class=\"vp-chapter-item\"\r\n          :class=\"{ 'is-active': chapter.id === currentChapter?.id }\"\r\n          @click=\"$emit('goTo', chapter.id)\"\r\n        >\r\n          <span class=\"vp-chapter-item-index\">{{ idx + 1 }}</span>\r\n          <span class=\"vp-chapter-item-title\">{{ chapter.title }}</span>\r\n          <span class=\"vp-chapter-item-time\">{{\r\n            formatTime(chapter.startTime)\r\n          }}</span>\r\n        </div>\r\n      </div>\r\n    </NPopover>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { Chapter } from \"../types\";\r\n\r\ninterface Props {\r\n  chapters: Chapter[];\r\n  currentChapter: Chapter | null;\r\n  currentIndex: number;\r\n}\r\n\r\ndefineProps<Props>();\r\n\r\ndefineEmits<{\r\n  goTo: [chapterId: string];\r\n}>();\r\n\r\n/** 格式化时间为 mm:ss */\r\nfunction formatTime(seconds: number): string {\r\n  const m = Math.floor(seconds / 60);\r\n  const s = Math.floor(seconds % 60);\r\n  return `${m.toString().padStart(2, \"0\")}:${s.toString().padStart(2, \"0\")}`;\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-chapter-markers {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.vp-chapter-current {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  color: #fff;\r\n  font-size: 12px;\r\n}\r\n\r\n.vp-chapter-index {\r\n  opacity: 0.7;\r\n}\r\n\r\n.vp-chapter-trigger {\r\n  color: #fff;\r\n  font-size: 12px;\r\n}\r\n\r\n.vp-chapter-icon {\r\n  font-size: 14px;\r\n}\r\n\r\n.vp-chapter-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 240px;\r\n}\r\n\r\n.vp-chapter-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n  font-size: 13px;\r\n  transition: background-color 0.2s;\r\n\r\n  &:hover {\r\n    background-color: rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  &.is-active {\r\n    color: var(--c-primary, #18a058);\r\n    font-weight: 600;\r\n  }\r\n\r\n  &-index {\r\n    width: 20px;\r\n    text-align: center;\r\n    opacity: 0.5;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &-title {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &-time {\r\n    opacity: 0.5;\r\n    font-size: 12px;\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 章节标记 UI\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div v-if=\"chapters.length\" class=\"vp-chapter-markers\">\r\n    <!-- 当前章节信息 -->\r\n    <div v-if=\"currentChapter\" class=\"vp-chapter-current\">\r\n      <span class=\"vp-chapter-index\"\r\n        >{{ currentIndex + 1 }}/{{ chapters.length }}</span\r\n      >\r\n      <span class=\"vp-chapter-title\">{{ currentChapter.title }}</span>\r\n    </div>\r\n\r\n    <!-- 章节列表面板 -->\r\n    <NPopover\r\n      trigger=\"click\"\r\n      placement=\"top-start\"\r\n      :show-arrow=\"false\"\r\n      style=\"max-height: 300px; overflow-y: auto\"\r\n    >\r\n      <template #trigger>\r\n        <NButton quaternary size=\"small\" class=\"vp-chapter-trigger\">\r\n          <template #icon>\r\n            <span class=\"vp-chapter-icon\">☰</span>\r\n          </template>\r\n          章节\r\n        </NButton>\r\n      </template>\r\n\r\n      <div class=\"vp-chapter-list\">\r\n        <div\r\n          v-for=\"(chapter, idx) in chapters\"\r\n          :key=\"chapter.id\"\r\n          class=\"vp-chapter-item\"\r\n          :class=\"{ 'is-active': chapter.id === currentChapter?.id }\"\r\n          @click=\"$emit('goTo', chapter.id)\"\r\n        >\r\n          <span class=\"vp-chapter-item-index\">{{ idx + 1 }}</span>\r\n          <span class=\"vp-chapter-item-title\">{{ chapter.title }}</span>\r\n          <span class=\"vp-chapter-item-time\">{{\r\n            formatTime(chapter.startTime)\r\n          }}</span>\r\n        </div>\r\n      </div>\r\n    </NPopover>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { Chapter } from \"../types\";\r\n\r\ninterface Props {\r\n  chapters: Chapter[];\r\n  currentChapter: Chapter | null;\r\n  currentIndex: number;\r\n}\r\n\r\ndefineProps<Props>();\r\n\r\ndefineEmits<{\r\n  goTo: [chapterId: string];\r\n}>();\r\n\r\n/** 格式化时间为 mm:ss */\r\nfunction formatTime(seconds: number): string {\r\n  const m = Math.floor(seconds / 60);\r\n  const s = Math.floor(seconds % 60);\r\n  return `${m.toString().padStart(2, \"0\")}:${s.toString().padStart(2, \"0\")}`;\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-chapter-markers {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.vp-chapter-current {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  color: #fff;\r\n  font-size: 12px;\r\n}\r\n\r\n.vp-chapter-index {\r\n  opacity: 0.7;\r\n}\r\n\r\n.vp-chapter-trigger {\r\n  color: #fff;\r\n  font-size: 12px;\r\n}\r\n\r\n.vp-chapter-icon {\r\n  font-size: 14px;\r\n}\r\n\r\n.vp-chapter-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 240px;\r\n}\r\n\r\n.vp-chapter-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n  font-size: 13px;\r\n  transition: background-color 0.2s;\r\n\r\n  &:hover {\r\n    background-color: rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  &.is-active {\r\n    color: var(--c-primary, #18a058);\r\n    font-weight: 600;\r\n  }\r\n\r\n  &-index {\r\n    width: 20px;\r\n    text-align: center;\r\n    opacity: 0.5;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &-title {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &-time {\r\n    opacity: 0.5;\r\n    font-size: 12px;\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 书签面板\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div class=\"vp-bookmark-panel\">\r\n    <!-- 添加书签按钮 -->\r\n    <NButton\r\n      quaternary\r\n      size=\"small\"\r\n      class=\"vp-bookmark-add-btn\"\r\n      @click=\"handleAdd\"\r\n    >\r\n      <template #icon>\r\n        <span>🔖</span>\r\n      </template>\r\n      书签\r\n    </NButton>\r\n\r\n    <!-- 书签列表弹窗 -->\r\n    <NPopover\r\n      v-if=\"bookmarks.length\"\r\n      trigger=\"click\"\r\n      placement=\"top-start\"\r\n      :show-arrow=\"false\"\r\n      style=\"max-height: 300px; overflow-y: auto\"\r\n    >\r\n      <template #trigger>\r\n        <NBadge :value=\"bookmarks.length\" :max=\"99\" type=\"info\">\r\n          <NButton quaternary size=\"small\" class=\"vp-bookmark-list-btn\">\r\n            列表\r\n          </NButton>\r\n        </NBadge>\r\n      </template>\r\n\r\n      <div class=\"vp-bookmark-list\">\r\n        <div v-for=\"bm in bookmarks\" :key=\"bm.id\" class=\"vp-bookmark-item\">\r\n          <span class=\"vp-bookmark-time\" @click=\"$emit('goTo', bm.id)\">\r\n            {{ formatTime(bm.time) }}\r\n          </span>\r\n\r\n          <span class=\"vp-bookmark-note\">\r\n            {{ bm.note || \"无备注\" }}\r\n          </span>\r\n\r\n          <NButton\r\n            quaternary\r\n            size=\"tiny\"\r\n            type=\"error\"\r\n            @click=\"$emit('remove', bm.id)\"\r\n          >\r\n            ✕\r\n          </NButton>\r\n        </div>\r\n      </div>\r\n    </NPopover>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { Bookmark } from \"../types\";\r\n\r\ninterface Props {\r\n  bookmarks: Bookmark[];\r\n}\r\n\r\ndefineProps<Props>();\r\n\r\nconst emit = defineEmits<{\r\n  add: [note: string];\r\n  remove: [id: string];\r\n  goTo: [id: string];\r\n}>();\r\n\r\n/** 添加书签 */\r\nfunction handleAdd() {\r\n  emit(\"add\", \"\");\r\n}\r\n\r\n/** 格式化时间为 mm:ss */\r\nfunction formatTime(seconds: number): string {\r\n  const m = Math.floor(seconds / 60);\r\n  const s = Math.floor(seconds % 60);\r\n  return `${m.toString().padStart(2, \"0\")}:${s.toString().padStart(2, \"0\")}`;\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-bookmark-panel {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n.vp-bookmark-add-btn,\r\n.vp-bookmark-list-btn {\r\n  color: #fff;\r\n  font-size: 12px;\r\n}\r\n\r\n.vp-bookmark-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 220px;\r\n  gap: 2px;\r\n}\r\n\r\n.vp-bookmark-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 6px 8px;\r\n  border-radius: 4px;\r\n  font-size: 13px;\r\n\r\n  &:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n  }\r\n}\r\n\r\n.vp-bookmark-time {\r\n  color: var(--c-primary, #18a058);\r\n  cursor: pointer;\r\n  font-variant-numeric: tabular-nums;\r\n  white-space: nowrap;\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n}\r\n\r\n.vp-bookmark-note {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  opacity: 0.7;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 书签面板\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div class=\"vp-bookmark-panel\">\r\n    <!-- 添加书签按钮 -->\r\n    <NButton\r\n      quaternary\r\n      size=\"small\"\r\n      class=\"vp-bookmark-add-btn\"\r\n      @click=\"handleAdd\"\r\n    >\r\n      <template #icon>\r\n        <span>🔖</span>\r\n      </template>\r\n      书签\r\n    </NButton>\r\n\r\n    <!-- 书签列表弹窗 -->\r\n    <NPopover\r\n      v-if=\"bookmarks.length\"\r\n      trigger=\"click\"\r\n      placement=\"top-start\"\r\n      :show-arrow=\"false\"\r\n      style=\"max-height: 300px; overflow-y: auto\"\r\n    >\r\n      <template #trigger>\r\n        <NBadge :value=\"bookmarks.length\" :max=\"99\" type=\"info\">\r\n          <NButton quaternary size=\"small\" class=\"vp-bookmark-list-btn\">\r\n            列表\r\n          </NButton>\r\n        </NBadge>\r\n      </template>\r\n\r\n      <div class=\"vp-bookmark-list\">\r\n        <div v-for=\"bm in bookmarks\" :key=\"bm.id\" class=\"vp-bookmark-item\">\r\n          <span class=\"vp-bookmark-time\" @click=\"$emit('goTo', bm.id)\">\r\n            {{ formatTime(bm.time) }}\r\n          </span>\r\n\r\n          <span class=\"vp-bookmark-note\">\r\n            {{ bm.note || \"无备注\" }}\r\n          </span>\r\n\r\n          <NButton\r\n            quaternary\r\n            size=\"tiny\"\r\n            type=\"error\"\r\n            @click=\"$emit('remove', bm.id)\"\r\n          >\r\n            ✕\r\n          </NButton>\r\n        </div>\r\n      </div>\r\n    </NPopover>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { Bookmark } from \"../types\";\r\n\r\ninterface Props {\r\n  bookmarks: Bookmark[];\r\n}\r\n\r\ndefineProps<Props>();\r\n\r\nconst emit = defineEmits<{\r\n  add: [note: string];\r\n  remove: [id: string];\r\n  goTo: [id: string];\r\n}>();\r\n\r\n/** 添加书签 */\r\nfunction handleAdd() {\r\n  emit(\"add\", \"\");\r\n}\r\n\r\n/** 格式化时间为 mm:ss */\r\nfunction formatTime(seconds: number): string {\r\n  const m = Math.floor(seconds / 60);\r\n  const s = Math.floor(seconds % 60);\r\n  return `${m.toString().padStart(2, \"0\")}:${s.toString().padStart(2, \"0\")}`;\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-bookmark-panel {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n.vp-bookmark-add-btn,\r\n.vp-bookmark-list-btn {\r\n  color: #fff;\r\n  font-size: 12px;\r\n}\r\n\r\n.vp-bookmark-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 220px;\r\n  gap: 2px;\r\n}\r\n\r\n.vp-bookmark-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 6px 8px;\r\n  border-radius: 4px;\r\n  font-size: 13px;\r\n\r\n  &:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n  }\r\n}\r\n\r\n.vp-bookmark-time {\r\n  color: var(--c-primary, #18a058);\r\n  cursor: pointer;\r\n  font-variant-numeric: tabular-nums;\r\n  white-space: nowrap;\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n}\r\n\r\n.vp-bookmark-note {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  opacity: 0.7;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 测验弹窗\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <Transition name=\"vp-quiz-fade\">\r\n    <div v-if=\"quiz\" class=\"vp-quiz-overlay\">\r\n      <div class=\"vp-quiz-card\">\r\n        <!-- 标题 -->\r\n        <div class=\"vp-quiz-header\">\r\n          <span class=\"vp-quiz-type-tag\">\r\n            {{ typeLabel }}\r\n          </span>\r\n          <h3 class=\"vp-quiz-title\">{{ quiz.title }}</h3>\r\n        </div>\r\n\r\n        <!-- 选项 -->\r\n        <div class=\"vp-quiz-options\">\r\n          <template v-if=\"quiz.type === 'multiple'\">\r\n            <NCheckboxGroup v-model:value=\"multiAnswer\" :disabled=\"showResult\">\r\n              <div\r\n                v-for=\"opt in quiz.options\"\r\n                :key=\"opt.key\"\r\n                class=\"vp-quiz-option\"\r\n              >\r\n                <NCheckbox\r\n                  :value=\"opt.key\"\r\n                  :label=\"`${opt.key}. ${opt.label}`\"\r\n                />\r\n              </div>\r\n            </NCheckboxGroup>\r\n          </template>\r\n\r\n          <template v-else>\r\n            <NRadioGroup v-model:value=\"singleAnswer\" :disabled=\"showResult\">\r\n              <div\r\n                v-for=\"opt in quiz.options\"\r\n                :key=\"opt.key\"\r\n                class=\"vp-quiz-option\"\r\n              >\r\n                <NRadio :value=\"opt.key\" :label=\"`${opt.key}. ${opt.label}`\" />\r\n              </div>\r\n            </NRadioGroup>\r\n          </template>\r\n        </div>\r\n\r\n        <!-- 结果反馈 -->\r\n        <div\r\n          v-if=\"showResult\"\r\n          class=\"vp-quiz-result\"\r\n          :class=\"isCorrect ? 'is-correct' : 'is-wrong'\"\r\n        >\r\n          {{ isCorrect ? \"✓ 回答正确！\" : \"✗ 回答错误，请重试\" }}\r\n        </div>\r\n\r\n        <!-- 操作按钮 -->\r\n        <div class=\"vp-quiz-actions\">\r\n          <NButton\r\n            v-if=\"!showResult\"\r\n            type=\"primary\"\r\n            :disabled=\"!hasAnswer\"\r\n            @click=\"$emit('submit')\"\r\n          >\r\n            提交答案\r\n          </NButton>\r\n\r\n          <template v-else>\r\n            <NButton\r\n              v-if=\"!isCorrect && quiz.required\"\r\n              type=\"warning\"\r\n              @click=\"$emit('retry')\"\r\n            >\r\n              重新作答\r\n            </NButton>\r\n            <NButton\r\n              v-if=\"isCorrect || !quiz.required\"\r\n              type=\"primary\"\r\n              @click=\"$emit('close')\"\r\n            >\r\n              继续学习\r\n            </NButton>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Transition>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch } from \"vue\";\r\nimport type { VideoQuiz } from \"../types\";\r\n\r\ninterface Props {\r\n  quiz: VideoQuiz | null;\r\n  showResult?: boolean;\r\n  isCorrect?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  showResult: false,\r\n  isCorrect: false,\r\n});\r\n\r\ndefineEmits<{\r\n  submit: [];\r\n  retry: [];\r\n  close: [];\r\n}>();\r\n\r\n/** 单选答案 */\r\nconst singleAnswer = ref<string>(\"\");\r\n\r\n/** 多选答案 */\r\nconst multiAnswer = ref<string[]>([]);\r\n\r\n/** 当前选中的答案（对外） */\r\nconst currentAnswer = defineModel<string | string[]>(\"answer\", {\r\n  default: \"\",\r\n});\r\n\r\n/** 题目类型标签 */\r\nconst typeLabel = computed(() => {\r\n  const map: Record<string, string> = {\r\n    single: \"单选题\",\r\n    multiple: \"多选题\",\r\n    judge: \"判断题\",\r\n  };\r\n  return map[props.quiz?.type ?? \"single\"] ?? \"单选题\";\r\n});\r\n\r\n/** 是否已选答案 */\r\nconst hasAnswer = computed(() => {\r\n  if (props.quiz?.type === \"multiple\") {\r\n    return multiAnswer.value.length > 0;\r\n  }\r\n  return singleAnswer.value !== \"\";\r\n});\r\n\r\n/* 同步答案到外部 */\r\nwatch(singleAnswer, (val) => {\r\n  if (props.quiz?.type !== \"multiple\") {\r\n    currentAnswer.value = val;\r\n  }\r\n});\r\n\r\nwatch(multiAnswer, (val) => {\r\n  if (props.quiz?.type === \"multiple\") {\r\n    currentAnswer.value = [...val];\r\n  }\r\n});\r\n\r\n/* 重置答案 */\r\nwatch(\r\n  () => props.quiz?.id,\r\n  () => {\r\n    singleAnswer.value = \"\";\r\n    multiAnswer.value = [];\r\n  },\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-quiz-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(0, 0, 0, 0.7);\r\n  z-index: 100;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n.vp-quiz-card {\r\n  background: var(--c-bg-card, #fff);\r\n  border-radius: 12px;\r\n  padding: 24px;\r\n  max-width: 480px;\r\n  width: 90%;\r\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.vp-quiz-header {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.vp-quiz-type-tag {\r\n  display: inline-block;\r\n  padding: 2px 8px;\r\n  font-size: 12px;\r\n  background: var(--c-primary, #18a058);\r\n  color: #fff;\r\n  border-radius: 4px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.vp-quiz-title {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  color: var(--c-text-1, #333);\r\n}\r\n\r\n.vp-quiz-options {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.vp-quiz-option {\r\n  padding: 6px 0;\r\n}\r\n\r\n.vp-quiz-result {\r\n  padding: 8px 12px;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  margin-bottom: 16px;\r\n\r\n  &.is-correct {\r\n    background: #e8f5e9;\r\n    color: #2e7d32;\r\n  }\r\n\r\n  &.is-wrong {\r\n    background: #fbe9e7;\r\n    color: #c62828;\r\n  }\r\n}\r\n\r\n.vp-quiz-actions {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: 8px;\r\n}\r\n\r\n.vp-quiz-fade-enter-active,\r\n.vp-quiz-fade-leave-active {\r\n  transition: opacity var(--c-transition, 0.2s ease);\r\n}\r\n\r\n.vp-quiz-fade-enter-from,\r\n.vp-quiz-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 测验弹窗\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <Transition name=\"vp-quiz-fade\">\r\n    <div v-if=\"quiz\" class=\"vp-quiz-overlay\">\r\n      <div class=\"vp-quiz-card\">\r\n        <!-- 标题 -->\r\n        <div class=\"vp-quiz-header\">\r\n          <span class=\"vp-quiz-type-tag\">\r\n            {{ typeLabel }}\r\n          </span>\r\n          <h3 class=\"vp-quiz-title\">{{ quiz.title }}</h3>\r\n        </div>\r\n\r\n        <!-- 选项 -->\r\n        <div class=\"vp-quiz-options\">\r\n          <template v-if=\"quiz.type === 'multiple'\">\r\n            <NCheckboxGroup v-model:value=\"multiAnswer\" :disabled=\"showResult\">\r\n              <div\r\n                v-for=\"opt in quiz.options\"\r\n                :key=\"opt.key\"\r\n                class=\"vp-quiz-option\"\r\n              >\r\n                <NCheckbox\r\n                  :value=\"opt.key\"\r\n                  :label=\"`${opt.key}. ${opt.label}`\"\r\n                />\r\n              </div>\r\n            </NCheckboxGroup>\r\n          </template>\r\n\r\n          <template v-else>\r\n            <NRadioGroup v-model:value=\"singleAnswer\" :disabled=\"showResult\">\r\n              <div\r\n                v-for=\"opt in quiz.options\"\r\n                :key=\"opt.key\"\r\n                class=\"vp-quiz-option\"\r\n              >\r\n                <NRadio :value=\"opt.key\" :label=\"`${opt.key}. ${opt.label}`\" />\r\n              </div>\r\n            </NRadioGroup>\r\n          </template>\r\n        </div>\r\n\r\n        <!-- 结果反馈 -->\r\n        <div\r\n          v-if=\"showResult\"\r\n          class=\"vp-quiz-result\"\r\n          :class=\"isCorrect ? 'is-correct' : 'is-wrong'\"\r\n        >\r\n          {{ isCorrect ? \"✓ 回答正确！\" : \"✗ 回答错误，请重试\" }}\r\n        </div>\r\n\r\n        <!-- 操作按钮 -->\r\n        <div class=\"vp-quiz-actions\">\r\n          <NButton\r\n            v-if=\"!showResult\"\r\n            type=\"primary\"\r\n            :disabled=\"!hasAnswer\"\r\n            @click=\"$emit('submit')\"\r\n          >\r\n            提交答案\r\n          </NButton>\r\n\r\n          <template v-else>\r\n            <NButton\r\n              v-if=\"!isCorrect && quiz.required\"\r\n              type=\"warning\"\r\n              @click=\"$emit('retry')\"\r\n            >\r\n              重新作答\r\n            </NButton>\r\n            <NButton\r\n              v-if=\"isCorrect || !quiz.required\"\r\n              type=\"primary\"\r\n              @click=\"$emit('close')\"\r\n            >\r\n              继续学习\r\n            </NButton>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Transition>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch } from \"vue\";\r\nimport type { VideoQuiz } from \"../types\";\r\n\r\ninterface Props {\r\n  quiz: VideoQuiz | null;\r\n  showResult?: boolean;\r\n  isCorrect?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  showResult: false,\r\n  isCorrect: false,\r\n});\r\n\r\ndefineEmits<{\r\n  submit: [];\r\n  retry: [];\r\n  close: [];\r\n}>();\r\n\r\n/** 单选答案 */\r\nconst singleAnswer = ref<string>(\"\");\r\n\r\n/** 多选答案 */\r\nconst multiAnswer = ref<string[]>([]);\r\n\r\n/** 当前选中的答案（对外） */\r\nconst currentAnswer = defineModel<string | string[]>(\"answer\", {\r\n  default: \"\",\r\n});\r\n\r\n/** 题目类型标签 */\r\nconst typeLabel = computed(() => {\r\n  const map: Record<string, string> = {\r\n    single: \"单选题\",\r\n    multiple: \"多选题\",\r\n    judge: \"判断题\",\r\n  };\r\n  return map[props.quiz?.type ?? \"single\"] ?? \"单选题\";\r\n});\r\n\r\n/** 是否已选答案 */\r\nconst hasAnswer = computed(() => {\r\n  if (props.quiz?.type === \"multiple\") {\r\n    return multiAnswer.value.length > 0;\r\n  }\r\n  return singleAnswer.value !== \"\";\r\n});\r\n\r\n/* 同步答案到外部 */\r\nwatch(singleAnswer, (val) => {\r\n  if (props.quiz?.type !== \"multiple\") {\r\n    currentAnswer.value = val;\r\n  }\r\n});\r\n\r\nwatch(multiAnswer, (val) => {\r\n  if (props.quiz?.type === \"multiple\") {\r\n    currentAnswer.value = [...val];\r\n  }\r\n});\r\n\r\n/* 重置答案 */\r\nwatch(\r\n  () => props.quiz?.id,\r\n  () => {\r\n    singleAnswer.value = \"\";\r\n    multiAnswer.value = [];\r\n  },\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-quiz-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(0, 0, 0, 0.7);\r\n  z-index: 100;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n.vp-quiz-card {\r\n  background: var(--c-bg-card, #fff);\r\n  border-radius: 12px;\r\n  padding: 24px;\r\n  max-width: 480px;\r\n  width: 90%;\r\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.vp-quiz-header {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.vp-quiz-type-tag {\r\n  display: inline-block;\r\n  padding: 2px 8px;\r\n  font-size: 12px;\r\n  background: var(--c-primary, #18a058);\r\n  color: #fff;\r\n  border-radius: 4px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.vp-quiz-title {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  color: var(--c-text-1, #333);\r\n}\r\n\r\n.vp-quiz-options {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.vp-quiz-option {\r\n  padding: 6px 0;\r\n}\r\n\r\n.vp-quiz-result {\r\n  padding: 8px 12px;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  margin-bottom: 16px;\r\n\r\n  &.is-correct {\r\n    background: #e8f5e9;\r\n    color: #2e7d32;\r\n  }\r\n\r\n  &.is-wrong {\r\n    background: #fbe9e7;\r\n    color: #c62828;\r\n  }\r\n}\r\n\r\n.vp-quiz-actions {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: 8px;\r\n}\r\n\r\n.vp-quiz-fade-enter-active,\r\n.vp-quiz-fade-leave-active {\r\n  transition: opacity var(--c-transition, 0.2s ease);\r\n}\r\n\r\n.vp-quiz-fade-enter-from,\r\n.vp-quiz-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 动态水印\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div v-if=\"visible && text\" class=\"vp-watermark\" :style=\"containerStyle\">\r\n    <span\r\n      v-for=\"n in repeatCount\"\r\n      :key=\"n\"\r\n      class=\"vp-watermark-item\"\r\n      :style=\"itemStyle\"\r\n    >\r\n      {{ text }}\r\n    </span>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { WATERMARK_DEFAULT_STYLE } from \"../constants\";\r\n\r\ninterface Props {\r\n  /** 是否显示水印 */\r\n  visible?: boolean;\r\n  /** 水印文本 */\r\n  text?: string;\r\n  /** 字体大小 */\r\n  fontSize?: number;\r\n  /** 文字颜色 */\r\n  color?: string;\r\n  /** 旋转角度 */\r\n  rotate?: number;\r\n  /** 水印间距 */\r\n  gap?: number;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  visible: true,\r\n  text: \"\",\r\n  fontSize: WATERMARK_DEFAULT_STYLE.fontSize,\r\n  color: WATERMARK_DEFAULT_STYLE.color,\r\n  rotate: WATERMARK_DEFAULT_STYLE.rotate,\r\n  gap: WATERMARK_DEFAULT_STYLE.gap,\r\n});\r\n\r\n/** 重复次数：根据间距简单估算 */\r\nconst repeatCount = computed(() => {\r\n  const area = 1920 * 1080;\r\n  const itemArea = props.gap * props.gap;\r\n  return Math.ceil(area / itemArea);\r\n});\r\n\r\n/** 容器样式 */\r\nconst containerStyle = computed(() => ({\r\n  position: \"absolute\" as const,\r\n  inset: 0,\r\n  overflow: \"hidden\",\r\n  pointerEvents: \"none\" as const,\r\n  zIndex: 50,\r\n  display: \"flex\",\r\n  flexWrap: \"wrap\" as const,\r\n  alignContent: \"flex-start\",\r\n  gap: `${props.gap}px`,\r\n  padding: `${props.gap / 2}px`,\r\n}));\r\n\r\n/** 水印文字样式 */\r\nconst itemStyle = computed(() => ({\r\n  fontSize: `${props.fontSize}px`,\r\n  color: props.color,\r\n  transform: `rotate(${props.rotate}deg)`,\r\n  userSelect: \"none\" as const,\r\n  whiteSpace: \"nowrap\" as const,\r\n  lineHeight: 1,\r\n}));\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-watermark {\r\n  /* 通过 CSS 阻止截图（基础防护） */\r\n  -webkit-user-select: none;\r\n  user-select: none;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-26\r\n * @Description: 动态水印\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div v-if=\"visible && text\" class=\"vp-watermark\" :style=\"containerStyle\">\r\n    <span\r\n      v-for=\"n in repeatCount\"\r\n      :key=\"n\"\r\n      class=\"vp-watermark-item\"\r\n      :style=\"itemStyle\"\r\n    >\r\n      {{ text }}\r\n    </span>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { WATERMARK_DEFAULT_STYLE } from \"../constants\";\r\n\r\ninterface Props {\r\n  /** 是否显示水印 */\r\n  visible?: boolean;\r\n  /** 水印文本 */\r\n  text?: string;\r\n  /** 字体大小 */\r\n  fontSize?: number;\r\n  /** 文字颜色 */\r\n  color?: string;\r\n  /** 旋转角度 */\r\n  rotate?: number;\r\n  /** 水印间距 */\r\n  gap?: number;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  visible: true,\r\n  text: \"\",\r\n  fontSize: WATERMARK_DEFAULT_STYLE.fontSize,\r\n  color: WATERMARK_DEFAULT_STYLE.color,\r\n  rotate: WATERMARK_DEFAULT_STYLE.rotate,\r\n  gap: WATERMARK_DEFAULT_STYLE.gap,\r\n});\r\n\r\n/** 重复次数：根据间距简单估算 */\r\nconst repeatCount = computed(() => {\r\n  const area = 1920 * 1080;\r\n  const itemArea = props.gap * props.gap;\r\n  return Math.ceil(area / itemArea);\r\n});\r\n\r\n/** 容器样式 */\r\nconst containerStyle = computed(() => ({\r\n  position: \"absolute\" as const,\r\n  inset: 0,\r\n  overflow: \"hidden\",\r\n  pointerEvents: \"none\" as const,\r\n  zIndex: 50,\r\n  display: \"flex\",\r\n  flexWrap: \"wrap\" as const,\r\n  alignContent: \"flex-start\",\r\n  gap: `${props.gap}px`,\r\n  padding: `${props.gap / 2}px`,\r\n}));\r\n\r\n/** 水印文字样式 */\r\nconst itemStyle = computed(() => ({\r\n  fontSize: `${props.fontSize}px`,\r\n  color: props.color,\r\n  transform: `rotate(${props.rotate}deg)`,\r\n  userSelect: \"none\" as const,\r\n  whiteSpace: \"nowrap\" as const,\r\n  lineHeight: 1,\r\n}));\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.vp-watermark {\r\n  /* 通过 CSS 阻止截图（基础防护） */\r\n  -webkit-user-select: none;\r\n  user-select: none;\r\n}\r\n</style>\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-26\n * @Description: 视频播放器组件（基于 xgplayer）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n\n<template>\n  <div\n    ref=\"wrapperRef\"\n    class=\"c-video-player\"\n    :class=\"{\n      'is-mini': miniPlayer.isMiniMode.value,\n      'is-fullscreen': isFullscreen,\n    }\"\n    tabindex=\"0\"\n  >\n    <!-- 播放器容器 -->\n    <div ref=\"containerRef\" class=\"c-video-player__container\" />\n\n    <!-- 动态水印 -->\n    <WatermarkOverlay\n      :visible=\"antiCheatState.showWatermark.value\"\n      :text=\"antiCheatState.watermarkText.value\"\n    />\n\n    <!-- 字幕渲染层 -->\n    <SubtitleOverlay\n      :text=\"subtitle.currentText.value\"\n      :tracks=\"subtitle.subtitleList.value\"\n      :active-language=\"subtitle.activeLanguage.value\"\n      @switch=\"subtitle.switchSubtitle\"\n      @close=\"subtitle.closeSubtitle\"\n    />\n\n    <!-- 测验弹窗 -->\n    <QuizOverlay\n      v-if=\"props.quizzes?.length\"\n      v-model:answer=\"quiz.selectedAnswer.value\"\n      :quiz=\"quiz.activeQuiz.value\"\n      :show-result=\"quiz.showResult.value\"\n      :is-correct=\"quiz.lastAnswerCorrect.value\"\n      @submit=\"handleQuizSubmit\"\n      @retry=\"quiz.retryQuiz()\"\n      @close=\"handleQuizClose\"\n    />\n\n    <!-- 扩展控制栏（xgplayer 自带控制栏外的扩展） -->\n    <ControlBar :visible=\"showExtendedControls\">\n      <template #left>\n        <!-- 章节标记 -->\n        <ChapterMarkers\n          v-if=\"props.chapters?.length\"\n          :chapters=\"chaptersRef\"\n          :current-chapter=\"chapters.currentChapter.value\"\n          :current-index=\"chapters.currentChapterIndex.value\"\n          @go-to=\"chapters.goToChapter\"\n        />\n      </template>\n\n      <template #right>\n        <!-- 书签面板 -->\n        <BookmarkPanel\n          :bookmarks=\"bookmarksState.bookmarks.value\"\n          @add=\"handleAddBookmark\"\n          @remove=\"bookmarksState.removeBookmark\"\n          @go-to=\"bookmarksState.goToBookmark\"\n        />\n      </template>\n    </ControlBar>\n\n    <!-- 小窗关闭按钮 -->\n    <div\n      v-if=\"miniPlayer.isMiniMode.value\"\n      class=\"c-video-player__mini-close\"\n      @click=\"miniPlayer.closeMiniPlayer()\"\n    >\n      ✕\n    </div>\n\n    <!-- 小窗点击回原位 -->\n    <div\n      v-if=\"miniPlayer.isMiniMode.value\"\n      class=\"c-video-player__mini-back\"\n      @click=\"miniPlayer.scrollToPlayer()\"\n    >\n      回到原位\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  ref,\n  computed,\n  watch,\n  toRef,\n  onMounted,\n  onBeforeUnmount,\n  nextTick,\n} from \"vue\";\nimport { Events } from \"xgplayer\";\nimport {\n  usePlayerCore,\n  usePlaybackControl,\n  useProgressTracker,\n  useQualitySwitch,\n  useChapters,\n  useBookmarks,\n  useAntiCheat,\n  useSubtitle,\n  useQuiz,\n  useMiniPlayer,\n  useKeyboard,\n} from \"./composables\";\nimport { createAnalyticsPlugin } from \"./plugins\";\nimport ControlBar from \"./components/ControlBar.vue\";\nimport SubtitleOverlay from \"./components/SubtitleOverlay.vue\";\nimport ChapterMarkers from \"./components/ChapterMarkers.vue\";\nimport BookmarkPanel from \"./components/BookmarkPanel.vue\";\nimport QuizOverlay from \"./components/QuizOverlay.vue\";\nimport WatermarkOverlay from \"./components/WatermarkOverlay.vue\";\nimport type {\n  VideoPlayerProps,\n  VideoPlayerExpose,\n  PlayerState,\n  QualityLevel,\n  ProgressData,\n  Bookmark,\n  Chapter,\n} from \"./types\";\n\ndefineOptions({ name: \"C_VideoPlayer\" });\n\nconst props = defineProps<VideoPlayerProps>();\n\nconst emit = defineEmits<{\n  ready: [];\n  stateChange: [state: PlayerState];\n  timeUpdate: [currentTime: number, duration: number];\n  ended: [];\n  error: [error: Error];\n  qualityChange: [quality: QualityLevel];\n  rateChange: [rate: number];\n  fullscreenChange: [isFullscreen: boolean];\n  bookmarkChange: [bookmarks: Bookmark[]];\n  quizAnswer: [quizId: string, answer: string | string[], isCorrect: boolean];\n  chapterChange: [chapter: Chapter];\n  progressUpdate: [data: ProgressData];\n}>();\n\n/* ======================== 核心 ======================== */\n\nconst core = usePlayerCore(props);\nconst {\n  containerRef,\n  playerRef,\n  playerState,\n  currentTime,\n  duration,\n  isFullscreen,\n} = core;\n\nconst wrapperRef = ref<HTMLElement | null>(null);\n\n/* ======================== 播放控制 ======================== */\n\nconst playback = usePlaybackControl(playerRef);\n\n/* ======================== 进度追踪 ======================== */\n\nconst urlRef = toRef(props, \"url\");\nconst progressTracker = useProgressTracker(\n  playerRef,\n  currentTime,\n  duration,\n  urlRef,\n  props.onProgress,\n  props.antiCheat,\n);\n\n/* ======================== 清晰度切换 ======================== */\n\nconst qualitySwitch = useQualitySwitch(playerRef, props.qualityList);\n\n/* ======================== 章节标记 ======================== */\n\nconst chaptersRef = computed(() => props.chapters ?? []);\nconst chapters = useChapters(chaptersRef, currentTime, duration, playback.seek);\n\n/* ======================== 书签笔记 ======================== */\n\nconst bookmarksState = useBookmarks(\n  urlRef,\n  currentTime,\n  playback.seek,\n  props.bookmarks,\n);\n\n/* ======================== 防作弊 ======================== */\n\nconst antiCheatState = useAntiCheat(playerRef, currentTime, props.antiCheat);\n\n/* ======================== 字幕 ======================== */\n\nconst subtitle = useSubtitle(playerRef, props.subtitles, currentTime);\n\n/* ======================== 测验 ======================== */\n\nconst quizzesRef = computed(() => props.quizzes ?? []);\nconst quiz = useQuiz(playerRef, currentTime, quizzesRef);\n\n/* ======================== 小窗播放 ======================== */\n\nconst miniEnabled = computed(() => props.miniPlayer ?? false);\nconst miniPlayer = useMiniPlayer(wrapperRef, miniEnabled);\n\n/* ======================== 快捷键 ======================== */\n\nconst keyboard = useKeyboard(playerRef, wrapperRef, {\n  enabled: props.keyboard !== false,\n  onToggleFullscreen: () => {\n    playerRef.value?.getFullscreen?.();\n  },\n});\n\n/* ======================== 数据分析 ======================== */\n\nlet analyticsDestroy: (() => void) | null = null;\n\n/* ======================== 扩展控制栏：书签始终可用，章节/清晰度按需 ======================== */\n\nconst showExtendedControls = true;\n\n/* ======================== 事件处理 ======================== */\n\n/** 处理添加书签 */\nfunction handleAddBookmark(note: string) {\n  bookmarksState.addBookmark(note);\n  emit(\"bookmarkChange\", bookmarksState.bookmarks.value);\n}\n\n/** 处理测验提交 */\nfunction handleQuizSubmit() {\n  const isCorrect = quiz.submitAnswer();\n  const activeQuiz = quiz.activeQuiz.value;\n  if (activeQuiz) {\n    emit(\"quizAnswer\", activeQuiz.id, quiz.selectedAnswer.value, isCorrect);\n  }\n}\n\n/** 处理测验关闭 */\nfunction handleQuizClose() {\n  quiz.closeQuiz();\n}\n\n/* ======================== 监听播放器事件并向外 emit ======================== */\n\nwatch(playerState, (state) => {\n  emit(\"stateChange\", state);\n});\n\nwatch(isFullscreen, (val) => {\n  emit(\"fullscreenChange\", val);\n});\n\n/* 监听章节变化 */\nwatch(\n  () => chapters.currentChapter.value,\n  (chapter) => {\n    if (chapter) {\n      emit(\"chapterChange\", chapter);\n    }\n  },\n);\n\n/* ======================== 初始化 & 销毁 ======================== */\n\nonMounted(async () => {\n  /* 将 wrapperRef 的 el 赋值给 core */\n  core.containerRef.value = containerRef.value;\n\n  await nextTick();\n  await core.initPlayer();\n\n  const player = playerRef.value;\n  if (!player) return;\n\n  /* 绑定各模块事件 */\n  qualitySwitch.bindEvents(player);\n  antiCheatState.bindEvents(player);\n  subtitle.initSubtitles();\n  keyboard.startListening();\n  miniPlayer.initObserver();\n\n  /* 恢复断点续播 */\n  const restoreTime = progressTracker.restoreProgress();\n  if (restoreTime > 0 && props.startTime === undefined) {\n    player.currentTime = restoreTime;\n  }\n\n  /* 播放器事件 → 进度追踪 */\n  player.on(Events.PLAY, () => {\n    progressTracker.onPlay();\n  });\n  player.on(Events.PAUSE, () => {\n    progressTracker.onPause();\n  });\n  player.on(Events.TIME_UPDATE, () => {\n    progressTracker.onTimeUpdate();\n    emit(\"timeUpdate\", currentTime.value, duration.value);\n    emit(\"progressUpdate\", progressTracker.getProgressData());\n  });\n  player.on(Events.ENDED, () => {\n    emit(\"ended\");\n    antiCheatState.markAsWatched();\n  });\n  player.on(Events.ERROR, () => {\n    emit(\"error\", new Error(\"播放器错误\"));\n  });\n  player.on(Events.READY, () => {\n    emit(\"ready\");\n  });\n\n  /* xgplayer 原生清晰度切换 → 向外 emit */\n  player.on(Events.AFTER_DEFINITION_CHANGE, (data: { to: string }) => {\n    emit(\"qualityChange\", data.to as QualityLevel);\n  });\n\n  /* xgplayer 原生倍速切换 → 向外 emit */\n  player.on(Events.RATE_CHANGE, (rate: number) => {\n    emit(\"rateChange\", rate);\n  });\n\n  /* 初始化数据分析 */\n  if (props.onAnalytics) {\n    const analytics = createAnalyticsPlugin(player, props.onAnalytics);\n    analyticsDestroy = analytics.destroy;\n  }\n});\n\nonBeforeUnmount(() => {\n  analyticsDestroy?.();\n  keyboard.stopListening();\n  miniPlayer.destroyObserver();\n  progressTracker.stopTracking();\n  core.destroyPlayer();\n});\n\n/* ======================== 暴露方法 ======================== */\n\ndefineExpose<VideoPlayerExpose>({\n  play: playback.play,\n  pause: playback.pause,\n  seek: playback.seek,\n  setPlaybackRate: playback.setPlaybackRate,\n  setVolume: playback.setVolume,\n  switchQuality: qualitySwitch.switchQuality,\n  getProgressData: progressTracker.getProgressData,\n  destroy: core.destroyPlayer,\n  getPlayerInstance: () => playerRef.value,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-26\n * @Description: 视频播放器组件（基于 xgplayer）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n\n<template>\n  <div\n    ref=\"wrapperRef\"\n    class=\"c-video-player\"\n    :class=\"{\n      'is-mini': miniPlayer.isMiniMode.value,\n      'is-fullscreen': isFullscreen,\n    }\"\n    tabindex=\"0\"\n  >\n    <!-- 播放器容器 -->\n    <div ref=\"containerRef\" class=\"c-video-player__container\" />\n\n    <!-- 动态水印 -->\n    <WatermarkOverlay\n      :visible=\"antiCheatState.showWatermark.value\"\n      :text=\"antiCheatState.watermarkText.value\"\n    />\n\n    <!-- 字幕渲染层 -->\n    <SubtitleOverlay\n      :text=\"subtitle.currentText.value\"\n      :tracks=\"subtitle.subtitleList.value\"\n      :active-language=\"subtitle.activeLanguage.value\"\n      @switch=\"subtitle.switchSubtitle\"\n      @close=\"subtitle.closeSubtitle\"\n    />\n\n    <!-- 测验弹窗 -->\n    <QuizOverlay\n      v-if=\"props.quizzes?.length\"\n      v-model:answer=\"quiz.selectedAnswer.value\"\n      :quiz=\"quiz.activeQuiz.value\"\n      :show-result=\"quiz.showResult.value\"\n      :is-correct=\"quiz.lastAnswerCorrect.value\"\n      @submit=\"handleQuizSubmit\"\n      @retry=\"quiz.retryQuiz()\"\n      @close=\"handleQuizClose\"\n    />\n\n    <!-- 扩展控制栏（xgplayer 自带控制栏外的扩展） -->\n    <ControlBar :visible=\"showExtendedControls\">\n      <template #left>\n        <!-- 章节标记 -->\n        <ChapterMarkers\n          v-if=\"props.chapters?.length\"\n          :chapters=\"chaptersRef\"\n          :current-chapter=\"chapters.currentChapter.value\"\n          :current-index=\"chapters.currentChapterIndex.value\"\n          @go-to=\"chapters.goToChapter\"\n        />\n      </template>\n\n      <template #right>\n        <!-- 书签面板 -->\n        <BookmarkPanel\n          :bookmarks=\"bookmarksState.bookmarks.value\"\n          @add=\"handleAddBookmark\"\n          @remove=\"bookmarksState.removeBookmark\"\n          @go-to=\"bookmarksState.goToBookmark\"\n        />\n      </template>\n    </ControlBar>\n\n    <!-- 小窗关闭按钮 -->\n    <div\n      v-if=\"miniPlayer.isMiniMode.value\"\n      class=\"c-video-player__mini-close\"\n      @click=\"miniPlayer.closeMiniPlayer()\"\n    >\n      ✕\n    </div>\n\n    <!-- 小窗点击回原位 -->\n    <div\n      v-if=\"miniPlayer.isMiniMode.value\"\n      class=\"c-video-player__mini-back\"\n      @click=\"miniPlayer.scrollToPlayer()\"\n    >\n      回到原位\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  ref,\n  computed,\n  watch,\n  toRef,\n  onMounted,\n  onBeforeUnmount,\n  nextTick,\n} from \"vue\";\nimport { Events } from \"xgplayer\";\nimport {\n  usePlayerCore,\n  usePlaybackControl,\n  useProgressTracker,\n  useQualitySwitch,\n  useChapters,\n  useBookmarks,\n  useAntiCheat,\n  useSubtitle,\n  useQuiz,\n  useMiniPlayer,\n  useKeyboard,\n} from \"./composables\";\nimport { createAnalyticsPlugin } from \"./plugins\";\nimport ControlBar from \"./components/ControlBar.vue\";\nimport SubtitleOverlay from \"./components/SubtitleOverlay.vue\";\nimport ChapterMarkers from \"./components/ChapterMarkers.vue\";\nimport BookmarkPanel from \"./components/BookmarkPanel.vue\";\nimport QuizOverlay from \"./components/QuizOverlay.vue\";\nimport WatermarkOverlay from \"./components/WatermarkOverlay.vue\";\nimport type {\n  VideoPlayerProps,\n  VideoPlayerExpose,\n  PlayerState,\n  QualityLevel,\n  ProgressData,\n  Bookmark,\n  Chapter,\n} from \"./types\";\n\ndefineOptions({ name: \"C_VideoPlayer\" });\n\nconst props = defineProps<VideoPlayerProps>();\n\nconst emit = defineEmits<{\n  ready: [];\n  stateChange: [state: PlayerState];\n  timeUpdate: [currentTime: number, duration: number];\n  ended: [];\n  error: [error: Error];\n  qualityChange: [quality: QualityLevel];\n  rateChange: [rate: number];\n  fullscreenChange: [isFullscreen: boolean];\n  bookmarkChange: [bookmarks: Bookmark[]];\n  quizAnswer: [quizId: string, answer: string | string[], isCorrect: boolean];\n  chapterChange: [chapter: Chapter];\n  progressUpdate: [data: ProgressData];\n}>();\n\n/* ======================== 核心 ======================== */\n\nconst core = usePlayerCore(props);\nconst {\n  containerRef,\n  playerRef,\n  playerState,\n  currentTime,\n  duration,\n  isFullscreen,\n} = core;\n\nconst wrapperRef = ref<HTMLElement | null>(null);\n\n/* ======================== 播放控制 ======================== */\n\nconst playback = usePlaybackControl(playerRef);\n\n/* ======================== 进度追踪 ======================== */\n\nconst urlRef = toRef(props, \"url\");\nconst progressTracker = useProgressTracker(\n  playerRef,\n  currentTime,\n  duration,\n  urlRef,\n  props.onProgress,\n  props.antiCheat,\n);\n\n/* ======================== 清晰度切换 ======================== */\n\nconst qualitySwitch = useQualitySwitch(playerRef, props.qualityList);\n\n/* ======================== 章节标记 ======================== */\n\nconst chaptersRef = computed(() => props.chapters ?? []);\nconst chapters = useChapters(chaptersRef, currentTime, duration, playback.seek);\n\n/* ======================== 书签笔记 ======================== */\n\nconst bookmarksState = useBookmarks(\n  urlRef,\n  currentTime,\n  playback.seek,\n  props.bookmarks,\n);\n\n/* ======================== 防作弊 ======================== */\n\nconst antiCheatState = useAntiCheat(playerRef, currentTime, props.antiCheat);\n\n/* ======================== 字幕 ======================== */\n\nconst subtitle = useSubtitle(playerRef, props.subtitles, currentTime);\n\n/* ======================== 测验 ======================== */\n\nconst quizzesRef = computed(() => props.quizzes ?? []);\nconst quiz = useQuiz(playerRef, currentTime, quizzesRef);\n\n/* ======================== 小窗播放 ======================== */\n\nconst miniEnabled = computed(() => props.miniPlayer ?? false);\nconst miniPlayer = useMiniPlayer(wrapperRef, miniEnabled);\n\n/* ======================== 快捷键 ======================== */\n\nconst keyboard = useKeyboard(playerRef, wrapperRef, {\n  enabled: props.keyboard !== false,\n  onToggleFullscreen: () => {\n    playerRef.value?.getFullscreen?.();\n  },\n});\n\n/* ======================== 数据分析 ======================== */\n\nlet analyticsDestroy: (() => void) | null = null;\n\n/* ======================== 扩展控制栏：书签始终可用，章节/清晰度按需 ======================== */\n\nconst showExtendedControls = true;\n\n/* ======================== 事件处理 ======================== */\n\n/** 处理添加书签 */\nfunction handleAddBookmark(note: string) {\n  bookmarksState.addBookmark(note);\n  emit(\"bookmarkChange\", bookmarksState.bookmarks.value);\n}\n\n/** 处理测验提交 */\nfunction handleQuizSubmit() {\n  const isCorrect = quiz.submitAnswer();\n  const activeQuiz = quiz.activeQuiz.value;\n  if (activeQuiz) {\n    emit(\"quizAnswer\", activeQuiz.id, quiz.selectedAnswer.value, isCorrect);\n  }\n}\n\n/** 处理测验关闭 */\nfunction handleQuizClose() {\n  quiz.closeQuiz();\n}\n\n/* ======================== 监听播放器事件并向外 emit ======================== */\n\nwatch(playerState, (state) => {\n  emit(\"stateChange\", state);\n});\n\nwatch(isFullscreen, (val) => {\n  emit(\"fullscreenChange\", val);\n});\n\n/* 监听章节变化 */\nwatch(\n  () => chapters.currentChapter.value,\n  (chapter) => {\n    if (chapter) {\n      emit(\"chapterChange\", chapter);\n    }\n  },\n);\n\n/* ======================== 初始化 & 销毁 ======================== */\n\nonMounted(async () => {\n  /* 将 wrapperRef 的 el 赋值给 core */\n  core.containerRef.value = containerRef.value;\n\n  await nextTick();\n  await core.initPlayer();\n\n  const player = playerRef.value;\n  if (!player) return;\n\n  /* 绑定各模块事件 */\n  qualitySwitch.bindEvents(player);\n  antiCheatState.bindEvents(player);\n  subtitle.initSubtitles();\n  keyboard.startListening();\n  miniPlayer.initObserver();\n\n  /* 恢复断点续播 */\n  const restoreTime = progressTracker.restoreProgress();\n  if (restoreTime > 0 && props.startTime === undefined) {\n    player.currentTime = restoreTime;\n  }\n\n  /* 播放器事件 → 进度追踪 */\n  player.on(Events.PLAY, () => {\n    progressTracker.onPlay();\n  });\n  player.on(Events.PAUSE, () => {\n    progressTracker.onPause();\n  });\n  player.on(Events.TIME_UPDATE, () => {\n    progressTracker.onTimeUpdate();\n    emit(\"timeUpdate\", currentTime.value, duration.value);\n    emit(\"progressUpdate\", progressTracker.getProgressData());\n  });\n  player.on(Events.ENDED, () => {\n    emit(\"ended\");\n    antiCheatState.markAsWatched();\n  });\n  player.on(Events.ERROR, () => {\n    emit(\"error\", new Error(\"播放器错误\"));\n  });\n  player.on(Events.READY, () => {\n    emit(\"ready\");\n  });\n\n  /* xgplayer 原生清晰度切换 → 向外 emit */\n  player.on(Events.AFTER_DEFINITION_CHANGE, (data: { to: string }) => {\n    emit(\"qualityChange\", data.to as QualityLevel);\n  });\n\n  /* xgplayer 原生倍速切换 → 向外 emit */\n  player.on(Events.RATE_CHANGE, (rate: number) => {\n    emit(\"rateChange\", rate);\n  });\n\n  /* 初始化数据分析 */\n  if (props.onAnalytics) {\n    const analytics = createAnalyticsPlugin(player, props.onAnalytics);\n    analyticsDestroy = analytics.destroy;\n  }\n});\n\nonBeforeUnmount(() => {\n  analyticsDestroy?.();\n  keyboard.stopListening();\n  miniPlayer.destroyObserver();\n  progressTracker.stopTracking();\n  core.destroyPlayer();\n});\n\n/* ======================== 暴露方法 ======================== */\n\ndefineExpose<VideoPlayerExpose>({\n  play: playback.play,\n  pause: playback.pause,\n  seek: playback.seek,\n  setPlaybackRate: playback.setPlaybackRate,\n  setVolume: playback.setVolume,\n  switchQuality: qualitySwitch.switchQuality,\n  getProgressData: progressTracker.getProgressData,\n  destroy: core.destroyPlayer,\n  getPlayerInstance: () => playerRef.value,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}