@eternalheart/vue-file-preview 1.3.6 → 1.3.7

package/lib/chunks/index-CbKSdAt_.mjs

@@ -0,0 +1,391 @@
+import { ref as p, watch as z, onUnmounted as D, defineComponent as U, toRef as O, computed as $, onMounted as q, onBeforeUnmount as H, unref as t, openBlock as b, createElementBlock as I, createElementVNode as a, toDisplayString as G, normalizeStyle as M, createStaticVNode as W, normalizeClass as A, createVNode as C, createBlock as R, resolveDynamicComponent as X, Transition as J, withCtx as K, createCommentVNode as Q } from "vue";
+import { VolumeX as Y, Volume1 as Z, Volume2 as ee, Repeat as te, SkipBack as ae, Pause as re, Play as ne, SkipForward as oe } from "lucide-vue-next";
+import { f as se, u as le, _ as ie } from "./index-DpAxU2JM.mjs";
+function pe(x) {
+  const f = p(null), m = p(!1), o = p(!0), h = p(0), d = p(0), y = p(1), u = p(!1), v = p(!1), c = p(null);
+  let l = null;
+  const w = () => {
+    const e = f.value;
+    if (!e) return;
+    o.value = !0, c.value = null;
+    const n = () => {
+      isNaN(e.currentTime) || (h.value = e.currentTime);
+    }, s = () => {
+      !isNaN(e.duration) && isFinite(e.duration) && (d.value = e.duration);
+    }, g = () => {
+      o.value = !1, s();
+    }, T = () => {
+      o.value = !0;
+    }, V = () => {
+      o.value = !1, m.value = !0;
+    }, k = () => {
+      m.value = !0;
+    }, _ = () => {
+      m.value = !1;
+    }, L = () => {
+      m.value = !1;
+    }, E = () => {
+      c.value = "音频加载失败", o.value = !1;
+    };
+    e.addEventListener("timeupdate", n), e.addEventListener("loadedmetadata", s), e.addEventListener("durationchange", s), e.addEventListener("canplay", g), e.addEventListener("waiting", T), e.addEventListener("playing", V), e.addEventListener("play", k), e.addEventListener("pause", _), e.addEventListener("ended", L), e.addEventListener("error", E), e.readyState >= 3 ? (o.value = !1, s()) : e.readyState >= 1 && s(), l = () => {
+      e.removeEventListener("timeupdate", n), e.removeEventListener("loadedmetadata", s), e.removeEventListener("durationchange", s), e.removeEventListener("canplay", g), e.removeEventListener("waiting", T), e.removeEventListener("playing", V), e.removeEventListener("play", k), e.removeEventListener("pause", _), e.removeEventListener("ended", L), e.removeEventListener("error", E);
+    };
+  };
+  return z(
+    x,
+    () => {
+      l == null || l(), l = null, requestAnimationFrame(() => w());
+    },
+    { flush: "post" }
+  ), z(
+    f,
+    (e) => {
+      e && w();
+    },
+    { flush: "post" }
+  ), D(() => {
+    l == null || l(), l = null;
+  }), {
+    audioRef: f,
+    isPlaying: m,
+    isLoading: o,
+    isLoop: v,
+    currentTime: h,
+    duration: d,
+    volume: y,
+    isMuted: u,
+    error: c,
+    togglePlay: () => {
+      const e = f.value;
+      e && (e.paused ? e.play().catch(() => {
+      }) : e.pause());
+    },
+    seek: (e) => {
+      const n = f.value;
+      n && (n.currentTime = e, h.value = e);
+    },
+    skip: (e) => {
+      const n = f.value;
+      n && (n.currentTime = Math.max(
+        0,
+        Math.min(n.currentTime + e, n.duration || 1 / 0)
+      ));
+    },
+    setVolume: (e) => {
+      const n = f.value;
+      if (!n) return;
+      const s = Math.max(0, Math.min(1, e));
+      n.volume = s, y.value = s, s > 0 && (n.muted = !1, u.value = !1);
+    },
+    toggleMute: () => {
+      const e = f.value;
+      e && (e.muted = !e.muted, u.value = e.muted);
+    },
+    toggleLoop: () => {
+      const e = f.value;
+      if (!e) return;
+      const n = !e.loop;
+      e.loop = n, v.value = n;
+    },
+    formatTime: se
+  };
+}
+const fe = {
+  key: 0,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, de = { class: "vfp-text-fg-secondary vfp-text-center" }, ve = { class: "vfp-text-lg" }, ce = {
+  key: 1,
+  class: "vfp-flex vfp-flex-col vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-p-4 md:vfp-p-8 vfp-gap-5 md:vfp-gap-8 vfp-select-none"
+}, ue = {
+  class: "vfp-relative",
+  style: { width: "260px", height: "240px" }
+}, me = { class: "vfp-text-center vfp-max-w-sm md:vfp-max-w-md vfp-px-4" }, ge = { class: "vfp-text-lg md:vfp-text-xl vfp-font-medium vfp-mb-1 vfp-truncate vfp-text-fg-primary" }, be = {
+  class: "vfp-w-full vfp-max-w-sm md:vfp-max-w-md vfp-rounded-2xl vfp-p-4 md:vfp-p-6 vfp-border vfp-bg-surface-1 vfp-border-line-weak",
+  style: { backdropFilter: "blur(16px)" }
+}, xe = { class: "vfp-mb-5" }, he = { class: "vfp-relative vfp-h-4 vfp-flex vfp-items-center" }, ye = ["max", "value", "disabled", "aria-label"], we = { class: "vfp-flex vfp-justify-between vfp-text-xs vfp-mt-2.5 vfp-text-fg-tertiary" }, ke = { style: { "font-variant-numeric": "tabular-nums" } }, _e = { style: { "font-variant-numeric": "tabular-nums" } }, Le = { class: "vfp-flex vfp-items-center vfp-justify-center vfp-gap-3" }, Ee = ["aria-label"], Ge = ["aria-label"], Me = ["aria-label"], Te = ["aria-label"], Ve = ["aria-label"], Ce = {
+  class: "vfp-flex vfp-flex-col vfp-items-center vfp-gap-2",
+  style: { height: "100px" }
+}, Pe = {
+  class: "vfp-relative vfp-flex vfp-items-center vfp-justify-center",
+  style: { width: "24px", height: "80px" }
+}, Se = ["value", "aria-label"], je = { class: "vfp-text-[10px] vfp-tabular-nums vfp-text-fg-tertiary" }, Ne = ["src"], Ie = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    url: {},
+    fileName: {}
+  },
+  setup(x) {
+    const m = O(x, "url"), { t: o } = le(), {
+      audioRef: h,
+      isPlaying: d,
+      isLoop: y,
+      currentTime: u,
+      duration: v,
+      volume: c,
+      isMuted: l,
+      error: w,
+      togglePlay: P,
+      seek: F,
+      skip: S,
+      setVolume: B,
+      toggleMute: j,
+      toggleLoop: N,
+      formatTime: e
+    } = pe(m), n = p(!1);
+    let s = null;
+    const g = p(null), T = $(() => v.value > 0 ? u.value / v.value : 0), V = $(() => l.value || c.value === 0 ? Y : c.value < 0.5 ? Z : ee), k = (E) => {
+      g.value && !g.value.contains(E.target) && (n.value = !1);
+    };
+    q(() => {
+      document.addEventListener("mousedown", k);
+    }), H(() => {
+      document.removeEventListener("mousedown", k), s !== null && clearTimeout(s);
+    });
+    const _ = () => {
+      s !== null && clearTimeout(s), n.value = !0;
+    }, L = () => {
+      s = window.setTimeout(() => {
+        n.value = !1;
+      }, 300);
+    };
+    return (E, r) => t(w) ? (b(), I("div", fe, [
+      a("div", de, [
+        a("p", ve, G(t(w)), 1)
+      ])
+    ])) : (b(), I("div", ce, [
+      a("div", ue, [
+        a("div", {
+          class: "vfp-absolute vfp-rounded-full",
+          style: M({
+            width: "220px",
+            height: "220px",
+            top: "18px",
+            left: "8px",
+            background: "radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)",
+            opacity: t(d) ? 0.7 : 0.2,
+            transition: "opacity 0.5s"
+          })
+        }, null, 4),
+        a("div", {
+          class: "vfp-absolute vfp-rounded-full vfp-overflow-hidden",
+          style: M({
+            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: t(d) ? "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: "vfp-vinyl-spin 8s linear infinite",
+            animationPlayState: t(d) ? "running" : "paused"
+          })
+        }, [...r[7] || (r[7] = [
+          a("div", {
+            class: "vfp-absolute vfp-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)"
+            }
+          }, [
+            a("div", {
+              class: "vfp-absolute vfp-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)"
+              }
+            })
+          ], -1)
+        ])], 4),
+        a("div", {
+          class: "vfp-absolute",
+          style: M({
+            top: "-6px",
+            right: "2px",
+            width: "100px",
+            height: "120px",
+            transformOrigin: "76px 16px",
+            zIndex: 5,
+            transform: t(d) ? "rotate(16deg)" : "rotate(0deg)",
+            transition: "transform 0.8s cubic-bezier(0.4, 0, 0.2, 1)"
+          })
+        }, [...r[8] || (r[8] = [
+          W('<svg width="100" height="120" viewBox="0 0 100 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-e903bc52><circle cx="76" cy="16" r="13" fill="rgba(0,0,0,0.3)" data-v-e903bc52></circle><circle cx="76" cy="16" r="11" fill="url(#vfp-baseGrad)" data-v-e903bc52></circle><circle cx="76" cy="16" r="6" fill="url(#vfp-baseInnerGrad)" data-v-e903bc52></circle><circle cx="76" cy="16" r="2.5" fill="#222" stroke="#555" stroke-width="0.5" data-v-e903bc52></circle><path d="M74 22 L56 88" stroke="url(#vfp-armGrad)" stroke-width="3.5" stroke-linecap="round" data-v-e903bc52></path><rect x="50" y="86" width="12" height="7" rx="1.5" fill="url(#vfp-headGrad)" data-v-e903bc52></rect><rect x="52.5" y="92" width="7" height="9" rx="1" fill="url(#vfp-cartridgeGrad)" data-v-e903bc52></rect><line x1="56" y1="101" x2="56" y2="105" stroke="#bbb" stroke-width="1.2" stroke-linecap="round" data-v-e903bc52></line><circle cx="56" cy="105.5" r="0.8" fill="#ddd" data-v-e903bc52></circle><defs data-v-e903bc52><radialGradient id="vfp-baseGrad" cx="40%" cy="35%" data-v-e903bc52><stop offset="0%" stop-color="#555" data-v-e903bc52></stop><stop offset="100%" stop-color="#1a1a1a" data-v-e903bc52></stop></radialGradient><radialGradient id="vfp-baseInnerGrad" cx="40%" cy="35%" data-v-e903bc52><stop offset="0%" stop-color="#666" data-v-e903bc52></stop><stop offset="100%" stop-color="#333" data-v-e903bc52></stop></radialGradient><linearGradient id="vfp-armGrad" x1="0" y1="0" x2="0" y2="1" data-v-e903bc52><stop offset="0%" stop-color="#555" data-v-e903bc52></stop><stop offset="50%" stop-color="#444" data-v-e903bc52></stop><stop offset="100%" stop-color="#333" data-v-e903bc52></stop></linearGradient><linearGradient id="vfp-headGrad" x1="0" y1="0" x2="0" y2="1" data-v-e903bc52><stop offset="0%" stop-color="#555" data-v-e903bc52></stop><stop offset="100%" stop-color="#333" data-v-e903bc52></stop></linearGradient><linearGradient id="vfp-cartridgeGrad" x1="0" y1="0" x2="0" y2="1" data-v-e903bc52><stop offset="0%" stop-color="#444" data-v-e903bc52></stop><stop offset="100%" stop-color="#222" data-v-e903bc52></stop></linearGradient></defs></svg>', 1)
+        ])], 4)
+      ]),
+      a("div", me, [
+        a("div", ge, G(x.fileName), 1),
+        r[9] || (r[9] = a("p", { class: "vfp-text-xs vfp-tracking-widest vfp-uppercase vfp-text-accent" }, "Audio", -1))
+      ]),
+      a("div", be, [
+        a("div", xe, [
+          a("div", he, [
+            r[10] || (r[10] = a("div", { class: "vfp-absolute vfp-w-full vfp-h-[5px] vfp-rounded-full vfp-bg-surface-2" }, null, -1)),
+            a("div", {
+              class: "vfp-absolute vfp-h-[5px] vfp-rounded-full vfp-pointer-events-none",
+              style: M({
+                width: `${T.value * 100}%`,
+                background: "linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))",
+                boxShadow: t(d) ? "0 0 8px rgba(129,140,248,0.4)" : "none",
+                transition: "width 0.1s linear"
+              })
+            }, null, 4),
+            a("input", {
+              type: "range",
+              min: "0",
+              max: t(v) > 0 ? t(v) : t(u) || 100,
+              step: "any",
+              value: t(u),
+              disabled: t(v) <= 0,
+              "aria-label": t(o)("audio.aria.progress"),
+              class: "audio-slider vfp-absolute vfp-w-full",
+              onInput: r[0] || (r[0] = (i) => t(F)(parseFloat(i.target.value)))
+            }, null, 40, ye)
+          ]),
+          a("div", we, [
+            a("span", ke, G(t(e)(t(u))), 1),
+            a("span", _e, G(t(v) > 0 ? t(e)(t(v)) : "--:--"), 1)
+          ])
+        ]),
+        a("div", Le, [
+          a("button", {
+            class: A([
+              "vfp-w-9 vfp-h-9 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn",
+              t(y) ? "vfp-bg-accent-soft vfp-text-accent" : "vfp-bg-surface-2 vfp-text-fg-tertiary"
+            ]),
+            "aria-label": t(y) ? t(o)("audio.aria.loop_off") : t(o)("audio.aria.loop_on"),
+            onClick: r[1] || (r[1] = //@ts-ignore
+            (...i) => t(N) && t(N)(...i))
+          }, [
+            C(t(te), { class: "vfp-w-4 vfp-h-4" })
+          ], 10, Ee),
+          a("button", {
+            class: "vfp-w-10 vfp-h-10 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn vfp-bg-surface-2 vfp-text-fg-secondary",
+            "aria-label": t(o)("audio.aria.backward_10"),
+            onClick: r[2] || (r[2] = (i) => t(S)(-10))
+          }, [
+            C(t(ae), { class: "vfp-w-[18px] vfp-h-[18px]" })
+          ], 8, Ge),
+          a("button", {
+            class: "vfp-w-14 vfp-h-14 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center audio-ctrl-btn",
+            style: {
+              background: "linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))",
+              color: "#fff",
+              boxShadow: "0 4px 20px rgba(99,102,241,0.35)"
+            },
+            "aria-label": t(d) ? t(o)("audio.aria.pause") : t(o)("audio.aria.play"),
+            onClick: r[3] || (r[3] = //@ts-ignore
+            (...i) => t(P) && t(P)(...i))
+          }, [
+            t(d) ? (b(), R(t(re), {
+              key: 0,
+              class: "vfp-w-6 vfp-h-6"
+            })) : (b(), R(t(ne), {
+              key: 1,
+              class: "vfp-w-6 vfp-h-6 vfp-ml-0.5"
+            }))
+          ], 8, Me),
+          a("button", {
+            class: "vfp-w-10 vfp-h-10 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn vfp-bg-surface-2 vfp-text-fg-secondary",
+            "aria-label": t(o)("audio.aria.forward_10"),
+            onClick: r[4] || (r[4] = (i) => t(S)(10))
+          }, [
+            C(t(oe), { class: "vfp-w-[18px] vfp-h-[18px]" })
+          ], 8, Te),
+          a("div", {
+            ref_key: "volumeRef",
+            ref: g,
+            class: "vfp-relative",
+            onMouseenter: _,
+            onMouseleave: L
+          }, [
+            a("button", {
+              class: A([
+                "vfp-w-9 vfp-h-9 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn",
+                n.value ? "vfp-bg-accent-soft vfp-text-accent" : "vfp-bg-surface-2 vfp-text-fg-secondary"
+              ]),
+              "aria-label": t(l) ? t(o)("audio.aria.unmute") : t(o)("audio.aria.mute"),
+              onClick: r[5] || (r[5] = //@ts-ignore
+              (...i) => t(j) && t(j)(...i))
+            }, [
+              (b(), R(X(V.value), { class: "vfp-w-4 vfp-h-4" }))
+            ], 10, Ve),
+            C(J, { name: "vfp-fade" }, {
+              default: K(() => [
+                n.value ? (b(), I("div", {
+                  key: 0,
+                  class: "vfp-absolute vfp-bottom-full vfp-mb-2 vfp-rounded-xl vfp-p-3 vfp-border vfp-bg-surface-3 vfp-border-line",
+                  style: {
+                    left: "50%",
+                    marginLeft: "-27px",
+                    backdropFilter: "blur(16px)"
+                  },
+                  onMouseenter: _,
+                  onMouseleave: L
+                }, [
+                  a("div", Ce, [
+                    a("div", Pe, [
+                      r[11] || (r[11] = a("div", {
+                        class: "vfp-absolute vfp-rounded-full vfp-bg-surface-2",
+                        style: { width: "3px", height: "100%" }
+                      }, null, -1)),
+                      a("div", {
+                        class: "vfp-absolute vfp-bottom-0 vfp-rounded-full vfp-pointer-events-none",
+                        style: M({
+                          width: "3px",
+                          height: `${(t(l) ? 0 : t(c)) * 100}%`,
+                          background: "var(--fp-accent-hover)",
+                          transition: "height 0.1s linear"
+                        })
+                      }, null, 4),
+                      a("input", {
+                        type: "range",
+                        min: "0",
+                        max: "1",
+                        step: "0.01",
+                        value: t(l) ? 0 : t(c),
+                        "aria-label": t(o)("audio.aria.volume"),
+                        class: "volume-slider-vertical vfp-absolute",
+                        style: { width: "80px", height: "24px", transform: "rotate(-90deg)", "transform-origin": "center center" },
+                        onInput: r[6] || (r[6] = (i) => t(B)(parseFloat(i.target.value)))
+                      }, null, 40, Se)
+                    ]),
+                    a("span", je, G(Math.round((t(l) ? 0 : t(c)) * 100)), 1)
+                  ])
+                ], 32)) : Q("", !0)
+              ]),
+              _: 1
+            })
+          ], 544)
+        ])
+      ]),
+      a("audio", {
+        ref_key: "audioRef",
+        ref: h,
+        src: x.url,
+        class: "vfp-hidden"
+      }, null, 8, Ne)
+    ]));
+  }
+}), ze = /* @__PURE__ */ ie(Ie, [["__scopeId", "data-v-e903bc52"]]);
+export {
+  ze as default
+};
+//# sourceMappingURL=index-CbKSdAt_.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CbKSdAt_.mjs","sources":["../../src/composables/useAudioPlayer.ts","../../src/renderers/Audio/index.vue"],"sourcesContent":["import { ref, watch, onUnmounted, type Ref } from 'vue';\nimport { formatTime } from '@eternalheart/file-preview-core';\n\n/**\n * Vue 3 版本的音频播放器 composable\n * 与 React 版的 useAudioPlayer 行为对齐\n */\nexport function useAudioPlayer(url: Ref<string>) {\n  const audioRef = ref<HTMLAudioElement | null>(null);\n  const isPlaying = ref(false);\n  const isLoading = ref(true);\n  const currentTime = ref(0);\n  const duration = ref(0);\n  const volume = ref(1);\n  const isMuted = ref(false);\n  const isLoop = ref(false);\n  const error = ref<string | null>(null);\n\n  let cleanup: (() => void) | null = null;\n\n  const bindEvents = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n\n    isLoading.value = true;\n    error.value = null;\n\n    const onTimeUpdate = () => {\n      if (!isNaN(audio.currentTime)) {\n        currentTime.value = audio.currentTime;\n      }\n    };\n\n    const onDurationChange = () => {\n      if (!isNaN(audio.duration) && isFinite(audio.duration)) {\n        duration.value = audio.duration;\n      }\n    };\n\n    const onCanPlay = () => {\n      isLoading.value = false;\n      onDurationChange();\n    };\n\n    const onWaiting = () => {\n      isLoading.value = true;\n    };\n    const onPlaying = () => {\n      isLoading.value = false;\n      isPlaying.value = true;\n    };\n\n    const onPlay = () => {\n      isPlaying.value = true;\n    };\n    const onPause = () => {\n      isPlaying.value = false;\n    };\n    const onEnded = () => {\n      isPlaying.value = false;\n    };\n\n    const onError = () => {\n      error.value = '音频加载失败';\n      isLoading.value = 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    if (audio.readyState >= 3) {\n      isLoading.value = false;\n      onDurationChange();\n    } else if (audio.readyState >= 1) {\n      onDurationChange();\n    }\n\n    cleanup = () => {\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  };\n\n  // url 变化时重新绑定\n  watch(\n    url,\n    () => {\n      cleanup?.();\n      cleanup = null;\n      // 等待 DOM 更新（audio src 变化）\n      requestAnimationFrame(() => bindEvents());\n    },\n    { flush: 'post' }\n  );\n\n  // 在 audioRef 挂载后首次绑定\n  watch(\n    audioRef,\n    (el) => {\n      if (el) bindEvents();\n    },\n    { flush: 'post' }\n  );\n\n  onUnmounted(() => {\n    cleanup?.();\n    cleanup = null;\n  });\n\n  const togglePlay = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    if (audio.paused) {\n      audio.play().catch(() => {});\n    } else {\n      audio.pause();\n    }\n  };\n\n  const seek = (time: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.currentTime = time;\n    currentTime.value = time;\n  };\n\n  const skip = (seconds: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.currentTime = Math.max(\n      0,\n      Math.min(audio.currentTime + seconds, audio.duration || Infinity)\n    );\n  };\n\n  const setVolume = (vol: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    const clamped = Math.max(0, Math.min(1, vol));\n    audio.volume = clamped;\n    volume.value = clamped;\n    if (clamped > 0) {\n      audio.muted = false;\n      isMuted.value = false;\n    }\n  };\n\n  const toggleMute = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.muted = !audio.muted;\n    isMuted.value = audio.muted;\n  };\n\n  const toggleLoop = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    const next = !audio.loop;\n    audio.loop = next;\n    isLoop.value = next;\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","<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, toRef } from 'vue';\nimport { Play, Pause, Volume2, VolumeX, Volume1, SkipBack, SkipForward, Repeat } from 'lucide-vue-next';\nimport { useAudioPlayer } from '../../composables/useAudioPlayer';\nimport { useTranslator } from '../../composables/useTranslator';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst urlRef = toRef(props, 'url');\n\nconst { t } = useTranslator();\n\nconst {\n  audioRef,\n  isPlaying,\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(urlRef);\n\nconst showVolume = ref(false);\nlet volumeHideTimer: number | null = null;\nconst volumeRef = ref<HTMLDivElement | null>(null);\n\nconst progress = computed(() => (duration.value > 0 ? currentTime.value / duration.value : 0));\n\nconst VolumeIcon = computed(() => {\n  if (isMuted.value || volume.value === 0) return VolumeX;\n  if (volume.value < 0.5) return Volume1;\n  return Volume2;\n});\n\nconst handleClickOutside = (e: MouseEvent) => {\n  if (volumeRef.value && !volumeRef.value.contains(e.target as Node)) {\n    showVolume.value = false;\n  }\n};\n\nonMounted(() => {\n  document.addEventListener('mousedown', handleClickOutside);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('mousedown', handleClickOutside);\n  if (volumeHideTimer !== null) clearTimeout(volumeHideTimer);\n});\n\nconst handleVolumeEnter = () => {\n  if (volumeHideTimer !== null) clearTimeout(volumeHideTimer);\n  showVolume.value = true;\n};\n\nconst handleVolumeLeave = () => {\n  volumeHideTimer = window.setTimeout(() => {\n    showVolume.value = false;\n  }, 300);\n};\n</script>\n\n<template>\n  <div v-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-fg-secondary vfp-text-center\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n  </div>\n\n  <div\n    v-else\n    class=\"vfp-flex vfp-flex-col vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-p-4 md:vfp-p-8 vfp-gap-5 md:vfp-gap-8 vfp-select-none\"\n  >\n    <!-- 唱片机 -->\n    <div class=\"vfp-relative\" style=\"width: 260px; height: 240px\">\n      <!-- 外圈光晕 -->\n      <div\n        class=\"vfp-absolute vfp-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          opacity: isPlaying ? 0.7 : 0.2,\n          transition: 'opacity 0.5s',\n        }\"\n      />\n\n      <!-- 唱片主体 -->\n      <div\n        class=\"vfp-absolute vfp-rounded-full vfp-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: 'vfp-vinyl-spin 8s linear infinite',\n          animationPlayState: isPlaying ? 'running' : 'paused',\n        }\"\n      >\n        <!-- 中心标签 -->\n        <div\n          class=\"vfp-absolute vfp-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            class=\"vfp-absolute vfp-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      </div>\n\n      <!-- 唱臂 -->\n      <div\n        class=\"vfp-absolute\"\n        :style=\"{\n          top: '-6px',\n          right: '2px',\n          width: '100px',\n          height: '120px',\n          transformOrigin: '76px 16px',\n          zIndex: 5,\n          transform: isPlaying ? 'rotate(16deg)' : 'rotate(0deg)',\n          transition: 'transform 0.8s cubic-bezier(0.4, 0, 0.2, 1)',\n        }\"\n      >\n        <svg width=\"100\" height=\"120\" viewBox=\"0 0 100 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"76\" cy=\"16\" r=\"13\" fill=\"rgba(0,0,0,0.3)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"11\" fill=\"url(#vfp-baseGrad)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"6\" fill=\"url(#vfp-baseInnerGrad)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"2.5\" fill=\"#222\" stroke=\"#555\" stroke-width=\"0.5\" />\n          <path d=\"M74 22 L56 88\" stroke=\"url(#vfp-armGrad)\" stroke-width=\"3.5\" stroke-linecap=\"round\" />\n          <rect x=\"50\" y=\"86\" width=\"12\" height=\"7\" rx=\"1.5\" fill=\"url(#vfp-headGrad)\" />\n          <rect x=\"52.5\" y=\"92\" width=\"7\" height=\"9\" rx=\"1\" fill=\"url(#vfp-cartridgeGrad)\" />\n          <line x1=\"56\" y1=\"101\" x2=\"56\" y2=\"105\" stroke=\"#bbb\" stroke-width=\"1.2\" stroke-linecap=\"round\" />\n          <circle cx=\"56\" cy=\"105.5\" r=\"0.8\" fill=\"#ddd\" />\n\n          <defs>\n            <radialGradient id=\"vfp-baseGrad\" cx=\"40%\" cy=\"35%\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"100%\" stop-color=\"#1a1a1a\" />\n            </radialGradient>\n            <radialGradient id=\"vfp-baseInnerGrad\" cx=\"40%\" cy=\"35%\">\n              <stop offset=\"0%\" stop-color=\"#666\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </radialGradient>\n            <linearGradient id=\"vfp-armGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"50%\" stop-color=\"#444\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </linearGradient>\n            <linearGradient id=\"vfp-headGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </linearGradient>\n            <linearGradient id=\"vfp-cartridgeGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#444\" />\n              <stop offset=\"100%\" stop-color=\"#222\" />\n            </linearGradient>\n          </defs>\n        </svg>\n      </div>\n    </div>\n\n    <!-- 文件名 -->\n    <div class=\"vfp-text-center vfp-max-w-sm md:vfp-max-w-md vfp-px-4\">\n      <div class=\"vfp-text-lg md:vfp-text-xl vfp-font-medium vfp-mb-1 vfp-truncate vfp-text-fg-primary\">\n        {{ fileName }}\n      </div>\n      <p class=\"vfp-text-xs vfp-tracking-widest vfp-uppercase vfp-text-accent\">Audio</p>\n    </div>\n\n    <!-- 控制面板 -->\n    <div\n      class=\"vfp-w-full vfp-max-w-sm md:vfp-max-w-md vfp-rounded-2xl vfp-p-4 md:vfp-p-6 vfp-border vfp-bg-surface-1 vfp-border-line-weak\"\n      :style=\"{ backdropFilter: 'blur(16px)' }\"\n    >\n      <!-- 进度条 -->\n      <div class=\"vfp-mb-5\">\n        <div class=\"vfp-relative vfp-h-4 vfp-flex vfp-items-center\">\n          <div\n            class=\"vfp-absolute vfp-w-full vfp-h-[5px] vfp-rounded-full vfp-bg-surface-2\"\n          />\n          <div\n            class=\"vfp-absolute vfp-h-[5px] vfp-rounded-full vfp-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            :disabled=\"duration <= 0\"\n            :aria-label=\"t('audio.aria.progress')\"\n            class=\"audio-slider vfp-absolute vfp-w-full\"\n            @input=\"(e) => seek(parseFloat((e.target as HTMLInputElement).value))\"\n          />\n        </div>\n        <div\n          class=\"vfp-flex vfp-justify-between vfp-text-xs vfp-mt-2.5 vfp-text-fg-tertiary\"\n        >\n          <span style=\"font-variant-numeric: tabular-nums\">{{ formatTime(currentTime) }}</span>\n          <span style=\"font-variant-numeric: tabular-nums\">{{ duration > 0 ? formatTime(duration) : '--:--' }}</span>\n        </div>\n      </div>\n\n      <!-- 控制按钮 -->\n      <div class=\"vfp-flex vfp-items-center vfp-justify-center vfp-gap-3\">\n        <!-- 循环 -->\n        <button\n          :class=\"[\n            'vfp-w-9 vfp-h-9 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn',\n            isLoop ? 'vfp-bg-accent-soft vfp-text-accent' : 'vfp-bg-surface-2 vfp-text-fg-tertiary',\n          ]\"\n          :aria-label=\"isLoop ? t('audio.aria.loop_off') : t('audio.aria.loop_on')\"\n          @click=\"toggleLoop\"\n        >\n          <Repeat class=\"vfp-w-4 vfp-h-4\" />\n        </button>\n\n        <!-- 后退 -->\n        <button\n          class=\"vfp-w-10 vfp-h-10 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn vfp-bg-surface-2 vfp-text-fg-secondary\"\n          :aria-label=\"t('audio.aria.backward_10')\"\n          @click=\"skip(-10)\"\n        >\n          <SkipBack class=\"vfp-w-[18px] vfp-h-[18px]\" />\n        </button>\n\n        <!-- 播放/暂停 -->\n        <button\n          class=\"vfp-w-14 vfp-h-14 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center audio-ctrl-btn\"\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          :aria-label=\"isPlaying ? t('audio.aria.pause') : t('audio.aria.play')\"\n          @click=\"togglePlay\"\n        >\n          <Pause v-if=\"isPlaying\" class=\"vfp-w-6 vfp-h-6\" />\n          <Play v-else class=\"vfp-w-6 vfp-h-6 vfp-ml-0.5\" />\n        </button>\n\n        <!-- 前进 -->\n        <button\n          class=\"vfp-w-10 vfp-h-10 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn vfp-bg-surface-2 vfp-text-fg-secondary\"\n          :aria-label=\"t('audio.aria.forward_10')\"\n          @click=\"skip(10)\"\n        >\n          <SkipForward class=\"vfp-w-[18px] vfp-h-[18px]\" />\n        </button>\n\n        <!-- 音量 -->\n        <div ref=\"volumeRef\" class=\"vfp-relative\" @mouseenter=\"handleVolumeEnter\" @mouseleave=\"handleVolumeLeave\">\n          <button\n            :class=\"[\n              'vfp-w-9 vfp-h-9 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn',\n              showVolume ? 'vfp-bg-accent-soft vfp-text-accent' : 'vfp-bg-surface-2 vfp-text-fg-secondary',\n            ]\"\n            :aria-label=\"isMuted ? t('audio.aria.unmute') : t('audio.aria.mute')\"\n            @click=\"toggleMute\"\n          >\n            <component :is=\"VolumeIcon\" class=\"vfp-w-4 vfp-h-4\" />\n          </button>\n\n          <Transition name=\"vfp-fade\">\n            <div\n              v-if=\"showVolume\"\n              class=\"vfp-absolute vfp-bottom-full vfp-mb-2 vfp-rounded-xl vfp-p-3 vfp-border vfp-bg-surface-3 vfp-border-line\"\n              :style=\"{\n                left: '50%',\n                marginLeft: '-27px',\n                backdropFilter: 'blur(16px)',\n              }\"\n              @mouseenter=\"handleVolumeEnter\"\n              @mouseleave=\"handleVolumeLeave\"\n            >\n              <div class=\"vfp-flex vfp-flex-col vfp-items-center vfp-gap-2\" style=\"height: 100px\">\n                <div\n                  class=\"vfp-relative vfp-flex vfp-items-center vfp-justify-center\"\n                  style=\"width: 24px; height: 80px\"\n                >\n                  <div\n                    class=\"vfp-absolute vfp-rounded-full vfp-bg-surface-2\"\n                    style=\"width: 3px; height: 100%\"\n                  />\n                  <div\n                    class=\"vfp-absolute vfp-bottom-0 vfp-rounded-full vfp-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                    :aria-label=\"t('audio.aria.volume')\"\n                    class=\"volume-slider-vertical vfp-absolute\"\n                    style=\"width: 80px; height: 24px; transform: rotate(-90deg); transform-origin: center center\"\n                    @input=\"(e) => setVolume(parseFloat((e.target as HTMLInputElement).value))\"\n                  />\n                </div>\n                <span class=\"vfp-text-[10px] vfp-tabular-nums vfp-text-fg-tertiary\">\n                  {{ Math.round((isMuted ? 0 : volume) * 100) }}\n                </span>\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n\n    <audio ref=\"audioRef\" :src=\"url\" class=\"vfp-hidden\" />\n  </div>\n</template>\n\n<style scoped>\n.audio-ctrl-btn {\n  border: 0;\n  cursor: pointer;\n}\n</style>\n"],"names":["useAudioPlayer","url","audioRef","ref","isPlaying","isLoading","currentTime","duration","volume","isMuted","isLoop","error","cleanup","bindEvents","audio","onTimeUpdate","onDurationChange","onCanPlay","onWaiting","onPlaying","onPlay","onPause","onEnded","onError","watch","el","onUnmounted","time","seconds","vol","clamped","next","formatTime","urlRef","toRef","__props","t","useTranslator","togglePlay","seek","skip","setVolume","toggleMute","toggleLoop","showVolume","volumeHideTimer","volumeRef","progress","computed","VolumeIcon","VolumeX","Volume1","Volume2","handleClickOutside","e","onMounted","onBeforeUnmount","handleVolumeEnter","handleVolumeLeave","_unref","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_normalizeStyle","_hoisted_6","_hoisted_7","_cache","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_normalizeClass","args","_createVNode","Repeat","SkipBack","_createBlock","Pause","Play","SkipForward","_resolveDynamicComponent","_Transition","_hoisted_21","_hoisted_22","_hoisted_24"],"mappings":"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"}

