@work-zhanguo/light-file-preview 0.0.7 → 0.0.9

package/README.md

@@ -8,10 +8,12 @@
 
 用于业务系统里的附件预览，支持传入文件路径、远程地址和本地文件，接入方式尽量保持简单。
 
-当前版本：`0.0.7`
+当前版本：`0.0.9`
 
 最近更新：
 
+- `0.0.9`：优化 `xlsx` 图片锚点尺寸和裁切边界，补充更接近 Excel 的公式栏名字框与编辑条样式
+- `0.0.8`：优化 `xlsx` 预览，补充工作表页签、首行首列编号区、冻结观感、单元格 hover / 选中高亮，并补充组件属性说明
 - `0.0.7`：修复 Vue2 `vue-cli / webpack4` 项目引入 PDF 预览时报 `import.meta.url`、`process.getBuiltinModule` 解析错误
 - `0.0.6`：修复 Vue2 `vue-cli / webpack4` 项目解析产物时报 `Unexpected token`，降低构建目标到 `es2018`
 - `0.0.5`：修复 Vue2 `vue-cli / webpack4` 项目子路径入口解析失败，补充 `vue2.js` 和 `style.css` 兼容入口
@@ -81,6 +83,28 @@ import LightFilePreview from '@work-zhanguo/light-file-preview/vue2';
 import '@work-zhanguo/light-file-preview/style.css';
 ```
 
+## 组件属性
+
+| 属性 | 类型 | 默认值 | 说明 |
+| --- | --- | --- | --- |
+| `source` | `string \| File \| Blob` | - | 必填。支持远程 URL、本地 `File`、`Blob`。 |
+| `fileName` | `string` | - | 自定义文件名，远程地址没有扩展名时建议传。 |
+| `mode` | `'inline' \| 'dialog'` | `'inline'` | 直接预览或弹窗预览。 |
+| `visible` | `boolean` | `true` | 弹窗模式下控制显示状态，可配合 `v-model:visible`。 |
+| `loadingText` | `string` | `'文件加载中...'` | 加载提示文案。 |
+| `textEncoding` | `string` | `'utf-8'` | 文本类文件读取编码。 |
+| `maxTextBytes` | `number` | `2097152` | 文本预览最大读取字节数，默认 2MB。 |
+| `maxSheetRows` | `number` | `200` | 表格预览最大展示行数。 |
+| `maxSheetCols` | `number` | `50` | 表格预览最大展示列数。 |
+| `pdfScale` | `number` | `1.35` | PDF 渲染缩放比例。 |
+| `showToolbar` | `boolean` | `true` | 是否显示顶部工具栏。 |
+| `dialogTitle` | `string` | `'文件预览'` | 预览标题兜底文案。 |
+
+组件事件：
+
+- `update:visible`：弹窗关闭时回传状态
+- `error`：解析失败时返回错误对象
+
 ## 远程地址预览
 
 通过 `window.open` 传入网络地址，直接打开新页面预览。建议同时传 `name`，这样扩展名识别更稳定。

package/dist/SheetRenderer-CXOjo3C1.js

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

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

package/dist/{index-BNN8UXSN.js → index-CZ37tDnP.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-D4Y1dYZX.js")), d = h(() => import("./UnsupportedRenderer-8vWx7yB8.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-CXOjo3C1.js")), d = h(() => import("./UnsupportedRenderer-DA6ZSyt7.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-BNN8UXSN.js";
+import { _ as i, i as r, o, r as l } from "./index-CZ37tDnP.js";
 export {
   i as FilePreview,
   r as default,