@work-zhanguo/light-file-preview 0.0.1

package/dist/vue2/SheetRenderer-CuAyFgj9.js

@@ -0,0 +1,77 @@
+import { d as B, g as $, o as E, a as F, b as e, c as t, F as f, h as v, e as w, t as r, f as b, r as k, n as L } from "./vue2-CzAkhodr.js";
+import { r as M } from "./text-CcxmtFce.js";
+const N = { class: "lfp-document lfp-sheet" }, V = {
+  key: 0,
+  class: "lfp-sheet__tabs"
+}, X = ["onClick"], j = {
+  key: 1,
+  class: "lfp-hint"
+}, z = {
+  key: 2,
+  class: "lfp-sheet__table-wrap"
+}, A = { class: "lfp-sheet__table" }, W = /* @__PURE__ */ B({
+  __name: "SheetRenderer",
+  props: {
+    source: {},
+    maxRows: {},
+    maxCols: {}
+  },
+  emits: ["loading", "error"],
+  setup(u, { emit: C }) {
+    const i = u, m = C, y = new AbortController(), d = k(0), c = k([]), s = $(() => c.value[d.value]);
+    async function g() {
+      m("loading", !0);
+      try {
+        const l = await M(i.source, y.signal), h = await import("./xlsx-CZNBZqms.js"), o = h.read(l, { type: "array" });
+        c.value = o.SheetNames.map((a) => {
+          const n = h.utils.sheet_to_json(o.Sheets[a], {
+            header: 1,
+            raw: !1,
+            defval: ""
+          }), _ = n.length, S = n.reduce((p, R) => Math.max(p, R.length), 0), x = n.slice(0, i.maxRows).map((p) => p.slice(0, i.maxCols).map(String));
+          return {
+            name: a,
+            rows: x,
+            totalRows: _,
+            totalCols: S
+          };
+        });
+      } catch (l) {
+        m("error", l instanceof Error ? l : new Error("表格预览失败"));
+      } finally {
+        m("loading", !1);
+      }
+    }
+    return E(() => {
+      g();
+    }), F(() => {
+      y.abort();
+    }), (l, h) => (e(), t("div", N, [
+      c.value.length > 1 ? (e(), t("div", V, [
+        (e(!0), t(f, null, v(c.value, (o, a) => (e(), t("button", {
+          key: o.name,
+          class: L(["lfp-sheet__tab", { "is-active": a === d.value }]),
+          type: "button",
+          onClick: (n) => d.value = a
+        }, r(o.name), 11, X))), 128))
+      ])) : w("", !0),
+      s.value ? (e(), t("p", j, " 共 " + r(s.value.totalRows) + " 行，" + r(s.value.totalCols) + " 列。当前最多展示 " + r(u.maxRows) + " 行、" + r(u.maxCols) + " 列。 ", 1)) : w("", !0),
+      s.value ? (e(), t("div", z, [
+        b("table", A, [
+          b("tbody", null, [
+            (e(!0), t(f, null, v(s.value.rows, (o, a) => (e(), t("tr", {
+              key: `${s.value.name}-${a}`
+            }, [
+              (e(!0), t(f, null, v(o, (n, _) => (e(), t("td", {
+                key: `${a}-${_}`
+              }, r(n), 1))), 128))
+            ]))), 128))
+          ])
+        ])
+      ])) : w("", !0)
+    ]));
+  }
+});
+export {
+  W as default
+};

package/dist/vue2/TextRenderer-Bxqs7APd.js

@@ -0,0 +1,59 @@
+import { d as g, g as f, o as h, a as k, b as n, c as a, t as p, e as B, f as w, r as l } from "./vue2-CzAkhodr.js";
+import { a as M } from "./text-CcxmtFce.js";
+const C = { class: "lfp-document" }, T = {
+  key: 0,
+  class: "lfp-hint"
+}, b = ["innerHTML"], N = {
+  key: 2,
+  class: "lfp-code"
+}, H = /* @__PURE__ */ g({
+  __name: "TextRenderer",
+  props: {
+    source: {},
+    encoding: {},
+    extension: {},
+    maxBytes: {}
+  },
+  emits: ["loading", "error"],
+  setup(c, { emit: v }) {
+    const e = c, s = v, t = l(""), i = l(!1), u = new AbortController(), r = l(""), d = f(() => e.extension === "md"), y = f(() => e.extension === "json");
+    async function x() {
+      s("loading", !0);
+      try {
+        t.value = await M(e.source, e.encoding, e.maxBytes, u.signal);
+        const o = typeof e.source == "string" ? t.value.length : e.source.size;
+        if (i.value = o > e.maxBytes, y.value)
+          try {
+            t.value = JSON.stringify(JSON.parse(t.value), null, 2);
+          } catch {
+          }
+        if (d.value) {
+          const [{ marked: m }, { default: _ }] = await Promise.all([import("./marked.esm-toXckLRC.js"), import("./purify.es-D5dazAgD.js")]);
+          r.value = _.sanitize(m.parse(t.value));
+        } else
+          r.value = "";
+      } catch (o) {
+        s("error", o instanceof Error ? o : new Error("文本预览失败"));
+      } finally {
+        s("loading", !1);
+      }
+    }
+    return h(() => {
+      x();
+    }), k(() => {
+      u.abort();
+    }), (o, m) => (n(), a("div", C, [
+      i.value ? (n(), a("p", T, "文件较大，当前仅展示前 " + p(Math.round(c.maxBytes / 1024)) + " KB 内容。", 1)) : B("", !0),
+      d.value ? (n(), a("article", {
+        key: 1,
+        class: "lfp-markdown",
+        innerHTML: r.value
+      }, null, 8, b)) : (n(), a("pre", N, [
+        w("code", null, p(t.value), 1)
+      ]))
+    ]));
+  }
+});
+export {
+  H as default
+};

package/dist/vue2/UnsupportedRenderer-Cs2uPl_6.js

@@ -0,0 +1,31 @@
+import { d as n, b as l, c as o, f as t, t as s, u as i, i as r } from "./vue2-CzAkhodr.js";
+const d = { class: "lfp-empty" }, p = { class: "lfp-hint" }, c = /* @__PURE__ */ n({
+  __name: "UnsupportedRenderer",
+  props: {
+    fileName: {},
+    src: {}
+  },
+  setup(a) {
+    return (f, e) => (l(), o("div", d, [
+      e[2] || (e[2] = t("p", null, "暂不支持当前格式的在线预览。", -1)),
+      t("p", p, "文件名：" + s(a.fileName), 1),
+      t("button", {
+        class: "lfp-button lfp-icon-button",
+        type: "button",
+        "aria-label": "Download",
+        title: "Download",
+        onClick: e[0] || (e[0] = (u) => i(r)(a.src, a.fileName))
+      }, [...e[1] || (e[1] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true"
+        }, [
+          t("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)
+      ])])
+    ]));
+  }
+});
+export {
+  c as default
+};