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

package/README.md

@@ -8,10 +8,11 @@
 
 用于业务系统里的附件预览，支持传入文件路径、远程地址和本地文件，接入方式尽量保持简单。
 
-当前版本：`0.0.9`
+当前版本：`0.0.10`
 
 最近更新：
 
+- `0.0.10`：优化 `xlsx` 预览密度，降低默认列宽和行高，减少横向滚动距离，整体样式更接近 Office
 - `0.0.9`：优化 `xlsx` 图片锚点尺寸和裁切边界，补充更接近 Excel 的公式栏名字框与编辑条样式
 - `0.0.8`：优化 `xlsx` 预览，补充工作表页签、首行首列编号区、冻结观感、单元格 hover / 选中高亮，并补充组件属性说明
 - `0.0.7`：修复 Vue2 `vue-cli / webpack4` 项目引入 PDF 预览时报 `import.meta.url`、`process.getBuiltinModule` 解析错误

package/dist/{SheetRenderer-CXOjo3C1.js → SheetRenderer-BKPeruxM.js}

@@ -1,4 +1,4 @@
-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 { 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 M, normalizeClass as pe, toDisplayString as b, createCommentVNode as Ne, createTextVNode as tt, normalizeStyle as H } 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,
@@ -8,10 +8,10 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
 }, 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 = {
+}, Lt = { class: "lfp-sheet__summary-item" }, Ut = { class: "lfp-sheet__summary-item" }, Mt = {
   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 = {
+}, Ht = { 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 = {
@@ -23,7 +23,7 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
 }, 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({
+}, to = 28, oo = 14, W = 46, he = 28, Me = 24, ot = 64, so = /* @__PURE__ */ kt({
   __name: "SheetRenderer",
   props: {
     source: {},
@@ -31,12 +31,12 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
     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(() => {
+  setup(nt, { emit: rt }) {
+    const Ae = nt, De = rt, He = 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(() => {
+    }), st = ke(() => {
       var e, t;
       return (t = (e = We.value) == null ? void 0 : e.address) != null ? t : "A1";
     }), lt = ke(() => {
@@ -103,21 +103,21 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
         return `#${o}`;
     }
     function be(e, t, o) {
-      var s;
+      var r;
       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}`));
+      const n = ct(o.style), s = (r = ge(o.color)) != null ? r : "rgba(31, 44, 61, 0.12)";
+      n && (t === "left" ? e.borderLeft = `${n} ${s}` : t === "right" ? e.borderRight = `${n} ${s}` : t === "top" ? e.borderTop = `${n} ${s}` : t === "bottom" && (e.borderBottom = `${n} ${s}`));
     }
     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);
+      return Math.max(t != null ? t : Me, Me);
     }
     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;
+      return typeof (e == null ? void 0 : e.wpx) == "number" ? Math.max(e.wpx, 42) : typeof (e == null ? void 0 : e.width) == "number" ? Math.max(Math.round(e.width * 7.2 + 5), 42) : ot;
     }
     function Je(e) {
       return `${Ze(e)}px`;
@@ -133,30 +133,30 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
       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;
+      const s = e.s.fill, r = e.s.font, l = e.s.border, a = (f = ge(s == null ? void 0 : s.fgColor)) != null ? f : ge(s == null ? void 0 : s.bgColor), h = ge(r == null ? void 0 : r.color);
+      return a && (s == null ? void 0 : s.patternType) !== "none" && (n.backgroundColor = a), h && (n.color = h), 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, 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);
+      const n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map();
+      for (const r of e) {
+        const l = t.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 h = `${s.s.r}:${s.s.c}`;
-        r.set(h, {
+        const h = `${r.s.r}:${r.s.c}`;
+        s.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}:${_}`);
+            f === r.s.r && _ === r.s.c || n.add(`${f}:${_}`);
       }
-      return { coveredCells: n, mergeStarts: r };
+      return { coveredCells: n, mergeStarts: s };
     }
     function Qe(e) {
       return e ? e instanceof Uint8Array ? e : e instanceof ArrayBuffer ? new Uint8Array(e) : typeof e == "string" ? new TextEncoder().encode(e) : null : null;
@@ -184,8 +184,8 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
       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);
+      var s, r;
+      const o = (r = (s = ye(e, t)) == null ? void 0 : s.textContent) != null ? r : "", n = Number.parseInt(o, 10);
       return Number.isFinite(n) ? n : 0;
     }
     function Ye(e) {
@@ -198,38 +198,38 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
       const o = e.split("/");
       o.pop();
       const n = t.split("/");
-      for (const r of n)
-        !r || r === "." || (r === ".." ? o.pop() : o.push(r));
+      for (const s of n)
+        !s || s === "." || (s === ".." ? o.pop() : o.push(s));
       return o.join("/");
     }
     function Ve(e, t) {
-      var s;
-      const o = ve((s = e[t]) == null ? void 0 : s.content), n = _e(o);
+      var r;
+      const o = ve((r = e[t]) == null ? void 0 : r.content), n = _e(o);
       if (!n)
         return {};
-      const r = {};
+      const s = {};
       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);
+        a && h && (s[a] = h);
       }
-      return r;
+      return s;
     }
     function ht(e) {
-      var r;
-      const t = "xl/workbook.xml", o = _e(ve((r = e[t]) == null ? void 0 : r.content));
+      var s;
+      const t = "xl/workbook.xml", o = _e(ve((s = e[t]) == null ? void 0 : s.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) => {
+      return Array.from(o.getElementsByTagName("*")).filter((r) => r.localName === "sheet").map((r) => {
         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 : "";
+        const l = (h = (a = r.getAttribute("r:id")) != null ? a : r.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships", "id")) != null ? h : "";
         return {
-          name: (f = s.getAttribute("name")) != null ? f : "",
+          name: (f = r.getAttribute("name")) != null ? f : "",
           path: Fe(t, (_ = n[l]) != null ? _ : "")
         };
-      }).filter((s) => s.name && s.path);
+      }).filter((r) => r.name && r.path);
     }
     function gt(e) {
       var o;
@@ -240,20 +240,20 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
       return e / 9525;
     }
     function we(e, t, o, n) {
-      var s;
-      let r = n;
+      var r;
+      let s = n;
       for (let l = 0; l < e.length; l += 1) {
         if (e[l] === o)
-          return r;
-        r += (s = t[l]) != null ? s : 0;
+          return s;
+        s += (r = t[l]) != null ? r : 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;
+    function bt(e, t, o, n, s, r) {
+      var Re, J, Q, Y, X, ee, te, oe, ne, re, se, le, ie;
       const l = _e(ve((Re = e[t]) == null ? void 0 : Re.content));
       if (!l)
         return [];
@@ -270,10 +270,10 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
       let G = W, q = he;
       n.forEach((p, R) => {
         var g;
-        P.set(p, G), G += (g = s[R]) != null ? g : ot;
+        P.set(p, G), G += (g = r[R]) != null ? g : ot;
       }), o.forEach((p, R) => {
         var g;
-        K.set(p, q), q += (g = r[R]) != null ? g : He;
+        K.set(p, q), q += (g = s[R]) != null ? g : Me;
       });
       const Z = G, B = q, Ce = [], $e = Array.from(x.getElementsByTagName("*")).filter(
         (p) => ["oneCellAnchor", "twoCellAnchor"].includes(p.localName)
@@ -285,17 +285,17 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
         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);
+        const D = ye(p, "from"), ce = S(D, "col"), ue = S(D, "row"), fe = we(n, r, ce, W), de = we(o, s, 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;
+          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, r, wt, W), Ue = we(o, s, 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);
+          y = Math.max(O(Number.parseInt((re = w == null ? void 0 : w.getAttribute("cx")) != null ? re : "0", 10)), 32), v = Math.max(O(Number.parseInt((se = w == null ? void 0 : w.getAttribute("cy")) != null ? se : "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)
@@ -321,9 +321,9 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
       }
       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 = [];
+    function vt(e, t, o, n, s) {
+      var J, Q, Y, X, ee, te, oe, ne, re, se, le, ie, p, R, g;
+      const r = (J = o["!ref"]) != null ? J : "A1", l = e.utils.decode_range(r), 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)
@@ -331,7 +331,7 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
       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])));
+        (se = (re = o["!cols"]) == null ? void 0 : re[i]) != null && se.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 = [];
@@ -368,7 +368,7 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
           cells: D,
           style: A
         };
-      }), $e = (p = r[t]) != null ? p : "", Re = $e ? bt(n, $e, x, $, P, K) : [];
+      }), $e = (p = s[t]) != null ? p : "", Re = $e ? bt(n, $e, x, $, P, K) : [];
       return {
         name: t,
         rows: Ce,
@@ -390,20 +390,20 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
       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, {
+        const t = await Dt(Ae.source, He.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]));
+        }), s = (e = n.files) != null ? e : {}, r = ht(s), l = Object.fromEntries(r.map((a) => [a.name, a.path]));
         j.value = n.SheetNames.map(
           (a) => vt(
             o,
             a,
             n.Sheets[a],
-            r,
+            s,
             l
           )
         ), ze(0);
