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

package/dist/C_VideoPlayer2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_VideoPlayer2.js","names":["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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"}

package/dist/C_VtableGantt-CZlJgvpC.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_VtableGantt-CZlJgvpC.css","names":[],"sources":["../src/components/C_VtableGantt/index.vue?vue&type=style&index=0&scoped=1fc4d705&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 甘特图组件样式 */\n.c-vtable-gantt-wrapper[data-v-1fc4d705] {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--c-border, #e1e4e8);\n  border-radius: var(--c-radius, 8px);\n  overflow: hidden;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n  height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar[data-v-1fc4d705] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e1e4e8);\n  min-height: 48px;\n  flex-shrink: 0;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-1fc4d705] {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--c-text-1, #333);\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-1fc4d705] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] {\n  flex: 1;\n  position: relative;\n  min-height: 400px;\n  overflow: hidden;\n  /* 确保甘特图组件完全填充容器 */\n  /* 确保甘特图内部组件正确填充 */\n  /* 防止内部表格自动调整高度 */\n  /* 防止拖动时底部色块闪烁 */\n  /* 针对拖动元素的优化 */\n  /* 防止拖动时底部区域的重绘闪烁 */\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] > * {\n  width: 100%;\n  height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt {\n  width: 100% !important;\n  height: 100% !important;\n  overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt * {\n  backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-font-smoothing: subpixel-antialiased;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-table {\n  height: 100% !important;\n  box-sizing: border-box;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart {\n  position: relative;\n  overflow: hidden;\n  will-change: transform;\n  transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-task {\n  backface-visibility: hidden;\n  transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-task.dragging {\n  z-index: 1000;\n  pointer-events: none;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart-container {\n  position: relative;\n  overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart-container::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background: transparent;\n  pointer-events: none;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_VtableGantt-DKfQkql0.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_VtableGantt-DKfQkql0.css","names":[],"sources":["../src/components/C_VtableGantt/index.vue?vue&type=style&index=0&scoped=1fc4d705&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 甘特图组件样式 */\n.c-vtable-gantt-wrapper[data-v-1fc4d705] {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--c-border, #e1e4e8);\n  border-radius: var(--c-radius, 8px);\n  overflow: hidden;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n  height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar[data-v-1fc4d705] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--c-border, #e1e4e8);\n  min-height: 48px;\n  flex-shrink: 0;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-1fc4d705] {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--c-text-1, #333);\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-1fc4d705] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] {\n  flex: 1;\n  position: relative;\n  min-height: 400px;\n  overflow: hidden;\n  /* 确保甘特图组件完全填充容器 */\n  /* 确保甘特图内部组件正确填充 */\n  /* 防止内部表格自动调整高度 */\n  /* 防止拖动时底部色块闪烁 */\n  /* 针对拖动元素的优化 */\n  /* 防止拖动时底部区域的重绘闪烁 */\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] > * {\n  width: 100%;\n  height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt {\n  width: 100% !important;\n  height: 100% !important;\n  overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt * {\n  backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-font-smoothing: subpixel-antialiased;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-table {\n  height: 100% !important;\n  box-sizing: border-box;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart {\n  position: relative;\n  overflow: hidden;\n  will-change: transform;\n  transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-task {\n  backface-visibility: hidden;\n  transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-task.dragging {\n  z-index: 1000;\n  pointer-events: none;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart-container {\n  position: relative;\n  overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart-container::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background: transparent;\n  pointer-events: none;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_VtableGantt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_VtableGantt.js","names":["showToolbar","title","showFullscreenButton"],"sources":["../src/components/C_VtableGantt/data.ts","../src/components/C_VtableGantt/index.vue","../src/components/C_VtableGantt/index.vue"],"sourcesContent":["// 甘特图相关类型定义和预设配置\n\n// ==================== 类型定义 ====================\nexport interface GanttTask {\n  id: string | number\n  title: string\n  start: string | Date\n  end?: string | Date\n  progress?: number\n  priority?: string\n  type?: 'milestone' | 'task'\n  children?: GanttTask[]\n  [key: string]: any\n}\n\nexport interface GanttOptions {\n  [key: string]: any\n}\n\nexport type GanttPreset =\n  | 'basic'\n  | 'project'\n  | 'timeline'\n  | 'milestone'\n  | 'official'\n\n// ==================== 通用主题配置 ====================\n// 移除硬编码颜色，让背景透明以跟随系统主题\nexport const commonTheme = {\n  headerStyle: {\n    borderColor: 'rgba(128, 128, 128, 0.2)',\n    borderLineWidth: 1,\n    fontSize: 14,\n    fontWeight: 'bold',\n    // bgColor 留空或透明，自动跟随主题\n  },\n  bodyStyle: {\n    borderColor: 'rgba(128, 128, 128, 0.2)',\n    borderLineWidth: [1, 0, 1, 0],\n    fontSize: 13,\n    // bgColor 留空或透明，自动跟随主题\n  },\n}\n\n// ==================== 预设配置 ====================\nexport const presetConfigs = {\n  basic: {\n    overscrollBehavior: 'none',\n    headerRowHeight: 40,\n    rowHeight: 40,\n    taskListTable: {\n      columns: [\n        { field: 'title', title: '任务名称', width: 220, tree: true },\n        { field: 'start', title: '开始时间', width: 120 },\n        { field: 'end', title: '结束时间', width: 120 },\n        { field: 'progress', title: '进度', width: 80 },\n      ],\n      tableWidth: 420,\n      minTableWidth: 300,\n      theme: commonTheme,\n    },\n    frame: {\n      outerFrameStyle: {\n        borderLineWidth: 1,\n        borderColor: '#e1e4e8',\n        cornerRadius: 6,\n      },\n      verticalSplitLineMoveable: true,\n      verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 2 },\n    },\n    grid: {\n      // 移除 weekendBackgroundColor，让它透明跟随主题\n      verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n      horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n    },\n    taskBar: {\n      startDateField: 'start',\n      endDateField: 'end',\n      progressField: 'progress',\n      moveable: true,\n      resizable: true,\n      labelText: '{title}',\n      labelTextStyle: { fontSize: 12, textAlign: 'left' },\n      barStyle: {\n        width: 18,\n        barColor: '#1890ff',\n        completedBarColor: '#52c41a',\n        cornerRadius: 4,\n        borderLineWidth: 0,\n      },\n      milestoneStyle: {\n        borderColor: '#fa8c16',\n        borderLineWidth: 1,\n        fillColor: '#ffd666',\n        width: 12,\n      },\n    },\n    timelineHeader: {\n      // 移除 backgroundColor，让它透明跟随主题\n      colWidth: 60,\n      horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n      verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n      scales: [\n        {\n          unit: 'week',\n          step: 1,\n          format: (date: any) => `第${date.dateIndex}周`,\n          style: { fontSize: 12, fontWeight: 'bold' },\n        },\n        {\n          unit: 'day',\n          step: 1,\n          format: (date: any) => `${date.dateIndex}`,\n          style: { fontSize: 11 },\n        },\n      ],\n    },\n    scrollStyle: {\n      scrollRailColor: 'rgba(246,246,246,0.5)',\n      visible: 'scrolling',\n      width: 6,\n      scrollSliderCornerRadius: 2,\n      scrollSliderColor: '#1890ff',\n    },\n  },\n\n  project: {\n    overscrollBehavior: 'none',\n    headerRowHeight: 40,\n    rowHeight: 40,\n    taskListTable: {\n      columns: [\n        {\n          field: 'title',\n          title: '任务名称',\n          width: 200,\n          tree: true,\n          editor: 'input',\n        },\n        {\n          field: 'start',\n          title: '开始时间',\n          width: 120,\n          editor: 'date-input',\n        },\n        { field: 'end', title: '结束时间', width: 120, editor: 'date-input' },\n        { field: 'priority', title: '优先级', width: 80, editor: 'input' },\n        { field: 'progress', title: '进度%', width: 80, editor: 'input' },\n      ],\n      tableWidth: 480,\n      minTableWidth: 350,\n      maxTableWidth: 800,\n      theme: commonTheme,\n      hierarchyExpandLevel: 2,\n    },\n    frame: {\n      outerFrameStyle: {\n        borderLineWidth: 2,\n        borderColor: '#e1e4e8',\n        cornerRadius: 8,\n      },\n      verticalSplitLineMoveable: true,\n      verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\n    },\n    grid: {\n      verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n      horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n    },\n    taskBar: {\n      startDateField: 'start',\n      endDateField: 'end',\n      progressField: 'progress',\n      moveable: true,\n      resizable: true,\n      hoverBarStyle: { barOverlayColor: 'rgba(24, 144, 255, 0.3)' },\n      labelText: '{title} {progress}%',\n      labelTextStyle: {\n        fontSize: 12,\n        textAlign: 'left',\n        textOverflow: 'ellipsis',\n      },\n      barStyle: {\n        width: 20,\n        barColor: '#1890ff',\n        completedBarColor: '#52c41a',\n        cornerRadius: 6,\n        borderLineWidth: 0,\n      },\n    },\n    timelineHeader: {\n      colWidth: 60,\n      horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n      verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n      scales: [\n        {\n          unit: 'week',\n          step: 1,\n          startOfWeek: 'monday',\n          format: (date: any) => `第${date.dateIndex}周`,\n          style: { fontSize: 13, fontWeight: 'bold', textAlign: 'center' },\n        },\n        {\n          unit: 'day',\n          step: 1,\n          format: (date: any) => `${date.dateIndex}`,\n          style: { fontSize: 11, textAlign: 'center' },\n        },\n      ],\n    },\n    rowSeriesNumber: {\n      title: '序号',\n      dragOrder: true,\n      headerStyle: { borderColor: 'rgba(128, 128, 128, 0.2)' },\n      style: { borderColor: 'rgba(128, 128, 128, 0.2)' },\n    },\n    scrollStyle: {\n      scrollRailColor: 'rgba(246,246,246,0.5)',\n      visible: 'scrolling',\n      width: 6,\n      scrollSliderCornerRadius: 2,\n      scrollSliderColor: '#1890ff',\n    },\n  },\n\n  timeline: {\n    overscrollBehavior: 'none',\n    headerRowHeight: 45,\n    rowHeight: 40,\n    taskListTable: {\n      columns: [\n        { field: 'title', title: '事件名称', width: 250, tree: true },\n        { field: 'start', title: '时间', width: 150 },\n      ],\n      tableWidth: 400,\n      minTableWidth: 300,\n      theme: {\n        headerStyle: { ...commonTheme.headerStyle },\n        bodyStyle: commonTheme.bodyStyle,\n      },\n    },\n    frame: {\n      outerFrameStyle: {\n        borderLineWidth: 1,\n        borderColor: 'rgba(128, 128, 128, 0.3)',\n        cornerRadius: 4,\n      },\n      verticalSplitLineMoveable: true,\n    },\n    grid: {\n      verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n      horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n    },\n    taskBar: {\n      startDateField: 'start',\n      endDateField: 'end',\n      progressField: 'progress',\n      moveable: true,\n      resizable: true,\n      labelText: '{title}',\n      labelTextStyle: { fontSize: 12, textAlign: 'left' },\n      barStyle: {\n        width: 22,\n        barColor: '#722ed1',\n        completedBarColor: '#b37feb',\n        cornerRadius: 8,\n        borderLineWidth: 0,\n      },\n    },\n    timelineHeader: {\n      colWidth: 60,\n      scales: [\n        {\n          unit: 'month',\n          step: 1,\n          format: (date: any) => `${date.dateIndex}月`,\n          style: { fontSize: 13, fontWeight: 'bold' },\n        },\n        {\n          unit: 'day',\n          step: 1,\n          format: (date: any) => `${date.dateIndex}`,\n          style: { fontSize: 11 },\n        },\n      ],\n    },\n    scrollStyle: {\n      scrollRailColor: 'rgba(246,246,246,0.5)',\n      visible: 'scrolling',\n      width: 6,\n      scrollSliderCornerRadius: 2,\n      scrollSliderColor: '#1890ff',\n    },\n  },\n\n  milestone: {\n    overscrollBehavior: 'none',\n    headerRowHeight: 40,\n    rowHeight: 38,\n    taskListTable: {\n      columns: [\n        { field: 'title', title: '里程碑', width: 200, tree: true },\n        { field: 'start', title: '目标日期', width: 120 },\n        { field: 'priority', title: '重要性', width: 100 },\n      ],\n      tableWidth: 400,\n      minTableWidth: 300,\n      theme: {\n        headerStyle: {\n          ...commonTheme.headerStyle,\n          borderColor: '#ffa940',\n        },\n        bodyStyle: { ...commonTheme.bodyStyle, borderColor: '#ffa940' },\n      },\n    },\n    frame: {\n      outerFrameStyle: {\n        borderLineWidth: 2,\n        borderColor: '#ffa940',\n        cornerRadius: 6,\n      },\n      verticalSplitLineMoveable: true,\n    },\n    grid: {\n      verticalLine: { lineWidth: 1, lineColor: 'rgba(255, 168, 64, 0.3)' },\n      horizontalLine: { lineWidth: 1, lineColor: 'rgba(255, 168, 64, 0.3)' },\n    },\n    taskBar: {\n      startDateField: 'start',\n      endDateField: 'start',\n      labelText: '{title}',\n      labelTextStyle: { fontSize: 12, fontWeight: 'bold' },\n      barStyle: { width: 0, barColor: 'transparent' },\n      milestoneStyle: {\n        borderColor: '#fa8c16',\n        borderLineWidth: 2,\n        fillColor: '#ffd666',\n        width: 16,\n      },\n    },\n    timelineHeader: {\n      colWidth: 80,\n      scales: [\n        {\n          unit: 'month',\n          step: 1,\n          format: (date: any) => `${date.dateIndex}月`,\n          style: { fontSize: 13, fontWeight: 'bold' },\n        },\n        {\n          unit: 'week',\n          step: 1,\n          format: (date: any) => `第${date.dateIndex}周`,\n          style: { fontSize: 11 },\n        },\n      ],\n    },\n    scrollStyle: {\n      scrollRailColor: 'rgba(246,246,246,0.5)',\n      visible: 'scrolling',\n      width: 6,\n      scrollSliderCornerRadius: 2,\n      scrollSliderColor: '#1890ff',\n    },\n  },\n\n  official: {\n    overscrollBehavior: 'none',\n    headerRowHeight: 40,\n    rowHeight: 40,\n    taskListTable: {\n      columns: [\n        {\n          field: 'title',\n          title: 'title',\n          width: 180,\n          sort: true,\n          tree: true,\n          editor: 'input',\n        },\n        {\n          field: 'start',\n          title: 'start',\n          width: 120,\n          sort: true,\n          editor: 'date-input',\n        },\n        {\n          field: 'end',\n          title: 'end',\n          width: 120,\n          sort: true,\n          editor: 'date-input',\n        },\n        {\n          field: 'priority',\n          title: 'priority',\n          width: 80,\n          sort: true,\n          editor: 'input',\n        },\n        {\n          field: 'progress',\n          title: 'progress',\n          width: 80,\n          sort: true,\n          editor: 'input',\n        },\n      ],\n      tableWidth: 460,\n      minTableWidth: 350,\n      maxTableWidth: 800,\n      theme: {\n        headerStyle: {\n          ...commonTheme.headerStyle,\n          fontSize: 18,\n          color: 'red',\n        },\n        bodyStyle: {\n          ...commonTheme.bodyStyle,\n          fontSize: 16,\n          color: '#4D4D4D',\n        },\n      },\n      hierarchyExpandLevel: 2,\n    },\n    frame: {\n      outerFrameStyle: {\n        borderLineWidth: 2,\n        borderColor: '#e1e4e8',\n        cornerRadius: 8,\n      },\n      verticalSplitLineMoveable: true,\n      verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\n      horizontalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\n    },\n    grid: {\n      verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n      horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n    },\n    taskBar: {\n      startDateField: 'start',\n      endDateField: 'end',\n      progressField: 'progress',\n      moveable: true,\n      resizable: true,\n      hoverBarStyle: { barOverlayColor: 'rgba(99, 144, 0, 0.4)' },\n      labelText: '{title} {progress}%',\n      labelTextStyle: {\n        fontSize: 16,\n        textAlign: 'left',\n        textOverflow: 'ellipsis',\n      },\n      barStyle: {\n        width: 20,\n        barColor: '#ee8800',\n        completedBarColor: '#91e8e0',\n        cornerRadius: 8,\n        borderLineWidth: 1,\n        borderColor: 'black',\n      },\n      milestoneStyle: {\n        borderColor: 'red',\n        borderLineWidth: 1,\n        fillColor: 'green',\n        width: 15,\n      },\n    },\n    timelineHeader: {\n      backgroundColor: '#EEF1F5',\n      colWidth: 60,\n      horizontalLine: { lineWidth: 1, lineColor: '#e1e4e8' },\n      verticalLine: { lineWidth: 1, lineColor: '#e1e4e8' },\n      scales: [\n        {\n          unit: 'week',\n          step: 1,\n          startOfWeek: 'sunday',\n          format: (date: any) => `Week ${date.dateIndex}`,\n          style: {\n            fontSize: 20,\n            fontWeight: 'bold',\n            color: 'white',\n            strokeColor: 'black',\n            textAlign: 'right',\n            textBaseline: 'bottom',\n            textStick: true,\n          },\n        },\n        {\n          unit: 'day',\n          step: 1,\n          format: (date: any) => date.dateIndex.toString(),\n          style: {\n            fontSize: 20,\n            fontWeight: 'bold',\n            color: 'white',\n            strokeColor: 'black',\n            textAlign: 'right',\n            textBaseline: 'bottom',\n          },\n        },\n      ],\n    },\n    markLine: [\n      {\n        date: '2024-07-28',\n        style: { lineWidth: 1, lineColor: 'blue', lineDash: [8, 4] },\n      },\n      {\n        date: '2024-08-17',\n        style: { lineWidth: 2, lineColor: 'red', lineDash: [8, 4] },\n      },\n    ],\n    rowSeriesNumber: {\n      title: '行号',\n      dragOrder: true,\n      headerStyle: { borderColor: 'rgba(128, 128, 128, 0.2)' },\n      style: { borderColor: 'rgba(128, 128, 128, 0.2)' },\n    },\n    scrollStyle: {\n      scrollRailColor: 'rgba(246,246,246,0.5)',\n      visible: 'scrolling',\n      width: 6,\n      scrollSliderCornerRadius: 2,\n      scrollSliderColor: '#1890ff',\n    },\n  },\n}\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-08-01\n * @Description: VTable 甘特图组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-vtable-gantt-wrapper\">\n    <div v-if=\"showToolbar\" class=\"gantt-toolbar\">\n      <div class=\"toolbar-left\">\n        <span class=\"gantt-title\">{{ title || \"甘特图\" }}</span>\n      </div>\n      <div class=\"toolbar-right\">\n        <NButton\n          v-if=\"showFullscreenButton\"\n          size=\"small\"\n          @click=\"toggleFullscreen\"\n        >\n          <template #icon>\n            <C_Icon\n              :name=\"isFullscreen ? 'carbon:minimize' : 'carbon:maximize'\"\n              :size=\"16\"\n              color=\"currentColor\"\n            />\n          </template>\n          {{ isFullscreen ? \"退出全屏\" : \"全屏\" }}\n        </NButton>\n      </div>\n    </div>\n    <div\n      ref=\"ganttContainerRef\"\n      class=\"gantt-container\"\n      :style=\"{ height: containerHeight }\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\nimport { NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport {\n  presetConfigs,\n  type GanttTask,\n  type GanttOptions,\n  type GanttPreset,\n} from \"./data\";\n\ndefineOptions({ name: \"C_VtableGantt\" });\n\ninterface Props {\n  data?: GanttTask[];\n  options?: GanttOptions;\n  preset?: GanttPreset;\n  height?: string | number;\n  title?: string;\n  showToolbar?: boolean;\n  showFullscreenButton?: boolean;\n  theme?: \"light\" | \"dark\";\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  data: () => [],\n  options: () => ({}),\n  preset: \"basic\",\n  height: \"600px\",\n  title: \"\",\n  showToolbar: true,\n  showFullscreenButton: true,\n  theme: \"light\",\n});\n\nconst emit = defineEmits<{\n  ganttCreated: [gantt: any];\n  taskClick: [task: GanttTask, event: Event];\n  taskChange: [task: GanttTask, changes: any];\n}>();\n\nconst ganttContainerRef = ref<HTMLDivElement>();\nconst ganttInstance = ref<any>();\nconst isFullscreen = ref(false);\n\nconst containerHeight = computed(() =>\n  typeof props.height === \"number\" ? `${props.height}px` : props.height,\n);\n\nconst deepMerge = (target: any, source: any, seen = new WeakMap()): any => {\n  if (!isObject(target)) return source;\n  if (!isObject(source)) return target;\n  if (seen.has(source)) return seen.get(source);\n  return createMergeResult(target, source, seen);\n};\n\nconst isObject = (value: any): boolean => {\n  return value !== null && typeof value === \"object\";\n};\n\nconst isSpecialObject = (value: any): boolean => {\n  return value instanceof Date || value instanceof RegExp;\n};\n\nconst createMergeResult = (\n  target: any,\n  source: any,\n  seen: WeakMap<any, any>,\n): any => {\n  const result = Array.isArray(target) ? [...target] : { ...target };\n  seen.set(source, result);\n  for (const key in source) {\n    if (!source.hasOwnProperty(key)) continue;\n    const sourceValue = source[key];\n    const shouldDeepMerge =\n      isObject(sourceValue) &&\n      !Array.isArray(sourceValue) &&\n      !isSpecialObject(sourceValue);\n    result[key] = shouldDeepMerge\n      ? deepMerge(target[key] || {}, sourceValue, seen)\n      : sourceValue;\n  }\n  return result;\n};\n\nconst processData = (data: GanttTask[]): GanttTask[] => {\n  return data.map((item) => ({\n    ...item,\n    title: item.title || `任务${item.id}`,\n    children: item.children ? processData(item.children) : undefined,\n  }));\n};\n\nconst getThemeConfig = (isDark: boolean) => ({\n  underlayBackgroundColor: isDark ? \"#1e1e1e\" : \"#ffffff\",\n  timelineHeaderBg: isDark ? \"#2d2d2d\" : \"#EEF1F5\",\n  gridBg: isDark ? \"#1e1e1e\" : \"#ffffff\",\n  lineColor: isDark ? \"rgba(255, 255, 255, 0.1)\" : \"rgba(128, 128, 128, 0.2)\",\n  textColor: isDark ? \"#ffffff\" : \"#000000\",\n});\n\nconst applyThemeToTimelineHeader = (timelineHeader: any, themeColors: any) => ({\n  ...timelineHeader,\n  backgroundColor: themeColors.timelineHeaderBg,\n  horizontalLine: {\n    ...timelineHeader?.horizontalLine,\n    lineColor: themeColors.lineColor,\n  },\n  verticalLine: {\n    ...timelineHeader?.verticalLine,\n    lineColor: themeColors.lineColor,\n  },\n  scales: timelineHeader?.scales?.map((scale: any) => ({\n    ...scale,\n    style: {\n      ...scale.style,\n      color: themeColors.textColor,\n    },\n  })),\n});\n\nconst applyThemeToGrid = (grid: any, themeColors: any) => ({\n  ...grid,\n  backgroundColor: themeColors.gridBg,\n  horizontalLine: {\n    ...grid?.horizontalLine,\n    lineColor: themeColors.lineColor,\n  },\n  verticalLine: {\n    ...grid?.verticalLine,\n    lineColor: themeColors.lineColor,\n  },\n});\n\nconst buildGanttOptions = (\n  finalConfig: any,\n  processedData: GanttTask[],\n  tableTheme: any,\n  themeColors: any,\n) => ({\n  ...finalConfig,\n  records: processedData,\n  underlayBackgroundColor: themeColors.underlayBackgroundColor,\n  taskListTable: {\n    ...finalConfig.taskListTable,\n    theme: tableTheme,\n  },\n  timelineHeader: applyThemeToTimelineHeader(\n    finalConfig.timelineHeader,\n    themeColors,\n  ),\n  grid: applyThemeToGrid(finalConfig.grid, themeColors),\n});\n\nconst bindGanttEvents = (instance: any) => {\n  instance.on(\"click_cell\", (args: any) => {\n    const { record, event } = args || {};\n    if (record) emit(\"taskClick\", record, event);\n  });\n  instance.on(\"change_data\", (args: any) => {\n    const { record, changes } = args || {};\n    if (record && changes) emit(\"taskChange\", record, changes);\n  });\n};\n\nconst initGantt = async () => {\n  if (!ganttContainerRef.value) return;\n  try {\n    const { Gantt } = await import(\"@visactor/vtable-gantt\");\n    const { themes } = await import(\"@visactor/vtable\");\n    const isDark = props.theme === \"dark\";\n    const presetConfig = presetConfigs[props.preset] || presetConfigs.basic;\n    const finalConfig = deepMerge(presetConfig, props.options);\n    const processedData = processData(props.data || []);\n    if (ganttInstance.value) ganttInstance.value.release();\n    const tableTheme = isDark ? themes.DARK : themes.DEFAULT;\n    const themeColors = getThemeConfig(isDark);\n    const ganttOptions = buildGanttOptions(\n      finalConfig,\n      processedData,\n      tableTheme,\n      themeColors,\n    );\n    ganttInstance.value = new Gantt(ganttContainerRef.value, ganttOptions);\n    bindGanttEvents(ganttInstance.value);\n    emit(\"ganttCreated\", ganttInstance.value);\n  } catch (error) {\n    console.error(\"甘特图初始化失败:\", error);\n  }\n};\n\nconst toggleFullscreen = async () => {\n  if (!ganttContainerRef.value) return;\n  try {\n    if (!document.fullscreenElement) {\n      await ganttContainerRef.value.requestFullscreen();\n      isFullscreen.value = true;\n    } else {\n      await document.exitFullscreen();\n      isFullscreen.value = false;\n    }\n    setTimeout(() => ganttInstance.value?.resize?.(), 100);\n  } catch (error) {\n    console.warn(\"全屏切换失败:\", error);\n    isFullscreen.value = !isFullscreen.value;\n    nextTick(() => ganttInstance.value?.resize?.());\n  }\n};\n\nconst handleFullscreenChange = () => {\n  isFullscreen.value = !!document.fullscreenElement;\n  nextTick(() => ganttInstance.value?.resize?.());\n};\n\nconst updateData = (newData: GanttTask[]) => {\n  if (ganttInstance.value && newData) {\n    try {\n      ganttInstance.value.setRecords(processData(newData));\n    } catch (error) {\n      console.warn(\"更新数据失败:\", error);\n    }\n  }\n};\n\nconst updateOptions = (newOptions: GanttOptions) => {\n  if (ganttInstance.value && newOptions) {\n    try {\n      ganttInstance.value.updateOption(newOptions);\n    } catch (error) {\n      console.warn(\"更新配置失败:\", error);\n    }\n  }\n};\n\nconst destroyGantt = () => {\n  if (ganttInstance.value) {\n    try {\n      ganttInstance.value.release();\n    } catch (error) {\n      console.warn(\"销毁甘特图失败:\", error);\n    } finally {\n      ganttInstance.value = undefined;\n    }\n  }\n};\n\nwatch(\n  () => props.data,\n  (newData) => {\n    if (newData && ganttInstance.value) updateData(newData);\n  },\n  { deep: true },\n);\n\nwatch(\n  () => [props.options, props.preset],\n  () => nextTick(() => initGantt()),\n  { deep: true },\n);\n\nwatch(\n  () => props.theme,\n  () => nextTick(() => initGantt()),\n);\n\nonMounted(() => {\n  document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n  nextTick(() => setTimeout(() => initGantt(), 100));\n});\n\nonUnmounted(() => {\n  document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  destroyGantt();\n});\n\ndefineExpose({\n  ganttInstance,\n  updateData,\n  updateOptions,\n  toggleFullscreen,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-08-01\n * @Description: VTable 甘特图组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-vtable-gantt-wrapper\">\n    <div v-if=\"showToolbar\" class=\"gantt-toolbar\">\n      <div class=\"toolbar-left\">\n        <span class=\"gantt-title\">{{ title || \"甘特图\" }}</span>\n      </div>\n      <div class=\"toolbar-right\">\n        <NButton\n          v-if=\"showFullscreenButton\"\n          size=\"small\"\n          @click=\"toggleFullscreen\"\n        >\n          <template #icon>\n            <C_Icon\n              :name=\"isFullscreen ? 'carbon:minimize' : 'carbon:maximize'\"\n              :size=\"16\"\n              color=\"currentColor\"\n            />\n          </template>\n          {{ isFullscreen ? \"退出全屏\" : \"全屏\" }}\n        </NButton>\n      </div>\n    </div>\n    <div\n      ref=\"ganttContainerRef\"\n      class=\"gantt-container\"\n      :style=\"{ height: containerHeight }\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\nimport { NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport {\n  presetConfigs,\n  type GanttTask,\n  type GanttOptions,\n  type GanttPreset,\n} from \"./data\";\n\ndefineOptions({ name: \"C_VtableGantt\" });\n\ninterface Props {\n  data?: GanttTask[];\n  options?: GanttOptions;\n  preset?: GanttPreset;\n  height?: string | number;\n  title?: string;\n  showToolbar?: boolean;\n  showFullscreenButton?: boolean;\n  theme?: \"light\" | \"dark\";\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  data: () => [],\n  options: () => ({}),\n  preset: \"basic\",\n  height: \"600px\",\n  title: \"\",\n  showToolbar: true,\n  showFullscreenButton: true,\n  theme: \"light\",\n});\n\nconst emit = defineEmits<{\n  ganttCreated: [gantt: any];\n  taskClick: [task: GanttTask, event: Event];\n  taskChange: [task: GanttTask, changes: any];\n}>();\n\nconst ganttContainerRef = ref<HTMLDivElement>();\nconst ganttInstance = ref<any>();\nconst isFullscreen = ref(false);\n\nconst containerHeight = computed(() =>\n  typeof props.height === \"number\" ? `${props.height}px` : props.height,\n);\n\nconst deepMerge = (target: any, source: any, seen = new WeakMap()): any => {\n  if (!isObject(target)) return source;\n  if (!isObject(source)) return target;\n  if (seen.has(source)) return seen.get(source);\n  return createMergeResult(target, source, seen);\n};\n\nconst isObject = (value: any): boolean => {\n  return value !== null && typeof value === \"object\";\n};\n\nconst isSpecialObject = (value: any): boolean => {\n  return value instanceof Date || value instanceof RegExp;\n};\n\nconst createMergeResult = (\n  target: any,\n  source: any,\n  seen: WeakMap<any, any>,\n): any => {\n  const result = Array.isArray(target) ? [...target] : { ...target };\n  seen.set(source, result);\n  for (const key in source) {\n    if (!source.hasOwnProperty(key)) continue;\n    const sourceValue = source[key];\n    const shouldDeepMerge =\n      isObject(sourceValue) &&\n      !Array.isArray(sourceValue) &&\n      !isSpecialObject(sourceValue);\n    result[key] = shouldDeepMerge\n      ? deepMerge(target[key] || {}, sourceValue, seen)\n      : sourceValue;\n  }\n  return result;\n};\n\nconst processData = (data: GanttTask[]): GanttTask[] => {\n  return data.map((item) => ({\n    ...item,\n    title: item.title || `任务${item.id}`,\n    children: item.children ? processData(item.children) : undefined,\n  }));\n};\n\nconst getThemeConfig = (isDark: boolean) => ({\n  underlayBackgroundColor: isDark ? \"#1e1e1e\" : \"#ffffff\",\n  timelineHeaderBg: isDark ? \"#2d2d2d\" : \"#EEF1F5\",\n  gridBg: isDark ? \"#1e1e1e\" : \"#ffffff\",\n  lineColor: isDark ? \"rgba(255, 255, 255, 0.1)\" : \"rgba(128, 128, 128, 0.2)\",\n  textColor: isDark ? \"#ffffff\" : \"#000000\",\n});\n\nconst applyThemeToTimelineHeader = (timelineHeader: any, themeColors: any) => ({\n  ...timelineHeader,\n  backgroundColor: themeColors.timelineHeaderBg,\n  horizontalLine: {\n    ...timelineHeader?.horizontalLine,\n    lineColor: themeColors.lineColor,\n  },\n  verticalLine: {\n    ...timelineHeader?.verticalLine,\n    lineColor: themeColors.lineColor,\n  },\n  scales: timelineHeader?.scales?.map((scale: any) => ({\n    ...scale,\n    style: {\n      ...scale.style,\n      color: themeColors.textColor,\n    },\n  })),\n});\n\nconst applyThemeToGrid = (grid: any, themeColors: any) => ({\n  ...grid,\n  backgroundColor: themeColors.gridBg,\n  horizontalLine: {\n    ...grid?.horizontalLine,\n    lineColor: themeColors.lineColor,\n  },\n  verticalLine: {\n    ...grid?.verticalLine,\n    lineColor: themeColors.lineColor,\n  },\n});\n\nconst buildGanttOptions = (\n  finalConfig: any,\n  processedData: GanttTask[],\n  tableTheme: any,\n  themeColors: any,\n) => ({\n  ...finalConfig,\n  records: processedData,\n  underlayBackgroundColor: themeColors.underlayBackgroundColor,\n  taskListTable: {\n    ...finalConfig.taskListTable,\n    theme: tableTheme,\n  },\n  timelineHeader: applyThemeToTimelineHeader(\n    finalConfig.timelineHeader,\n    themeColors,\n  ),\n  grid: applyThemeToGrid(finalConfig.grid, themeColors),\n});\n\nconst bindGanttEvents = (instance: any) => {\n  instance.on(\"click_cell\", (args: any) => {\n    const { record, event } = args || {};\n    if (record) emit(\"taskClick\", record, event);\n  });\n  instance.on(\"change_data\", (args: any) => {\n    const { record, changes } = args || {};\n    if (record && changes) emit(\"taskChange\", record, changes);\n  });\n};\n\nconst initGantt = async () => {\n  if (!ganttContainerRef.value) return;\n  try {\n    const { Gantt } = await import(\"@visactor/vtable-gantt\");\n    const { themes } = await import(\"@visactor/vtable\");\n    const isDark = props.theme === \"dark\";\n    const presetConfig = presetConfigs[props.preset] || presetConfigs.basic;\n    const finalConfig = deepMerge(presetConfig, props.options);\n    const processedData = processData(props.data || []);\n    if (ganttInstance.value) ganttInstance.value.release();\n    const tableTheme = isDark ? themes.DARK : themes.DEFAULT;\n    const themeColors = getThemeConfig(isDark);\n    const ganttOptions = buildGanttOptions(\n      finalConfig,\n      processedData,\n      tableTheme,\n      themeColors,\n    );\n    ganttInstance.value = new Gantt(ganttContainerRef.value, ganttOptions);\n    bindGanttEvents(ganttInstance.value);\n    emit(\"ganttCreated\", ganttInstance.value);\n  } catch (error) {\n    console.error(\"甘特图初始化失败:\", error);\n  }\n};\n\nconst toggleFullscreen = async () => {\n  if (!ganttContainerRef.value) return;\n  try {\n    if (!document.fullscreenElement) {\n      await ganttContainerRef.value.requestFullscreen();\n      isFullscreen.value = true;\n    } else {\n      await document.exitFullscreen();\n      isFullscreen.value = false;\n    }\n    setTimeout(() => ganttInstance.value?.resize?.(), 100);\n  } catch (error) {\n    console.warn(\"全屏切换失败:\", error);\n    isFullscreen.value = !isFullscreen.value;\n    nextTick(() => ganttInstance.value?.resize?.());\n  }\n};\n\nconst handleFullscreenChange = () => {\n  isFullscreen.value = !!document.fullscreenElement;\n  nextTick(() => ganttInstance.value?.resize?.());\n};\n\nconst updateData = (newData: GanttTask[]) => {\n  if (ganttInstance.value && newData) {\n    try {\n      ganttInstance.value.setRecords(processData(newData));\n    } catch (error) {\n      console.warn(\"更新数据失败:\", error);\n    }\n  }\n};\n\nconst updateOptions = (newOptions: GanttOptions) => {\n  if (ganttInstance.value && newOptions) {\n    try {\n      ganttInstance.value.updateOption(newOptions);\n    } catch (error) {\n      console.warn(\"更新配置失败:\", error);\n    }\n  }\n};\n\nconst destroyGantt = () => {\n  if (ganttInstance.value) {\n    try {\n      ganttInstance.value.release();\n    } catch (error) {\n      console.warn(\"销毁甘特图失败:\", error);\n    } finally {\n      ganttInstance.value = undefined;\n    }\n  }\n};\n\nwatch(\n  () => props.data,\n  (newData) => {\n    if (newData && ganttInstance.value) updateData(newData);\n  },\n  { deep: true },\n);\n\nwatch(\n  () => [props.options, props.preset],\n  () => nextTick(() => initGantt()),\n  { deep: true },\n);\n\nwatch(\n  () => props.theme,\n  () => nextTick(() => initGantt()),\n);\n\nonMounted(() => {\n  document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n  nextTick(() => setTimeout(() => initGantt(), 100));\n});\n\nonUnmounted(() => {\n  document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  destroyGantt();\n});\n\ndefineExpose({\n  ganttInstance,\n  updateData,\n  updateOptions,\n  toggleFullscreen,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}