@work-zhanguo/light-file-preview 0.0.11 → 0.0.13

package/dist/{UnsupportedRenderer-vjWyKDpT.js → UnsupportedRenderer-Z8yR4DCm.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-CNi6OyzI.js";
+import { d as s } from "./index-CB4lf4Rv.js";
 const d = { class: "lfp-empty" }, p = { class: "lfp-hint" }, c = /* @__PURE__ */ o({
   __name: "UnsupportedRenderer",
   props: {

package/dist/index-CB4lf4Rv.js

@@ -0,0 +1,346 @@
+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 = {
+  image: ["png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"],
+  pdf: ["pdf"],
+  text: ["txt", "json", "js", "ts", "jsx", "tsx", "html", "css", "md", "csv"],
+  docx: ["docx"],
+  sheet: ["xls", "xlsx", "csv"],
+  video: ["mp4", "webm"],
+  audio: ["mp3", "wav"]
+}, te = ["doc", "ppt", "pptx"];
+function j(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) {
+  if (/^(blob:|data:|https?:\/\/|file:\/\/)/i.test(e))
+    return e;
+  try {
+    const t = new URL(e, window.location.href);
+    return t.pathname = t.pathname.split("/").map((n) => encodeURIComponent(decodeURIComponent(n))).join("/"), t.toString();
+  } catch (t) {
+    return e.split("/").map((n) => encodeURIComponent(decodeURIComponent(n))).join("/");
+  }
+}
+function K(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";
+    return {
+      source: e,
+      src: m,
+      name: decodeURIComponent(o.split("?")[0].split("#")[0]),
+      extension: j(o)
+    };
+  }
+  const n = URL.createObjectURL(e), c = t != null ? t : "name" in e && typeof e.name == "string" ? e.name : "blob";
+  return {
+    source: e,
+    src: n,
+    name: c,
+    extension: j(c),
+    cleanup: () => URL.revokeObjectURL(n)
+  };
+}
+function ae(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 = {
+  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 = {
+  key: 0,
+  class: "lfp-loading"
+}, me = {
+  key: 0,
+  class: "lfp-error"
+}, pe = ["src", "alt"], fe = ["src"], ge = ["src"], I = /* @__PURE__ */ z({
+  __name: "FilePreview",
+  props: {
+    source: {},
+    fileName: {},
+    mode: { default: "inline" },
+    visible: { type: Boolean, default: !0 },
+    loadingText: { default: "文件加载中..." },
+    textEncoding: { default: "utf-8" },
+    maxTextBytes: { default: 1024 * 1024 * 2 },
+    maxSheetRows: { default: 200 },
+    maxSheetCols: { default: 50 },
+    pdfScale: { default: 1.35 },
+    showToolbar: { type: Boolean, default: !0 },
+    dialogTitle: { default: "文件预览" }
+  },
+  emits: ["update:visible", "error"],
+  setup(e, { emit: t }) {
+    const n = R(() => import("./PdfRenderer-Due2M5cA.js")), c = R(() => import("./TextRenderer-KUhpnf63.js")), r = R(() => import("./DocxRenderer-DogNhBLd.js")), m = R(() => import("./SheetRenderer-Dr5f9ZTy.js")), d = R(() => import("./UnsupportedRenderer-Z8yR4DCm.js")), o = e, A = t, g = E(null), x = E(!1), b = E(""), y = E(0), a = E(K(o.source, o.fileName)), Z = {
+      image: "图片",
+      pdf: "PDF",
+      text: "文本",
+      docx: "DOCX",
+      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(
+      () => [
+        a.value.src,
+        a.value.extension,
+        o.textEncoding,
+        o.maxTextBytes,
+        o.maxSheetRows,
+        o.maxSheetCols,
+        o.pdfScale,
+        y.value
+      ].join("::")
+    ), B = 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;
+      },
+      { immediate: !0 }
+    ), U(
+      () => [o.textEncoding, o.maxTextBytes, o.maxSheetRows, o.maxSheetCols, o.pdfScale],
+      () => {
+        b.value = "", x.value = !1, y.value += 1;
+      }
+    ), U(
+      () => o.visible,
+      (i, u) => {
+        if (h.value) {
+          if (!i) {
+            x.value = !1;
+            return;
+          }
+          u || (b.value = "", x.value = !1, y.value += 1);
+        }
+      }
+    ), U(
+      () => o.mode,
+      (i, u) => {
+        i === "dialog" && u !== "dialog" && o.visible && (b.value = "", x.value = !1, y.value += 1);
+      }
+    ), X(() => {
+      var i;
+      (i = g.value) == null || i.call(g);
+    });
+    function F() {
+      A("update:visible", !1);
+    }
+    function M() {
+      ae(a.value.src, a.value.name);
+    }
+    function T(i) {
+      b.value = i.message, A("error", i);
+    }
+    function C(i) {
+      x.value = i;
+    }
+    return (i, u) => (s(), k(W, {
+      to: "body",
+      disabled: !h.value
+    }, [
+      q.value ? (s(), v("div", {
+        key: 0,
+        class: G(["lfp-wrapper", { "is-dialog": h.value }])
+      }, [
+        h.value ? (s(), v("div", {
+          key: 0,
+          class: "lfp-backdrop",
+          onClick: F
+        })) : L("", !0),
+        l("section", {
+          class: "lfp-panel",
+          role: "dialog",
+          "aria-modal": h.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)
+            ]),
+            l("div", ce, [
+              l("button", {
+                class: "lfp-button lfp-icon-button",
+                type: "button",
+                "aria-label": "Download",
+                title: "Download",
+                onClick: M
+              }, [...u[0] || (u[0] = [
+                l("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" })
+                ], -1)
+              ])]),
+              h.value ? (s(), v("button", {
+                key: 0,
+                class: "lfp-button lfp-button is-ghost lfp-icon-button",
+                type: "button",
+                "aria-label": "Close",
+                title: "Close",
+                onClick: F
+              }, [...u[1] || (u[1] = [
+                l("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" })
+                ], -1)
+              ])])) : L("", !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)
+              ]),
+              _: 1
+            }),
+            b.value ? (s(), v("div", me, [
+              l("p", null, D(b.value), 1),
+              l("button", {
+                class: "lfp-button lfp-icon-button",
+                type: "button",
+                "aria-label": "Download",
+                title: "Download",
+                onClick: M
+              }, [...u[3] || (u[3] = [
+                l("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" })
+                ], -1)
+              ])])
+            ])) : (s(), v(ee, { key: 1 }, [
+              B.value === "img" ? (s(), v("img", {
+                key: P.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,
+                class: "lfp-media",
+                src: a.value.src,
+                controls: "",
+                preload: "metadata"
+              }, null, 8, fe)) : B.value === "audio" ? (s(), v("audio", {
+                key: P.value,
+                class: "lfp-audio",
+                src: a.value.src,
+                controls: "",
+                preload: "metadata"
+              }, null, 8, ge)) : p.value === "pdf" ? (s(), k(S(n), {
+                key: _.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,
+                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,
+                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,
+                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,
+                "file-name": a.value.name,
+                src: a.value.src
+              }, null, 8, ["file-name", "src"]))
+            ], 64))
+          ])
+        ], 8, le)
+      ], 2)) : L("", !0)
+    ], 8, ["disabled"]));
+  }
+});
+function xe(e) {
+  if (typeof e == "string") {
+    const t = document.querySelector(e);
+    if (!t)
+      throw new Error(`未找到挂载节点：${e}`);
+    return t;
+  }
+  return e;
+}
+function be(e, t) {
+  const n = N({ ...t }), c = xe(e), r = O({
+    render: () => V(I, n)
+  });
+  return r.mount(c), {
+    update(m) {
+      Object.assign(n, m);
+    },
+    unmount() {
+      r.unmount();
+    }
+  };
+}
+function he(e) {
+  const t = document.createElement("div");
+  document.body.append(t);
+  let n;
+  const c = e["onUpdate:visible"], r = N({
+    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)
+  });
+  return m.mount(t), n = {
+    update(d) {
+      Object.assign(r, d);
+    },
+    unmount() {
+      m.unmount(), t.remove();
+    }
+  }, n;
+}
+function ye() {
+  const e = {
+    mount: be,
+    openDialog: he
+  };
+  return typeof window != "undefined" && (window.LightFilePreview = e), e;
+}
+const ke = {
+  install(e) {
+    e.component("LightFilePreview", I);
+  }
+};
+export {
+  I as _,
+  ae as d,
+  ke as i,
+  he as o,
+  ye as r
+};

package/dist/light-file-preview.js

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