@work-zhanguo/light-file-preview 0.0.1

package/dist/index-BlBE9ZR-.js

@@ -0,0 +1,304 @@
+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";
+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 {
+    return e.split("/").map((t) => encodeURIComponent(decodeURIComponent(t))).join("/");
+  }
+}
+function P(e, t) {
+  if (typeof e == "string") {
+    const u = W(e), p = e.split("/"), c = t ?? p[p.length - 1] ?? "unknown";
+    return {
+      source: e,
+      src: u,
+      name: decodeURIComponent(c.split("?")[0].split("#")[0]),
+      extension: S(c)
+    };
+  }
+  const o = URL.createObjectURL(e), r = t ?? ("name" in e && typeof e.name == "string" ? e.name : "blob");
+  return {
+    source: e,
+    src: o,
+    name: r,
+    extension: S(r),
+    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" }, ae = { class: "lfp-badge" }, le = { 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-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);
+    Z(
+      () => [a.source, a.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 = "";
+      },
+      { immediate: !0 }
+    ), H(() => {
+      var i;
+      (i = f.value) == null || i.call(f);
+    });
+    function j() {
+      N("update:visible", !1);
+    }
+    function B() {
+      Y(n.value.src, n.value.name);
+    }
+    function R(i) {
+      L.value = i.message, N("error", i);
+    }
+    function _(i) {
+      D.value = i;
+    }
+    return (i, v) => (s(), x(K, {
+      to: "body",
+      disabled: !b.value
+    }, [
+      O.value ? (s(), d("div", {
+        key: 0,
+        class: q(["lfp-wrapper", { "is-dialog": b.value }])
+      }, [
+        b.value ? (s(), d("div", {
+          key: 0,
+          class: "lfp-backdrop",
+          onClick: j
+        })) : y("", !0),
+        l("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)
+            ]),
+            l("div", le, [
+              l("button", {
+                class: "lfp-button lfp-icon-button",
+                type: "button",
+                "aria-label": "Download",
+                title: "Download",
+                onClick: B
+              }, [...v[0] || (v[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)
+              ])]),
+              b.value ? (s(), d("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", {
+                  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)
+              ])])) : y("", !0)
+            ])
+          ])) : y("", !0),
+          l("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)
+                ])) : y("", !0)
+              ]),
+              _: 1
+            }),
+            L.value ? (s(), d("div", re, [
+              l("p", null, E(L.value), 1),
+              l("button", {
+                class: "lfp-button lfp-icon-button",
+                type: "button",
+                "aria-label": "Download",
+                title: "Download",
+                onClick: B
+              }, [...v[3] || (v[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(), d(G, { key: 1 }, [
+              T.value === "img" ? (s(), d("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", {
+                key: n.value.src,
+                class: "lfp-media",
+                src: n.value.src,
+                controls: "",
+                preload: "metadata"
+              }, null, 8, ce)) : T.value === "audio" ? (s(), d("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 a.source == "string" ? n.value.src : a.source,
+                scale: e.pdfScale,
+                onLoading: _,
+                onError: R
+              }, null, 8, ["source", "scale"])) : m.value === "docx" ? (s(), x(k(u), {
+                key: n.value.src,
+                source: typeof a.source == "string" ? n.value.src : a.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,
+                "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), {
+                key: n.value.src,
+                source: typeof a.source == "string" ? n.value.src : a.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), {
+                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 pe(e) {
+  if (typeof e == "string") {
+    const t = document.querySelector(e);
+    if (!t)
+      throw new Error(`未找到挂载节点：${e}`);
+    return t;
+  }
+  return e;
+}
+function me(e, t) {
+  const o = I({ ...t }), r = pe(e), u = A({
+    render: () => F(C, o)
+  });
+  return u.mount(r), {
+    update(p) {
+      Object.assign(o, p);
+    },
+    unmount() {
+      u.unmount();
+    }
+  };
+}
+function ve(e) {
+  const t = document.createElement("div");
+  document.body.append(t);
+  let o;
+  const r = e["onUpdate:visible"], u = I({
+    visible: !0,
+    mode: "dialog",
+    ...e,
+    "onUpdate:visible"(c) {
+      r == null || r(c), u.visible = c, c || queueMicrotask(() => o.unmount());
+    }
+  }), p = A({
+    render: () => F(C, u)
+  });
+  return p.mount(t), o = {
+    update(c) {
+      Object.assign(u, c);
+    },
+    unmount() {
+      p.unmount(), t.remove();
+    }
+  }, o;
+}
+function ge() {
+  const e = {
+    mount: me,
+    openDialog: ve
+  };
+  return typeof window < "u" && (window.LightFilePreview = e), e;
+}
+const be = {
+  install(e) {
+    e.component("LightFilePreview", C);
+  }
+};
+export {
+  C as _,
+  Y as d,
+  be as i,
+  ve as o,
+  ge as r
+};

package/dist/light-file-preview.js

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