@work-zhanguo/light-file-preview 0.0.5 → 0.0.7

package/dist/{index-BlBE9ZR-.js → index-BNN8UXSN.js}

@@ -1,4 +1,4 @@
-import { defineComponent as V, defineAsyncComponent as h, ref as U, computed as w, watch as Z, onBeforeUnmount as H, openBlock as s, createBlock as x, Teleport as K, createElementBlock as d, normalizeClass as q, createCommentVNode as y, createElementVNode as l, toDisplayString as E, createVNode as z, Transition as X, withCtx as $, Fragment as G, unref as k, reactive as I, createApp as A, h as F } from "vue";
+import { defineComponent as V, defineAsyncComponent as h, ref as U, computed as w, watch as Z, onBeforeUnmount as H, openBlock as s, createBlock as x, Teleport as K, createElementBlock as v, normalizeClass as q, createCommentVNode as y, createElementVNode as a, toDisplayString as E, createVNode as z, Transition as X, withCtx as $, Fragment as G, unref as k, reactive as A, createApp as F, h as M } from "vue";
 const g = {
   image: ["png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"],
   pdf: ["pdf"],
@@ -22,26 +22,27 @@ function W(e) {
   try {
     const t = new URL(e, window.location.href);
     return t.pathname = t.pathname.split("/").map((o) => encodeURIComponent(decodeURIComponent(o))).join("/"), t.toString();
-  } catch {
-    return e.split("/").map((t) => encodeURIComponent(decodeURIComponent(t))).join("/");
+  } catch (t) {
+    return e.split("/").map((o) => encodeURIComponent(decodeURIComponent(o))).join("/");
   }
 }
-function P(e, t) {
+function I(e, t) {
+  var i;
   if (typeof e == "string") {
-    const u = W(e), p = e.split("/"), c = t ?? p[p.length - 1] ?? "unknown";
+    const p = W(e), d = e.split("/"), l = (i = t != null ? t : d[d.length - 1]) != null ? i : "unknown";
     return {
       source: e,
-      src: u,
-      name: decodeURIComponent(c.split("?")[0].split("#")[0]),
-      extension: S(c)
+      src: p,
+      name: decodeURIComponent(l.split("?")[0].split("#")[0]),
+      extension: S(l)
     };
   }
-  const o = URL.createObjectURL(e), r = t ?? ("name" in e && typeof e.name == "string" ? e.name : "blob");
+  const o = URL.createObjectURL(e), c = t != null ? t : "name" in e && typeof e.name == "string" ? e.name : "blob";
   return {
     source: e,
     src: o,
-    name: r,
-    extension: S(r),
+    name: c,
+    extension: S(c),
     cleanup: () => URL.revokeObjectURL(o)
   };
 }
@@ -52,7 +53,7 @@ function Y(e, t) {
 const ee = ["aria-modal"], te = {
   key: 0,
   class: "lfp-toolbar"
-}, oe = { class: "lfp-toolbar__meta" }, ne = { class: "lfp-title" }, ae = { class: "lfp-badge" }, le = { class: "lfp-toolbar__actions" }, se = { class: "lfp-content" }, ie = {
+}, oe = { class: "lfp-toolbar__meta" }, ne = { class: "lfp-title" }, le = { class: "lfp-badge" }, ae = { class: "lfp-toolbar__actions" }, se = { class: "lfp-content" }, ie = {
   key: 0,
   class: "lfp-loading"
 }, re = {
@@ -76,125 +77,125 @@ const ee = ["aria-modal"], te = {
   },
   emits: ["update:visible", "error"],
   setup(e, { emit: t }) {
-    const o = h(() => import("./PdfRenderer-CYtwJLrP.js")), r = h(() => import("./TextRenderer-W4uPsa5O.js")), u = h(() => import("./DocxRenderer-B8Ed3qFw.js")), p = h(() => import("./SheetRenderer-C9AKQiKN.js")), c = h(() => import("./UnsupportedRenderer-BpyBTIIE.js")), a = e, N = t, f = U(null), D = U(!1), L = U(""), n = U(P(a.source, a.fileName)), m = w(() => Q(n.value.name)), M = w(() => a.fileName || n.value.name || a.dialogTitle), b = w(() => a.mode === "dialog"), O = w(() => b.value ? a.visible : !0), T = w(() => m.value === "image" ? "img" : m.value === "video" ? "video" : m.value === "audio" ? "audio" : null);
+    const o = h(() => import("./PdfRenderer-Due2M5cA.js")), c = h(() => import("./TextRenderer-KUhpnf63.js")), i = h(() => import("./DocxRenderer-DogNhBLd.js")), p = h(() => import("./SheetRenderer-D4Y1dYZX.js")), d = h(() => import("./UnsupportedRenderer-8vWx7yB8.js")), l = e, D = t, f = U(null), j = U(!1), L = U(""), n = U(I(l.source, l.fileName)), m = w(() => Q(n.value.name)), N = w(() => l.fileName || n.value.name || l.dialogTitle), b = w(() => l.mode === "dialog"), O = w(() => b.value ? l.visible : !0), T = w(() => m.value === "image" ? "img" : m.value === "video" ? "video" : m.value === "audio" ? "audio" : null);
     Z(
-      () => [a.source, a.fileName],
+      () => [l.source, l.fileName],
       () => {
-        var i;
-        (i = f.value) == null || i.call(f), n.value = P(a.source, a.fileName), f.value = n.value.cleanup ?? null, L.value = "";
+        var r, u;
+        (r = f.value) == null || r.call(f), n.value = I(l.source, l.fileName), f.value = (u = n.value.cleanup) != null ? u : null, L.value = "";
       },
       { immediate: !0 }
     ), H(() => {
-      var i;
-      (i = f.value) == null || i.call(f);
+      var r;
+      (r = f.value) == null || r.call(f);
     });
-    function j() {
-      N("update:visible", !1);
-    }
     function B() {
+      D("update:visible", !1);
+    }
+    function P() {
       Y(n.value.src, n.value.name);
     }
-    function R(i) {
-      L.value = i.message, N("error", i);
+    function R(r) {
+      L.value = r.message, D("error", r);
     }
-    function _(i) {
-      D.value = i;
+    function _(r) {
+      j.value = r;
     }
-    return (i, v) => (s(), x(K, {
+    return (r, u) => (s(), x(K, {
       to: "body",
       disabled: !b.value
     }, [
-      O.value ? (s(), d("div", {
+      O.value ? (s(), v("div", {
         key: 0,
         class: q(["lfp-wrapper", { "is-dialog": b.value }])
       }, [
-        b.value ? (s(), d("div", {
+        b.value ? (s(), v("div", {
           key: 0,
           class: "lfp-backdrop",
-          onClick: j
+          onClick: B
         })) : y("", !0),
-        l("section", {
+        a("section", {
           class: "lfp-panel",
           role: "dialog",
           "aria-modal": b.value ? "true" : "false"
         }, [
-          e.showToolbar ? (s(), d("header", te, [
-            l("div", oe, [
-              l("strong", ne, E(M.value), 1),
-              l("span", ae, E(m.value), 1)
+          e.showToolbar ? (s(), v("header", te, [
+            a("div", oe, [
+              a("strong", ne, E(N.value), 1),
+              a("span", le, E(m.value), 1)
             ]),
-            l("div", le, [
-              l("button", {
+            a("div", ae, [
+              a("button", {
                 class: "lfp-button lfp-icon-button",
                 type: "button",
                 "aria-label": "Download",
                 title: "Download",
-                onClick: B
-              }, [...v[0] || (v[0] = [
-                l("svg", {
+                onClick: P
+              }, [...u[0] || (u[0] = [
+                a("svg", {
                   viewBox: "0 0 24 24",
                   "aria-hidden": "true"
                 }, [
-                  l("path", { d: "M12 3.5a1 1 0 0 1 1 1V12l2.8-2.8a1 1 0 1 1 1.4 1.42l-4.5 4.48a1 1 0 0 1-1.4 0l-4.5-4.48a1 1 0 0 1 1.4-1.42L11 12V4.5a1 1 0 0 1 1-1Zm-7 13a1 1 0 0 1 1 1v.75c0 .41.34.75.75.75h10.5a.75.75 0 0 0 .75-.75v-.75a1 1 0 1 1 2 0v.75A2.75 2.75 0 0 1 17.25 21H6.75A2.75 2.75 0 0 1 4 18.25v-.75a1 1 0 0 1 1-1Z" })
+                  a("path", { d: "M12 3.5a1 1 0 0 1 1 1V12l2.8-2.8a1 1 0 1 1 1.4 1.42l-4.5 4.48a1 1 0 0 1-1.4 0l-4.5-4.48a1 1 0 0 1 1.4-1.42L11 12V4.5a1 1 0 0 1 1-1Zm-7 13a1 1 0 0 1 1 1v.75c0 .41.34.75.75.75h10.5a.75.75 0 0 0 .75-.75v-.75a1 1 0 1 1 2 0v.75A2.75 2.75 0 0 1 17.25 21H6.75A2.75 2.75 0 0 1 4 18.25v-.75a1 1 0 0 1 1-1Z" })
                 ], -1)
               ])]),
-              b.value ? (s(), d("button", {
+              b.value ? (s(), v("button", {
                 key: 0,
                 class: "lfp-button lfp-button is-ghost lfp-icon-button",
                 type: "button",
                 "aria-label": "Close",
                 title: "Close",
-                onClick: j
-              }, [...v[1] || (v[1] = [
-                l("svg", {
+                onClick: B
+              }, [...u[1] || (u[1] = [
+                a("svg", {
                   viewBox: "0 0 24 24",
                   "aria-hidden": "true"
                 }, [
-                  l("path", { d: "M6.7 5.3a1 1 0 0 1 1.4 0L12 9.17l3.9-3.88a1 1 0 1 1 1.4 1.42L13.4 10.6l3.9 3.89a1 1 0 0 1-1.4 1.42L12 12.03l-3.9 3.88a1 1 0 0 1-1.4-1.42l3.9-3.89-3.9-3.89a1 1 0 0 1 0-1.42Z" })
+                  a("path", { d: "M6.7 5.3a1 1 0 0 1 1.4 0L12 9.17l3.9-3.88a1 1 0 1 1 1.4 1.42L13.4 10.6l3.9 3.89a1 1 0 0 1-1.4 1.42L12 12.03l-3.9 3.88a1 1 0 0 1-1.4-1.42l3.9-3.89-3.9-3.89a1 1 0 0 1 0-1.42Z" })
                 ], -1)
               ])])) : y("", !0)
             ])
           ])) : y("", !0),
-          l("div", se, [
+          a("div", se, [
             z(X, { name: "lfp-fade" }, {
               default: $(() => [
-                D.value ? (s(), d("div", ie, [
-                  v[2] || (v[2] = l("span", { class: "lfp-spinner" }, null, -1)),
-                  l("span", null, E(e.loadingText), 1)
+                j.value ? (s(), v("div", ie, [
+                  u[2] || (u[2] = a("span", { class: "lfp-spinner" }, null, -1)),
+                  a("span", null, E(e.loadingText), 1)
                 ])) : y("", !0)
               ]),
               _: 1
             }),
-            L.value ? (s(), d("div", re, [
-              l("p", null, E(L.value), 1),
-              l("button", {
+            L.value ? (s(), v("div", re, [
+              a("p", null, E(L.value), 1),
+              a("button", {
                 class: "lfp-button lfp-icon-button",
                 type: "button",
                 "aria-label": "Download",
                 title: "Download",
-                onClick: B
-              }, [...v[3] || (v[3] = [
-                l("svg", {
+                onClick: P
+              }, [...u[3] || (u[3] = [
+                a("svg", {
                   viewBox: "0 0 24 24",
                   "aria-hidden": "true"
                 }, [
-                  l("path", { d: "M12 3.5a1 1 0 0 1 1 1V12l2.8-2.8a1 1 0 1 1 1.4 1.42l-4.5 4.48a1 1 0 0 1-1.4 0l-4.5-4.48a1 1 0 0 1 1.4-1.42L11 12V4.5a1 1 0 0 1 1-1Zm-7 13a1 1 0 0 1 1 1v.75c0 .41.34.75.75.75h10.5a.75.75 0 0 0 .75-.75v-.75a1 1 0 1 1 2 0v.75A2.75 2.75 0 0 1 17.25 21H6.75A2.75 2.75 0 0 1 4 18.25v-.75a1 1 0 0 1 1-1Z" })
+                  a("path", { d: "M12 3.5a1 1 0 0 1 1 1V12l2.8-2.8a1 1 0 1 1 1.4 1.42l-4.5 4.48a1 1 0 0 1-1.4 0l-4.5-4.48a1 1 0 0 1 1.4-1.42L11 12V4.5a1 1 0 0 1 1-1Zm-7 13a1 1 0 0 1 1 1v.75c0 .41.34.75.75.75h10.5a.75.75 0 0 0 .75-.75v-.75a1 1 0 1 1 2 0v.75A2.75 2.75 0 0 1 17.25 21H6.75A2.75 2.75 0 0 1 4 18.25v-.75a1 1 0 0 1 1-1Z" })
                 ], -1)
               ])])
-            ])) : (s(), d(G, { key: 1 }, [
-              T.value === "img" ? (s(), d("img", {
+            ])) : (s(), v(G, { key: 1 }, [
+              T.value === "img" ? (s(), v("img", {
                 key: n.value.src,
                 class: "lfp-image",
                 src: n.value.src,
                 alt: n.value.name,
                 loading: "lazy"
-              }, null, 8, ue)) : T.value === "video" ? (s(), d("video", {
+              }, null, 8, ue)) : T.value === "video" ? (s(), v("video", {
                 key: n.value.src,
                 class: "lfp-media",
                 src: n.value.src,
                 controls: "",
                 preload: "metadata"
-              }, null, 8, ce)) : T.value === "audio" ? (s(), d("audio", {
+              }, null, 8, ce)) : T.value === "audio" ? (s(), v("audio", {
                 key: n.value.src,
                 class: "lfp-audio",
                 src: n.value.src,
@@ -202,31 +203,31 @@ const ee = ["aria-modal"], te = {
                 preload: "metadata"
               }, null, 8, de)) : m.value === "pdf" ? (s(), x(k(o), {
                 key: n.value.src,
-                source: typeof a.source == "string" ? n.value.src : a.source,
+                source: typeof l.source == "string" ? n.value.src : l.source,
                 scale: e.pdfScale,
                 onLoading: _,
                 onError: R
-              }, null, 8, ["source", "scale"])) : m.value === "docx" ? (s(), x(k(u), {
+              }, null, 8, ["source", "scale"])) : m.value === "docx" ? (s(), x(k(i), {
                 key: n.value.src,
-                source: typeof a.source == "string" ? n.value.src : a.source,
+                source: typeof l.source == "string" ? n.value.src : l.source,
                 onLoading: _,
                 onError: R
               }, null, 8, ["source"])) : m.value === "sheet" ? (s(), x(k(p), {
                 key: n.value.src,
-                source: typeof a.source == "string" ? n.value.src : a.source,
+                source: typeof l.source == "string" ? n.value.src : l.source,
                 "max-cols": e.maxSheetCols,
                 "max-rows": e.maxSheetRows,
                 onLoading: _,
                 onError: R
-              }, null, 8, ["source", "max-cols", "max-rows"])) : m.value === "text" ? (s(), x(k(r), {
+              }, null, 8, ["source", "max-cols", "max-rows"])) : m.value === "text" ? (s(), x(k(c), {
                 key: n.value.src,
-                source: typeof a.source == "string" ? n.value.src : a.source,
+                source: typeof l.source == "string" ? n.value.src : l.source,
                 encoding: e.textEncoding,
                 extension: n.value.extension,
                 "max-bytes": e.maxTextBytes,
                 onLoading: _,
                 onError: R
-              }, null, 8, ["source", "encoding", "extension", "max-bytes"])) : (s(), x(k(c), {
+              }, null, 8, ["source", "encoding", "extension", "max-bytes"])) : (s(), x(k(d), {
                 key: 7,
                 "file-name": n.value.name,
                 src: n.value.src
@@ -238,7 +239,7 @@ const ee = ["aria-modal"], te = {
     ], 8, ["disabled"]));
   }
 });
-function pe(e) {
+function ve(e) {
   if (typeof e == "string") {
     const t = document.querySelector(e);
     if (!t)
@@ -247,36 +248,36 @@ function pe(e) {
   }
   return e;
 }
-function me(e, t) {
-  const o = I({ ...t }), r = pe(e), u = A({
-    render: () => F(C, o)
+function pe(e, t) {
+  const o = A({ ...t }), c = ve(e), i = F({
+    render: () => M(C, o)
   });
-  return u.mount(r), {
+  return i.mount(c), {
     update(p) {
       Object.assign(o, p);
     },
     unmount() {
-      u.unmount();
+      i.unmount();
     }
   };
 }
-function ve(e) {
+function me(e) {
   const t = document.createElement("div");
   document.body.append(t);
   let o;
-  const r = e["onUpdate:visible"], u = I({
+  const c = e["onUpdate:visible"], i = A({
     visible: !0,
     mode: "dialog",
     ...e,
-    "onUpdate:visible"(c) {
-      r == null || r(c), u.visible = c, c || queueMicrotask(() => o.unmount());
+    "onUpdate:visible"(d) {
+      c == null || c(d), i.visible = d, d || queueMicrotask(() => o.unmount());
     }
-  }), p = A({
-    render: () => F(C, u)
+  }), p = F({
+    render: () => M(C, i)
   });
   return p.mount(t), o = {
-    update(c) {
-      Object.assign(u, c);
+    update(d) {
+      Object.assign(i, d);
     },
     unmount() {
       p.unmount(), t.remove();
@@ -285,10 +286,10 @@ function ve(e) {
 }
 function ge() {
   const e = {
-    mount: me,
-    openDialog: ve
+    mount: pe,
+    openDialog: me
   };
-  return typeof window < "u" && (window.LightFilePreview = e), e;
+  return typeof window != "undefined" && (window.LightFilePreview = e), e;
 }
 const be = {
   install(e) {
@@ -299,6 +300,6 @@ export {
   C as _,
   Y as d,
   be as i,
-  ve as o,
+  me as o,
   ge as r
 };

package/dist/light-file-preview.js

@@ -1,4 +1,4 @@
-import { _ as i, i as r, o, r as l } from "./index-BlBE9ZR-.js";
+import { _ as i, i as r, o, r as l } from "./index-BNN8UXSN.js";
 export {
   i as FilePreview,
   r as default,