package/lib/chunks/index-CcJ5NmY1.mjs

@@ -0,0 +1,152 @@
+import { defineComponent as C, ref as y, onMounted as P, watch as W, onBeforeUnmount as R, openBlock as g, createElementBlock as b, createElementVNode as f, toDisplayString as E, unref as T, createCommentVNode as k, createVNode as j, normalizeStyle as L } from "vue";
+import { Presentation as N } from "lucide-vue-next";
+import { init as D } from "pptx-preview";
+import { u as S } from "./index-DpAxU2JM.mjs";
+const V = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full" }, q = {
+  key: 0,
+  class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10"
+}, A = { class: "vfp-text-center" }, F = { class: "vfp-text-xs md:vfp-text-sm vfp-text-fg-secondary vfp-font-medium" }, H = {
+  key: 1,
+  class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10"
+}, I = { class: "vfp-text-center vfp-max-w-sm md:vfp-max-w-md vfp-px-4" }, O = { class: "vfp-w-24 vfp-h-24 md:vfp-w-32 md:vfp-h-32 vfp-mx-auto vfp-mb-4 md:vfp-mb-6 vfp-rounded-2xl md:vfp-rounded-3xl vfp-bg-gradient-to-br vfp-from-orange-500 vfp-via-red-500 vfp-to-pink-500 vfp-flex vfp-items-center vfp-justify-center vfp-shadow-2xl" }, U = { class: "vfp-text-lg md:vfp-text-xl vfp-text-fg-primary vfp-mb-2 md:vfp-mb-3 vfp-font-medium" }, $ = { class: "vfp-text-xs md:vfp-text-sm vfp-text-fg-tertiary vfp-mb-4 md:vfp-mb-6" }, G = ["href"], Y = /* @__PURE__ */ C({
+  __name: "index",
+  props: {
+    url: {},
+    tiled: { type: Boolean, default: !0 }
+  },
+  setup(M) {
+    const a = M, { t: l } = S(), s = y(!0), p = y(null), c = y(0), r = y(null);
+    let o = null, m = null, d = null, u = null, h = { width: 0, height: 0 };
+    const w = () => {
+      var v;
+      if (!r.value) return { width: 960, height: 540 };
+      const t = r.value.clientWidth, e = ((v = r.value.parentElement) == null ? void 0 : v.clientWidth) || 0, i = t > 100 ? t : e > 100 ? e : 300, n = Math.floor(i * 9 / 16);
+      return { width: i, height: n };
+    }, B = async () => {
+      if (!(!r.value || !d || c.value === 0))
+        try {
+          if (o)
+            try {
+              o.destroy();
+            } catch {
+            }
+          r.value.innerHTML = "";
+          const t = w();
+          o = D(r.value, {
+            width: t.width,
+            height: a.tiled ? t.height * c.value : t.height,
+            mode: a.tiled ? "list" : "slide"
+          }), await o.preview(d);
+        } catch {
+        }
+    }, z = async () => {
+      if (!r.value) return;
+      s.value = !0, p.value = null;
+      let t = window.setTimeout(() => {
+        p.value = l.value("pptx.timeout"), s.value = !1;
+      }, 3e4);
+      try {
+        const e = await fetch(a.url, {
+          mode: "cors",
+          credentials: "omit",
+          redirect: "follow"
+        });
+        if (!e.ok)
+          throw e.status === 404 ? new Error(l.value("pptx.not_found")) : e.status === 403 ? new Error("无权限访问此文件") : e.status >= 500 ? new Error("服务器错误，请稍后重试") : new Error(`文件加载失败 (${e.status})`);
+        const i = await e.arrayBuffer();
+        if (i.byteLength === 0) throw new Error("文件为空");
+        d = i;
+        const n = document.createElement("div");
+        n.style.cssText = "position:absolute;left:-9999px;top:-9999px;visibility:hidden", document.body.appendChild(n);
+        try {
+          const v = D(n, {
+            width: 100,
+            height: 100,
+            mode: "slide"
+          });
+          try {
+            await v.preview(i);
+          } catch {
+            throw new Error(l.value("pptx.invalid_format"));
+          }
+          const x = v.slideCount;
+          if (!x || x === 0) throw new Error(l.value("pptx.no_pages"));
+          v.destroy(), c.value = x, r.value && (r.value.innerHTML = "");
+          const _ = w();
+          o = D(r.value, {
+            width: _.width,
+            height: a.tiled ? _.height * x : _.height,
+            mode: a.tiled ? "list" : "slide"
+          }), await o.preview(i), t !== null && (clearTimeout(t), t = null), s.value = !1;
+        } finally {
+          document.body.contains(n) && document.body.removeChild(n);
+        }
+      } catch (e) {
+        t !== null && clearTimeout(t);
+        let i = l.value("pptx.parse_failed");
+        e instanceof Error ? i = e.message : typeof e == "string" && (i = e), p.value = i, s.value = !1;
+      }
+    };
+    return P(() => {
+      if (!r.value) return;
+      let t = !0;
+      m = new ResizeObserver(() => {
+        if (t) {
+          t = !1, h = w();
+          return;
+        }
+        const e = w(), i = Math.abs(h.width - e.width), n = Math.abs(h.height - e.height);
+        i < 10 && n < 10 || (h = e, u !== null && clearTimeout(u), u = window.setTimeout(() => {
+          o && d && B();
+        }, 800));
+      }), m.observe(r.value), setTimeout(() => {
+        requestAnimationFrame(() => requestAnimationFrame(() => z()));
+      }, 150);
+    }), W(
+      () => a.url,
+      () => {
+        z();
+      }
+    ), R(() => {
+      if (m && m.disconnect(), u !== null && clearTimeout(u), d = null, c.value = 0, o)
+        try {
+          o.destroy();
+        } catch {
+        }
+      o = null;
+    }), (t, e) => (g(), b("div", V, [
+      s.value ? (g(), b("div", q, [
+        f("div", A, [
+          e[0] || (e[0] = f("div", { class: "vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-mx-auto vfp-mb-3 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)),
+          f("p", F, E(T(l)("pptx.loading")), 1)
+        ])
+      ])) : k("", !0),
+      p.value && !s.value ? (g(), b("div", H, [
+        f("div", I, [
+          f("div", O, [
+            j(T(N), { class: "vfp-w-12 vfp-h-12 md:vfp-w-16 md:vfp-h-16 vfp-text-fg-primary" })
+          ]),
+          f("p", U, E(T(l)("pptx.load_failed")), 1),
+          f("p", $, E(p.value), 1),
+          f("a", {
+            href: M.url,
+            download: "",
+            class: "vfp-inline-flex vfp-items-center vfp-gap-2 vfp-px-4 vfp-py-2 md:vfp-px-6 md:vfp-py-3 vfp-bg-gradient-to-r vfp-from-purple-500 vfp-to-pink-500 vfp-text-fg-primary vfp-text-sm md:vfp-text-base vfp-rounded-lg md:vfp-rounded-xl hover:vfp-scale-105 vfp-transition-all vfp-shadow-lg"
+          }, " 下载文件 ", 8, G),
+          e[1] || (e[1] = f("p", { class: "vfp-text-xs vfp-text-fg-muted vfp-mt-3 md:vfp-mt-4" }, " 提示：可以使用 Microsoft PowerPoint 或 WPS 打开 ", -1))
+        ])
+      ])) : k("", !0),
+      p.value ? k("", !0) : (g(), b("div", {
+        key: 2,
+        ref_key: "containerRef",
+        ref: r,
+        class: "pptx-wrapper vfp-w-full vfp-max-w-full md:vfp-max-w-6xl",
+        style: L({ opacity: s.value ? 0 : 1 })
+      }, null, 4))
+    ]));
+  }
+});
+export {
+  Y as default
+};
+//# sourceMappingURL=index-CcJ5NmY1.mjs.map