@eternalheart/react-file-preview 1.3.11 → 1.3.13

package/lib/chunks/{index-ow-nGpuu.mjs.map → index-p4mew8Hx.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-ow-nGpuu.mjs","sources":["../../src/hooks/useAudioPlayer.ts","../../src/renderers/Audio/index.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from 'react';\n\ninterface UseAudioPlayerOptions {\n  url: string;\n  skipSeconds?: number;\n}\n\ninterface UseAudioPlayerReturn {\n  audioRef: React.RefObject<HTMLAudioElement>;\n  isPlaying: boolean;\n  isLoading: boolean;\n  isLoop: boolean;\n  currentTime: number;\n  duration: number;\n  volume: number;\n  isMuted: boolean;\n  error: string | null;\n  togglePlay: () => void;\n  seek: (time: number) => void;\n  skip: (seconds: number) => void;\n  setVolume: (vol: number) => void;\n  toggleMute: () => void;\n  toggleLoop: () => void;\n  formatTime: (time: number) => string;\n}\n\nexport function useAudioPlayer({\n  url,\n}: UseAudioPlayerOptions): UseAudioPlayerReturn {\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [isLoading, setIsLoading] = useState(true);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(0);\n  const [volume, setVolumeState] = useState(1);\n  const [isMuted, setIsMuted] = useState(false);\n  const [isLoop, setIsLoop] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n\n    // 重置加载状态\n    setIsLoading(true);\n    setError(null);\n\n    const onTimeUpdate = () => {\n      if (!isNaN(audio.currentTime)) {\n        setCurrentTime(audio.currentTime);\n      }\n    };\n\n    const onDurationChange = () => {\n      if (!isNaN(audio.duration) && isFinite(audio.duration)) {\n        setDuration(audio.duration);\n      }\n    };\n\n    const onCanPlay = () => {\n      setIsLoading(false);\n      onDurationChange();\n    };\n\n    const onWaiting = () => setIsLoading(true);\n    const onPlaying = () => {\n      setIsLoading(false);\n      setIsPlaying(true);\n    };\n\n    // 由 audio 事件驱动播放状态，而非手动设置\n    const onPlay = () => setIsPlaying(true);\n    const onPause = () => setIsPlaying(false);\n    const onEnded = () => setIsPlaying(false);\n\n    const onError = () => {\n      setError('音频加载失败');\n      setIsLoading(false);\n    };\n\n    audio.addEventListener('timeupdate', onTimeUpdate);\n    audio.addEventListener('loadedmetadata', onDurationChange);\n    audio.addEventListener('durationchange', onDurationChange);\n    audio.addEventListener('canplay', onCanPlay);\n    audio.addEventListener('waiting', onWaiting);\n    audio.addEventListener('playing', onPlaying);\n    audio.addEventListener('play', onPlay);\n    audio.addEventListener('pause', onPause);\n    audio.addEventListener('ended', onEnded);\n    audio.addEventListener('error', onError);\n\n    // 如果 audio 已经就绪\n    if (audio.readyState >= 3) {\n      setIsLoading(false);\n      onDurationChange();\n    } else if (audio.readyState >= 1) {\n      onDurationChange();\n    }\n\n    return () => {\n      audio.removeEventListener('timeupdate', onTimeUpdate);\n      audio.removeEventListener('loadedmetadata', onDurationChange);\n      audio.removeEventListener('durationchange', onDurationChange);\n      audio.removeEventListener('canplay', onCanPlay);\n      audio.removeEventListener('waiting', onWaiting);\n      audio.removeEventListener('playing', onPlaying);\n      audio.removeEventListener('play', onPlay);\n      audio.removeEventListener('pause', onPause);\n      audio.removeEventListener('ended', onEnded);\n      audio.removeEventListener('error', onError);\n    };\n  }, [url]);\n\n  const togglePlay = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n\n    if (audio.paused) {\n      audio.play().catch(() => {\n        // 浏览器自动播放策略拒绝\n      });\n    } else {\n      audio.pause();\n    }\n  }, []);\n\n  const seek = useCallback((time: number) => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    audio.currentTime = time;\n    setCurrentTime(time);\n  }, []);\n\n  const skip = useCallback(\n    (seconds: number) => {\n      const audio = audioRef.current;\n      if (!audio) return;\n      audio.currentTime = Math.max(\n        0,\n        Math.min(audio.currentTime + seconds, audio.duration || Infinity)\n      );\n    },\n    []\n  );\n\n  const setVolume = useCallback((vol: number) => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    const clamped = Math.max(0, Math.min(1, vol));\n    audio.volume = clamped;\n    setVolumeState(clamped);\n    if (clamped > 0) {\n      audio.muted = false;\n      setIsMuted(false);\n    }\n  }, []);\n\n  const toggleMute = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    audio.muted = !audio.muted;\n    setIsMuted(audio.muted);\n  }, []);\n\n  const toggleLoop = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    const next = !audio.loop;\n    audio.loop = next;\n    setIsLoop(next);\n  }, []);\n\n  const formatTime = useCallback((time: number) => {\n    if (!isFinite(time) || isNaN(time) || time < 0) return '0:00';\n    const minutes = Math.floor(time / 60);\n    const seconds = Math.floor(time % 60);\n    return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n  }, []);\n\n  return {\n    audioRef,\n    isPlaying,\n    isLoading,\n    isLoop,\n    currentTime,\n    duration,\n    volume,\n    isMuted,\n    error,\n    togglePlay,\n    seek,\n    skip,\n    setVolume,\n    toggleMute,\n    toggleLoop,\n    formatTime,\n  };\n}\n","import { useState, useRef, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Play, Pause, Volume2, VolumeX, Volume1, SkipBack, SkipForward, Repeat } from 'lucide-react';\nimport { useAudioPlayer } from '../../hooks/useAudioPlayer';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { RendererError } from '../RendererError';\n\n/** 文本溢出时自动横向滚动 */\nconst MarqueeText: React.FC<{\n  text: string;\n  className?: string;\n  style?: React.CSSProperties;\n}> = ({ text, className = '', style }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const innerRef = useRef<HTMLDivElement>(null);\n  const [overflow, setOverflow] = useState(false);\n  const [scrollDist, setScrollDist] = useState(0);\n\n  useEffect(() => {\n    const check = () => {\n      const container = containerRef.current;\n      const inner = innerRef.current;\n      if (!container || !inner) return;\n      const cw = container.clientWidth;\n      const tw = inner.scrollWidth;\n      setOverflow(tw > cw);\n      setScrollDist(tw);\n    };\n    check();\n    const observer = new ResizeObserver(check);\n    if (containerRef.current) observer.observe(containerRef.current);\n    return () => observer.disconnect();\n  }, [text]);\n\n  const gap = 60;\n  const totalScroll = scrollDist + gap;\n  const dur = totalScroll / 40;\n\n  return (\n    <div\n      ref={containerRef}\n      className={`rfp-overflow-hidden rfp-whitespace-nowrap ${className}`}\n      style={style}\n    >\n      {overflow ? (\n        <motion.div\n          className=\"rfp-inline-flex rfp-whitespace-nowrap\"\n          animate={{ x: [0, -totalScroll] }}\n          transition={{ duration: dur, repeat: Infinity, ease: 'linear', repeatDelay: 1.5 }}\n        >\n          <span>{text}</span>\n          <span style={{ width: gap }} className=\"rfp-inline-block\" />\n          <span>{text}</span>\n        </motion.div>\n      ) : null}\n      {/* 始终渲染用于测量的隐藏层 */}\n      <div\n        ref={innerRef}\n        className=\"rfp-whitespace-nowrap\"\n        style={overflow ? { position: 'absolute', visibility: 'hidden', pointerEvents: 'none' } : undefined}\n      >\n        {text}\n      </div>\n    </div>\n  );\n};\n\n/** SVG 唱臂组件 */\nconst Tonearm: React.FC<{ isPlaying: boolean }> = ({ isPlaying }) => (\n  <motion.div\n    className=\"rfp-absolute\"\n    style={{\n      top: '-6px',\n      right: '2px',\n      width: '100px',\n      height: '120px',\n      transformOrigin: '76px 16px',\n      zIndex: 5,\n    }}\n    animate={{ rotate: isPlaying ? 16 : 0 }}\n    transition={{ duration: 0.8, ease: [0.4, 0, 0.2, 1] }}\n  >\n    <svg\n      width=\"100\"\n      height=\"120\"\n      viewBox=\"0 0 100 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {/* 底座阴影 */}\n      <circle cx=\"76\" cy=\"16\" r=\"13\" fill=\"rgba(0,0,0,0.3)\" />\n      {/* 底座外圈 */}\n      <circle cx=\"76\" cy=\"16\" r=\"11\" fill=\"url(#baseGrad)\" />\n      {/* 底座内圈 */}\n      <circle cx=\"76\" cy=\"16\" r=\"6\" fill=\"url(#baseInnerGrad)\" />\n      {/* 底座中心轴 */}\n      <circle cx=\"76\" cy=\"16\" r=\"2.5\" fill=\"#222\" stroke=\"#555\" strokeWidth=\"0.5\" />\n\n      {/* 臂杆 */}\n      <path\n        d=\"M74 22 L56 88\"\n        stroke=\"url(#armGrad)\"\n        strokeWidth=\"3.5\"\n        strokeLinecap=\"round\"\n      />\n      {/* 臂杆高光 */}\n      <path\n        d=\"M74.8 22 L56.8 88\"\n        stroke=\"rgba(255,255,255,0.06)\"\n        strokeWidth=\"1\"\n        strokeLinecap=\"round\"\n      />\n\n      {/* 唱头座 (Headshell) */}\n      <rect x=\"50\" y=\"86\" width=\"12\" height=\"7\" rx=\"1.5\" fill=\"url(#headGrad)\" />\n      {/* 唱头 (Cartridge) */}\n      <rect x=\"52.5\" y=\"92\" width=\"7\" height=\"9\" rx=\"1\" fill=\"url(#cartridgeGrad)\" />\n      {/* 唱针 (Stylus) */}\n      <line x1=\"56\" y1=\"101\" x2=\"56\" y2=\"105\" stroke=\"#bbb\" strokeWidth=\"1.2\" strokeLinecap=\"round\" />\n      <circle cx=\"56\" cy=\"105.5\" r=\"0.8\" fill=\"#ddd\" />\n\n      {/* 渐变定义 */}\n      <defs>\n        <radialGradient id=\"baseGrad\" cx=\"40%\" cy=\"35%\">\n          <stop offset=\"0%\" stopColor=\"#555\" />\n          <stop offset=\"100%\" stopColor=\"#1a1a1a\" />\n        </radialGradient>\n        <radialGradient id=\"baseInnerGrad\" cx=\"40%\" cy=\"35%\">\n          <stop offset=\"0%\" stopColor=\"#666\" />\n          <stop offset=\"100%\" stopColor=\"#333\" />\n        </radialGradient>\n        <linearGradient id=\"armGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stopColor=\"#555\" />\n          <stop offset=\"50%\" stopColor=\"#444\" />\n          <stop offset=\"100%\" stopColor=\"#333\" />\n        </linearGradient>\n        <linearGradient id=\"headGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stopColor=\"#555\" />\n          <stop offset=\"100%\" stopColor=\"#333\" />\n        </linearGradient>\n        <linearGradient id=\"cartridgeGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stopColor=\"#444\" />\n          <stop offset=\"100%\" stopColor=\"#222\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  </motion.div>\n);\n\ninterface AudioRendererProps {\n  url: string;\n  fileName: string;\n}\n\nexport const AudioRenderer: React.FC<AudioRendererProps> = ({ url, fileName }) => {\n  const t = useTranslator();\n  const {\n    audioRef,\n    isPlaying,\n    isLoading,\n    isLoop,\n    currentTime,\n    duration,\n    volume,\n    isMuted,\n    error,\n    togglePlay,\n    seek,\n    skip,\n    setVolume,\n    toggleMute,\n    toggleLoop,\n    formatTime,\n  } = useAudioPlayer({ url });\n\n  const [showVolume, setShowVolume] = useState(false);\n  const volumeRef = useRef<HTMLDivElement>(null);\n  const volumeTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const progress = duration > 0 ? currentTime / duration : 0;\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (volumeRef.current && !volumeRef.current.contains(e.target as Node)) {\n        setShowVolume(false);\n      }\n    };\n    if (showVolume) {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showVolume]);\n\n  const handleVolumeEnter = () => {\n    clearTimeout(volumeTimerRef.current);\n    setShowVolume(true);\n  };\n\n  const handleVolumeLeave = () => {\n    volumeTimerRef.current = setTimeout(() => setShowVolume(false), 300);\n  };\n\n  const VolumeIcon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2;\n\n  if (error) {\n    return <RendererError message={error} />;\n  }\n\n  return (\n    <div className=\"rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-4 md:rfp-p-8 rfp-gap-5 md:rfp-gap-8 rfp-select-none\">\n      {/* 唱片机整体 */}\n      <div className=\"rfp-relative\" style={{ width: '260px', height: '240px' }}>\n        {/* 外圈光晕 */}\n        <motion.div\n          className=\"rfp-absolute rfp-rounded-full\"\n          style={{\n            width: '220px',\n            height: '220px',\n            top: '18px',\n            left: '8px',\n            background: 'radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)',\n          }}\n          animate={isPlaying ? { scale: [1, 1.08, 1], opacity: [0.5, 1, 0.5] } : { scale: 1, opacity: 0.2 }}\n          transition={isPlaying ? { duration: 3, repeat: Infinity, ease: 'easeInOut' } : { duration: 0.5 }}\n        />\n\n        {/* 唱片主体 */}\n        <div\n          className=\"rfp-absolute rfp-rounded-full rfp-overflow-hidden\"\n          style={{\n            width: '200px',\n            height: '200px',\n            top: '28px',\n            left: '18px',\n            background: `\n              radial-gradient(circle at center, transparent 95%, rgba(30,30,30,0.8) 95.5%, #111 97%),\n              radial-gradient(circle at center, transparent 38%, rgba(50,50,50,0.5) 38.15%, transparent 38.4%),\n              radial-gradient(circle at center, transparent 45%, rgba(50,50,50,0.3) 45.15%, transparent 45.4%),\n              radial-gradient(circle at center, transparent 52%, rgba(50,50,50,0.5) 52.15%, transparent 52.4%),\n              radial-gradient(circle at center, transparent 59%, rgba(50,50,50,0.3) 59.15%, transparent 59.4%),\n              radial-gradient(circle at center, transparent 66%, rgba(50,50,50,0.5) 66.15%, transparent 66.4%),\n              radial-gradient(circle at center, transparent 73%, rgba(50,50,50,0.3) 73.15%, transparent 73.4%),\n              radial-gradient(circle at center, transparent 80%, rgba(50,50,50,0.4) 80.15%, transparent 80.4%),\n              radial-gradient(circle at center, transparent 87%, rgba(50,50,50,0.3) 87.15%, transparent 87.4%),\n              conic-gradient(from 0deg, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c, #212121, #1a1a1a, #252525, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c)\n            `,\n            boxShadow: isPlaying\n              ? '0 0 36px rgba(129,140,248,0.1), 0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)'\n              : '0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)',\n            animation: 'rfp-vinyl-spin 8s linear infinite',\n            animationPlayState: isPlaying ? 'running' : 'paused',\n          }}\n        >\n          {/* 中心标签 */}\n          <div\n            className=\"rfp-absolute rfp-rounded-full\"\n            style={{\n              width: '34%',\n              height: '34%',\n              top: '33%',\n              left: '33%',\n              background: 'radial-gradient(circle at 40% 38%, #818cf8, #6366f1, #4f46e5, #4338ca)',\n              boxShadow: 'inset 0 1px 3px rgba(255,255,255,0.25), inset 0 -1px 3px rgba(0,0,0,0.3), 0 0 8px rgba(0,0,0,0.3)',\n            }}\n          >\n            <div\n              className=\"rfp-absolute rfp-inset-0 rfp-rounded-full rfp-opacity-20\"\n              style={{\n                background: `\n                  radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.3) 31%, transparent 32%),\n                  radial-gradient(circle at center, transparent 50%, rgba(0,0,0,0.2) 51%, transparent 52%),\n                  radial-gradient(circle at center, transparent 70%, rgba(0,0,0,0.3) 71%, transparent 72%),\n                  radial-gradient(circle at center, transparent 88%, rgba(0,0,0,0.2) 89%, transparent 90%)\n                `,\n              }}\n            />\n            <div\n              className=\"rfp-absolute rfp-rounded-full\"\n              style={{\n                width: '14%',\n                height: '14%',\n                top: '43%',\n                left: '43%',\n                background: 'radial-gradient(circle at 40% 40%, #333, #0d0d0d)',\n                boxShadow: 'inset 0 1px 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.5)',\n              }}\n            />\n          </div>\n\n          {isLoading && (\n            <motion.div\n              className=\"rfp-absolute rfp-inset-0 rfp-rounded-full\"\n              style={{ border: '2px solid rgba(129,140,248,0.3)' }}\n              animate={{ scale: [1, 1.02, 1], opacity: [0.3, 0.6, 0.3] }}\n              transition={{ duration: 1.5, repeat: Infinity }}\n            />\n          )}\n        </div>\n\n        {/* 唱臂 */}\n        <Tonearm isPlaying={isPlaying} />\n      </div>\n\n      {/* 文件名 */}\n      <div className=\"rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4\">\n        <MarqueeText\n          text={fileName}\n          className=\"rfp-text-lg md:rfp-text-xl rfp-font-medium rfp-mb-1 rfp-text-fg-primary\"\n        />\n        <p className=\"rfp-text-xs rfp-tracking-widest rfp-uppercase rfp-text-accent\">\n          Audio\n        </p>\n      </div>\n\n      {/* 控制面板 */}\n      <div\n        className=\"rfp-w-full rfp-max-w-sm md:rfp-max-w-md rfp-rounded-2xl rfp-p-4 md:rfp-p-6 rfp-border rfp-bg-surface-1 rfp-border-line-weak\"\n        style={{ backdropFilter: 'blur(16px)' }}\n      >\n        {/* 进度条 */}\n        <div className=\"rfp-mb-5\">\n          <div className=\"rfp-relative rfp-h-4 rfp-flex rfp-items-center\">\n            <div className=\"rfp-absolute rfp-w-full rfp-h-[5px] rfp-rounded-full rfp-bg-surface-2\" />\n            <div\n              className=\"rfp-absolute rfp-h-[5px] rfp-rounded-full rfp-pointer-events-none\"\n              style={{\n                width: `${progress * 100}%`,\n                background: 'linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))',\n                boxShadow: isPlaying ? '0 0 8px rgba(129,140,248,0.4)' : 'none',\n                transition: 'width 0.1s linear',\n              }}\n            />\n            <input\n              type=\"range\"\n              min=\"0\"\n              max={duration > 0 ? duration : currentTime || 100}\n              step=\"any\"\n              value={currentTime}\n              onChange={(e) => seek(parseFloat(e.target.value))}\n              disabled={duration <= 0}\n              aria-label={t('audio.aria.progress')}\n              className=\"audio-slider rfp-absolute rfp-w-full\"\n            />\n          </div>\n          <div className=\"rfp-flex rfp-justify-between rfp-text-xs rfp-mt-2.5 rfp-text-fg-tertiary\">\n            <span style={{ fontVariantNumeric: 'tabular-nums' }}>{formatTime(currentTime)}</span>\n            <span style={{ fontVariantNumeric: 'tabular-nums' }}>{duration > 0 ? formatTime(duration) : '--:--'}</span>\n          </div>\n        </div>\n\n        {/* 控制按钮 */}\n        <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-gap-3\">\n          {/* 循环 */}\n          <motion.button\n            onClick={toggleLoop}\n            whileHover={{ scale: 1.1 }}\n            whileTap={{ scale: 0.92 }}\n            aria-label={isLoop ? t('audio.aria.loop_off') : t('audio.aria.loop_on')}\n            className={`rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${\n              isLoop\n                ? 'rfp-bg-accent-soft rfp-text-accent'\n                : 'rfp-bg-surface-2 rfp-text-fg-tertiary'\n            }`}\n          >\n            <Repeat className=\"rfp-w-4 rfp-h-4\" />\n          </motion.button>\n\n          {/* 后退 */}\n          <motion.button\n            onClick={() => skip(-10)}\n            whileHover={{ scale: 1.1 }}\n            whileTap={{ scale: 0.92 }}\n            aria-label={t('audio.aria.backward_10')}\n            className=\"rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary\"\n          >\n            <SkipBack className=\"rfp-w-[18px] rfp-h-[18px]\" />\n          </motion.button>\n\n          {/* 播放/暂停 */}\n          <motion.button\n            onClick={togglePlay}\n            whileHover={{ scale: 1.06 }}\n            whileTap={{ scale: 0.94 }}\n            aria-label={isPlaying ? t('audio.aria.pause') : t('audio.aria.play')}\n            className=\"rfp-w-14 rfp-h-14 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center\"\n            style={{\n              background: 'linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))',\n              color: '#fff',\n              boxShadow: '0 4px 20px rgba(99,102,241,0.35)',\n            }}\n          >\n            {isPlaying ? (\n              <Pause className=\"rfp-w-6 rfp-h-6\" />\n            ) : (\n              <Play className=\"rfp-w-6 rfp-h-6 rfp-ml-0.5\" />\n            )}\n          </motion.button>\n\n          {/* 前进 */}\n          <motion.button\n            onClick={() => skip(10)}\n            whileHover={{ scale: 1.1 }}\n            whileTap={{ scale: 0.92 }}\n            aria-label={t('audio.aria.forward_10')}\n            className=\"rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary\"\n          >\n            <SkipForward className=\"rfp-w-[18px] rfp-h-[18px]\" />\n          </motion.button>\n\n          {/* 音量 */}\n          <div\n            ref={volumeRef}\n            className=\"rfp-relative\"\n            onMouseEnter={handleVolumeEnter}\n            onMouseLeave={handleVolumeLeave}\n          >\n            <motion.button\n              onClick={toggleMute}\n              whileHover={{ scale: 1.1 }}\n              whileTap={{ scale: 0.92 }}\n              aria-label={isMuted ? t('audio.aria.unmute') : t('audio.aria.mute')}\n              className={`rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${\n                showVolume\n                  ? 'rfp-bg-accent-soft rfp-text-accent'\n                  : 'rfp-bg-surface-2 rfp-text-fg-secondary'\n              }`}\n            >\n              <VolumeIcon className=\"rfp-w-4 rfp-h-4\" />\n            </motion.button>\n\n            <AnimatePresence>\n              {showVolume && (\n                <motion.div\n                  initial={{ opacity: 0, scale: 0.95 }}\n                  animate={{ opacity: 1, scale: 1 }}\n                  exit={{ opacity: 0, scale: 0.95 }}\n                  transition={{ duration: 0.12 }}\n                  className=\"rfp-absolute rfp-bottom-full rfp-mb-2 rfp-rounded-xl rfp-p-3 rfp-border rfp-bg-surface-3 rfp-border-line\"\n                  style={{\n                    left: '50%',\n                    marginLeft: '-27px',\n                    backdropFilter: 'blur(16px)',\n                  }}\n                  onMouseEnter={handleVolumeEnter}\n                  onMouseLeave={handleVolumeLeave}\n                >\n                  <div className=\"rfp-flex rfp-flex-col rfp-items-center rfp-gap-2\" style={{ height: '100px' }}>\n                    <div className=\"rfp-relative rfp-flex rfp-items-center rfp-justify-center\" style={{ width: '24px', height: '80px' }}>\n                      <div\n                        className=\"rfp-absolute rfp-rounded-full rfp-bg-surface-2\"\n                        style={{ width: '3px', height: '100%' }}\n                      />\n                      <div\n                        className=\"rfp-absolute rfp-bottom-0 rfp-rounded-full rfp-pointer-events-none\"\n                        style={{\n                          width: '3px',\n                          height: `${(isMuted ? 0 : volume) * 100}%`,\n                          background: 'var(--fp-accent-hover)',\n                          transition: 'height 0.1s linear',\n                        }}\n                      />\n                      <input\n                        type=\"range\"\n                        min=\"0\"\n                        max=\"1\"\n                        step=\"0.01\"\n                        value={isMuted ? 0 : volume}\n                        onChange={(e) => setVolume(parseFloat(e.target.value))}\n                        aria-label={t('audio.aria.volume')}\n                        className=\"volume-slider-vertical rfp-absolute\"\n                        style={{\n                          width: '80px',\n                          height: '24px',\n                          transform: 'rotate(-90deg)',\n                          transformOrigin: 'center center',\n                        }}\n                      />\n                    </div>\n                    <span className=\"rfp-text-[10px] rfp-tabular-nums rfp-text-fg-tertiary\">\n                      {Math.round((isMuted ? 0 : volume) * 100)}\n                    </span>\n                  </div>\n                </motion.div>\n              )}\n            </AnimatePresence>\n          </div>\n        </div>\n      </div>\n\n      <audio ref={audioRef} src={url} className=\"rfp-hidden\" />\n    </div>\n  );\n};\n"],"names":["useAudioPlayer","url","audioRef","useRef","isPlaying","setIsPlaying","useState","isLoading","setIsLoading","currentTime","setCurrentTime","duration","setDuration","volume","setVolumeState","isMuted","setIsMuted","isLoop","setIsLoop","error","setError","useEffect","audio","onTimeUpdate","onDurationChange","onCanPlay","onWaiting","onPlaying","onPlay","onPause","onEnded","onError","togglePlay","useCallback","seek","time","skip","seconds","setVolume","vol","clamped","toggleMute","toggleLoop","next","formatTime","minutes","MarqueeText","text","className","style","containerRef","innerRef","overflow","setOverflow","scrollDist","setScrollDist","check","container","inner","cw","tw","observer","gap","totalScroll","dur","jsxs","motion","jsx","Tonearm","AudioRenderer","fileName","t","useTranslator","showVolume","setShowVolume","volumeRef","volumeTimerRef","progress","handleClickOutside","e","handleVolumeEnter","handleVolumeLeave","VolumeIcon","VolumeX","Volume1","Volume2","RendererError","Repeat","SkipBack","Pause","Play","SkipForward","AnimatePresence"],"mappings":"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"}
+{"version":3,"file":"index-p4mew8Hx.mjs","sources":["../../src/hooks/useAudioPlayer.ts","../../src/renderers/Audio/index.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from 'react';\n\ninterface UseAudioPlayerOptions {\n  url: string;\n  skipSeconds?: number;\n}\n\ninterface UseAudioPlayerReturn {\n  audioRef: React.RefObject<HTMLAudioElement>;\n  isPlaying: boolean;\n  isLoading: boolean;\n  isLoop: boolean;\n  currentTime: number;\n  duration: number;\n  volume: number;\n  isMuted: boolean;\n  error: string | null;\n  togglePlay: () => void;\n  seek: (time: number) => void;\n  skip: (seconds: number) => void;\n  setVolume: (vol: number) => void;\n  toggleMute: () => void;\n  toggleLoop: () => void;\n  formatTime: (time: number) => string;\n}\n\nexport function useAudioPlayer({\n  url,\n}: UseAudioPlayerOptions): UseAudioPlayerReturn {\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [isLoading, setIsLoading] = useState(true);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(0);\n  const [volume, setVolumeState] = useState(1);\n  const [isMuted, setIsMuted] = useState(false);\n  const [isLoop, setIsLoop] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n\n    // 重置加载状态\n    setIsLoading(true);\n    setError(null);\n\n    const onTimeUpdate = () => {\n      if (!isNaN(audio.currentTime)) {\n        setCurrentTime(audio.currentTime);\n      }\n    };\n\n    const onDurationChange = () => {\n      if (!isNaN(audio.duration) && isFinite(audio.duration)) {\n        setDuration(audio.duration);\n      }\n    };\n\n    const onCanPlay = () => {\n      setIsLoading(false);\n      onDurationChange();\n    };\n\n    const onWaiting = () => setIsLoading(true);\n    const onPlaying = () => {\n      setIsLoading(false);\n      setIsPlaying(true);\n    };\n\n    // 由 audio 事件驱动播放状态，而非手动设置\n    const onPlay = () => setIsPlaying(true);\n    const onPause = () => setIsPlaying(false);\n    const onEnded = () => setIsPlaying(false);\n\n    const onError = () => {\n      setError('音频加载失败');\n      setIsLoading(false);\n    };\n\n    audio.addEventListener('timeupdate', onTimeUpdate);\n    audio.addEventListener('loadedmetadata', onDurationChange);\n    audio.addEventListener('durationchange', onDurationChange);\n    audio.addEventListener('canplay', onCanPlay);\n    audio.addEventListener('waiting', onWaiting);\n    audio.addEventListener('playing', onPlaying);\n    audio.addEventListener('play', onPlay);\n    audio.addEventListener('pause', onPause);\n    audio.addEventListener('ended', onEnded);\n    audio.addEventListener('error', onError);\n\n    // 如果 audio 已经就绪\n    if (audio.readyState >= 3) {\n      setIsLoading(false);\n      onDurationChange();\n    } else if (audio.readyState >= 1) {\n      onDurationChange();\n    }\n\n    return () => {\n      audio.removeEventListener('timeupdate', onTimeUpdate);\n      audio.removeEventListener('loadedmetadata', onDurationChange);\n      audio.removeEventListener('durationchange', onDurationChange);\n      audio.removeEventListener('canplay', onCanPlay);\n      audio.removeEventListener('waiting', onWaiting);\n      audio.removeEventListener('playing', onPlaying);\n      audio.removeEventListener('play', onPlay);\n      audio.removeEventListener('pause', onPause);\n      audio.removeEventListener('ended', onEnded);\n      audio.removeEventListener('error', onError);\n    };\n  }, [url]);\n\n  const togglePlay = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n\n    if (audio.paused) {\n      audio.play().catch(() => {\n        // 浏览器自动播放策略拒绝\n      });\n    } else {\n      audio.pause();\n    }\n  }, []);\n\n  const seek = useCallback((time: number) => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    audio.currentTime = time;\n    setCurrentTime(time);\n  }, []);\n\n  const skip = useCallback(\n    (seconds: number) => {\n      const audio = audioRef.current;\n      if (!audio) return;\n      audio.currentTime = Math.max(\n        0,\n        Math.min(audio.currentTime + seconds, audio.duration || Infinity)\n      );\n    },\n    []\n  );\n\n  const setVolume = useCallback((vol: number) => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    const clamped = Math.max(0, Math.min(1, vol));\n    audio.volume = clamped;\n    setVolumeState(clamped);\n    if (clamped > 0) {\n      audio.muted = false;\n      setIsMuted(false);\n    }\n  }, []);\n\n  const toggleMute = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    audio.muted = !audio.muted;\n    setIsMuted(audio.muted);\n  }, []);\n\n  const toggleLoop = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n    const next = !audio.loop;\n    audio.loop = next;\n    setIsLoop(next);\n  }, []);\n\n  const formatTime = useCallback((time: number) => {\n    if (!isFinite(time) || isNaN(time) || time < 0) return '0:00';\n    const minutes = Math.floor(time / 60);\n    const seconds = Math.floor(time % 60);\n    return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n  }, []);\n\n  return {\n    audioRef,\n    isPlaying,\n    isLoading,\n    isLoop,\n    currentTime,\n    duration,\n    volume,\n    isMuted,\n    error,\n    togglePlay,\n    seek,\n    skip,\n    setVolume,\n    toggleMute,\n    toggleLoop,\n    formatTime,\n  };\n}\n","import { useState, useRef, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Play, Pause, Volume2, VolumeX, Volume1, SkipBack, SkipForward, Repeat } from 'lucide-react';\nimport { useAudioPlayer } from '../../hooks/useAudioPlayer';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { RendererError } from '../RendererError';\n\n/** 文本溢出时自动横向滚动 */\nconst MarqueeText: React.FC<{\n  text: string;\n  className?: string;\n  style?: React.CSSProperties;\n}> = ({ text, className = '', style }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const innerRef = useRef<HTMLDivElement>(null);\n  const [overflow, setOverflow] = useState(false);\n  const [scrollDist, setScrollDist] = useState(0);\n\n  useEffect(() => {\n    const check = () => {\n      const container = containerRef.current;\n      const inner = innerRef.current;\n      if (!container || !inner) return;\n      const cw = container.clientWidth;\n      const tw = inner.scrollWidth;\n      setOverflow(tw > cw);\n      setScrollDist(tw);\n    };\n    check();\n    const observer = new ResizeObserver(check);\n    if (containerRef.current) observer.observe(containerRef.current);\n    return () => observer.disconnect();\n  }, [text]);\n\n  const gap = 60;\n  const totalScroll = scrollDist + gap;\n  const dur = totalScroll / 40;\n\n  return (\n    <div\n      ref={containerRef}\n      className={`rfp-overflow-hidden rfp-whitespace-nowrap ${className}`}\n      style={style}\n    >\n      {overflow ? (\n        <motion.div\n          className=\"rfp-inline-flex rfp-whitespace-nowrap\"\n          animate={{ x: [0, -totalScroll] }}\n          transition={{ duration: dur, repeat: Infinity, ease: 'linear', repeatDelay: 1.5 }}\n        >\n          <span>{text}</span>\n          <span style={{ width: gap }} className=\"rfp-inline-block\" />\n          <span>{text}</span>\n        </motion.div>\n      ) : null}\n      {/* 始终渲染用于测量的隐藏层 */}\n      <div\n        ref={innerRef}\n        className=\"rfp-whitespace-nowrap\"\n        style={overflow ? { position: 'absolute', visibility: 'hidden', pointerEvents: 'none' } : undefined}\n      >\n        {text}\n      </div>\n    </div>\n  );\n};\n\n/** SVG 唱臂组件 */\nconst Tonearm: React.FC<{ isPlaying: boolean }> = ({ isPlaying }) => (\n  <motion.div\n    className=\"rfp-absolute\"\n    style={{\n      top: '-6px',\n      right: '2px',\n      width: '100px',\n      height: '120px',\n      transformOrigin: '76px 16px',\n      zIndex: 5,\n    }}\n    animate={{ rotate: isPlaying ? 16 : 0 }}\n    transition={{ duration: 0.8, ease: [0.4, 0, 0.2, 1] }}\n  >\n    <svg\n      width=\"100\"\n      height=\"120\"\n      viewBox=\"0 0 100 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {/* 底座阴影 */}\n      <circle cx=\"76\" cy=\"16\" r=\"13\" fill=\"rgba(0,0,0,0.3)\" />\n      {/* 底座外圈 */}\n      <circle cx=\"76\" cy=\"16\" r=\"11\" fill=\"url(#baseGrad)\" />\n      {/* 底座内圈 */}\n      <circle cx=\"76\" cy=\"16\" r=\"6\" fill=\"url(#baseInnerGrad)\" />\n      {/* 底座中心轴 */}\n      <circle cx=\"76\" cy=\"16\" r=\"2.5\" fill=\"#222\" stroke=\"#555\" strokeWidth=\"0.5\" />\n\n      {/* 臂杆 */}\n      <path\n        d=\"M74 22 L56 88\"\n        stroke=\"url(#armGrad)\"\n        strokeWidth=\"3.5\"\n        strokeLinecap=\"round\"\n      />\n      {/* 臂杆高光 */}\n      <path\n        d=\"M74.8 22 L56.8 88\"\n        stroke=\"rgba(255,255,255,0.06)\"\n        strokeWidth=\"1\"\n        strokeLinecap=\"round\"\n      />\n\n      {/* 唱头座 (Headshell) */}\n      <rect x=\"50\" y=\"86\" width=\"12\" height=\"7\" rx=\"1.5\" fill=\"url(#headGrad)\" />\n      {/* 唱头 (Cartridge) */}\n      <rect x=\"52.5\" y=\"92\" width=\"7\" height=\"9\" rx=\"1\" fill=\"url(#cartridgeGrad)\" />\n      {/* 唱针 (Stylus) */}\n      <line x1=\"56\" y1=\"101\" x2=\"56\" y2=\"105\" stroke=\"#bbb\" strokeWidth=\"1.2\" strokeLinecap=\"round\" />\n      <circle cx=\"56\" cy=\"105.5\" r=\"0.8\" fill=\"#ddd\" />\n\n      {/* 渐变定义 */}\n      <defs>\n        <radialGradient id=\"baseGrad\" cx=\"40%\" cy=\"35%\">\n          <stop offset=\"0%\" stopColor=\"#555\" />\n          <stop offset=\"100%\" stopColor=\"#1a1a1a\" />\n        </radialGradient>\n        <radialGradient id=\"baseInnerGrad\" cx=\"40%\" cy=\"35%\">\n          <stop offset=\"0%\" stopColor=\"#666\" />\n          <stop offset=\"100%\" stopColor=\"#333\" />\n        </radialGradient>\n        <linearGradient id=\"armGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stopColor=\"#555\" />\n          <stop offset=\"50%\" stopColor=\"#444\" />\n          <stop offset=\"100%\" stopColor=\"#333\" />\n        </linearGradient>\n        <linearGradient id=\"headGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stopColor=\"#555\" />\n          <stop offset=\"100%\" stopColor=\"#333\" />\n        </linearGradient>\n        <linearGradient id=\"cartridgeGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stopColor=\"#444\" />\n          <stop offset=\"100%\" stopColor=\"#222\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  </motion.div>\n);\n\ninterface AudioRendererProps {\n  url: string;\n  fileName: string;\n}\n\nexport const AudioRenderer: React.FC<AudioRendererProps> = ({ url, fileName }) => {\n  const t = useTranslator();\n  const {\n    audioRef,\n    isPlaying,\n    isLoading,\n    isLoop,\n    currentTime,\n    duration,\n    volume,\n    isMuted,\n    error,\n    togglePlay,\n    seek,\n    skip,\n    setVolume,\n    toggleMute,\n    toggleLoop,\n    formatTime,\n  } = useAudioPlayer({ url });\n\n  const [showVolume, setShowVolume] = useState(false);\n  const volumeRef = useRef<HTMLDivElement>(null);\n  const volumeTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const progress = duration > 0 ? currentTime / duration : 0;\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (volumeRef.current && !volumeRef.current.contains(e.target as Node)) {\n        setShowVolume(false);\n      }\n    };\n    if (showVolume) {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showVolume]);\n\n  const handleVolumeEnter = () => {\n    clearTimeout(volumeTimerRef.current);\n    setShowVolume(true);\n  };\n\n  const handleVolumeLeave = () => {\n    volumeTimerRef.current = setTimeout(() => setShowVolume(false), 300);\n  };\n\n  const VolumeIcon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2;\n\n  if (error) {\n    return <RendererError message={error} />;\n  }\n\n  return (\n    <div className=\"rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-4 md:rfp-p-8 rfp-gap-5 md:rfp-gap-8 rfp-select-none\">\n      {/* 唱片机整体 */}\n      <div className=\"rfp-relative\" style={{ width: '260px', height: '240px' }}>\n        {/* 外圈光晕 */}\n        <motion.div\n          className=\"rfp-absolute rfp-rounded-full\"\n          style={{\n            width: '220px',\n            height: '220px',\n            top: '18px',\n            left: '8px',\n            background: 'radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)',\n          }}\n          animate={isPlaying ? { scale: [1, 1.08, 1], opacity: [0.5, 1, 0.5] } : { scale: 1, opacity: 0.2 }}\n          transition={isPlaying ? { duration: 3, repeat: Infinity, ease: 'easeInOut' } : { duration: 0.5 }}\n        />\n\n        {/* 唱片主体 */}\n        <div\n          className=\"rfp-absolute rfp-rounded-full rfp-overflow-hidden\"\n          style={{\n            width: '200px',\n            height: '200px',\n            top: '28px',\n            left: '18px',\n            background: `\n              radial-gradient(circle at center, transparent 95%, rgba(30,30,30,0.8) 95.5%, #111 97%),\n              radial-gradient(circle at center, transparent 38%, rgba(50,50,50,0.5) 38.15%, transparent 38.4%),\n              radial-gradient(circle at center, transparent 45%, rgba(50,50,50,0.3) 45.15%, transparent 45.4%),\n              radial-gradient(circle at center, transparent 52%, rgba(50,50,50,0.5) 52.15%, transparent 52.4%),\n              radial-gradient(circle at center, transparent 59%, rgba(50,50,50,0.3) 59.15%, transparent 59.4%),\n              radial-gradient(circle at center, transparent 66%, rgba(50,50,50,0.5) 66.15%, transparent 66.4%),\n              radial-gradient(circle at center, transparent 73%, rgba(50,50,50,0.3) 73.15%, transparent 73.4%),\n              radial-gradient(circle at center, transparent 80%, rgba(50,50,50,0.4) 80.15%, transparent 80.4%),\n              radial-gradient(circle at center, transparent 87%, rgba(50,50,50,0.3) 87.15%, transparent 87.4%),\n              conic-gradient(from 0deg, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c, #212121, #1a1a1a, #252525, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c)\n            `,\n            boxShadow: isPlaying\n              ? '0 0 36px rgba(129,140,248,0.1), 0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)'\n              : '0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)',\n            animation: 'rfp-vinyl-spin 8s linear infinite',\n            animationPlayState: isPlaying ? 'running' : 'paused',\n          }}\n        >\n          {/* 中心标签 */}\n          <div\n            className=\"rfp-absolute rfp-rounded-full\"\n            style={{\n              width: '34%',\n              height: '34%',\n              top: '33%',\n              left: '33%',\n              background: 'radial-gradient(circle at 40% 38%, #818cf8, #6366f1, #4f46e5, #4338ca)',\n              boxShadow: 'inset 0 1px 3px rgba(255,255,255,0.25), inset 0 -1px 3px rgba(0,0,0,0.3), 0 0 8px rgba(0,0,0,0.3)',\n            }}\n          >\n            <div\n              className=\"rfp-absolute rfp-inset-0 rfp-rounded-full rfp-opacity-20\"\n              style={{\n                background: `\n                  radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.3) 31%, transparent 32%),\n                  radial-gradient(circle at center, transparent 50%, rgba(0,0,0,0.2) 51%, transparent 52%),\n                  radial-gradient(circle at center, transparent 70%, rgba(0,0,0,0.3) 71%, transparent 72%),\n                  radial-gradient(circle at center, transparent 88%, rgba(0,0,0,0.2) 89%, transparent 90%)\n                `,\n              }}\n            />\n            <div\n              className=\"rfp-absolute rfp-rounded-full\"\n              style={{\n                width: '14%',\n                height: '14%',\n                top: '43%',\n                left: '43%',\n                background: 'radial-gradient(circle at 40% 40%, #333, #0d0d0d)',\n                boxShadow: 'inset 0 1px 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.5)',\n              }}\n            />\n          </div>\n\n          {isLoading && (\n            <motion.div\n              className=\"rfp-absolute rfp-inset-0 rfp-rounded-full\"\n              style={{ border: '2px solid rgba(129,140,248,0.3)' }}\n              animate={{ scale: [1, 1.02, 1], opacity: [0.3, 0.6, 0.3] }}\n              transition={{ duration: 1.5, repeat: Infinity }}\n            />\n          )}\n        </div>\n\n        {/* 唱臂 */}\n        <Tonearm isPlaying={isPlaying} />\n      </div>\n\n      {/* 文件名 */}\n      <div className=\"rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4\">\n        <MarqueeText\n          text={fileName}\n          className=\"rfp-text-lg md:rfp-text-xl rfp-font-medium rfp-mb-1 rfp-text-fg-primary\"\n        />\n        <p className=\"rfp-text-xs rfp-tracking-widest rfp-uppercase rfp-text-accent\">\n          Audio\n        </p>\n      </div>\n\n      {/* 控制面板 */}\n      <div\n        className=\"rfp-w-full rfp-max-w-sm md:rfp-max-w-md rfp-rounded-2xl rfp-p-4 md:rfp-p-6 rfp-border rfp-bg-surface-1 rfp-border-line-weak\"\n        style={{ backdropFilter: 'blur(16px)' }}\n      >\n        {/* 进度条 */}\n        <div className=\"rfp-mb-5\">\n          <div className=\"rfp-relative rfp-h-4 rfp-flex rfp-items-center\">\n            <div className=\"rfp-absolute rfp-w-full rfp-h-[5px] rfp-rounded-full rfp-bg-surface-2\" />\n            <div\n              className=\"rfp-absolute rfp-h-[5px] rfp-rounded-full rfp-pointer-events-none\"\n              style={{\n                width: `${progress * 100}%`,\n                background: 'linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))',\n                boxShadow: isPlaying ? '0 0 8px rgba(129,140,248,0.4)' : 'none',\n                transition: 'width 0.1s linear',\n              }}\n            />\n            <input\n              type=\"range\"\n              min=\"0\"\n              max={duration > 0 ? duration : currentTime || 100}\n              step=\"any\"\n              value={currentTime}\n              onChange={(e) => seek(parseFloat(e.target.value))}\n              disabled={duration <= 0}\n              aria-label={t('audio.aria.progress')}\n              className=\"audio-slider rfp-absolute rfp-w-full\"\n            />\n          </div>\n          <div className=\"rfp-flex rfp-justify-between rfp-text-xs rfp-mt-2.5 rfp-text-fg-tertiary\">\n            <span style={{ fontVariantNumeric: 'tabular-nums' }}>{formatTime(currentTime)}</span>\n            <span style={{ fontVariantNumeric: 'tabular-nums' }}>{duration > 0 ? formatTime(duration) : '--:--'}</span>\n          </div>\n        </div>\n\n        {/* 控制按钮 */}\n        <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-gap-3\">\n          {/* 循环 */}\n          <motion.button\n            onClick={toggleLoop}\n            whileHover={{ scale: 1.1 }}\n            whileTap={{ scale: 0.92 }}\n            aria-label={isLoop ? t('audio.aria.loop_off') : t('audio.aria.loop_on')}\n            className={`rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${\n              isLoop\n                ? 'rfp-bg-accent-soft rfp-text-accent'\n                : 'rfp-bg-surface-2 rfp-text-fg-tertiary'\n            }`}\n          >\n            <Repeat className=\"rfp-w-4 rfp-h-4\" />\n          </motion.button>\n\n          {/* 后退 */}\n          <motion.button\n            onClick={() => skip(-10)}\n            whileHover={{ scale: 1.1 }}\n            whileTap={{ scale: 0.92 }}\n            aria-label={t('audio.aria.backward_10')}\n            className=\"rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary\"\n          >\n            <SkipBack className=\"rfp-w-[18px] rfp-h-[18px]\" />\n          </motion.button>\n\n          {/* 播放/暂停 */}\n          <motion.button\n            onClick={togglePlay}\n            whileHover={{ scale: 1.06 }}\n            whileTap={{ scale: 0.94 }}\n            aria-label={isPlaying ? t('audio.aria.pause') : t('audio.aria.play')}\n            className=\"rfp-w-14 rfp-h-14 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center\"\n            style={{\n              background: 'linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))',\n              color: '#fff',\n              boxShadow: '0 4px 20px rgba(99,102,241,0.35)',\n            }}\n          >\n            {isPlaying ? (\n              <Pause className=\"rfp-w-6 rfp-h-6\" />\n            ) : (\n              <Play className=\"rfp-w-6 rfp-h-6 rfp-ml-0.5\" />\n            )}\n          </motion.button>\n\n          {/* 前进 */}\n          <motion.button\n            onClick={() => skip(10)}\n            whileHover={{ scale: 1.1 }}\n            whileTap={{ scale: 0.92 }}\n            aria-label={t('audio.aria.forward_10')}\n            className=\"rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary\"\n          >\n            <SkipForward className=\"rfp-w-[18px] rfp-h-[18px]\" />\n          </motion.button>\n\n          {/* 音量 */}\n          <div\n            ref={volumeRef}\n            className=\"rfp-relative\"\n            onMouseEnter={handleVolumeEnter}\n            onMouseLeave={handleVolumeLeave}\n          >\n            <motion.button\n              onClick={toggleMute}\n              whileHover={{ scale: 1.1 }}\n              whileTap={{ scale: 0.92 }}\n              aria-label={isMuted ? t('audio.aria.unmute') : t('audio.aria.mute')}\n              className={`rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${\n                showVolume\n                  ? 'rfp-bg-accent-soft rfp-text-accent'\n                  : 'rfp-bg-surface-2 rfp-text-fg-secondary'\n              }`}\n            >\n              <VolumeIcon className=\"rfp-w-4 rfp-h-4\" />\n            </motion.button>\n\n            <AnimatePresence>\n              {showVolume && (\n                <motion.div\n                  initial={{ opacity: 0, scale: 0.95 }}\n                  animate={{ opacity: 1, scale: 1 }}\n                  exit={{ opacity: 0, scale: 0.95 }}\n                  transition={{ duration: 0.12 }}\n                  className=\"rfp-absolute rfp-bottom-full rfp-mb-2 rfp-rounded-xl rfp-p-3 rfp-border rfp-bg-surface-3 rfp-border-line\"\n                  style={{\n                    left: '50%',\n                    marginLeft: '-27px',\n                    backdropFilter: 'blur(16px)',\n                  }}\n                  onMouseEnter={handleVolumeEnter}\n                  onMouseLeave={handleVolumeLeave}\n                >\n                  <div className=\"rfp-flex rfp-flex-col rfp-items-center rfp-gap-2\" style={{ height: '100px' }}>\n                    <div className=\"rfp-relative rfp-flex rfp-items-center rfp-justify-center\" style={{ width: '24px', height: '80px' }}>\n                      <div\n                        className=\"rfp-absolute rfp-rounded-full rfp-bg-surface-2\"\n                        style={{ width: '3px', height: '100%' }}\n                      />\n                      <div\n                        className=\"rfp-absolute rfp-bottom-0 rfp-rounded-full rfp-pointer-events-none\"\n                        style={{\n                          width: '3px',\n                          height: `${(isMuted ? 0 : volume) * 100}%`,\n                          background: 'var(--fp-accent-hover)',\n                          transition: 'height 0.1s linear',\n                        }}\n                      />\n                      <input\n                        type=\"range\"\n                        min=\"0\"\n                        max=\"1\"\n                        step=\"0.01\"\n                        value={isMuted ? 0 : volume}\n                        onChange={(e) => setVolume(parseFloat(e.target.value))}\n                        aria-label={t('audio.aria.volume')}\n                        className=\"volume-slider-vertical rfp-absolute\"\n                        style={{\n                          width: '80px',\n                          height: '24px',\n                          transform: 'rotate(-90deg)',\n                          transformOrigin: 'center center',\n                        }}\n                      />\n                    </div>\n                    <span className=\"rfp-text-[10px] rfp-tabular-nums rfp-text-fg-tertiary\">\n                      {Math.round((isMuted ? 0 : volume) * 100)}\n                    </span>\n                  </div>\n                </motion.div>\n              )}\n            </AnimatePresence>\n          </div>\n        </div>\n      </div>\n\n      <audio ref={audioRef} src={url} className=\"rfp-hidden\" />\n    </div>\n  );\n};\n"],"names":["useAudioPlayer","url","audioRef","useRef","isPlaying","setIsPlaying","useState","isLoading","setIsLoading","currentTime","setCurrentTime","duration","setDuration","volume","setVolumeState","isMuted","setIsMuted","isLoop","setIsLoop","error","setError","useEffect","audio","onTimeUpdate","onDurationChange","onCanPlay","onWaiting","onPlaying","onPlay","onPause","onEnded","onError","togglePlay","useCallback","seek","time","skip","seconds","setVolume","vol","clamped","toggleMute","toggleLoop","next","formatTime","minutes","MarqueeText","text","className","style","containerRef","innerRef","overflow","setOverflow","scrollDist","setScrollDist","check","container","inner","cw","tw","observer","gap","totalScroll","dur","jsxs","motion","jsx","Tonearm","AudioRenderer","fileName","t","useTranslator","showVolume","setShowVolume","volumeRef","volumeTimerRef","progress","handleClickOutside","e","handleVolumeEnter","handleVolumeLeave","VolumeIcon","VolumeX","Volume1","Volume2","RendererError","Repeat","SkipBack","Pause","Play","SkipForward","AnimatePresence"],"mappings":"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"}

package/lib/chunks/{index-_mP0FkqE.mjs → index-sft0uUd7.mjs}

@@ -3,7 +3,7 @@ import { useState as y, useRef as c, useCallback as D, useEffect as T } from "re
 import N from "exceljs";
 import z from "x-data-spreadsheet";
 /* empty css                       */
-import { u as W, a as j, I as H } from "./index-CuAALtwC.mjs";
+import { u as W, a as j, I as H } from "./index-CWCNvV2X.mjs";
 import { R as L } from "./RendererError-BH6fzLrN.mjs";
 const q = ({ url: m }) => {
   const u = W(), k = j(), [w, x] = y(!0), [b, v] = y(null), e = c(null), g = c(null), f = c(null), d = c(null), a = c(null), R = c({ width: 0, height: 0 }), l = D(() => {
@@ -110,4 +110,4 @@ const q = ({ url: m }) => {
 export {
   q as XlsxRenderer
 };
-//# sourceMappingURL=index-_mP0FkqE.mjs.map
+//# sourceMappingURL=index-sft0uUd7.mjs.map

package/lib/chunks/{index-_mP0FkqE.mjs.map → index-sft0uUd7.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-_mP0FkqE.mjs","sources":["../../src/renderers/Xlsx/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport ExcelJS from 'exceljs';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport { convertWorkbookToSpreadsheetData } from '../../utils/excelDataConverter';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\n\ninterface XlsxRendererProps {\n  url: string;\n}\n\nexport const XlsxRenderer: React.FC<XlsxRendererProps> = ({ url }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const spreadsheetRef = useRef<Spreadsheet | null>(null);\n  const sheetDataRef = useRef<Record<string, unknown>[] | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const resizeTimeoutRef = useRef<number | null>(null);\n  const lastDimensionsRef = useRef({ width: 0, height: 0 });\n\n  const calculateDimensions = useCallback(() => {\n    if (!containerRef.current) return { width: 800, height: 600 };\n    const rawWidth = containerRef.current.clientWidth;\n    const rawHeight = containerRef.current.clientHeight;\n    const width = rawWidth > 100 ? rawWidth : 800;\n    const height = rawHeight > 100 ? rawHeight : 600;\n    return { width, height };\n  }, []);\n\n  const mountSpreadsheet = useCallback(() => {\n    if (!containerRef.current || !sheetDataRef.current) return;\n\n    // 清空容器\n    containerRef.current.innerHTML = '';\n    spreadsheetRef.current = null;\n\n    const { width, height } = calculateDimensions();\n    const isMobile = width < 640;\n\n    const s = new Spreadsheet(containerRef.current, {\n      mode: 'read',\n      showToolbar: false,\n      showContextmenu: false,\n      showGrid: true,\n      row: {\n        len: 100,\n        height: 25,\n      },\n      col: {\n        len: 26,\n        width: isMobile ? 80 : 100,\n        indexWidth: isMobile ? 40 : 60,\n        minWidth: isMobile ? 40 : 60,\n      },\n      view: {\n        height: () => height,\n        width: () => width,\n      },\n    });\n\n    s.loadData(sheetDataRef.current as unknown as Record<string, unknown>);\n    spreadsheetRef.current = s;\n  }, [calculateDimensions]);\n\n  // 监听容器尺寸变化\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    let isInitialRender = true;\n\n    const updateDimensions = () => {\n      if (isInitialRender) {\n        isInitialRender = false;\n        lastDimensionsRef.current = calculateDimensions();\n        return;\n      }\n\n      const newDimensions = calculateDimensions();\n      const lastDimensions = lastDimensionsRef.current;\n      const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n      const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n      if (widthDiff < 10 && heightDiff < 10) return;\n\n      lastDimensionsRef.current = newDimensions;\n\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n\n      resizeTimeoutRef.current = window.setTimeout(() => {\n        if (sheetDataRef.current) {\n          mountSpreadsheet();\n        }\n      }, 500);\n    };\n\n    resizeObserverRef.current = new ResizeObserver(() => {\n      updateDimensions();\n    });\n\n    resizeObserverRef.current.observe(containerRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, [calculateDimensions, mountSpreadsheet]);\n\n  useEffect(() => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (!url) return;\n\n    let isMounted = true;\n\n    const loadExcel = async () => {\n      if (!containerRef.current) return;\n\n      setLoading(true);\n      setError(null);\n\n      try {\n        const response = await fetcher(url, {\n          mode: 'cors',\n          credentials: 'omit',\n          redirect: 'follow',\n        });\n\n        if (!response.ok) {\n          if (response.status === 404) {\n            throw new Error(t('xlsx.not_found'));\n          } else if (response.status === 403) {\n            throw new Error('无权限访问此文件');\n          } else {\n            throw new Error(`文件加载失败 (${response.status})`);\n          }\n        }\n\n        const arrayBuffer = await response.arrayBuffer();\n\n        if (arrayBuffer.byteLength === 0) {\n          throw new Error('文件为空');\n        }\n\n        // 使用 exceljs 解析\n        const workbook = new ExcelJS.Workbook();\n        await workbook.xlsx.load(arrayBuffer);\n\n        // 转换为 x-data-spreadsheet 数据格式\n        const sheetData = convertWorkbookToSpreadsheetData(workbook);\n\n        if (!isMounted) return;\n\n        sheetDataRef.current = sheetData as unknown as Record<string, unknown>[];\n\n        // 挂载 x-data-spreadsheet\n        mountSpreadsheet();\n\n        setLoading(false);\n      } catch (err) {\n        if (isMounted) {\n          console.error('Excel 解析错误:', err);\n          let errorMsg = t('xlsx.parse_failed');\n          if (err instanceof Error) {\n            errorMsg = err.message;\n          }\n          setError(errorMsg);\n          setLoading(false);\n        }\n      }\n    };\n\n    const timer = setTimeout(() => {\n      requestAnimationFrame(() => {\n        loadExcel();\n      });\n    }, 100);\n\n    return () => {\n      isMounted = false;\n      clearTimeout(timer);\n      sheetDataRef.current = null;\n      if (containerRef.current) {\n        containerRef.current.innerHTML = '';\n      }\n      spreadsheetRef.current = null;\n    };\n  }, [url, mountSpreadsheet]);\n\n  return (\n    <div className=\"rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full\">\n      {/* 加载状态 */}\n      {loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <div className=\"rfp-text-center\">\n            <div className=\"rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n            <p className=\"rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium\">{t('xlsx.loading')}</p>\n          </div>\n        </div>\n      )}\n\n      {/* 错误状态 */}\n      {error && !loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <RendererError message={t('xlsx.load_failed')} detail={error} />\n        </div>\n      )}\n\n      {/* Spreadsheet 容器 */}\n      {!error && (\n        <div\n          ref={containerRef}\n          className=\"xlsx-spreadsheet-container rfp-w-full rfp-h-full\"\n          style={{ opacity: loading ? 0 : 1 }}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["XlsxRenderer","url","t","useTranslator","fetcher","useFetcher","loading","setLoading","useState","error","setError","containerRef","useRef","spreadsheetRef","sheetDataRef","resizeObserverRef","resizeTimeoutRef","lastDimensionsRef","calculateDimensions","useCallback","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","s","Spreadsheet","useEffect","isInitialRender","updateDimensions","newDimensions","lastDimensions","widthDiff","heightDiff","isMounted","loadExcel","response","arrayBuffer","workbook","ExcelJS","sheetData","convertWorkbookToSpreadsheetData","err","errorMsg","timer","jsxs","jsx","RendererError"],"mappings":"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"}
+{"version":3,"file":"index-sft0uUd7.mjs","sources":["../../src/renderers/Xlsx/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport ExcelJS from 'exceljs';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport { convertWorkbookToSpreadsheetData } from '../../utils/excelDataConverter';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\n\ninterface XlsxRendererProps {\n  url: string;\n}\n\nexport const XlsxRenderer: React.FC<XlsxRendererProps> = ({ url }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const spreadsheetRef = useRef<Spreadsheet | null>(null);\n  const sheetDataRef = useRef<Record<string, unknown>[] | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const resizeTimeoutRef = useRef<number | null>(null);\n  const lastDimensionsRef = useRef({ width: 0, height: 0 });\n\n  const calculateDimensions = useCallback(() => {\n    if (!containerRef.current) return { width: 800, height: 600 };\n    const rawWidth = containerRef.current.clientWidth;\n    const rawHeight = containerRef.current.clientHeight;\n    const width = rawWidth > 100 ? rawWidth : 800;\n    const height = rawHeight > 100 ? rawHeight : 600;\n    return { width, height };\n  }, []);\n\n  const mountSpreadsheet = useCallback(() => {\n    if (!containerRef.current || !sheetDataRef.current) return;\n\n    // 清空容器\n    containerRef.current.innerHTML = '';\n    spreadsheetRef.current = null;\n\n    const { width, height } = calculateDimensions();\n    const isMobile = width < 640;\n\n    const s = new Spreadsheet(containerRef.current, {\n      mode: 'read',\n      showToolbar: false,\n      showContextmenu: false,\n      showGrid: true,\n      row: {\n        len: 100,\n        height: 25,\n      },\n      col: {\n        len: 26,\n        width: isMobile ? 80 : 100,\n        indexWidth: isMobile ? 40 : 60,\n        minWidth: isMobile ? 40 : 60,\n      },\n      view: {\n        height: () => height,\n        width: () => width,\n      },\n    });\n\n    s.loadData(sheetDataRef.current as unknown as Record<string, unknown>);\n    spreadsheetRef.current = s;\n  }, [calculateDimensions]);\n\n  // 监听容器尺寸变化\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    let isInitialRender = true;\n\n    const updateDimensions = () => {\n      if (isInitialRender) {\n        isInitialRender = false;\n        lastDimensionsRef.current = calculateDimensions();\n        return;\n      }\n\n      const newDimensions = calculateDimensions();\n      const lastDimensions = lastDimensionsRef.current;\n      const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n      const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n      if (widthDiff < 10 && heightDiff < 10) return;\n\n      lastDimensionsRef.current = newDimensions;\n\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n\n      resizeTimeoutRef.current = window.setTimeout(() => {\n        if (sheetDataRef.current) {\n          mountSpreadsheet();\n        }\n      }, 500);\n    };\n\n    resizeObserverRef.current = new ResizeObserver(() => {\n      updateDimensions();\n    });\n\n    resizeObserverRef.current.observe(containerRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, [calculateDimensions, mountSpreadsheet]);\n\n  useEffect(() => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (!url) return;\n\n    let isMounted = true;\n\n    const loadExcel = async () => {\n      if (!containerRef.current) return;\n\n      setLoading(true);\n      setError(null);\n\n      try {\n        const response = await fetcher(url, {\n          mode: 'cors',\n          credentials: 'omit',\n          redirect: 'follow',\n        });\n\n        if (!response.ok) {\n          if (response.status === 404) {\n            throw new Error(t('xlsx.not_found'));\n          } else if (response.status === 403) {\n            throw new Error('无权限访问此文件');\n          } else {\n            throw new Error(`文件加载失败 (${response.status})`);\n          }\n        }\n\n        const arrayBuffer = await response.arrayBuffer();\n\n        if (arrayBuffer.byteLength === 0) {\n          throw new Error('文件为空');\n        }\n\n        // 使用 exceljs 解析\n        const workbook = new ExcelJS.Workbook();\n        await workbook.xlsx.load(arrayBuffer);\n\n        // 转换为 x-data-spreadsheet 数据格式\n        const sheetData = convertWorkbookToSpreadsheetData(workbook);\n\n        if (!isMounted) return;\n\n        sheetDataRef.current = sheetData as unknown as Record<string, unknown>[];\n\n        // 挂载 x-data-spreadsheet\n        mountSpreadsheet();\n\n        setLoading(false);\n      } catch (err) {\n        if (isMounted) {\n          console.error('Excel 解析错误:', err);\n          let errorMsg = t('xlsx.parse_failed');\n          if (err instanceof Error) {\n            errorMsg = err.message;\n          }\n          setError(errorMsg);\n          setLoading(false);\n        }\n      }\n    };\n\n    const timer = setTimeout(() => {\n      requestAnimationFrame(() => {\n        loadExcel();\n      });\n    }, 100);\n\n    return () => {\n      isMounted = false;\n      clearTimeout(timer);\n      sheetDataRef.current = null;\n      if (containerRef.current) {\n        containerRef.current.innerHTML = '';\n      }\n      spreadsheetRef.current = null;\n    };\n  }, [url, mountSpreadsheet]);\n\n  return (\n    <div className=\"rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full\">\n      {/* 加载状态 */}\n      {loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <div className=\"rfp-text-center\">\n            <div className=\"rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n            <p className=\"rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium\">{t('xlsx.loading')}</p>\n          </div>\n        </div>\n      )}\n\n      {/* 错误状态 */}\n      {error && !loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <RendererError message={t('xlsx.load_failed')} detail={error} />\n        </div>\n      )}\n\n      {/* Spreadsheet 容器 */}\n      {!error && (\n        <div\n          ref={containerRef}\n          className=\"xlsx-spreadsheet-container rfp-w-full rfp-h-full\"\n          style={{ opacity: loading ? 0 : 1 }}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["XlsxRenderer","url","t","useTranslator","fetcher","useFetcher","loading","setLoading","useState","error","setError","containerRef","useRef","spreadsheetRef","sheetDataRef","resizeObserverRef","resizeTimeoutRef","lastDimensionsRef","calculateDimensions","useCallback","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","s","Spreadsheet","useEffect","isInitialRender","updateDimensions","newDimensions","lastDimensions","widthDiff","heightDiff","isMounted","loadExcel","response","arrayBuffer","workbook","ExcelJS","sheetData","convertWorkbookToSpreadsheetData","err","errorMsg","timer","jsxs","jsx","RendererError"],"mappings":"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"}

package/lib/chunks/{useShikiHighlight-ClbUXJ2p.mjs → useShikiHighlight-CDDi36pF.mjs}

@@ -1,6 +1,6 @@
 import { useState as l, useEffect as f } from "react";
 import { codeToHtml as a } from "shiki";
-import { b as n } from "./index-CuAALtwC.mjs";
+import { b as n } from "./index-CWCNvV2X.mjs";
 function p(s, o) {
   const r = n(), [u, i] = l(""), [h, e] = l(!0);
   return f(() => {
@@ -20,4 +20,4 @@ function p(s, o) {
 export {
   p as u
 };
-//# sourceMappingURL=useShikiHighlight-ClbUXJ2p.mjs.map
+//# sourceMappingURL=useShikiHighlight-CDDi36pF.mjs.map

package/lib/chunks/{useShikiHighlight-ClbUXJ2p.mjs.map → useShikiHighlight-CDDi36pF.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useShikiHighlight-ClbUXJ2p.mjs","sources":["../../src/hooks/useShikiHighlight.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { codeToHtml } from 'shiki';\nimport { useResolvedTheme } from '../ThemeContext';\n\n/**\n * 用 shiki 把代码高亮成 HTML（与 vue-file-preview 同引擎、同主题，保证两端视觉一致）。\n *\n * - dark 主题用 `dark-plus`（VSCode Dark Plus）\n * - light 主题用 `github-light`（GitHub Light）\n *\n * shiki 输出的 <pre> 自带 inline 背景/前景色，主题切换时必须重新高亮，\n * 因此 resolvedTheme 进入依赖数组。\n *\n * @returns\n *  - `html`: 高亮后的 HTML 字符串（失败或加载中为 ''）\n *  - `loading`: 是否正在高亮\n */\nexport function useShikiHighlight(code: string, lang: string): { html: string; loading: boolean } {\n  const resolvedTheme = useResolvedTheme();\n  const [html, setHtml] = useState('');\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    codeToHtml(code, {\n      lang,\n      theme: resolvedTheme === 'light' ? 'github-light' : 'dark-plus',\n    })\n      .then((out) => {\n        if (!cancelled) {\n          setHtml(out);\n          setLoading(false);\n        }\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setHtml('');\n          setLoading(false);\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code, lang, resolvedTheme]);\n\n  return { html, loading };\n}\n"],"names":["useShikiHighlight","code","lang","resolvedTheme","useResolvedTheme","html","setHtml","useState","loading","setLoading","useEffect","cancelled","codeToHtml","out"],"mappings":";;;AAiBO,SAASA,EAAkBC,GAAcC,GAAkD;AAChG,QAAMC,IAAgBC,EAAA,GAChB,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAE,GAC7B,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAI;AAE3C,SAAAG,EAAU,MAAM;AACd,QAAIC,IAAY;AAChB,WAAAF,EAAW,EAAI,GACfG,EAAWX,GAAM;AAAA,MACf,MAAAC;AAAA,MACA,OAAOC,MAAkB,UAAU,iBAAiB;AAAA,IAAA,CACrD,EACE,KAAK,CAACU,MAAQ;AACb,MAAKF,MACHL,EAAQO,CAAG,GACXJ,EAAW,EAAK;AAAA,IAEpB,CAAC,EACA,MAAM,MAAM;AACX,MAAKE,MACHL,EAAQ,EAAE,GACVG,EAAW,EAAK;AAAA,IAEpB,CAAC,GACI,MAAM;AACX,MAAAE,IAAY;AAAA,IACd;AAAA,EACF,GAAG,CAACV,GAAMC,GAAMC,CAAa,CAAC,GAEvB,EAAE,MAAAE,GAAM,SAAAG,EAAA;AACjB;"}
+{"version":3,"file":"useShikiHighlight-CDDi36pF.mjs","sources":["../../src/hooks/useShikiHighlight.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { codeToHtml } from 'shiki';\nimport { useResolvedTheme } from '../ThemeContext';\n\n/**\n * 用 shiki 把代码高亮成 HTML（与 vue-file-preview 同引擎、同主题，保证两端视觉一致）。\n *\n * - dark 主题用 `dark-plus`（VSCode Dark Plus）\n * - light 主题用 `github-light`（GitHub Light）\n *\n * shiki 输出的 <pre> 自带 inline 背景/前景色，主题切换时必须重新高亮，\n * 因此 resolvedTheme 进入依赖数组。\n *\n * @returns\n *  - `html`: 高亮后的 HTML 字符串（失败或加载中为 ''）\n *  - `loading`: 是否正在高亮\n */\nexport function useShikiHighlight(code: string, lang: string): { html: string; loading: boolean } {\n  const resolvedTheme = useResolvedTheme();\n  const [html, setHtml] = useState('');\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    codeToHtml(code, {\n      lang,\n      theme: resolvedTheme === 'light' ? 'github-light' : 'dark-plus',\n    })\n      .then((out) => {\n        if (!cancelled) {\n          setHtml(out);\n          setLoading(false);\n        }\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setHtml('');\n          setLoading(false);\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code, lang, resolvedTheme]);\n\n  return { html, loading };\n}\n"],"names":["useShikiHighlight","code","lang","resolvedTheme","useResolvedTheme","html","setHtml","useState","loading","setLoading","useEffect","cancelled","codeToHtml","out"],"mappings":";;;AAiBO,SAASA,EAAkBC,GAAcC,GAAkD;AAChG,QAAMC,IAAgBC,EAAA,GAChB,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAE,GAC7B,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAI;AAE3C,SAAAG,EAAU,MAAM;AACd,QAAIC,IAAY;AAChB,WAAAF,EAAW,EAAI,GACfG,EAAWX,GAAM;AAAA,MACf,MAAAC;AAAA,MACA,OAAOC,MAAkB,UAAU,iBAAiB;AAAA,IAAA,CACrD,EACE,KAAK,CAACU,MAAQ;AACb,MAAKF,MACHL,EAAQO,CAAG,GACXJ,EAAW,EAAK;AAAA,IAEpB,CAAC,EACA,MAAM,MAAM;AACX,MAAKE,MACHL,EAAQ,EAAE,GACVG,EAAW,EAAK;AAAA,IAEpB,CAAC,GACI,MAAM;AACX,MAAAE,IAAY;AAAA,IACd;AAAA,EACF,GAAG,CAACV,GAAMC,GAAMC,CAAa,CAAC,GAEvB,EAAE,MAAAE,GAAM,SAAAG,EAAA;AACjB;"}

package/lib/components/ResizableSplit.d.ts

@@ -18,12 +18,22 @@ export interface ResizableSplitProps {
     desktopMedia?: string;
     /** 容器额外类名 */
     className?: string;
+    /** 移动端使用 Tab 切换而非上下堆叠 */
+    mobileTabMode?: boolean;
+    /** Tab 模式下左侧标题 */
+    leftTabLabel?: string;
+    /** Tab 模式下右侧标题 */
+    rightTabLabel?: string;
+}
+export interface ResizableSplitHandle {
+    switchTab: (tab: 'left' | 'right') => void;
 }
 /**
  * 通用可拖动分隔布局：
  * - 桌面端（由 `desktopMedia` 判定）横向分两栏，中间分隔线可左右拖动调整左栏宽度
- * - 移动端退化为上下堆叠，不显示分隔线
+ * - 移动端默认退化为上下堆叠（不显示分隔线）
+ * - 设置 `mobileTabMode` 时移动端使用 Tab 切换显示
  * - 可选 `storageKey` 将宽度持久化到 localStorage
  */
-export declare const ResizableSplit: React.FC<ResizableSplitProps>;
+export declare const ResizableSplit: React.ForwardRefExoticComponent<ResizableSplitProps & React.RefAttributes<ResizableSplitHandle>>;
 //# sourceMappingURL=ResizableSplit.d.ts.map

package/lib/components/ResizableSplit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableSplit.d.ts","sourceRoot":"","sources":["../../src/components/ResizableSplit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,WAAW;IACX,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,WAAW;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoGxD,CAAC"}
+{"version":3,"file":"ResizableSplit.d.ts","sourceRoot":"","sources":["../../src/components/ResizableSplit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAEzG,MAAM,WAAW,mBAAmB;IAClC,WAAW;IACX,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,WAAW;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,kGA2JzB,CAAC"}