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

package/dist/index-wdafvObE.js

@@ -1,305 +0,0 @@
-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"],
-  text: ["txt", "json", "js", "ts", "jsx", "tsx", "html", "css", "md", "csv"],
-  docx: ["docx"],
-  sheet: ["xls", "xlsx", "csv"],
-  video: ["mp4", "webm"],
-  audio: ["mp3", "wav"]
-}, J = ["doc", "ppt", "pptx"];
-function S(e = "") {
-  const o = e.split("#")[0].split("?")[0].split(".");
-  return o.length > 1 ? o[o.length - 1].toLowerCase() : "";
-}
-function Q(e) {
-  const t = S(e);
-  return g.image.includes(t) ? "image" : g.pdf.includes(t) ? "pdf" : g.docx.includes(t) ? "docx" : g.sheet.includes(t) ? "sheet" : g.video.includes(t) ? "video" : g.audio.includes(t) ? "audio" : g.text.includes(t) ? t === "csv" ? "sheet" : "text" : (J.includes(t), "unsupported");
-}
-function W(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((o) => encodeURIComponent(decodeURIComponent(o))).join("/"), t.toString();
-  } catch (t) {
-    return e.split("/").map((o) => encodeURIComponent(decodeURIComponent(o))).join("/");
-  }
-}
-function I(e, t) {
-  var i;
-  if (typeof e == "string") {
-    const p = W(e), d = e.split("/"), l = (i = t != null ? t : d[d.length - 1]) != null ? i : "unknown";
-    return {
-      source: e,
-      src: p,
-      name: decodeURIComponent(l.split("?")[0].split("#")[0]),
-      extension: S(l)
-    };
-  }
-  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: c,
-    extension: S(c),
-    cleanup: () => URL.revokeObjectURL(o)
-  };
-}
-function Y(e, t) {
-  const o = document.createElement("a");
-  o.href = e, o.download = t, o.target = "_blank", o.rel = "noopener", document.body.append(o), o.click(), o.remove();
-}
-const ee = ["aria-modal"], te = {
-  key: 0,
-  class: "lfp-toolbar"
-}, 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 = {
-  key: 0,
-  class: "lfp-error"
-}, ue = ["src", "alt"], ce = ["src"], de = ["src"], C = /* @__PURE__ */ V({
-  __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 o = h(() => import("./PdfRenderer-Due2M5cA.js")), c = h(() => import("./TextRenderer-KUhpnf63.js")), i = h(() => import("./DocxRenderer-DogNhBLd.js")), p = h(() => import("./SheetRenderer-D1DAXE1c.js")), d = h(() => import("./UnsupportedRenderer-_3Y2XGCI.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(
-      () => [l.source, l.fileName],
-      () => {
-        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 r;
-      (r = f.value) == null || r.call(f);
-    });
-    function B() {
-      D("update:visible", !1);
-    }
-    function P() {
-      Y(n.value.src, n.value.name);
-    }
-    function R(r) {
-      L.value = r.message, D("error", r);
-    }
-    function _(r) {
-      j.value = r;
-    }
-    return (r, u) => (s(), x(K, {
-      to: "body",
-      disabled: !b.value
-    }, [
-      O.value ? (s(), v("div", {
-        key: 0,
-        class: q(["lfp-wrapper", { "is-dialog": b.value }])
-      }, [
-        b.value ? (s(), v("div", {
-          key: 0,
-          class: "lfp-backdrop",
-          onClick: B
-        })) : y("", !0),
-        a("section", {
-          class: "lfp-panel",
-          role: "dialog",
-          "aria-modal": b.value ? "true" : "false"
-        }, [
-          e.showToolbar ? (s(), v("header", te, [
-            a("div", oe, [
-              a("strong", ne, E(N.value), 1),
-              a("span", le, E(m.value), 1)
-            ]),
-            a("div", ae, [
-              a("button", {
-                class: "lfp-button lfp-icon-button",
-                type: "button",
-                "aria-label": "Download",
-                title: "Download",
-                onClick: P
-              }, [...u[0] || (u[0] = [
-                a("svg", {
-                  viewBox: "0 0 24 24",
-                  "aria-hidden": "true"
-                }, [
-                  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(), v("button", {
-                key: 0,
-                class: "lfp-button lfp-button is-ghost lfp-icon-button",
-                type: "button",
-                "aria-label": "Close",
-                title: "Close",
-                onClick: B
-              }, [...u[1] || (u[1] = [
-                a("svg", {
-                  viewBox: "0 0 24 24",
-                  "aria-hidden": "true"
-                }, [
-                  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),
-          a("div", se, [
-            z(X, { name: "lfp-fade" }, {
-              default: $(() => [
-                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(), 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: P
-              }, [...u[3] || (u[3] = [
-                a("svg", {
-                  viewBox: "0 0 24 24",
-                  "aria-hidden": "true"
-                }, [
-                  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(), 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(), v("video", {
-                key: n.value.src,
-                class: "lfp-media",
-                src: n.value.src,
-                controls: "",
-                preload: "metadata"
-              }, null, 8, ce)) : T.value === "audio" ? (s(), v("audio", {
-                key: n.value.src,
-                class: "lfp-audio",
-                src: n.value.src,
-                controls: "",
-                preload: "metadata"
-              }, null, 8, de)) : m.value === "pdf" ? (s(), x(k(o), {
-                key: n.value.src,
-                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(i), {
-                key: n.value.src,
-                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 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(c), {
-                key: n.value.src,
-                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(d), {
-                key: 7,
-                "file-name": n.value.name,
-                src: n.value.src
-              }, null, 8, ["file-name", "src"]))
-            ], 64))
-          ])
-        ], 8, ee)
-      ], 2)) : y("", !0)
-    ], 8, ["disabled"]));
-  }
-});
-function ve(e) {
-  if (typeof e == "string") {
-    const t = document.querySelector(e);
-    if (!t)
-      throw new Error(`未找到挂载节点：${e}`);
-    return t;
-  }
-  return e;
-}
-function pe(e, t) {
-  const o = A({ ...t }), c = ve(e), i = F({
-    render: () => M(C, o)
-  });
-  return i.mount(c), {
-    update(p) {
-      Object.assign(o, p);
-    },
-    unmount() {
-      i.unmount();
-    }
-  };
-}
-function me(e) {
-  const t = document.createElement("div");
-  document.body.append(t);
-  let o;
-  const c = e["onUpdate:visible"], i = A({
-    visible: !0,
-    mode: "dialog",
-    ...e,
-    "onUpdate:visible"(d) {
-      c == null || c(d), i.visible = d, d || queueMicrotask(() => o.unmount());
-    }
-  }), p = F({
-    render: () => M(C, i)
-  });
-  return p.mount(t), o = {
-    update(d) {
-      Object.assign(i, d);
-    },
-    unmount() {
-      p.unmount(), t.remove();
-    }
-  }, o;
-}
-function ge() {
-  const e = {
-    mount: pe,
-    openDialog: me
-  };
-  return typeof window != "undefined" && (window.LightFilePreview = e), e;
-}
-const be = {
-  install(e) {
-    e.component("LightFilePreview", C);
-  }
-};
-export {
-  C as _,
-  Y as d,
-  be as i,
-  me as o,
-  ge as r
-};