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

package/README.md

@@ -8,10 +8,11 @@
 
 用于业务系统里的附件预览，支持传入文件路径、远程地址和本地文件，接入方式尽量保持简单。
 
-当前版本：`0.0.10`
+当前版本：`0.0.11`
 
 最近更新：
 
+- `0.0.11`：修复 `xlsx` 图片拉伸和底色覆盖问题，优化单元格内容的对齐、换行和数值展示
 - `0.0.10`：优化 `xlsx` 预览密度，降低默认列宽和行高，减少横向滚动距离，整体样式更接近 Office
 - `0.0.9`：优化 `xlsx` 图片锚点尺寸和裁切边界，补充更接近 Excel 的公式栏名字框与编辑条样式
 - `0.0.8`：优化 `xlsx` 预览，补充工作表页签、首行首列编号区、冻结观感、单元格 hover / 选中高亮，并补充组件属性说明

package/dist/SheetRenderer-Dfa4Vi-f.js

@@ -0,0 +1,576 @@
+import { defineComponent as Ee, ref as V, computed as Nt, onMounted as Te, onBeforeUnmount as Oe, openBlock as d, createElementBlock as p, createElementVNode as u, Fragment as j, renderList as M, normalizeClass as mt, toDisplayString as y, createCommentVNode as At, createTextVNode as se, normalizeStyle as H } from "vue";
+import { r as Be } from "./text-Bqxn_tMI.js";
+const Le = { class: "lfp-document lfp-sheet" }, Fe = { class: "lfp-sheet__toolbar" }, Ue = {
+  key: 0,
+  class: "lfp-sheet__tabs",
+  role: "tablist",
+  "aria-label": "工作表切换"
+}, Ve = ["onClick"], je = { class: "lfp-sheet__tab-label" }, Me = { class: "lfp-sheet__tab-meta" }, He = {
+  key: 1,
+  class: "lfp-sheet__summary"
+}, We = { class: "lfp-sheet__summary-item" }, ze = { class: "lfp-sheet__summary-item" }, Pe = {
+  key: 0,
+  class: "lfp-sheet__formula-bar"
+}, Ke = { class: "lfp-sheet__name-box" }, Ge = { class: "lfp-sheet__name-box-text" }, qe = { class: "lfp-sheet__formula-input" }, Ze = { class: "lfp-sheet__formula-text" }, Je = {
+  key: 1,
+  class: "lfp-hint"
+}, Qe = {
+  key: 2,
+  class: "lfp-sheet__table-wrap"
+}, Ye = { class: "lfp-sheet__grid" }, Xe = { class: "lfp-sheet__table" }, to = { class: "lfp-sheet__header-row" }, eo = ["rowspan", "colspan", "title", "onMouseenter", "onFocus", "onClick"], oo = { class: "lfp-sheet__cell-text" }, no = {
+  class: "lfp-sheet__images",
+  "aria-hidden": "true"
+}, ro = ["src", "alt"], so = {
+  key: 3,
+  class: "lfp-sheet__empty"
+}, lo = 28, io = 14, W = 46, gt = 28, Mt = 24, le = 64, uo = /* @__PURE__ */ Ee({
+  __name: "SheetRenderer",
+  props: {
+    source: {},
+    maxRows: {},
+    maxCols: {}
+  },
+  emits: ["loading", "error"],
+  setup(ie, { emit: ae }) {
+    const It = ie, Dt = ae, Ht = new AbortController(), Et = V(0), z = V([]), R = V(""), Tt = V(null), Ot = V(null), Bt = V([]), c = Nt(() => z.value[Et.value]), Wt = Nt(() => {
+      var e;
+      const t = c.value;
+      return !t || !R.value ? null : (e = t.cellMap[R.value]) != null ? e : null;
+    }), ce = Nt(() => {
+      var t, e;
+      return (e = (t = Wt.value) == null ? void 0 : t.address) != null ? e : "A1";
+    }), ue = Nt(() => {
+      const t = Wt.value;
+      return t ? t.formula ? `=${t.formula}` : t.value : "";
+    });
+    function zt() {
+      for (const t of Bt.value)
+        URL.revokeObjectURL(t);
+      Bt.value = [];
+    }
+    function fe(t) {
+      let e = t + 1, o = "";
+      for (; e > 0; ) {
+        const n = (e - 1) % 26;
+        o = String.fromCharCode(65 + n) + o, e = Math.floor((e - 1) / 26);
+      }
+      return o;
+    }
+    function P(t, e) {
+      Tt.value = t, Ot.value = e;
+    }
+    function de(t) {
+      R.value = t;
+    }
+    function Pt(t) {
+      Et.value = t;
+      const e = z.value[t];
+      R.value = e ? `${e.firstVisibleRow}:${e.firstVisibleCol}` : "", P(null, null);
+    }
+    function Kt(t, e) {
+      return t != null && (t === Tt.value || t === Gt()) || e != null && (e === Ot.value || e === qt());
+    }
+    function Gt() {
+      if (!R.value)
+        return null;
+      const [t] = R.value.split(":");
+      return Number.isFinite(Number(t)) ? Number(t) : null;
+    }
+    function qt() {
+      if (!R.value)
+        return null;
+      const [, t] = R.value.split(":");
+      return Number.isFinite(Number(t)) ? Number(t) : null;
+    }
+    function pe(t) {
+      if (t) {
+        if (["thin", "hair"].includes(t) || ["medium", "dashed", "dotted", "dashDot", "dashDotDot"].includes(t))
+          return "1px solid";
+        if (["thick", "double", "mediumDashed", "mediumDashDot", "mediumDashDotDot"].includes(t))
+          return "2px solid";
+      }
+    }
+    function bt(t) {
+      if (!t || typeof t != "object")
+        return;
+      const e = "rgb" in t && typeof t.rgb == "string" ? t.rgb : "argb" in t && typeof t.argb == "string" ? t.argb : void 0;
+      if (!e)
+        return;
+      const o = e.replace(/^#/, "");
+      if (/^[0-9a-fA-F]{8}$/.test(o))
+        return `#${o.slice(2)}`;
+      if (/^[0-9a-fA-F]{6}$/.test(o))
+        return `#${o}`;
+    }
+    function vt(t, e, o) {
+      var r;
+      if (!o)
+        return;
+      const n = pe(o.style), s = (r = bt(o.color)) != null ? r : "rgba(31, 44, 61, 0.12)";
+      n && (e === "left" ? t.borderLeft = `${n} ${s}` : e === "right" ? t.borderRight = `${n} ${s}` : e === "top" ? t.borderTop = `${n} ${s}` : e === "bottom" && (t.borderBottom = `${n} ${s}`));
+    }
+    function Zt(t) {
+      const e = typeof (t == null ? void 0 : t.hpx) == "number" ? t.hpx : typeof (t == null ? void 0 : t.hpt) == "number" ? t.hpt * 1.3334 : void 0;
+      return Math.max(e != null ? e : Mt, Mt);
+    }
+    function he(t) {
+      return { height: `${Zt(t)}px` };
+    }
+    function Jt(t) {
+      return typeof (t == null ? void 0 : t.wpx) == "number" ? Math.max(t.wpx, 42) : typeof (t == null ? void 0 : t.width) == "number" ? Math.max(Math.round(t.width * 7.2 + 5), 42) : le;
+    }
+    function Qt(t) {
+      return `${Jt(t)}px`;
+    }
+    function me(t) {
+      const e = {}, o = t == null ? void 0 : t.horizontal, n = t == null ? void 0 : t.vertical;
+      o && (e.textAlign = o), n && (e.verticalAlign = n === "center" ? "middle" : n), t != null && t.wrapText && (e.whiteSpace = "pre-wrap", e.wordBreak = "break-word");
+      const s = o === "center" ? "center" : o === "right" ? "flex-end" : "flex-start", r = n === "top" ? "flex-start" : n === "bottom" ? "flex-end" : "center";
+      return e["--lfp-cell-justify"] = s, e["--lfp-cell-align"] = r, e["--lfp-cell-white-space"] = t != null && t.wrapText ? "pre-wrap" : "nowrap", e["--lfp-cell-word-break"] = t != null && t.wrapText ? "break-word" : "normal", e;
+    }
+    function ge(t, e, o) {
+      var f, b;
+      const n = {};
+      if (o ? (n.minWidth = o, n.width = o) : e && (n.minWidth = e, n.width = e), !(t != null && t.s) || typeof t.s != "object")
+        return n;
+      const s = t.s.fill, r = t.s.font, l = t.s.border, a = (f = bt(s == null ? void 0 : s.fgColor)) != null ? f : bt(s == null ? void 0 : s.bgColor), g = bt(r == null ? void 0 : r.color);
+      return a && (s == null ? void 0 : s.patternType) !== "none" && (n.backgroundColor = a, n["--lfp-cell-bg"] = a), g && (n.color = g), r != null && r.bold && (n.fontWeight = "700"), r != null && r.italic && (n.fontStyle = "italic"), r != null && r.underline && (n.textDecoration = "underline"), typeof (r == null ? void 0 : r.sz) == "number" && (n.fontSize = `${r.sz}px`), typeof (r == null ? void 0 : r.name) == "string" && r.name.trim() && (n.fontFamily = r.name), Object.assign(n, me(t.s.alignment)), !((b = t.s.alignment) != null && b.horizontal) && typeof (t == null ? void 0 : t.t) == "string" && ["n", "d"].includes(t.t) && (n.textAlign = "right", n["--lfp-cell-justify"] = "flex-end"), vt(n, "left", l == null ? void 0 : l.left), vt(n, "right", l == null ? void 0 : l.right), vt(n, "top", l == null ? void 0 : l.top), vt(n, "bottom", l == null ? void 0 : l.bottom), n;
+    }
+    async function be(t) {
+      try {
+        if (typeof createImageBitmap == "function") {
+          const e = await createImageBitmap(t), o = { width: e.width, height: e.height };
+          return e.close(), o;
+        }
+      } catch (e) {
+      }
+      return await new Promise((e) => {
+        const o = URL.createObjectURL(t), n = new Image();
+        n.onload = () => {
+          URL.revokeObjectURL(o), e({ width: n.naturalWidth, height: n.naturalHeight });
+        }, n.onerror = () => {
+          URL.revokeObjectURL(o), e(null);
+        }, n.src = o;
+      });
+    }
+    function ve(t, e) {
+      var o, n;
+      return e ? typeof e.w == "string" ? e.w : (o = t.utils) != null && o.format_cell ? String(t.utils.format_cell(e, (n = e.v) != null ? n : "")) : e.v != null ? String(e.v) : typeof e.f == "string" && e.f.trim() ? `=${e.f}` : "" : "";
+    }
+    function _e(t, e, o) {
+      const n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map();
+      for (const r of t) {
+        const l = e.filter((f) => f >= r.s.r && f <= r.e.r), a = o.filter((f) => f >= r.s.c && f <= r.e.c);
+        if (!l.length || !a.length)
+          continue;
+        const g = `${r.s.r}:${r.s.c}`;
+        s.set(g, {
+          rowSpan: l.length,
+          colSpan: a.length,
+          colsInRange: a
+        });
+        for (const f of l)
+          for (const b of a)
+            f === r.s.r && b === r.s.c || n.add(`${f}:${b}`);
+      }
+      return { coveredCells: n, mergeStarts: s };
+    }
+    function Yt(t) {
+      return t ? t instanceof Uint8Array ? t : t instanceof ArrayBuffer ? new Uint8Array(t) : typeof t == "string" ? new TextEncoder().encode(t) : null : null;
+    }
+    function _t(t) {
+      if (!t)
+        return "";
+      if (typeof t == "string")
+        return t;
+      const e = Yt(t);
+      return e ? new TextDecoder("utf-8").decode(e) : "";
+    }
+    function yt(t) {
+      if (!t.trim())
+        return null;
+      const e = new DOMParser().parseFromString(t, "application/xml");
+      return e.querySelector("parsererror") ? null : e;
+    }
+    function wt(t, e) {
+      var o;
+      return t && (o = Array.from(t.children).find((n) => n.localName === e)) != null ? o : null;
+    }
+    function Lt(t, e) {
+      var o;
+      return t && (o = Array.from(t.getElementsByTagName("*")).find((n) => n.localName === e)) != null ? o : null;
+    }
+    function S(t, e) {
+      var s, r;
+      const o = (r = (s = wt(t, e)) == null ? void 0 : s.textContent) != null ? r : "", n = Number.parseInt(o, 10);
+      return Number.isFinite(n) ? n : 0;
+    }
+    function Xt(t) {
+      const e = t.lastIndexOf("/"), o = e >= 0 ? t.slice(0, e) : "", n = e >= 0 ? t.slice(e + 1) : t;
+      return `${o}/_rels/${n}.rels`;
+    }
+    function Ft(t, e) {
+      if (!e)
+        return t;
+      const o = t.split("/");
+      o.pop();
+      const n = e.split("/");
+      for (const s of n)
+        !s || s === "." || (s === ".." ? o.pop() : o.push(s));
+      return o.join("/");
+    }
+    function Ut(t, e) {
+      var r;
+      const o = _t((r = t[e]) == null ? void 0 : r.content), n = yt(o);
+      if (!n)
+        return {};
+      const s = {};
+      for (const l of Array.from(n.getElementsByTagName("*"))) {
+        if (l.localName !== "Relationship")
+          continue;
+        const a = l.getAttribute("Id"), g = l.getAttribute("Target");
+        a && g && (s[a] = g);
+      }
+      return s;
+    }
+    function ye(t) {
+      var s;
+      const e = "xl/workbook.xml", o = yt(_t((s = t[e]) == null ? void 0 : s.content));
+      if (!o)
+        return [];
+      const n = Ut(t, "xl/_rels/workbook.xml.rels");
+      return Array.from(o.getElementsByTagName("*")).filter((r) => r.localName === "sheet").map((r) => {
+        var a, g, f, b;
+        const l = (g = (a = r.getAttribute("r:id")) != null ? a : r.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships", "id")) != null ? g : "";
+        return {
+          name: (f = r.getAttribute("name")) != null ? f : "",
+          path: Ft(e, (b = n[l]) != null ? b : "")
+        };
+      }).filter((r) => r.name && r.path);
+    }
+    function we(t) {
+      var o;
+      const e = (o = t.split(".").pop()) == null ? void 0 : o.toLowerCase();
+      return e === "png" ? "image/png" : e === "jpg" || e === "jpeg" ? "image/jpeg" : e === "gif" ? "image/gif" : e === "webp" ? "image/webp" : e === "svg" ? "image/svg+xml" : "application/octet-stream";
+    }
+    function B(t) {
+      return t / 9525;
+    }
+    function xt(t, e, o, n) {
+      var r;
+      let s = n;
+      for (let l = 0; l < t.length; l += 1) {
+        if (t[l] === o)
+          return s;
+        s += (r = e[l]) != null ? r : 0;
+      }
+      return null;
+    }
+    function Ct(t, e, o) {
+      return Math.min(Math.max(t, e), o);
+    }
+    async function xe(t, e, o, n, s, r) {
+      var kt, Q, Y, X, tt, et, ot, nt, rt, st, lt, it, at;
+      const l = yt(_t((kt = t[e]) == null ? void 0 : kt.content));
+      if (!l)
+        return [];
+      const a = Array.from(l.getElementsByTagName("*")).find((h) => h.localName === "drawing");
+      if (!a)
+        return [];
+      const g = (Y = (Q = a.getAttribute("r:id")) != null ? Q : a.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships", "id")) != null ? Y : "";
+      if (!g)
+        return [];
+      const f = Ut(t, Xt(e)), b = Ft(e, (X = f[g]) != null ? X : ""), x = yt(_t((tt = t[b]) == null ? void 0 : tt.content));
+      if (!x)
+        return [];
+      const $ = Ut(t, Xt(b)), K = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map();
+      let q = W, Z = gt;
+      n.forEach((h, k) => {
+        var v;
+        K.set(h, q), q += (v = r[k]) != null ? v : le;
+      }), o.forEach((h, k) => {
+        var v;
+        G.set(h, Z), Z += (v = s[k]) != null ? v : Mt;
+      });
+      const J = q, L = Z, Rt = [], $t = Array.from(x.getElementsByTagName("*")).filter(
+        (h) => ["oneCellAnchor", "twoCellAnchor"].includes(h.localName)
+      );
+      for (const h of $t) {
+        const k = Lt(h, "pic"), v = Lt(k, "blip"), i = (ot = (et = v == null ? void 0 : v.getAttribute("r:embed")) != null ? et : v == null ? void 0 : v.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships", "embed")) != null ? ot : "";
+        if (!i)
+          continue;
+        const ct = Ft(b, (nt = $[i]) != null ? nt : ""), I = Yt((rt = t[ct]) == null ? void 0 : rt.content);
+        if (!I)
+          continue;
+        const D = wt(h, "from"), ut = S(D, "col"), ft = S(D, "row"), dt = xt(n, r, ut, W), pt = xt(o, s, ft, gt);
+        if (dt == null || pt == null)
+          continue;
+        const St = B(S(D, "colOff")), E = B(S(D, "rowOff")), N = dt + St, T = pt + E;
+        let w = 160, _ = 120;
+        if (h.localName === "twoCellAnchor") {
+          const m = wt(h, "to"), ke = S(m, "col"), Se = S(m, "row"), Ne = B(S(m, "colOff")), Ae = B(S(m, "rowOff")), Vt = xt(n, r, ke, W), jt = xt(o, s, Se, gt), Ie = (Vt != null ? Vt : J) + Ne, De = (jt != null ? jt : L) + Ae;
+          w = Math.max(Ie - N, 32), _ = Math.max(De - T, 32);
+        } else {
+          const m = wt(h, "ext");
+          w = Math.max(B(Number.parseInt((st = m == null ? void 0 : m.getAttribute("cx")) != null ? st : "0", 10)), 32), _ = Math.max(B(Number.parseInt((lt = m == null ? void 0 : m.getAttribute("cy")) != null ? lt : "0", 10)), 32);
+        }
+        const F = Ct(N, W, J), O = Ct(T, gt, L), A = Ct(N + w, W, J), U = Ct(T + _, gt, L), ht = A - F, te = U - O;
+        if (ht <= 6 || te <= 6)
+          continue;
+        const $e = I.buffer.slice(
+          I.byteOffset,
+          I.byteOffset + I.byteLength
+        ), ee = new Blob([$e], { type: we(ct) }), C = await be(ee), oe = URL.createObjectURL(ee);
+        Bt.value.push(oe);
+        let ne = w, re = _;
+        if (C != null && C.width && (C != null && C.height)) {
+          const m = Math.min(w / C.width, _ / C.height);
+          Number.isFinite(m) && m > 0 && (ne = Math.max(C.width * m, 1), re = Math.max(C.height * m, 1));
+        }
+        Rt.push({
+          key: `${e}-${ft}-${ut}-${ct}`,
+          src: oe,
+          alt: (at = (it = Lt(k, "cNvPr")) == null ? void 0 : it.getAttribute("name")) != null ? at : "embedded image",
+          left: F,
+          top: O,
+          width: ht,
+          height: te,
+          frameStyle: {
+            transform: `translate(${F - N}px, ${O - T}px)`,
+            width: `${ne}px`,
+            height: `${re}px`
+          }
+        });
+      }
+      return Rt;
+    }
+    async function Ce(t, e, o, n, s) {
+      var Q, Y, X, tt, et, ot, nt, rt, st, lt, it, at, h, k, v;
+      const r = (Q = o["!ref"]) != null ? Q : "A1", l = t.utils.decode_range(r), a = Math.max(Math.min(It.maxRows, Math.max(l.e.r + 1, lo)), 1), g = Math.max(Math.min(It.maxCols, Math.max(l.e.c + 1, io)), 1), f = [], b = [], x = [], $ = [], K = [], G = [];
+      for (let i = 0; i <= l.e.r; i += 1)
+        (X = (Y = o["!rows"]) == null ? void 0 : Y[i]) != null && X.hidden || f.push(i);
+      for (let i = 0; i <= l.e.c; i += 1)
+        (et = (tt = o["!cols"]) == null ? void 0 : tt[i]) != null && et.hidden || b.push(i);
+      for (let i = 0; i < a; i += 1)
+        (nt = (ot = o["!rows"]) == null ? void 0 : ot[i]) != null && nt.hidden || (x.push(i), K.push(Zt((rt = o["!rows"]) == null ? void 0 : rt[i])));
+      for (let i = 0; i < g; i += 1)
+        (lt = (st = o["!cols"]) == null ? void 0 : st[i]) != null && lt.hidden || ($.push(i), G.push(Jt((it = o["!cols"]) == null ? void 0 : it[i])));
+      const q = (at = o["!merges"]) != null ? at : [], { coveredCells: Z, mergeStarts: J } = _e(q, x, $), L = {}, Rt = x.map((i) => {
+        var ut, ft, dt, pt, St;
+        const ct = (ut = o["!rows"]) == null ? void 0 : ut[i], I = he(ct), D = [];
+        for (const E of $) {
+          const N = `${i}:${E}`;
+          if (Z.has(N))
+            continue;
+          const T = t.utils.encode_cell({ r: i, c: E }), w = o[T], _ = J.get(N), F = ((ft = _ == null ? void 0 : _.colsInRange) != null ? ft : [E]).map((A) => {
+            var U;
+            return Qt((U = o["!cols"]) == null ? void 0 : U[A]);
+          }).filter(Boolean).reduce((A, U) => {
+            const ht = Number.parseFloat(U);
+            return Number.isFinite(ht) ? (A != null ? A : 0) + ht : A;
+          }, null), O = {
+            key: N,
+            address: T,
+            value: ve(t, w),
+            formula: typeof (w == null ? void 0 : w.f) == "string" ? w.f : "",
+            rowIndex: i,
+            colIndex: E,
+            rowSpan: (dt = _ == null ? void 0 : _.rowSpan) != null ? dt : 1,
+            colSpan: (pt = _ == null ? void 0 : _.colSpan) != null ? pt : 1,
+            style: ge(
+              w,
+              Qt((St = o["!cols"]) == null ? void 0 : St[E]),
+              F ? `${F}px` : void 0
+            )
+          };
+          D.push(O), L[O.key] = O;
+        }
+        return {
+          key: `${e}-${i}`,
+          rowIndex: i,
+          cells: D,
+          style: I
+        };
+      }), $t = (h = s[e]) != null ? h : "", kt = $t ? await xe(n, $t, x, $, K, G) : [];
+      return {
+        name: e,
+        rows: Rt,
+        totalRows: f.length,
+        totalCols: b.length,
+        visibleRows: x.length,
+        visibleCols: $.length,
+        visibleRowIndexes: x,
+        visibleColIndexes: $,
+        firstVisibleRow: (k = x[0]) != null ? k : 0,
+        firstVisibleCol: (v = $[0]) != null ? v : 0,
+        rowHeights: K,
+        colWidths: G,
+        images: kt,
+        cellMap: L
+      };
+    }
+    async function Re() {
+      var t;
+      Dt("loading", !0), zt();
+      try {
+        const e = await Be(It.source, Ht.signal), o = await import("./xlsx-j9Zzywas.js"), n = o.read(e, {
+          type: "array",
+          cellStyles: !0,
+          cellNF: !0,
+          cellText: !0,
+          cellFormula: !0,
+          bookFiles: !0
+        }), s = (t = n.files) != null ? t : {}, r = ye(s), l = Object.fromEntries(r.map((a) => [a.name, a.path]));
+        z.value = await Promise.all(
+          n.SheetNames.map(
+            (a) => Ce(
+              o,
+              a,
+              n.Sheets[a],
+              s,
+              l
+            )
+          )
+        ), Pt(0);
+      } catch (e) {
+        Dt("error", e instanceof Error ? e : new Error("表格预览失败"));
+      } finally {
+        Dt("loading", !1);
+      }
+    }
+    return Te(() => {
+      Re();
+    }), Oe(() => {
+      Ht.abort(), zt();
+    }), (t, e) => (d(), p("div", Le, [
+      u("div", Fe, [
+        z.value.length > 1 ? (d(), p("div", Ue, [
+          (d(!0), p(j, null, M(z.value, (o, n) => (d(), p("button", {
+            key: o.name,
+            class: mt(["lfp-sheet__tab", { "is-active": n === Et.value }]),
+            type: "button",
+            onClick: (s) => Pt(n)
+          }, [
+            u("span", je, y(o.name), 1),
+            u("span", Me, y(o.totalRows) + " × " + y(o.totalCols), 1)
+          ], 10, Ve))), 128))
+        ])) : At("", !0),
+        c.value ? (d(), p("div", He, [
+          u("span", We, [
+            e[2] || (e[2] = se(" 当前工作表 ", -1)),
+            u("strong", null, y(c.value.name), 1)
+          ]),
+          u("span", ze, [
+            e[3] || (e[3] = se(" 总览 ", -1)),
+            u("strong", null, y(c.value.totalRows) + " 行 / " + y(c.value.totalCols) + " 列", 1)
+          ])
+        ])) : At("", !0)
+      ]),
+      c.value ? (d(), p("div", Pe, [
+        u("span", Ke, [
+          u("span", Ge, y(ce.value), 1),
+          e[4] || (e[4] = u("span", {
+            class: "lfp-sheet__name-box-caret",
+            "aria-hidden": "true"
+          }, null, -1))
+        ]),
+        u("div", qe, [
+          e[5] || (e[5] = u("span", { class: "lfp-sheet__formula-label" }, "fx", -1)),
+          u("span", Ze, y(ue.value), 1)
+        ])
+      ])) : At("", !0),
+      c.value ? (d(), p("p", Je, " 共 " + y(c.value.totalRows) + " 行，" + y(c.value.totalCols) + " 列。当前展示 " + y(c.value.visibleRows) + " 行、" + y(c.value.visibleCols) + " 列。 ", 1)) : At("", !0),
+      c.value ? (d(), p("div", Qe, [
+        u("div", Ye, [
+          u("table", Xe, [
+            u("colgroup", null, [
+              u("col", {
+                style: H({ width: `${W}px` })
+              }, null, 4),
+              (d(!0), p(j, null, M(c.value.colWidths, (o, n) => (d(), p("col", {
+                key: `col-width-${c.value.visibleColIndexes[n]}`,
+                style: H({ width: `${o}px` })
+              }, null, 4))), 128))
+            ]),
+            u("tbody", null, [
+              u("tr", to, [
+                e[6] || (e[6] = u("th", {
+                  class: "lfp-sheet__corner-header",
+                  scope: "col",
+                  "aria-label": "表格左上角"
+                }, null, -1)),
+                (d(!0), p(j, null, M(c.value.visibleColIndexes, (o) => (d(), p("th", {
+                  key: `col-header-${o}`,
+                  class: mt(["lfp-sheet__col-header", {
+                    "is-first-data-col": o === c.value.firstVisibleCol,
+                    "is-related": Kt(null, o)
+                  }]),
+                  scope: "col"
+                }, y(fe(o)), 3))), 128))
+              ]),
+              (d(!0), p(j, null, M(c.value.rows, (o) => (d(), p("tr", {
+                key: o.key,
+                class: mt(["lfp-sheet__row", { "is-first-row": o.rowIndex === c.value.firstVisibleRow }]),
+                style: H(o.style)
+              }, [
+                u("th", {
+                  class: mt(["lfp-sheet__row-header", {
+                    "is-first-data-row": o.rowIndex === c.value.firstVisibleRow,
+                    "is-related": Kt(o.rowIndex, null)
+                  }]),
+                  scope: "row"
+                }, y(o.rowIndex + 1), 3),
+                (d(!0), p(j, null, M(o.cells, (n) => (d(), p("td", {
+                  key: n.key,
+                  class: mt({
+                    "is-first-row": n.rowIndex === c.value.firstVisibleRow,
+                    "is-first-col": n.colIndex === c.value.firstVisibleCol,
+                    "is-corner-cell": n.rowIndex === c.value.firstVisibleRow && n.colIndex === c.value.firstVisibleCol,
+                    "is-selected": R.value === n.key,
+                    "is-row-active": Tt.value === n.rowIndex || Gt() === n.rowIndex,
+                    "is-col-active": Ot.value === n.colIndex || qt() === n.colIndex,
+                    "is-formula-cell": !!n.formula
+                  }),
+                  rowspan: n.rowSpan,
+                  colspan: n.colSpan,
+                  style: H(n.style),
+                  title: n.formula ? `=${n.formula}` : n.value,
+                  tabindex: "0",
+                  onMouseenter: (s) => P(n.rowIndex, n.colIndex),
+                  onMouseleave: e[0] || (e[0] = (s) => P(null, null)),
+                  onFocus: (s) => P(n.rowIndex, n.colIndex),
+                  onBlur: e[1] || (e[1] = (s) => P(null, null)),
+                  onClick: (s) => de(n.key)
+                }, [
+                  u("span", oo, y(n.value), 1)
+                ], 46, eo))), 128))
+              ], 6))), 128))
+            ])
+          ]),
+          u("div", no, [
+            (d(!0), p(j, null, M(c.value.images, (o) => (d(), p("div", {
+              key: o.key,
+              style: H({
+                left: `${o.left}px`,
+                top: `${o.top}px`,
+                width: `${o.width}px`,
+                height: `${o.height}px`
+              }),
+              class: "lfp-sheet__image-frame"
+            }, [
+              u("img", {
+                class: "lfp-sheet__floating-image",
+                src: o.src,
+                alt: o.alt,
+                style: H(o.frameStyle)
+              }, null, 12, ro)
+            ], 4))), 128))
+          ])
+        ])
+      ])) : (d(), p("p", so, "当前工作表没有可展示的数据。"))
+    ]));
+  }
+});
+export {
+  uo as default
+};

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

package/dist/{index-oYHcrPrC.js → index-CNi6OyzI.js}

@@ -77,7 +77,7 @@ const ee = ["aria-modal"], te = {
   },
   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-BKPeruxM.js")), d = h(() => import("./UnsupportedRenderer-BRF9UR6f.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);
+    const o = h(() => import("./PdfRenderer-Due2M5cA.js")), c = h(() => import("./TextRenderer-KUhpnf63.js")), i = h(() => import("./DocxRenderer-DogNhBLd.js")), p = h(() => import("./SheetRenderer-Dfa4Vi-f.js")), d = h(() => import("./UnsupportedRenderer-vjWyKDpT.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],
       () => {

package/dist/light-file-preview.js

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