@work-zhanguo/light-file-preview 0.0.16 → 0.0.17

package/dist/{UnsupportedRenderer-pjXuzLhC.js → UnsupportedRenderer-B016ePP5.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as l, createElementBlock as a, createElementVNode as t, toDisplayString as i, unref as r } from "vue";
-import { d as s } from "./index-AN7FkZtw.js";
+import { d as s } from "./index-DX4yvG8n.js";
 const d = { class: "lfp-empty" }, p = { class: "lfp-hint" }, c = /* @__PURE__ */ o({
   __name: "UnsupportedRenderer",
   props: {

package/dist/{index-AN7FkZtw.js → index-DX4yvG8n.js}

@@ -1,22 +1,23 @@
-import { defineComponent as z, defineAsyncComponent as R, ref as E, computed as f, watch as U, onBeforeUnmount as X, openBlock as s, createBlock as k, Teleport as W, createElementBlock as v, normalizeClass as G, createCommentVNode as L, createElementVNode as l, toDisplayString as D, createVNode as J, Transition as Q, withCtx as Y, Fragment as ee, unref as S, reactive as N, createApp as O, h as V } from "vue";
-const w = {
+import { defineComponent as z, defineAsyncComponent as R, ref as T, computed as f, watch as U, onBeforeUnmount as W, openBlock as l, createBlock as w, Teleport as G, createElementBlock as v, normalizeClass as J, createCommentVNode as P, createElementVNode as s, toDisplayString as D, createVNode as Q, Transition as Y, withCtx as ee, Fragment as te, unref as E, reactive as O, createApp as V, h as Z } from "vue";
+const g = {
   image: ["png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"],
   pdf: ["pdf"],
   text: ["txt", "json", "js", "ts", "jsx", "tsx", "html", "css", "md", "csv"],
   docx: ["docx"],
+  pptx: ["pptx"],
   sheet: ["xls", "xlsx", "csv"],
   video: ["mp4", "webm"],
   audio: ["mp3", "wav"]
-}, te = ["doc", "ppt", "pptx"];
-function j(e = "") {
+}, oe = ["doc", "ppt"];
+function I(e = "") {
   const n = e.split("#")[0].split("?")[0].split(".");
   return n.length > 1 ? n[n.length - 1].toLowerCase() : "";
 }
-function oe(e) {
-  const t = j(e);
-  return w.image.includes(t) ? "image" : w.pdf.includes(t) ? "pdf" : w.docx.includes(t) ? "docx" : w.sheet.includes(t) ? "sheet" : w.video.includes(t) ? "video" : w.audio.includes(t) ? "audio" : w.text.includes(t) ? t === "csv" ? "sheet" : "text" : (te.includes(t), "unsupported");
-}
 function ne(e) {
+  const t = I(e);
+  return g.image.includes(t) ? "image" : g.pdf.includes(t) ? "pdf" : g.docx.includes(t) ? "docx" : g.pptx.includes(t) ? "pptx" : g.sheet.includes(t) ? "sheet" : g.video.includes(t) ? "video" : g.audio.includes(t) ? "audio" : g.text.includes(t) ? t === "csv" ? "sheet" : "text" : (oe.includes(t), "unsupported");
+}
+function ae(e) {
   if (/^(blob:|data:|https?:\/\/|file:\/\/)/i.test(e))
     return e;
   try {
@@ -26,15 +27,15 @@ function ne(e) {
     return e.split("/").map((n) => encodeURIComponent(decodeURIComponent(n))).join("/");
   }
 }
-function K(e, t) {
+function N(e, t) {
   var r;
   if (typeof e == "string") {
-    const m = ne(e), d = e.split("/"), o = (r = t != null ? t : d[d.length - 1]) != null ? r : "unknown";
+    const m = ae(e), d = e.split("/"), C = (r = t != null ? t : d[d.length - 1]) != null ? r : "unknown";
     return {
       source: e,
       src: m,
-      name: decodeURIComponent(o.split("?")[0].split("#")[0]),
-      extension: j(o)
+      name: decodeURIComponent(C.split("?")[0].split("#")[0]),
+      extension: I(C)
     };
   }
   const n = URL.createObjectURL(e), c = t != null ? t : "name" in e && typeof e.name == "string" ? e.name : "blob";
@@ -42,24 +43,24 @@ function K(e, t) {
     source: e,
     src: n,
     name: c,
-    extension: j(c),
+    extension: I(c),
     cleanup: () => URL.revokeObjectURL(n)
   };
 }
-function ae(e, t) {
+function le(e, t) {
   const n = document.createElement("a");
   n.href = e, n.download = t, n.target = "_blank", n.rel = "noopener", document.body.append(n), n.click(), n.remove();
 }
-const le = ["aria-modal"], se = {
+const se = ["aria-modal"], ie = {
   key: 0,
   class: "lfp-toolbar"
-}, ie = { class: "lfp-toolbar__meta" }, ue = { class: "lfp-title" }, re = { class: "lfp-badge" }, ce = { class: "lfp-toolbar__actions" }, de = { class: "lfp-content" }, ve = {
+}, ue = { class: "lfp-toolbar__meta" }, re = { class: "lfp-title" }, ce = { class: "lfp-badge" }, de = { class: "lfp-toolbar__actions" }, ve = { class: "lfp-content" }, pe = {
   key: 0,
   class: "lfp-loading"
 }, me = {
   key: 0,
   class: "lfp-error"
-}, pe = ["src", "alt"], fe = ["src"], ge = ["src"], I = /* @__PURE__ */ z({
+}, fe = ["src", "alt"], ge = ["src"], xe = ["src"], A = /* @__PURE__ */ z({
   __name: "FilePreview",
   props: {
     source: {},
@@ -77,16 +78,17 @@ const le = ["aria-modal"], se = {
   },
   emits: ["update:visible", "error"],
   setup(e, { emit: t }) {
-    const n = R(() => import("./PdfRenderer-DweDxjLS.js")), c = R(() => import("./TextRenderer-KUhpnf63.js")), r = R(() => import("./DocxRenderer-Cck1uOjU.js")), m = R(() => import("./SheetRenderer-CMDoDBXR.js")), d = R(() => import("./UnsupportedRenderer-pjXuzLhC.js")), o = e, A = t, g = E(null), x = E(!1), b = E(""), y = E(0), a = E(K(o.source, o.fileName)), Z = {
+    const n = R(() => import("./PdfRenderer-DweDxjLS.js")), c = R(() => import("./TextRenderer-KUhpnf63.js")), r = R(() => import("./DocxRenderer-Cck1uOjU.js")), m = R(() => import("./PptxRenderer-B4sDptn0.js")), d = R(() => import("./SheetRenderer-CMDoDBXR.js")), C = R(() => import("./UnsupportedRenderer-B016ePP5.js")), o = e, F = t, x = T(null), b = T(!1), h = T(""), k = T(0), a = T(N(o.source, o.fileName)), H = {
       image: "图片",
       pdf: "PDF",
       text: "文本",
       docx: "DOCX",
+      pptx: "PPTX",
       sheet: "表格",
       video: "视频",
       audio: "音频",
       unsupported: "下载"
-    }, p = f(() => oe(a.value.name)), H = f(() => Z[p.value]), $ = f(() => o.fileName || a.value.name || o.dialogTitle), h = f(() => o.mode === "dialog"), q = f(() => h.value ? o.visible : !0), P = f(() => `${a.value.src}::${y.value}`), _ = f(
+    }, p = f(() => ne(a.value.name)), X = f(() => H[p.value]), $ = f(() => o.fileName || a.value.name || o.dialogTitle), y = f(() => o.mode === "dialog"), q = f(() => y.value ? o.visible : !0), B = f(() => `${a.value.src}::${k.value}`), L = f(
       () => [
         a.value.src,
         a.value.extension,
@@ -95,192 +97,197 @@ const le = ["aria-modal"], se = {
         o.maxSheetRows,
         o.maxSheetCols,
         o.pdfScale,
-        y.value
+        k.value
       ].join("::")
-    ), B = f(() => p.value === "image" ? "img" : p.value === "video" ? "video" : p.value === "audio" ? "audio" : null);
+    ), j = f(() => p.value === "image" ? "img" : p.value === "video" ? "video" : p.value === "audio" ? "audio" : null);
     U(
       () => [o.source, o.fileName],
       () => {
         var i, u;
-        (i = g.value) == null || i.call(g), a.value = K(o.source, o.fileName), g.value = (u = a.value.cleanup) != null ? u : null, b.value = "", x.value = !1, y.value += 1;
+        (i = x.value) == null || i.call(x), a.value = N(o.source, o.fileName), x.value = (u = a.value.cleanup) != null ? u : null, h.value = "", b.value = !1, k.value += 1;
       },
       { immediate: !0 }
     ), U(
       () => [o.textEncoding, o.maxTextBytes, o.maxSheetRows, o.maxSheetCols, o.pdfScale],
       () => {
-        b.value = "", x.value = !1, y.value += 1;
+        h.value = "", b.value = !1, k.value += 1;
       }
     ), U(
       () => o.visible,
       (i, u) => {
-        if (h.value) {
+        if (y.value) {
           if (!i) {
-            x.value = !1;
+            b.value = !1;
             return;
           }
-          u || (b.value = "", x.value = !1, y.value += 1);
+          u || (h.value = "", b.value = !1, k.value += 1);
         }
       }
     ), U(
       () => o.mode,
       (i, u) => {
-        i === "dialog" && u !== "dialog" && o.visible && (b.value = "", x.value = !1, y.value += 1);
+        i === "dialog" && u !== "dialog" && o.visible && (h.value = "", b.value = !1, k.value += 1);
       }
-    ), X(() => {
+    ), W(() => {
       var i;
-      (i = g.value) == null || i.call(g);
+      (i = x.value) == null || i.call(x);
     });
-    function F() {
-      A("update:visible", !1);
-    }
     function M() {
-      ae(a.value.src, a.value.name);
+      F("update:visible", !1);
+    }
+    function K() {
+      le(a.value.src, a.value.name);
     }
-    function T(i) {
-      b.value = i.message, A("error", i);
+    function S(i) {
+      h.value = i.message, F("error", i);
     }
-    function C(i) {
-      x.value = i;
+    function _(i) {
+      b.value = i;
     }
-    return (i, u) => (s(), k(W, {
+    return (i, u) => (l(), w(G, {
       to: "body",
-      disabled: !h.value
+      disabled: !y.value
     }, [
-      q.value ? (s(), v("div", {
+      q.value ? (l(), v("div", {
         key: 0,
-        class: G(["lfp-wrapper", { "is-dialog": h.value }])
+        class: J(["lfp-wrapper", { "is-dialog": y.value }])
       }, [
-        h.value ? (s(), v("div", {
+        y.value ? (l(), v("div", {
           key: 0,
           class: "lfp-backdrop",
-          onClick: F
-        })) : L("", !0),
-        l("section", {
+          onClick: M
+        })) : P("", !0),
+        s("section", {
           class: "lfp-panel",
           role: "dialog",
-          "aria-modal": h.value ? "true" : "false"
+          "aria-modal": y.value ? "true" : "false"
         }, [
-          e.showToolbar ? (s(), v("header", se, [
-            l("div", ie, [
-              l("strong", ue, D($.value), 1),
-              l("span", re, D(H.value), 1)
+          e.showToolbar ? (l(), v("header", ie, [
+            s("div", ue, [
+              s("strong", re, D($.value), 1),
+              s("span", ce, D(X.value), 1)
             ]),
-            l("div", ce, [
-              l("button", {
+            s("div", de, [
+              s("button", {
                 class: "lfp-button lfp-icon-button",
                 type: "button",
                 "aria-label": "Download",
                 title: "Download",
-                onClick: M
+                onClick: K
               }, [...u[0] || (u[0] = [
-                l("svg", {
+                s("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" })
+                  s("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)
               ])]),
-              h.value ? (s(), v("button", {
+              y.value ? (l(), v("button", {
                 key: 0,
                 class: "lfp-button lfp-button is-ghost lfp-icon-button",
                 type: "button",
                 "aria-label": "Close",
                 title: "Close",
-                onClick: F
+                onClick: M
               }, [...u[1] || (u[1] = [
-                l("svg", {
+                s("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" })
+                  s("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)
-              ])])) : L("", !0)
+              ])])) : P("", !0)
             ])
-          ])) : L("", !0),
-          l("div", de, [
-            J(Q, { name: "lfp-fade" }, {
-              default: Y(() => [
-                x.value ? (s(), v("div", ve, [
-                  u[2] || (u[2] = l("span", { class: "lfp-spinner" }, null, -1)),
-                  l("span", null, D(e.loadingText), 1)
-                ])) : L("", !0)
+          ])) : P("", !0),
+          s("div", ve, [
+            Q(Y, { name: "lfp-fade" }, {
+              default: ee(() => [
+                b.value ? (l(), v("div", pe, [
+                  u[2] || (u[2] = s("span", { class: "lfp-spinner" }, null, -1)),
+                  s("span", null, D(e.loadingText), 1)
+                ])) : P("", !0)
               ]),
               _: 1
             }),
-            b.value ? (s(), v("div", me, [
-              l("p", null, D(b.value), 1),
-              l("button", {
+            h.value ? (l(), v("div", me, [
+              s("p", null, D(h.value), 1),
+              s("button", {
                 class: "lfp-button lfp-icon-button",
                 type: "button",
                 "aria-label": "Download",
                 title: "Download",
-                onClick: M
+                onClick: K
               }, [...u[3] || (u[3] = [
-                l("svg", {
+                s("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" })
+                  s("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(), v(ee, { key: 1 }, [
-              B.value === "img" ? (s(), v("img", {
-                key: P.value,
+            ])) : (l(), v(te, { key: 1 }, [
+              j.value === "img" ? (l(), v("img", {
+                key: B.value,
                 class: "lfp-image",
                 src: a.value.src,
                 alt: a.value.name,
                 loading: "lazy"
-              }, null, 8, pe)) : B.value === "video" ? (s(), v("video", {
-                key: P.value,
+              }, null, 8, fe)) : j.value === "video" ? (l(), v("video", {
+                key: B.value,
                 class: "lfp-media",
                 src: a.value.src,
                 controls: "",
                 preload: "metadata"
-              }, null, 8, fe)) : B.value === "audio" ? (s(), v("audio", {
-                key: P.value,
+              }, null, 8, ge)) : j.value === "audio" ? (l(), v("audio", {
+                key: B.value,
                 class: "lfp-audio",
                 src: a.value.src,
                 controls: "",
                 preload: "metadata"
-              }, null, 8, ge)) : p.value === "pdf" ? (s(), k(S(n), {
-                key: _.value,
+              }, null, 8, xe)) : p.value === "pdf" ? (l(), w(E(n), {
+                key: L.value,
                 source: typeof o.source == "string" ? a.value.src : o.source,
                 scale: e.pdfScale,
-                onLoading: C,
-                onError: T
-              }, null, 8, ["source", "scale"])) : p.value === "docx" ? (s(), k(S(r), {
-                key: _.value,
+                onLoading: _,
+                onError: S
+              }, null, 8, ["source", "scale"])) : p.value === "docx" ? (l(), w(E(r), {
+                key: L.value,
+                source: typeof o.source == "string" ? a.value.src : o.source,
+                onLoading: _,
+                onError: S
+              }, null, 8, ["source"])) : p.value === "pptx" ? (l(), w(E(m), {
+                key: L.value,
                 source: typeof o.source == "string" ? a.value.src : o.source,
-                onLoading: C,
-                onError: T
-              }, null, 8, ["source"])) : p.value === "sheet" ? (s(), k(S(m), {
-                key: _.value,
+                onLoading: _,
+                onError: S
+              }, null, 8, ["source"])) : p.value === "sheet" ? (l(), w(E(d), {
+                key: L.value,
                 source: typeof o.source == "string" ? a.value.src : o.source,
                 "max-cols": e.maxSheetCols,
                 "max-rows": e.maxSheetRows,
-                onLoading: C,
-                onError: T
-              }, null, 8, ["source", "max-cols", "max-rows"])) : p.value === "text" ? (s(), k(S(c), {
-                key: _.value,
+                onLoading: _,
+                onError: S
+              }, null, 8, ["source", "max-cols", "max-rows"])) : p.value === "text" ? (l(), w(E(c), {
+                key: L.value,
                 source: typeof o.source == "string" ? a.value.src : o.source,
                 encoding: e.textEncoding,
                 extension: a.value.extension,
                 "max-bytes": e.maxTextBytes,
-                onLoading: C,
-                onError: T
-              }, null, 8, ["source", "encoding", "extension", "max-bytes"])) : (s(), k(S(d), {
-                key: 7,
+                onLoading: _,
+                onError: S
+              }, null, 8, ["source", "encoding", "extension", "max-bytes"])) : (l(), w(E(C), {
+                key: 8,
                 "file-name": a.value.name,
                 src: a.value.src
               }, null, 8, ["file-name", "src"]))
             ], 64))
           ])
-        ], 8, le)
-      ], 2)) : L("", !0)
+        ], 8, se)
+      ], 2)) : P("", !0)
     ], 8, ["disabled"]));
   }
 });
-function xe(e) {
+function be(e) {
   if (typeof e == "string") {
     const t = document.querySelector(e);
     if (!t)
@@ -289,9 +296,9 @@ function xe(e) {
   }
   return e;
 }
-function be(e, t) {
-  const n = N({ ...t }), c = xe(e), r = O({
-    render: () => V(I, n)
+function he(e, t) {
+  const n = O({ ...t }), c = be(e), r = V({
+    render: () => Z(A, n)
   });
   return r.mount(c), {
     update(m) {
@@ -302,19 +309,19 @@ function be(e, t) {
     }
   };
 }
-function he(e) {
+function ye(e) {
   const t = document.createElement("div");
   document.body.append(t);
   let n;
-  const c = e["onUpdate:visible"], r = N({
+  const c = e["onUpdate:visible"], r = O({
     visible: !0,
     mode: "dialog",
     ...e,
     "onUpdate:visible"(d) {
       c == null || c(d), r.visible = d, d || queueMicrotask(() => n.unmount());
     }
-  }), m = O({
-    render: () => V(I, r)
+  }), m = V({
+    render: () => Z(A, r)
   });
   return m.mount(t), n = {
     update(d) {
@@ -325,22 +332,22 @@ function he(e) {
     }
   }, n;
 }
-function ye() {
+function ke() {
   const e = {
-    mount: be,
-    openDialog: he
+    mount: he,
+    openDialog: ye
   };
   return typeof window != "undefined" && (window.LightFilePreview = e), e;
 }
-const ke = {
+const Re = {
   install(e) {
-    e.component("LightFilePreview", I);
+    e.component("LightFilePreview", A);
   }
 };
 export {
-  I as _,
-  ae as d,
-  ke as i,
-  he as o,
-  ye as r
+  A as _,
+  le as d,
+  Re as i,
+  ye as o,
+  ke as r
 };

package/dist/light-file-preview.js

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