@@ -416,15 +416,15 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
     return Nt(() => {
       _t();
     }), At(() => {
-      Me.abort(), je();
+      He.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", {
+          (d(!0), m(U, null, M(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)
+            onClick: (s) => ze(n)
           }, [
             u("span", Bt, b(o.name), 1),
             u("span", Ft, b(o.totalRows) + " × " + b(o.totalCols), 1)
@@ -441,9 +441,9 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
           ])
         ])) : Ne("", !0)
       ]),
-      c.value ? (d(), m("div", Ht, [
-        u("span", Mt, [
-          u("span", Wt, b(rt.value), 1),
+      c.value ? (d(), m("div", Mt, [
+        u("span", Ht, [
+          u("span", Wt, b(st.value), 1),
           t[4] || (t[4] = u("span", {
             class: "lfp-sheet__name-box-caret",
             "aria-hidden": "true"
@@ -460,11 +460,11 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
           u("table", qt, [
             u("colgroup", null, [
               u("col", {
-                style: M({ width: `${W}px` })
+                style: H({ width: `${W}px` })
               }, null, 4),
-              (d(!0), m(U, null, H(c.value.colWidths, (o, n) => (d(), m("col", {
+              (d(!0), m(U, null, M(c.value.colWidths, (o, n) => (d(), m("col", {
                 key: `col-width-${c.value.visibleColIndexes[n]}`,
-                style: M({ width: `${o}px` })
+                style: H({ width: `${o}px` })
               }, null, 4))), 128))
             ]),
             u("tbody", null, [
@@ -474,7 +474,7 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
                   scope: "col",
                   "aria-label": "表格左上角"
                 }, null, -1)),
-                (d(!0), m(U, null, H(c.value.visibleColIndexes, (o) => (d(), m("th", {
+                (d(!0), m(U, null, M(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,
@@ -483,10 +483,10 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
                   scope: "col"
                 }, b(it(o)), 3))), 128))
               ]),
-              (d(!0), m(U, null, H(c.value.rows, (o) => (d(), m("tr", {
+              (d(!0), m(U, null, M(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)
+                style: H(o.style)
               }, [
                 u("th", {
                   class: pe(["lfp-sheet__row-header", {
@@ -495,7 +495,7 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
                   }]),
                   scope: "row"
                 }, b(o.rowIndex + 1), 3),
-                (d(!0), m(U, null, H(o.cells, (n) => (d(), m("td", {
+                (d(!0), m(U, null, M(o.cells, (n) => (d(), m("td", {
                   key: n.key,
                   class: pe({
                     "is-first-row": n.rowIndex === c.value.firstVisibleRow,
@@ -508,14 +508,14 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
                   }),
                   rowspan: n.rowSpan,
                   colspan: n.colSpan,
-                  style: M(n.style),
+                  style: H(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)
+                  onMouseenter: (s) => z(n.rowIndex, n.colIndex),
+                  onMouseleave: t[0] || (t[0] = (s) => z(null, null)),
+                  onFocus: (s) => z(n.rowIndex, n.colIndex),
+                  onBlur: t[1] || (t[1] = (s) => z(null, null)),
+                  onClick: (s) => at(n.key)
                 }, [
                   u("span", Qt, b(n.value), 1)
                 ], 46, Jt))), 128))
@@ -523,9 +523,9 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
             ])
           ]),
           u("div", Yt, [
-            (d(!0), m(U, null, H(c.value.images, (o) => (d(), m("div", {
+            (d(!0), m(U, null, M(c.value.images, (o) => (d(), m("div", {
               key: o.key,
-              style: M({
+              style: H({
                 left: `${o.left}px`,
                 top: `${o.top}px`,
                 width: `${o.width}px`,
@@ -537,7 +537,7 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
                 class: "lfp-sheet__floating-image",
                 src: o.src,
                 alt: o.alt,
-                style: M(o.frameStyle)
+                style: H(o.frameStyle)
               }, null, 12, Xt)
             ], 4))), 128))
           ])
@@ -547,5 +547,5 @@ const Et = { class: "lfp-document lfp-sheet" }, It = { class: "lfp-sheet__toolba
   }
 });
 export {
-  ro as default
+  so as default
 };

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

package/dist/{index-CZ37tDnP.js → index-oYHcrPrC.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-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);
+    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);
     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-CZ37tDnP.js";
+import { _ as i, i as r, o, r as l } from "./index-oYHcrPrC.js";
 export {
   i as FilePreview,
   r as default,