@work-zhanguo/light-file-preview 0.0.18 → 0.0.19

package/dist/index-DX4yvG8n.js

@@ -1,353 +0,0 @@
-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"]
-}, oe = ["doc", "ppt"];
-function I(e = "") {
-  const n = e.split("#")[0].split("?")[0].split(".");
-  return n.length > 1 ? n[n.length - 1].toLowerCase() : "";
-}
-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 {
-    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 N(e, t) {
-  var r;
-  if (typeof e == "string") {
-    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(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";
-  return {
-    source: e,
-    src: n,
-    name: c,
-    extension: I(c),
-    cleanup: () => URL.revokeObjectURL(n)
-  };
-}
-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 se = ["aria-modal"], ie = {
-  key: 0,
-  class: "lfp-toolbar"
-}, 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"
-}, fe = ["src", "alt"], ge = ["src"], xe = ["src"], A = /* @__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-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(() => 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,
-        o.textEncoding,
-        o.maxTextBytes,
-        o.maxSheetRows,
-        o.maxSheetCols,
-        o.pdfScale,
-        k.value
-      ].join("::")
-    ), j = f(() => p.value === "image" ? "img" : p.value === "video" ? "video" : p.value === "audio" ? "audio" : null);
-    U(
-      () => [o.source, o.fileName],
-      () => {
-        var i, u;
-        (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],
-      () => {
-        h.value = "", b.value = !1, k.value += 1;
-      }
-    ), U(
-      () => o.visible,
-      (i, u) => {
-        if (y.value) {
-          if (!i) {
-            b.value = !1;
-            return;
-          }
-          u || (h.value = "", b.value = !1, k.value += 1);
-        }
-      }
-    ), U(
-      () => o.mode,
-      (i, u) => {
-        i === "dialog" && u !== "dialog" && o.visible && (h.value = "", b.value = !1, k.value += 1);
-      }
-    ), W(() => {
-      var i;
-      (i = x.value) == null || i.call(x);
-    });
-    function M() {
-      F("update:visible", !1);
-    }
-    function K() {
-      le(a.value.src, a.value.name);
-    }
-    function S(i) {
-      h.value = i.message, F("error", i);
-    }
-    function _(i) {
-      b.value = i;
-    }
-    return (i, u) => (l(), w(G, {
-      to: "body",
-      disabled: !y.value
-    }, [
-      q.value ? (l(), v("div", {
-        key: 0,
-        class: J(["lfp-wrapper", { "is-dialog": y.value }])
-      }, [
-        y.value ? (l(), v("div", {
-          key: 0,
-          class: "lfp-backdrop",
-          onClick: M
-        })) : P("", !0),
-        s("section", {
-          class: "lfp-panel",
-          role: "dialog",
-          "aria-modal": y.value ? "true" : "false"
-        }, [
-          e.showToolbar ? (l(), v("header", ie, [
-            s("div", ue, [
-              s("strong", re, D($.value), 1),
-              s("span", ce, D(X.value), 1)
-            ]),
-            s("div", de, [
-              s("button", {
-                class: "lfp-button lfp-icon-button",
-                type: "button",
-                "aria-label": "Download",
-                title: "Download",
-                onClick: K
-              }, [...u[0] || (u[0] = [
-                s("svg", {
-                  viewBox: "0 0 24 24",
-                  "aria-hidden": "true"
-                }, [
-                  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)
-              ])]),
-              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: M
-              }, [...u[1] || (u[1] = [
-                s("svg", {
-                  viewBox: "0 0 24 24",
-                  "aria-hidden": "true"
-                }, [
-                  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)
-              ])])) : P("", !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
-            }),
-            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: K
-              }, [...u[3] || (u[3] = [
-                s("svg", {
-                  viewBox: "0 0 24 24",
-                  "aria-hidden": "true"
-                }, [
-                  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)
-              ])])
-            ])) : (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, fe)) : j.value === "video" ? (l(), v("video", {
-                key: B.value,
-                class: "lfp-media",
-                src: a.value.src,
-                controls: "",
-                preload: "metadata"
-              }, null, 8, ge)) : j.value === "audio" ? (l(), v("audio", {
-                key: B.value,
-                class: "lfp-audio",
-                src: a.value.src,
-                controls: "",
-                preload: "metadata"
-              }, 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: _,
-                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: _,
-                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: _,
-                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: _,
-                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, se)
-      ], 2)) : P("", !0)
-    ], 8, ["disabled"]));
-  }
-});
-function be(e) {
-  if (typeof e == "string") {
-    const t = document.querySelector(e);
-    if (!t)
-      throw new Error(`未找到挂载节点：${e}`);
-    return t;
-  }
-  return e;
-}
-function he(e, t) {
-  const n = O({ ...t }), c = be(e), r = V({
-    render: () => Z(A, n)
-  });
-  return r.mount(c), {
-    update(m) {
-      Object.assign(n, m);
-    },
-    unmount() {
-      r.unmount();
-    }
-  };
-}
-function ye(e) {
-  const t = document.createElement("div");
-  document.body.append(t);
-  let 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 = V({
-    render: () => Z(A, r)
-  });
-  return m.mount(t), n = {
-    update(d) {
-      Object.assign(r, d);
-    },
-    unmount() {
-      m.unmount(), t.remove();
-    }
-  }, n;
-}
-function ke() {
-  const e = {
-    mount: he,
-    openDialog: ye
-  };
-  return typeof window != "undefined" && (window.LightFilePreview = e), e;
-}
-const Re = {
-  install(e) {
-    e.component("LightFilePreview", A);
-  }
-};
-export {
-  A as _,
-  le as d,
-  Re as i,
-  ye as o,
-  ke as r
-};

package/dist/types/components/renderers/PptxRenderer.vue.d.ts

@@ -1,13 +0,0 @@
-import '@work-zhanguo/pptx-preview/style.css';
-import type { PreviewSource } from '../../types';
-type __VLS_Props = {
-    source: PreviewSource;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: Error) => any;
-    loading: (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onError?: ((error: Error) => any) | undefined;
-    onLoading?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/vue2/DocxRenderer-BYzWAtSx.js

@@ -1,110 +0,0 @@
-import { d as B, c as E, w as _, o as L, a as N, b as d, e as p, f as n, t as f, n as b, F as T, g as m, r as i } from "./vue2-DryhXOWQ.js";
-import { r as D } from "./text-Bqxn_tMI.js";
-const R = { class: "lfp-document" }, $ = {
-  key: 0,
-  class: "lfp-page-toolbar"
-}, H = { class: "lfp-page-toolbar__meta" }, S = { class: "lfp-page-toolbar__status" }, V = { class: "lfp-page-toolbar__actions" }, A = ["disabled"], F = { class: "lfp-page-toolbar__pager" }, O = ["disabled"], q = /* @__PURE__ */ B({
-  __name: "DocxRenderer",
-  props: {
-    source: {}
-  },
-  emits: ["loading", "error"],
-  setup(h, { emit: y }) {
-    const w = h, u = y, s = i(null), o = i(0), a = i(1), l = i("paged"), v = new AbortController(), x = E(() => o.value ? l.value === "paged" ? `第 ${a.value} / ${o.value} 页` : `共 ${o.value} 页` : "");
-    function C() {
-      if (!s.value)
-        return [];
-      const t = s.value.querySelector(".docx-wrapper");
-      if (!t)
-        return [];
-      const e = Array.from(t.children).filter(
-        (r) => r instanceof HTMLElement && (r.tagName === "SECTION" || r.classList.contains("docx"))
-      );
-      return e.length ? e : [t];
-    }
-    function c() {
-      const t = C();
-      o.value = t.length || 1, a.value = Math.min(Math.max(a.value, 1), o.value), t.forEach((e, r) => {
-        e.classList.add("lfp-docx-page"), e.dataset.page = String(r + 1), e.hidden = l.value === "paged" && r !== a.value - 1;
-      });
-    }
-    function g(t) {
-      l.value = t;
-    }
-    function M() {
-      a.value = Math.max(a.value - 1, 1);
-    }
-    function k() {
-      a.value = Math.min(a.value + 1, o.value);
-    }
-    async function P() {
-      u("loading", !0);
-      try {
-        const t = await D(w.source, v.signal), { renderAsync: e } = await import("./docx-preview-BV-bQyiM.js");
-        if (!s.value)
-          return;
-        s.value.innerHTML = "", await e(t, s.value, void 0, {
-          className: "lfp-docx-content",
-          ignoreWidth: !1,
-          ignoreHeight: !1,
-          useBase64URL: !0
-        }), c();
-      } catch (t) {
-        u("error", t instanceof Error ? t : new Error("DOCX 预览失败"));
-      } finally {
-        u("loading", !1);
-      }
-    }
-    return _(l, () => {
-      c();
-    }), _(a, () => {
-      l.value === "paged" && c();
-    }), L(() => {
-      P();
-    }), N(() => {
-      v.abort(), s.value && (s.value.innerHTML = "");
-    }), (t, e) => (d(), p("div", R, [
-      o.value ? (d(), p("div", $, [
-        n("div", H, [
-          e[2] || (e[2] = n("span", { class: "lfp-page-toolbar__title" }, "Word 视图", -1)),
-          n("span", S, f(x.value), 1)
-        ]),
-        n("div", V, [
-          n("button", {
-            class: b(["lfp-button is-ghost lfp-page-toolbar__toggle", { "is-active": l.value === "paged" }]),
-            type: "button",
-            onClick: e[0] || (e[0] = (r) => g("paged"))
-          }, " 分页 ", 2),
-          n("button", {
-            class: b(["lfp-button is-ghost lfp-page-toolbar__toggle", { "is-active": l.value === "all" }]),
-            type: "button",
-            onClick: e[1] || (e[1] = (r) => g("all"))
-          }, " 全部 ", 2),
-          l.value === "paged" && o.value > 1 ? (d(), p(T, { key: 0 }, [
-            n("button", {
-              class: "lfp-button is-ghost lfp-page-toolbar__nav",
-              type: "button",
-              disabled: a.value <= 1,
-              onClick: M
-            }, " 上一页 ", 8, A),
-            n("span", F, f(a.value) + " / " + f(o.value), 1),
-            n("button", {
-              class: "lfp-button is-ghost lfp-page-toolbar__nav",
-              type: "button",
-              disabled: a.value >= o.value,
-              onClick: k
-            }, " 下一页 ", 8, O)
-          ], 64)) : m("", !0)
-        ])
-      ])) : m("", !0),
-      n("div", {
-        ref_key: "containerRef",
-        ref: s,
-        class: "lfp-docx"
-      }, null, 512)
-    ]));
-  }
-});
-export {
-  q as default
-};