@eternalheart/react-file-preview 1.5.0 → 1.5.1

package/lib/index.mjs

@@ -1,4 +1,4 @@
-import { d as r, e as i, f as o, L as l, v as P, V as d, g as f, W as m, w as n, h as t, u as F } from "./chunks/index-Cz23v-TW.mjs";
+import { d as r, e as i, f as o, L as l, v as P, V as d, g as f, W as m, w as n, h as t, u as F } from "./chunks/index-DreA69iU.mjs";
 import * as e from "pdfjs-dist/build/pdf.mjs";
 export {
   r as FilePreviewContent,

package/lib/renderers/Audio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderers/Audio/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAgJpD,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,+GAuVxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderers/Audio/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAgJpD,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,+GAobxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eternalheart/react-file-preview",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "A modern, feature-rich file preview component for React with support for images, videos, audio, PDFs, Office documents (Word, Excel, PowerPoint), Markdown, and code files.",
   "type": "module",
   "main": "./lib/index.cjs",

package/lib/chunks/index-DoGKcq9y.mjs

@@ -1,531 +0,0 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { useRef as G, useState as p, useEffect as F, useCallback as w, forwardRef as A, useImperativeHandle as _ } from "react";
-import { motion as d, AnimatePresence as z } from "framer-motion";
-import { Repeat as B, SkipBack as q, Pause as U, Play as X, SkipForward as J, VolumeX as K, Volume1 as Q, Volume2 as Y } from "lucide-react";
-import { u as Z } from "./index-Cz23v-TW.mjs";
-import { R as ee } from "./RendererError-D5i8eSpN.mjs";
-function re({
-  url: c
-}) {
-  const o = G(null), [E, n] = p(!1), [N, i] = p(!0), [C, g] = p(0), [h, l] = p(0), [f, u] = p(1), [x, b] = p(!1), [k, v] = p(!1), [T, y] = p(null);
-  F(() => {
-    const e = o.current;
-    if (!e) return;
-    i(!0), y(null);
-    const t = () => {
-      isNaN(e.currentTime) || g(e.currentTime);
-    }, s = () => {
-      !isNaN(e.duration) && isFinite(e.duration) && l(e.duration);
-    }, m = () => {
-      i(!1), s();
-    }, R = () => i(!0), W = () => {
-      i(!1), n(!0);
-    }, $ = () => n(!0), H = () => n(!1), O = () => n(!1), D = () => {
-      y("音频加载失败"), i(!1);
-    };
-    return e.addEventListener("timeupdate", t), e.addEventListener("loadedmetadata", s), e.addEventListener("durationchange", s), e.addEventListener("canplay", m), e.addEventListener("waiting", R), e.addEventListener("playing", W), e.addEventListener("play", $), e.addEventListener("pause", H), e.addEventListener("ended", O), e.addEventListener("error", D), e.readyState >= 3 ? (i(!1), s()) : e.readyState >= 1 && s(), () => {
-      e.removeEventListener("timeupdate", t), e.removeEventListener("loadedmetadata", s), e.removeEventListener("durationchange", s), e.removeEventListener("canplay", m), e.removeEventListener("waiting", R), e.removeEventListener("playing", W), e.removeEventListener("play", $), e.removeEventListener("pause", H), e.removeEventListener("ended", O), e.removeEventListener("error", D);
-    };
-  }, [c]);
-  const V = w(() => {
-    const e = o.current;
-    e && (e.paused ? e.play().catch(() => {
-    }) : e.pause());
-  }, []), I = w((e) => {
-    const t = o.current;
-    t && (t.currentTime = e, g(e));
-  }, []), L = w(
-    (e) => {
-      const t = o.current;
-      t && (t.currentTime = Math.max(
-        0,
-        Math.min(t.currentTime + e, t.duration || 1 / 0)
-      ));
-    },
-    []
-  ), M = w((e) => {
-    const t = o.current;
-    if (!t) return;
-    const s = Math.max(0, Math.min(1, e));
-    t.volume = s, u(s), s > 0 && (t.muted = !1, b(!1));
-  }, []), S = w(() => {
-    const e = o.current;
-    e && (e.muted = !e.muted, b(e.muted));
-  }, []), P = w(() => {
-    const e = o.current;
-    if (!e) return;
-    const t = !e.loop;
-    e.loop = t, v(t);
-  }, []), j = w((e) => {
-    if (!isFinite(e) || isNaN(e) || e < 0) return "0:00";
-    const t = Math.floor(e / 60), s = Math.floor(e % 60);
-    return `${t}:${s.toString().padStart(2, "0")}`;
-  }, []);
-  return {
-    audioRef: o,
-    isPlaying: E,
-    isLoading: N,
-    isLoop: k,
-    currentTime: C,
-    duration: h,
-    volume: f,
-    isMuted: x,
-    error: T,
-    togglePlay: V,
-    seek: I,
-    skip: L,
-    setVolume: M,
-    toggleMute: S,
-    toggleLoop: P,
-    formatTime: j
-  };
-}
-const te = ({ text: c, className: o = "", style: E }) => {
-  const n = G(null), N = G(null), [i, C] = p(!1), [g, h] = p(0);
-  F(() => {
-    const x = () => {
-      const k = n.current, v = N.current;
-      if (!k || !v) return;
-      const T = k.clientWidth, y = v.scrollWidth;
-      C(y > T), h(y);
-    };
-    x();
-    const b = new ResizeObserver(x);
-    return n.current && b.observe(n.current), () => b.disconnect();
-  }, [c]);
-  const l = 60, f = g + l, u = f / 40;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: n,
-      className: `rfp-overflow-hidden rfp-whitespace-nowrap ${o}`,
-      style: E,
-      children: [
-        i ? /* @__PURE__ */ a(
-          d.div,
-          {
-            className: "rfp-inline-flex rfp-whitespace-nowrap",
-            animate: { x: [0, -f] },
-            transition: { duration: u, repeat: 1 / 0, ease: "linear", repeatDelay: 1.5 },
-            children: [
-              /* @__PURE__ */ r("span", { children: c }),
-              /* @__PURE__ */ r("span", { style: { width: l }, className: "rfp-inline-block" }),
-              /* @__PURE__ */ r("span", { children: c })
-            ]
-          }
-        ) : null,
-        /* @__PURE__ */ r(
-          "div",
-          {
-            ref: N,
-            className: "rfp-whitespace-nowrap",
-            style: i ? { position: "absolute", visibility: "hidden", pointerEvents: "none" } : void 0,
-            children: c
-          }
-        )
-      ]
-    }
-  );
-}, ae = ({ isPlaying: c }) => /* @__PURE__ */ r(
-  d.div,
-  {
-    className: "rfp-absolute",
-    style: {
-      top: "-6px",
-      right: "2px",
-      width: "100px",
-      height: "120px",
-      transformOrigin: "76px 16px",
-      zIndex: 5
-    },
-    animate: { rotate: c ? 16 : 0 },
-    transition: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },
-    children: /* @__PURE__ */ a(
-      "svg",
-      {
-        width: "100",
-        height: "120",
-        viewBox: "0 0 100 120",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ r("circle", { cx: "76", cy: "16", r: "13", fill: "rgba(0,0,0,0.3)" }),
-          /* @__PURE__ */ r("circle", { cx: "76", cy: "16", r: "11", fill: "url(#baseGrad)" }),
-          /* @__PURE__ */ r("circle", { cx: "76", cy: "16", r: "6", fill: "url(#baseInnerGrad)" }),
-          /* @__PURE__ */ r("circle", { cx: "76", cy: "16", r: "2.5", fill: "#222", stroke: "#555", strokeWidth: "0.5" }),
-          /* @__PURE__ */ r(
-            "path",
-            {
-              d: "M74 22 L56 88",
-              stroke: "url(#armGrad)",
-              strokeWidth: "3.5",
-              strokeLinecap: "round"
-            }
-          ),
-          /* @__PURE__ */ r(
-            "path",
-            {
-              d: "M74.8 22 L56.8 88",
-              stroke: "rgba(255,255,255,0.06)",
-              strokeWidth: "1",
-              strokeLinecap: "round"
-            }
-          ),
-          /* @__PURE__ */ r("rect", { x: "50", y: "86", width: "12", height: "7", rx: "1.5", fill: "url(#headGrad)" }),
-          /* @__PURE__ */ r("rect", { x: "52.5", y: "92", width: "7", height: "9", rx: "1", fill: "url(#cartridgeGrad)" }),
-          /* @__PURE__ */ r("line", { x1: "56", y1: "101", x2: "56", y2: "105", stroke: "#bbb", strokeWidth: "1.2", strokeLinecap: "round" }),
-          /* @__PURE__ */ r("circle", { cx: "56", cy: "105.5", r: "0.8", fill: "#ddd" }),
-          /* @__PURE__ */ a("defs", { children: [
-            /* @__PURE__ */ a("radialGradient", { id: "baseGrad", cx: "40%", cy: "35%", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#1a1a1a" })
-            ] }),
-            /* @__PURE__ */ a("radialGradient", { id: "baseInnerGrad", cx: "40%", cy: "35%", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#666" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
-            ] }),
-            /* @__PURE__ */ a("linearGradient", { id: "armGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
-              /* @__PURE__ */ r("stop", { offset: "50%", stopColor: "#444" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
-            ] }),
-            /* @__PURE__ */ a("linearGradient", { id: "headGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
-            ] }),
-            /* @__PURE__ */ a("linearGradient", { id: "cartridgeGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#444" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#222" })
-            ] })
-          ] })
-        ]
-      }
-    )
-  }
-), pe = A(({ url: c, fileName: o }, E) => {
-  const n = Z(), {
-    audioRef: N,
-    isPlaying: i,
-    isLoading: C,
-    isLoop: g,
-    currentTime: h,
-    duration: l,
-    volume: f,
-    isMuted: u,
-    error: x,
-    togglePlay: b,
-    seek: k,
-    skip: v,
-    setVolume: T,
-    toggleMute: y,
-    toggleLoop: V,
-    formatTime: I
-  } = re({ url: c }), [L, M] = p(!1), S = G(null), P = G(), j = l > 0 ? h / l : 0;
-  F(() => {
-    const m = (R) => {
-      S.current && !S.current.contains(R.target) && M(!1);
-    };
-    return L && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
-  }, [L]);
-  const e = () => {
-    clearTimeout(P.current), M(!0);
-  }, t = () => {
-    P.current = setTimeout(() => M(!1), 300);
-  }, s = u || f === 0 ? K : f < 0.5 ? Q : Y;
-  return _(E, () => ({
-    getToolbarGroups: () => []
-  }), []), x ? /* @__PURE__ */ r(ee, { message: x }) : /* @__PURE__ */ a("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-6 rfp-gap-6 rfp-select-none", children: [
-    /* @__PURE__ */ a("div", { className: "rfp-relative", style: { width: "260px", height: "240px" }, children: [
-      /* @__PURE__ */ r(
-        d.div,
-        {
-          className: "rfp-absolute rfp-rounded-full",
-          style: {
-            width: "220px",
-            height: "220px",
-            top: "18px",
-            left: "8px",
-            background: "radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)"
-          },
-          animate: i ? { scale: [1, 1.08, 1], opacity: [0.5, 1, 0.5] } : { scale: 1, opacity: 0.2 },
-          transition: i ? { duration: 3, repeat: 1 / 0, ease: "easeInOut" } : { duration: 0.5 }
-        }
-      ),
-      /* @__PURE__ */ a(
-        "div",
-        {
-          className: "rfp-absolute rfp-rounded-full rfp-overflow-hidden",
-          style: {
-            width: "200px",
-            height: "200px",
-            top: "28px",
-            left: "18px",
-            background: `
-              radial-gradient(circle at center, transparent 95%, rgba(30,30,30,0.8) 95.5%, #111 97%),
-              radial-gradient(circle at center, transparent 38%, rgba(50,50,50,0.5) 38.15%, transparent 38.4%),
-              radial-gradient(circle at center, transparent 45%, rgba(50,50,50,0.3) 45.15%, transparent 45.4%),
-              radial-gradient(circle at center, transparent 52%, rgba(50,50,50,0.5) 52.15%, transparent 52.4%),
-              radial-gradient(circle at center, transparent 59%, rgba(50,50,50,0.3) 59.15%, transparent 59.4%),
-              radial-gradient(circle at center, transparent 66%, rgba(50,50,50,0.5) 66.15%, transparent 66.4%),
-              radial-gradient(circle at center, transparent 73%, rgba(50,50,50,0.3) 73.15%, transparent 73.4%),
-              radial-gradient(circle at center, transparent 80%, rgba(50,50,50,0.4) 80.15%, transparent 80.4%),
-              radial-gradient(circle at center, transparent 87%, rgba(50,50,50,0.3) 87.15%, transparent 87.4%),
-              conic-gradient(from 0deg, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c, #212121, #1a1a1a, #252525, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c)
-            `,
-            boxShadow: i ? "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)" : "0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)",
-            animation: "rfp-vinyl-spin 8s linear infinite",
-            animationPlayState: i ? "running" : "paused"
-          },
-          children: [
-            /* @__PURE__ */ a(
-              "div",
-              {
-                className: "rfp-absolute rfp-rounded-full",
-                style: {
-                  width: "34%",
-                  height: "34%",
-                  top: "33%",
-                  left: "33%",
-                  background: "radial-gradient(circle at 40% 38%, #818cf8, #6366f1, #4f46e5, #4338ca)",
-                  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)"
-                },
-                children: [
-                  /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: "rfp-absolute rfp-inset-0 rfp-rounded-full rfp-opacity-20",
-                      style: {
-                        background: `
-                  radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.3) 31%, transparent 32%),
-                  radial-gradient(circle at center, transparent 50%, rgba(0,0,0,0.2) 51%, transparent 52%),
-                  radial-gradient(circle at center, transparent 70%, rgba(0,0,0,0.3) 71%, transparent 72%),
-                  radial-gradient(circle at center, transparent 88%, rgba(0,0,0,0.2) 89%, transparent 90%)
-                `
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: "rfp-absolute rfp-rounded-full",
-                      style: {
-                        width: "14%",
-                        height: "14%",
-                        top: "43%",
-                        left: "43%",
-                        background: "radial-gradient(circle at 40% 40%, #333, #0d0d0d)",
-                        boxShadow: "inset 0 1px 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.5)"
-                      }
-                    }
-                  )
-                ]
-              }
-            ),
-            C && /* @__PURE__ */ r(
-              d.div,
-              {
-                className: "rfp-absolute rfp-inset-0 rfp-rounded-full",
-                style: { border: "2px solid rgba(129,140,248,0.3)" },
-                animate: { scale: [1, 1.02, 1], opacity: [0.3, 0.6, 0.3] },
-                transition: { duration: 1.5, repeat: 1 / 0 }
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ r(ae, { isPlaying: i })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "rfp-text-center rfp-max-w-md rfp-px-4", children: [
-      /* @__PURE__ */ r(
-        te,
-        {
-          text: o,
-          className: "rfp-text-lg rfp-font-medium rfp-mb-1 rfp-text-fg-primary"
-        }
-      ),
-      /* @__PURE__ */ r("p", { className: "rfp-text-xs rfp-tracking-widest rfp-uppercase rfp-text-accent", children: "Audio" })
-    ] }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: "rfp-w-full rfp-max-w-md rfp-rounded-2xl rfp-p-5 rfp-border rfp-bg-surface-1 rfp-border-line-weak",
-        style: { backdropFilter: "blur(16px)" },
-        children: [
-          /* @__PURE__ */ a("div", { className: "rfp-mb-5", children: [
-            /* @__PURE__ */ a("div", { className: "rfp-relative rfp-h-4 rfp-flex rfp-items-center", children: [
-              /* @__PURE__ */ r("div", { className: "rfp-absolute rfp-w-full rfp-h-[5px] rfp-rounded-full rfp-bg-surface-2" }),
-              /* @__PURE__ */ r(
-                "div",
-                {
-                  className: "rfp-absolute rfp-h-[5px] rfp-rounded-full rfp-pointer-events-none",
-                  style: {
-                    width: `${j * 100}%`,
-                    background: "linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))",
-                    boxShadow: i ? "0 0 8px rgba(129,140,248,0.4)" : "none",
-                    transition: "width 0.1s linear"
-                  }
-                }
-              ),
-              /* @__PURE__ */ r(
-                "input",
-                {
-                  type: "range",
-                  min: "0",
-                  max: l > 0 ? l : h || 100,
-                  step: "any",
-                  value: h,
-                  onChange: (m) => k(parseFloat(m.target.value)),
-                  disabled: l <= 0,
-                  "aria-label": n("audio.aria.progress"),
-                  className: "audio-slider rfp-absolute rfp-w-full"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { className: "rfp-flex rfp-justify-between rfp-text-xs rfp-mt-2.5 rfp-text-fg-tertiary", children: [
-              /* @__PURE__ */ r("span", { style: { fontVariantNumeric: "tabular-nums" }, children: I(h) }),
-              /* @__PURE__ */ r("span", { style: { fontVariantNumeric: "tabular-nums" }, children: l > 0 ? I(l) : "--:--" })
-            ] })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-gap-3", children: [
-            /* @__PURE__ */ r(
-              d.button,
-              {
-                onClick: V,
-                whileHover: { scale: 1.1 },
-                whileTap: { scale: 0.92 },
-                "aria-label": n(g ? "audio.aria.loop_off" : "audio.aria.loop_on"),
-                className: `rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${g ? "rfp-bg-accent-soft rfp-text-accent" : "rfp-bg-surface-2 rfp-text-fg-tertiary"}`,
-                children: /* @__PURE__ */ r(B, { className: "rfp-w-4 rfp-h-4" })
-              }
-            ),
-            /* @__PURE__ */ r(
-              d.button,
-              {
-                onClick: () => v(-10),
-                whileHover: { scale: 1.1 },
-                whileTap: { scale: 0.92 },
-                "aria-label": n("audio.aria.backward_10"),
-                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",
-                children: /* @__PURE__ */ r(q, { className: "rfp-w-[18px] rfp-h-[18px]" })
-              }
-            ),
-            /* @__PURE__ */ r(
-              d.button,
-              {
-                onClick: b,
-                whileHover: { scale: 1.06 },
-                whileTap: { scale: 0.94 },
-                "aria-label": n(i ? "audio.aria.pause" : "audio.aria.play"),
-                className: "rfp-w-14 rfp-h-14 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center",
-                style: {
-                  background: "linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))",
-                  color: "#fff",
-                  boxShadow: "0 4px 20px rgba(99,102,241,0.35)"
-                },
-                children: i ? /* @__PURE__ */ r(U, { className: "rfp-w-6 rfp-h-6" }) : /* @__PURE__ */ r(X, { className: "rfp-w-6 rfp-h-6 rfp-ml-0.5" })
-              }
-            ),
-            /* @__PURE__ */ r(
-              d.button,
-              {
-                onClick: () => v(10),
-                whileHover: { scale: 1.1 },
-                whileTap: { scale: 0.92 },
-                "aria-label": n("audio.aria.forward_10"),
-                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",
-                children: /* @__PURE__ */ r(J, { className: "rfp-w-[18px] rfp-h-[18px]" })
-              }
-            ),
-            /* @__PURE__ */ a(
-              "div",
-              {
-                ref: S,
-                className: "rfp-relative",
-                onMouseEnter: e,
-                onMouseLeave: t,
-                children: [
-                  /* @__PURE__ */ r(
-                    d.button,
-                    {
-                      onClick: y,
-                      whileHover: { scale: 1.1 },
-                      whileTap: { scale: 0.92 },
-                      "aria-label": n(u ? "audio.aria.unmute" : "audio.aria.mute"),
-                      className: `rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${L ? "rfp-bg-accent-soft rfp-text-accent" : "rfp-bg-surface-2 rfp-text-fg-secondary"}`,
-                      children: /* @__PURE__ */ r(s, { className: "rfp-w-4 rfp-h-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ r(z, { children: L && /* @__PURE__ */ r(
-                    d.div,
-                    {
-                      initial: { opacity: 0, scale: 0.95 },
-                      animate: { opacity: 1, scale: 1 },
-                      exit: { opacity: 0, scale: 0.95 },
-                      transition: { duration: 0.12 },
-                      className: "rfp-absolute rfp-bottom-full rfp-mb-2 rfp-rounded-xl rfp-p-3 rfp-border rfp-bg-surface-3 rfp-border-line",
-                      style: {
-                        left: "50%",
-                        marginLeft: "-27px",
-                        backdropFilter: "blur(16px)"
-                      },
-                      onMouseEnter: e,
-                      onMouseLeave: t,
-                      children: /* @__PURE__ */ a("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-gap-2", style: { height: "100px" }, children: [
-                        /* @__PURE__ */ a("div", { className: "rfp-relative rfp-flex rfp-items-center rfp-justify-center", style: { width: "24px", height: "80px" }, children: [
-                          /* @__PURE__ */ r(
-                            "div",
-                            {
-                              className: "rfp-absolute rfp-rounded-full rfp-bg-surface-2",
-                              style: { width: "3px", height: "100%" }
-                            }
-                          ),
-                          /* @__PURE__ */ r(
-                            "div",
-                            {
-                              className: "rfp-absolute rfp-bottom-0 rfp-rounded-full rfp-pointer-events-none",
-                              style: {
-                                width: "3px",
-                                height: `${(u ? 0 : f) * 100}%`,
-                                background: "var(--fp-accent-hover)",
-                                transition: "height 0.1s linear"
-                              }
-                            }
-                          ),
-                          /* @__PURE__ */ r(
-                            "input",
-                            {
-                              type: "range",
-                              min: "0",
-                              max: "1",
-                              step: "0.01",
-                              value: u ? 0 : f,
-                              onChange: (m) => T(parseFloat(m.target.value)),
-                              "aria-label": n("audio.aria.volume"),
-                              className: "volume-slider-vertical rfp-absolute",
-                              style: {
-                                width: "80px",
-                                height: "24px",
-                                transform: "rotate(-90deg)",
-                                transformOrigin: "center center"
-                              }
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ r("span", { className: "rfp-text-[10px] rfp-tabular-nums rfp-text-fg-tertiary", children: Math.round((u ? 0 : f) * 100) })
-                      ] })
-                    }
-                  ) })
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ r("audio", { ref: N, src: c, className: "rfp-hidden" })
-  ] });
-});
-export {
-  pe as AudioRenderer
-};
-//# sourceMappingURL=index-DoGKcq9y.mjs.map

package/lib/chunks/index-DoGKcq9y.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DoGKcq9y.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, forwardRef, useImperativeHandle } 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';\nimport type { RendererHandle } from '../base.types';\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 = forwardRef<RendererHandle, AudioRendererProps>(({ url, fileName }, ref) => {\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  // 暴露接口给父组件\n  useImperativeHandle(ref, () => ({\n    getToolbarGroups: () => [],\n  }), []);\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-6 rfp-gap-6 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-md rfp-px-4\">\n        <MarqueeText\n          text={fileName}\n          className=\"rfp-text-lg 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-md rfp-rounded-2xl rfp-p-5 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","forwardRef","fileName","ref","t","useTranslator","showVolume","setShowVolume","volumeRef","volumeTimerRef","progress","handleClickOutside","e","handleVolumeEnter","handleVolumeLeave","VolumeIcon","VolumeX","Volume1","Volume2","useImperativeHandle","RendererError","Repeat","SkipBack","Pause","Play","SkipForward","AnimatePresence"],"mappings":"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"}