ooxml-excel-editor 1.2.0 → 1.3.0

package/dist/react.js

@@ -1,8 +1,8 @@
-import { jsx as s, jsxs as m, Fragment as ot } from "react/jsx-runtime";
-import { useState as R, useRef as C, useCallback as at, forwardRef as Pt, useReducer as Dt, useLayoutEffect as st, useEffect as p, useImperativeHandle as Ot } from "react";
-import { p as Ct, i as Wt, j as Lt, a as Bt } from "./chunks/worker-client.stub-CJlmpAgJ.js";
-import { r as it, l as ht, d as vt, f as xt, a as Ht, V as Vt, P as Jt, g as ut, s as dt, b as gt, e as ft, h as mt, i as Ne } from "./chunks/plugin-overlay-BBrNby8v.js";
-const zt = {
+import { jsx as a, jsxs as g, Fragment as qt } from "react/jsx-runtime";
+import { useState as y, useRef as v, useCallback as wt, forwardRef as Qt, useEffect as E, useReducer as Yt, useLayoutEffect as It, useImperativeHandle as en } from "react";
+import { p as Tt, s as De, i as tn, j as nn, a as rn, T as ln } from "./chunks/toolbar-icons-BcnMin5s.js";
+import { r as yt, l as Pt, d as Mt, f as At, a as on, V as cn, P as an, g as Rt, s as Et, b as Ft, c as kt, e as Nt, h as Oe } from "./chunks/plugin-overlay-DLb6sRhU.js";
+const sn = {
   render: "渲染中",
   compose: "合成中",
   paginate: "分页中",
@@ -10,78 +10,94 @@ const zt = {
   zip: "zip 压缩",
   convert: "批量转换"
 };
-function Kt({
-  state: g,
-  busy: a,
-  onCancel: I
+function un({
+  state: f,
+  busy: c,
+  onCancel: k
 }) {
-  if (!a) return null;
-  const S = g == null ? void 0 : g.ratio, N = (g == null ? void 0 : g.label) || zt[(g == null ? void 0 : g.stage) ?? ""] || "处理中…";
-  return /* @__PURE__ */ s("div", { className: "rxl-export-progress", role: "dialog", "aria-modal": "true", "aria-live": "polite", children: /* @__PURE__ */ m("div", { className: "card", children: [
-    /* @__PURE__ */ s("div", { className: "title", children: N }),
-    /* @__PURE__ */ s("div", { className: "bar" + (S == null ? " indeterminate" : ""), children: S != null ? /* @__PURE__ */ s("div", { className: "fill", style: { width: Math.round(S * 100) + "%" } }) : null }),
-    /* @__PURE__ */ m("div", { className: "row", children: [
-      /* @__PURE__ */ s("span", { className: "pct", children: S != null ? Math.round(S * 100) + "%" : "正在处理…" }),
-      /* @__PURE__ */ s("button", { className: "cancel", onClick: I, title: "按 Esc 也可取消", children: "取消" })
+  if (!c) return null;
+  const w = f == null ? void 0 : f.ratio, T = (f == null ? void 0 : f.label) || sn[(f == null ? void 0 : f.stage) ?? ""] || "处理中…";
+  return /* @__PURE__ */ a("div", { className: "rxl-export-progress", role: "dialog", "aria-modal": "true", "aria-live": "polite", children: /* @__PURE__ */ g("div", { className: "card", children: [
+    /* @__PURE__ */ a("div", { className: "title", children: T }),
+    /* @__PURE__ */ a("div", { className: "bar" + (w == null ? " indeterminate" : ""), children: w != null ? /* @__PURE__ */ a("div", { className: "fill", style: { width: Math.round(w * 100) + "%" } }) : null }),
+    /* @__PURE__ */ g("div", { className: "row", children: [
+      /* @__PURE__ */ a("span", { className: "pct", children: w != null ? Math.round(w * 100) + "%" : "正在处理…" }),
+      /* @__PURE__ */ a("button", { className: "cancel", onClick: k, title: "按 Esc 也可取消", children: "取消" })
     ] })
   ] }) });
 }
-function $t() {
-  const [g, a] = R(!1), [I, S] = R(null), [N, c] = R(null), [E, k] = R(null), [_, z] = R(null), D = C(null), y = at(async (A, J) => {
-    a(!0), S(null), D.current && it(D.current), D.current = null, c(null), z(null), k({ stage: "read", ratio: 0 });
+function dn() {
+  const [f, c] = y(!1), [k, w] = y(null), [T, s] = y(null), [F, A] = y(null), [Y, K] = y(null), W = v(null), N = wt(async (p, L) => {
+    c(!0), w(null), W.current && yt(W.current), W.current = null, s(null), K(null), A({ stage: "read", ratio: 0 });
     try {
-      const w = await ht(
-        A,
-        ($, W) => k({ stage: "read", ratio: W ? $ / W : void 0 })
-      ), M = vt(w);
-      if (M === "xls") throw new Error("这是旧版 .xls(BIFF) 或加密文件，本预览器只支持 .xlsx/.xlsm。");
-      if (M === "not-zip") throw new Error("文件不是有效的 .xlsx(非 ZIP 包)。");
-      if (M === "empty") throw new Error("文件为空。");
-      let O = await Ct(w, ($) => k($));
-      J && (O = J(O) ?? O), xt(O), z(w.slice(0)), D.current = O, c(O);
-    } catch (w) {
-      const M = w == null ? void 0 : w.message;
-      S(M && /预览器|损坏|加密|为空|ZIP/.test(M) ? M : Ht(w)), console.error("[ooxml-preview] 解析失败:", w);
+      const I = await Pt(
+        p,
+        (X, ee) => A({ stage: "read", ratio: ee ? X / ee : void 0 })
+      ), D = Mt(I);
+      if (D === "xls") throw new Error("这是旧版 .xls(BIFF) 或加密文件，本预览器只支持 .xlsx/.xlsm。");
+      if (D === "not-zip") throw new Error("文件不是有效的 .xlsx(非 ZIP 包)。");
+      if (D === "empty") throw new Error("文件为空。");
+      let H = await Tt(I, (X) => A(X));
+      L && (H = L(H) ?? H), At(H), K(I.slice(0)), W.current = H, s(H);
+    } catch (I) {
+      const D = I == null ? void 0 : I.message;
+      w(D && /预览器|损坏|加密|为空|ZIP/.test(D) ? D : on(I)), console.error("[ooxml-preview] 解析失败:", I);
     } finally {
-      a(!1), k(null);
+      c(!1), A(null);
     }
-  }, []), K = at((A, J) => {
-    D.current && it(D.current), z(null), S(null), k(null);
-    const w = J ? J(A) ?? A : A;
-    D.current = w, c(w);
+  }, []), $ = wt((p, L) => {
+    W.current && yt(W.current), K(null), w(null), A(null);
+    const I = L ? L(p) ?? p : p;
+    W.current = I, s(I);
   }, []);
-  return { loading: g, error: I, workbook: N, progress: E, load: y, loadModel: K, sourceBuffer: _ };
+  return { loading: f, error: k, workbook: T, progress: F, load: N, loadModel: $, sourceBuffer: Y };
 }
-function se(g) {
-  return isFinite(g) ? g.toLocaleString("en-US", { maximumFractionDigits: 2 }) : "—";
+function me(f) {
+  return isFinite(f) ? f.toLocaleString("en-US", { maximumFractionDigits: 2 }) : "—";
 }
-const Gt = Pt(function(a, I) {
-  var Ue;
-  const { loading: S, error: N, workbook: c, progress: E, load: k, loadModel: _, sourceBuffer: z } = $t(), D = (e) => e ? Wt(e) ? e : Lt(e, a.jsonOptions) : null, [y, K] = R(0), [A, J] = R(1), [w, M] = R(null), [O, $] = R(null), W = w ?? a.templateFile ?? null, X = O ?? a.templateName ?? "", bt = () => {
-    M(null), $(null);
-  }, Te = C(null), St = () => {
+const vn = Qt(function(c, k) {
+  var it;
+  const { loading: w, error: T, workbook: s, progress: F, load: A, loadModel: Y, sourceBuffer: K } = dn(), W = (e) => e ? tn(e) ? e : nn(e, c.jsonOptions) : null, [N, $] = y(0), [p, L] = y(1), [I, D] = y(null), [H, X] = y(null), ee = I ?? c.templateFile ?? null, te = H ?? c.templateName ?? "", ze = () => {
+    D(null), X(null);
+  }, We = v(null), Dt = () => {
     var e;
-    return (e = Te.current) == null ? void 0 : e.click();
-  }, wt = (e) => {
+    return (e = We.current) == null ? void 0 : e.click();
+  }, Ot = (e) => {
     var n;
     const t = (n = e.target.files) == null ? void 0 : n[0];
-    t && (M(t), $(t.name), e.target.value = "");
-  }, ie = a.fileName || (a.workbook ? "JSON 数据" : ((Ue = c == null ? void 0 : c.sheets[0]) == null ? void 0 : Ue.name) || ""), [ue, de] = R(!1), [, L] = Dt((e) => e + 1, 0), [Rt, ke] = R(""), Q = C(!1), Ae = C(null), Me = C(null), j = C(null), Pe = C(null), ge = C(null), fe = C(null), me = C(null), Ce = C(null), r = C(null), he = C(null), ve = C(null), xe = C(null), re = C(null), be = C(/* @__PURE__ */ new Map()), u = C(a);
-  u.current = a;
-  const le = a.plugins ?? [], U = C(le);
-  U.current = le;
-  const Z = C(c);
-  Z.current = c;
-  const Se = C(y);
-  Se.current = y;
-  function Et() {
-    const e = U.current, t = Object.assign({}, ...e.map((i) => i.theme || {}), u.current.theme || {}), n = e.map((i) => i.cellStyle).filter(Boolean);
+    t && (D(t), X(t.name), e.target.value = "");
+  }, Le = c.fileName || (c.workbook ? "JSON 数据" : ((it = s == null ? void 0 : s.sheets[0]) == null ? void 0 : it.name) || ""), [Ce, he] = y(!1), [se, j] = y(null);
+  E(() => {
+    if (typeof document > "u") return;
+    const e = (t) => {
+      var n;
+      (n = t.target) != null && n.closest("[data-tb-menu]") || j(null);
+    };
+    return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+  }, []);
+  const [, B] = Yt((e) => e + 1, 0), [zt, He] = y(""), ne = v(!1), Be = v(null), Ve = () => {
+    const e = Be.current;
+    e && (e.style.height = "auto", e.style.height = e.scrollHeight + "px");
+  };
+  E(() => {
+    Ve();
+  });
+  const Je = v(null), _e = v(null), U = v(null), Ke = v(null), ve = v(null), xe = v(null), be = v(null), pe = v(null), r = v(null), Se = v(null), we = v(null), Ie = v(null), ie = v(null), ye = v(/* @__PURE__ */ new Map()), u = v(c);
+  u.current = c;
+  const ue = c.plugins ?? [], Z = v(ue);
+  Z.current = ue;
+  const G = v(s);
+  G.current = s;
+  const Re = v(N);
+  Re.current = N;
+  function Wt() {
+    const e = Z.current, t = Object.assign({}, ...e.map((o) => o.theme || {}), u.current.theme || {}), n = e.map((o) => o.cellStyle).filter(Boolean);
     u.current.cellStyle && n.push(u.current.cellStyle);
-    const l = n.length ? (i, h, o) => {
+    const l = n.length ? (o, m, i) => {
       let d;
-      for (const v of n) {
-        const b = v(i, h, o);
-        b && (d = { ...d || {}, ...b });
+      for (const x of n) {
+        const S = x(o, m, i);
+        S && (d = { ...d || {}, ...S });
       }
       return d;
     } : void 0;
@@ -89,10 +105,10 @@ const Gt = Pt(function(a, I) {
   }
   function q(e) {
     let t = e;
-    for (const n of U.current) n.transformModel && (t = n.transformModel(t) ?? t);
+    for (const n of Z.current) n.transformModel && (t = n.transformModel(t) ?? t);
     return u.current.transformModel && (t = u.current.transformModel(t) ?? t), t;
   }
-  function De() {
+  function $e() {
     const e = u.current;
     return {
       editable: e.editable,
@@ -104,204 +120,204 @@ const Gt = Pt(function(a, I) {
       formulaEngine: e.formulaEngine
     };
   }
-  function Oe() {
-    if (u.current.editor || U.current.some((t) => t.editor))
+  function Xe() {
+    if (u.current.editor || Z.current.some((t) => t.editor))
       return (t, n) => {
-        var i, h, o;
-        const l = (h = (i = u.current).editor) == null ? void 0 : h.call(i, t, n);
+        var o, m, i;
+        const l = (m = (o = u.current).editor) == null ? void 0 : m.call(o, t, n);
         if (l) return l;
-        for (const d of U.current) {
-          const v = (o = d.editor) == null ? void 0 : o.call(d, t, n);
-          if (v) return v;
+        for (const d of Z.current) {
+          const x = (i = d.editor) == null ? void 0 : i.call(d, t, n);
+          if (x) return x;
         }
       };
   }
-  const G = (e, t) => {
+  const Q = (e, t) => {
     var n;
-    return (n = be.current.get(e)) == null ? void 0 : n.forEach((l) => l(t));
-  }, We = (e) => {
+    return (n = ye.current.get(e)) == null ? void 0 : n.forEach((l) => l(t));
+  }, re = (e) => {
     var n, l;
     const t = String((e == null ? void 0 : e.message) ?? e);
     console.error("[ooxml-excel-editor] 导出失败:", e), (l = (n = u.current).onError) == null || l.call(n, t), typeof window < "u" && window.alert && window.alert(t);
-  }, [Le, we] = R(null), [Be, He] = R(!1), Re = C(null), Ve = () => {
+  }, [je, Ee] = y(null), [Ue, Ze] = y(!1), Fe = v(null), Ge = () => {
     var e;
-    return (e = Re.current) == null ? void 0 : e.abort();
+    return (e = Fe.current) == null ? void 0 : e.abort();
   };
-  function x(e, t) {
+  function b(e, t) {
     if (u.current.exportProgress === !1) return t(e);
     const n = new AbortController();
-    Re.current = n, e != null && e.signal && (e.signal.aborted ? n.abort() : e.signal.addEventListener("abort", () => n.abort(), { once: !0 })), He(!0), we(null);
-    const i = { ...e ?? {}, onProgress: (h) => {
-      var o;
-      we(h), (o = e == null ? void 0 : e.onProgress) == null || o.call(e, h);
+    Fe.current = n, e != null && e.signal && (e.signal.aborted ? n.abort() : e.signal.addEventListener("abort", () => n.abort(), { once: !0 })), Ze(!0), Ee(null);
+    const o = { ...e ?? {}, onProgress: (m) => {
+      var i;
+      Ee(m), (i = e == null ? void 0 : e.onProgress) == null || i.call(e, m);
     }, signal: n.signal };
-    return t(i).finally(() => {
-      He(!1), we(null), Re.current = null;
+    return t(o).finally(() => {
+      Ze(!1), Ee(null), Fe.current = null;
     });
   }
-  function Ee() {
-    const e = re.current, t = r.current;
+  function ke() {
+    const e = ie.current, t = r.current;
     if (!e || !t) return;
     const n = {
-      rectOf: (l, i) => t.rectOf(l, i),
+      rectOf: (l, o) => t.rectOf(l, o),
       rectOfRange: (l) => t.rectOfRange(l),
       tick: 0,
-      workbook: Z.current
+      workbook: G.current
     };
-    e.render(U.current, n);
+    e.render(Z.current, n);
   }
-  st(() => {
-    const e = Me.current, t = Ae.current, n = j.current, l = Pe.current;
-    if (!e || !t || !n || !l || !xe.current || !ge.current || !fe.current || !me.current || !Ce.current) return;
-    const i = new Vt(
+  It(() => {
+    const e = _e.current, t = Je.current, n = U.current, l = Ke.current;
+    if (!e || !t || !n || !l || !Ie.current || !ve.current || !xe.current || !be.current || !pe.current) return;
+    const o = new cn(
       {
         canvas: e,
         renderArea: t,
         scroller: n,
         spacer: l,
-        overlays: { main: ge.current, frow: fe.current, fcol: me.current, corner: Ce.current },
-        editorSlot: xe.current
+        overlays: { main: ve.current, frow: xe.current, fcol: be.current, corner: pe.current },
+        editorSlot: Ie.current
       },
       {
-        onRenderer: () => L(),
-        onRenderTick: () => Ee(),
+        onRenderer: () => B(),
+        onRenderTick: () => ke(),
         // 插件 overlay 随每帧重定位(纯 DOM,不触发 React 重渲)
-        onSelectionChange: () => L(),
-        onCellClick: (o, d, v) => {
-          var T, V;
-          const b = { row: o, col: d, text: v };
-          (V = (T = u.current).onCellClick) == null || V.call(T, b), G("cell-click", b);
+        onSelectionChange: () => B(),
+        onCellClick: (i, d, x) => {
+          var M, _;
+          const S = { row: i, col: d, text: x };
+          (_ = (M = u.current).onCellClick) == null || _.call(M, S), Q("cell-click", S);
         },
-        onCellDblClick: (o, d, v) => {
-          var T, V;
-          const b = { row: o, col: d, text: v };
-          (V = (T = u.current).onCellDblClick) == null || V.call(T, b), G("cell-dblclick", b);
+        onCellDblClick: (i, d, x) => {
+          var M, _;
+          const S = { row: i, col: d, text: x };
+          (_ = (M = u.current).onCellDblClick) == null || _.call(M, S), Q("cell-dblclick", S);
         },
-        onHyperlink: (o, d) => {
-          var v, b;
-          (b = (v = u.current).onHyperlinkClick) == null || b.call(v, { url: o, cell: d }), G("hyperlink-click", { url: o, cell: d }), u.current.openLinks !== !1 && window.open(o, "_blank", "noopener");
+        onHyperlink: (i, d) => {
+          var x, S;
+          (S = (x = u.current).onHyperlinkClick) == null || S.call(x, { url: i, cell: d }), Q("hyperlink-click", { url: i, cell: d }), u.current.openLinks !== !1 && window.open(i, "_blank", "noopener");
         },
-        onTooltip: (o) => {
-          he.current = o, L();
+        onTooltip: (i) => {
+          Se.current = i, B();
         },
-        onFindChange: () => L(),
-        onFilterChange: () => L(),
-        onEditEvent: (o, d) => {
-          var v, b, T, V, Ze, qe, Ge, _e, Qe, Ye, et, tt, nt, rt, lt, ct;
-          o === "cell-change" ? (L(), (b = (v = u.current).onCellChange) == null || b.call(v, d)) : o === "edit-start" ? (V = (T = u.current).onEditStart) == null || V.call(T, d) : o === "edit-commit" ? (qe = (Ze = u.current).onEditCommit) == null || qe.call(Ze, d) : o === "dim-change" ? (_e = (Ge = u.current).onDimChange) == null || _e.call(Ge, d) : o === "dirty-change" ? (Ye = (Qe = u.current).onDirtyChange) == null || Ye.call(Qe, d) : o === "image-change" ? (tt = (et = u.current).onImageChange) == null || tt.call(et, d) : o === "struct-change" ? (rt = (nt = u.current).onStructChange) == null || rt.call(nt, d) : o === "permission-denied" && ((ct = (lt = u.current).onPermissionDenied) == null || ct.call(lt, d)), G(o, d);
+        onFindChange: () => B(),
+        onFilterChange: () => B(),
+        onEditEvent: (i, d) => {
+          var x, S, M, _, ut, dt, gt, ft, mt, Ct, ht, vt, xt, bt, pt, St;
+          i === "cell-change" ? (B(), (S = (x = u.current).onCellChange) == null || S.call(x, d)) : i === "edit-start" ? (_ = (M = u.current).onEditStart) == null || _.call(M, d) : i === "edit-commit" ? (dt = (ut = u.current).onEditCommit) == null || dt.call(ut, d) : i === "dim-change" ? (ft = (gt = u.current).onDimChange) == null || ft.call(gt, d) : i === "dirty-change" ? (Ct = (mt = u.current).onDirtyChange) == null || Ct.call(mt, d) : i === "image-change" ? (vt = (ht = u.current).onImageChange) == null || vt.call(ht, d) : i === "struct-change" ? (bt = (xt = u.current).onStructChange) == null || bt.call(xt, d) : i === "permission-denied" && ((St = (pt = u.current).onPermissionDenied) == null || St.call(pt, d)), Q(i, d);
         },
-        onContextMenuBefore: (o) => {
-          var d, v;
-          for (const b of u.current.plugins ?? [])
-            if (b.contextMenu) {
-              const T = b.contextMenu(o.ctx, o.items);
-              Array.isArray(T) && o.items.splice(0, o.items.length, ...T);
+        onContextMenuBefore: (i) => {
+          var d, x;
+          for (const S of u.current.plugins ?? [])
+            if (S.contextMenu) {
+              const M = S.contextMenu(i.ctx, i.items);
+              Array.isArray(M) && i.items.splice(0, i.items.length, ...M);
             }
-          (v = (d = u.current).onBeforeContextMenu) == null || v.call(d, o), u.current.contextMenu === !1 && o.preventDefault();
+          (x = (d = u.current).onBeforeContextMenu) == null || x.call(d, i), u.current.contextMenu === !1 && i.preventDefault();
         },
-        onContextMenuShow: (o) => {
-          var d, v;
-          return (v = (d = u.current).onContextMenuShow) == null ? void 0 : v.call(d, o);
+        onContextMenuShow: (i) => {
+          var d, x;
+          return (x = (d = u.current).onContextMenuShow) == null ? void 0 : x.call(d, i);
         }
       }
     );
-    i.fileName = u.current.fileName, i.setEditConfig(De()), i.setEditorResolver(Oe()), i.setContextMenuTransform(typeof u.current.contextMenu == "function" ? u.current.contextMenu : null), i.setLightboxEnabled(u.current.imageLightbox !== !1), r.current = i, ve.current && (re.current = new Jt(ve.current));
-    const h = new ResizeObserver(() => {
-      i.measure(), i.render();
+    o.fileName = u.current.fileName, o.setEditConfig($e()), o.setEditorResolver(Xe()), o.setContextMenuTransform(typeof u.current.contextMenu == "function" ? u.current.contextMenu : null), o.setLightboxEnabled(u.current.imageLightbox !== !1), r.current = o, we.current && (ie.current = new an(we.current));
+    const m = new ResizeObserver(() => {
+      o.measure(), o.render();
     });
-    return h.observe(t), () => {
-      var o;
-      h.disconnect(), i.dispose(), (o = re.current) == null || o.dispose(), re.current = null, r.current = null;
+    return m.observe(t), () => {
+      var i;
+      m.disconnect(), o.dispose(), (i = ie.current) == null || i.dispose(), ie.current = null, r.current = null;
     };
-  }, []), p(() => {
-    const e = W, t = D(a.workbook);
-    async function n(i) {
-      const h = await ht(i), o = vt(h);
-      if (o === "xls") throw new Error("模板文件是旧版 .xls 或加密,仅支持 .xlsx/.xlsm");
-      if (o === "not-zip") throw new Error("模板文件不是有效的 .xlsx(非 ZIP 包)");
-      if (o === "empty") throw new Error("模板文件为空");
-      const d = await Ct(h);
-      return xt(d), d;
+  }, []), E(() => {
+    const e = ee, t = W(c.workbook);
+    async function n(o) {
+      const m = await Pt(o), i = Mt(m);
+      if (i === "xls") throw new Error("模板文件是旧版 .xls 或加密,仅支持 .xlsx/.xlsm");
+      if (i === "not-zip") throw new Error("模板文件不是有效的 .xlsx(非 ZIP 包)");
+      if (i === "empty") throw new Error("模板文件为空");
+      const d = await Tt(m);
+      return At(d), d;
     }
     async function l() {
-      if (a.src) {
-        e && console.warn("[ooxml-excel-editor] templateFile 只在 workbook (JSON / 模型) 数据源下生效;xlsx 数据源已自带格式,模板已忽略."), await k(a.src, q);
+      if (c.src) {
+        e && console.warn("[ooxml-excel-editor] templateFile 只在 workbook (JSON / 模型) 数据源下生效;xlsx 数据源已自带格式,模板已忽略."), await A(c.src, q);
         return;
       }
       if (t && e) {
         try {
-          const i = await n(e), h = Bt(t, i);
-          _(h, q);
-        } catch (i) {
-          console.error("[ooxml-excel-editor] 模板加载失败,降级为纯 JSON 渲染:", i), _(t, q);
+          const o = await n(e), m = rn(t, o);
+          Y(m, q);
+        } catch (o) {
+          console.error("[ooxml-excel-editor] 模板加载失败,降级为纯 JSON 渲染:", o), Y(t, q);
         }
         return;
       }
       if (t) {
-        _(t, q);
+        Y(t, q);
         return;
       }
-      e && await k(e, q);
+      e && await A(e, q);
     }
     l();
-  }, [a.src, a.workbook, a.templateFile, w]), p(() => {
-    r.current && (r.current.fileName = a.fileName);
-  }, [a.fileName]), p(() => {
+  }, [c.src, c.workbook, c.templateFile, I]), E(() => {
+    r.current && (r.current.fileName = c.fileName);
+  }, [c.fileName]), E(() => {
     var e;
-    (e = r.current) == null || e.setEditConfig(De());
-  }, [a.editable, a.cellReadOnly, a.readOnlyRanges, a.editableTargets, a.strictDimensions, a.recalc, a.formulaEngine]), p(() => {
+    (e = r.current) == null || e.setEditConfig($e());
+  }, [c.editable, c.cellReadOnly, c.readOnlyRanges, c.editableTargets, c.strictDimensions, c.recalc, c.formulaEngine]), E(() => {
     var e;
     (e = r.current) == null || e.setContextMenuTransform(
-      typeof a.contextMenu == "function" ? a.contextMenu : null
+      typeof c.contextMenu == "function" ? c.contextMenu : null
     );
-  }, [a.contextMenu]), p(() => {
+  }, [c.contextMenu]), E(() => {
     var e;
-    (e = r.current) == null || e.setEditorResolver(Oe());
-  }, [a.editor, a.plugins]), p(() => {
+    (e = r.current) == null || e.setEditorResolver(Xe());
+  }, [c.editor, c.plugins]), E(() => {
     var e;
-    a.cellImageFit && ((e = r.current) == null || e.setCellImageFit(a.cellImageFit));
-  }, [a.cellImageFit]), p(() => {
+    c.cellImageFit && ((e = r.current) == null || e.setCellImageFit(c.cellImageFit));
+  }, [c.cellImageFit]), E(() => {
     var e;
-    (e = r.current) == null || e.setLightboxEnabled(a.imageLightbox !== !1);
-  }, [a.imageLightbox]), p(() => {
+    (e = r.current) == null || e.setLightboxEnabled(c.imageLightbox !== !1);
+  }, [c.imageLightbox]), E(() => {
     var e, t;
-    c && (K(c.activeSheet), (t = (e = u.current).onRendered) == null || t.call(e, c));
-  }, [c]), p(() => {
+    s && ($(s.activeSheet), (t = (e = u.current).onRendered) == null || t.call(e, s));
+  }, [s]), E(() => {
     var e, t;
-    N && ((t = (e = u.current).onError) == null || t.call(e, N));
-  }, [N]), st(() => {
-    var l, i;
+    T && ((t = (e = u.current).onError) == null || t.call(e, T));
+  }, [T]), It(() => {
+    var l, o;
     const e = r.current;
-    if (!e || !c) return;
-    const t = c.sheets[y] ?? c.sheets[0] ?? null;
+    if (!e || !s) return;
+    const t = s.sheets[N] ?? s.sheets[0] ?? null;
     if (!t) return;
-    e.rebuild(t, c, A, Et()), e.setSourceBuffer(z), Ee();
-    const n = { index: y, name: t.name };
-    (i = (l = u.current).onSheetChange) == null || i.call(l, n), G("sheet-change", n);
-  }, [c, y, a.theme, a.cellStyle, a.plugins, z]), p(() => {
+    e.rebuild(t, s, p, Wt()), e.setSourceBuffer(K), ke();
+    const n = { index: N, name: t.name };
+    (o = (l = u.current).onSheetChange) == null || o.call(l, n), Q("sheet-change", n);
+  }, [s, N, c.theme, c.cellStyle, c.plugins, K]), E(() => {
     var e;
-    (e = r.current) == null || e.setZoom(A);
-  }, [A]);
-  const Je = C("");
-  p(() => {
-    var i, h;
+    (e = r.current) == null || e.setZoom(p);
+  }, [p]);
+  const qe = v("");
+  E(() => {
+    var o, m;
     const e = r.current;
     if (!e) return;
     const t = e.getSelection(), n = e.getActiveCell(), l = t && n ? `${t.top},${t.left},${t.bottom},${t.right}` : "";
-    if (l && l !== Je.current && n) {
-      Je.current = l;
-      const o = { range: t, active: n };
-      (h = (i = u.current).onSelectionChange) == null || h.call(i, o), G("selection-change", o);
+    if (l && l !== qe.current && n) {
+      qe.current = l;
+      const i = { range: t, active: n };
+      (m = (o = u.current).onSelectionChange) == null || m.call(o, i), Q("selection-change", i);
     }
   });
-  const Y = (e) => (c == null ? void 0 : c.sheets[e ?? y]) ?? null, ze = (c == null ? void 0 : c.date1904) ?? !1, Ie = (e) => ({ ...e, date1904: ze });
-  Ot(
-    I,
+  const le = (e) => (s == null ? void 0 : s.sheets[e ?? N]) ?? null, Qe = (s == null ? void 0 : s.date1904) ?? !1, Ne = (e) => ({ ...e, date1904: Qe });
+  en(
+    k,
     () => ({
-      load: (e) => k(e, a.transformModel),
-      getWorkbook: () => c,
-      getActiveSheet: () => y,
-      setActiveSheet: (e) => (c == null ? void 0 : c.sheets[e]) && K(e),
+      load: (e) => A(e, c.transformModel),
+      getWorkbook: () => s,
+      getActiveSheet: () => N,
+      setActiveSheet: (e) => (s == null ? void 0 : s.sheets[e]) && $(e),
       getSelection: () => {
         var e;
         return ((e = r.current) == null ? void 0 : e.getSelection()) ?? null;
@@ -454,13 +470,13 @@ const Gt = Pt(function(a, I) {
         var t;
         return ((t = r.current) == null ? void 0 : t.convertAllImagesToCells(e)) ?? 0;
       },
-      convertImagesInRangeToCell: (e) => x({}, async (t) => {
+      convertImagesInRangeToCell: (e) => b({}, async (t) => {
         var n, l;
         return (n = t.onProgress) == null || n.call(t, { stage: "convert", label: "选区浮动图批量嵌入…" }), ((l = r.current) == null ? void 0 : l.convertImagesInRangeToCell(e)) ?? 0;
       }),
-      convertCellImagesInRangeToFloat: (e, t) => x({}, async (n) => {
-        var l, i;
-        return (l = n.onProgress) == null || l.call(n, { stage: "convert", label: "选区内嵌图批量浮动化…" }), ((i = r.current) == null ? void 0 : i.convertCellImagesInRangeToFloat(e, t)) ?? 0;
+      convertCellImagesInRangeToFloat: (e, t) => b({}, async (n) => {
+        var l, o;
+        return (l = n.onProgress) == null || l.call(n, { stage: "convert", label: "选区内嵌图批量浮动化…" }), ((o = r.current) == null ? void 0 : o.convertCellImagesInRangeToFloat(e, t)) ?? 0;
       }),
       openContextMenu: (e, t, n) => {
         var l;
@@ -570,13 +586,13 @@ const Gt = Pt(function(a, I) {
         var e;
         return ((e = r.current) == null ? void 0 : e.resetToOriginal()) ?? !1;
       },
-      exportImage: (e) => x(e, (t) => r.current.exportImage(t)),
-      downloadImage: (e) => x(e, (t) => r.current.downloadImage(t)),
-      exportPdf: (e) => x(e, (t) => r.current.exportPdf(t)),
-      downloadPdf: (e) => x(e, (t) => r.current.downloadPdf(t)),
-      print: (e) => x(e, (t) => r.current.print(t)),
-      exportXlsx: (e) => x(e, (t) => r.current.exportXlsx(t)),
-      downloadXlsx: (e) => x(e, (t) => r.current.downloadXlsx(t)),
+      exportImage: (e) => b(e, (t) => r.current.exportImage(t)),
+      downloadImage: (e) => b(e, (t) => r.current.downloadImage(t)),
+      exportPdf: (e) => b(e, (t) => r.current.exportPdf(t)),
+      downloadPdf: (e) => b(e, (t) => r.current.downloadPdf(t)),
+      print: (e) => b(e, (t) => r.current.print(t)),
+      exportXlsx: (e) => b(e, (t) => r.current.exportXlsx(t)),
+      downloadXlsx: (e) => b(e, (t) => r.current.downloadXlsx(t)),
       exportJson: (e) => {
         var t;
         return ((t = r.current) == null ? void 0 : t.exportJson(e)) ?? "{}";
@@ -594,42 +610,42 @@ const Gt = Pt(function(a, I) {
         return (t = r.current) == null ? void 0 : t.downloadCsv(e);
       },
       getCellValue: (e, t, n) => {
-        const l = Y(n);
-        return l ? mt(l, e, t) : null;
+        const l = le(n);
+        return l ? Nt(l, e, t) : null;
       },
       getCellText: (e, t, n) => {
-        const l = Y(n);
-        return l ? ft(l, e, t, ze) : "";
+        const l = le(n);
+        return l ? kt(l, e, t, Qe) : "";
       },
       getSheetData: (e, t) => {
-        const n = Y(t);
-        return n ? gt(n, Ie(e)) : [];
+        const n = le(t);
+        return n ? Ft(n, Ne(e)) : [];
       },
       getSheetJSON: (e, t) => {
-        const n = Y(t);
-        return n ? dt(n, Ie(e)) : [];
+        const n = le(t);
+        return n ? Et(n, Ne(e)) : [];
       },
       getRangeData: (e, t, n) => {
-        const l = Y(n);
-        return l ? ut(l, e, Ie(t)) : [];
+        const l = le(n);
+        return l ? Rt(l, e, Ne(t)) : [];
       }
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [c, y]
+    [s, N]
   );
-  const ee = (e) => {
+  const oe = (e) => {
     var t;
-    return ((t = Z.current) == null ? void 0 : t.sheets[e ?? Se.current]) ?? null;
-  }, ce = () => {
+    return ((t = G.current) == null ? void 0 : t.sheets[e ?? Re.current]) ?? null;
+  }, de = () => {
     var e;
-    return ((e = Z.current) == null ? void 0 : e.date1904) ?? !1;
-  }, oe = C({
-    load: (e) => k(e, q),
-    getWorkbook: () => Z.current,
-    getActiveSheet: () => Se.current,
+    return ((e = G.current) == null ? void 0 : e.date1904) ?? !1;
+  }, ge = v({
+    load: (e) => A(e, q),
+    getWorkbook: () => G.current,
+    getActiveSheet: () => Re.current,
     setActiveSheet: (e) => {
       var t;
-      (t = Z.current) != null && t.sheets[e] && K(e);
+      (t = G.current) != null && t.sheets[e] && $(e);
     },
     getSelection: () => {
       var e;
@@ -783,13 +799,13 @@ const Gt = Pt(function(a, I) {
       var t;
       return ((t = r.current) == null ? void 0 : t.convertAllImagesToCells(e)) ?? 0;
     },
-    convertImagesInRangeToCell: (e) => x({}, async (t) => {
+    convertImagesInRangeToCell: (e) => b({}, async (t) => {
       var n, l;
       return (n = t.onProgress) == null || n.call(t, { stage: "convert", label: "选区浮动图批量嵌入…" }), ((l = r.current) == null ? void 0 : l.convertImagesInRangeToCell(e)) ?? 0;
     }),
-    convertCellImagesInRangeToFloat: (e, t) => x({}, async (n) => {
-      var l, i;
-      return (l = n.onProgress) == null || l.call(n, { stage: "convert", label: "选区内嵌图批量浮动化…" }), ((i = r.current) == null ? void 0 : i.convertCellImagesInRangeToFloat(e, t)) ?? 0;
+    convertCellImagesInRangeToFloat: (e, t) => b({}, async (n) => {
+      var l, o;
+      return (l = n.onProgress) == null || l.call(n, { stage: "convert", label: "选区内嵌图批量浮动化…" }), ((o = r.current) == null ? void 0 : o.convertCellImagesInRangeToFloat(e, t)) ?? 0;
     }),
     openContextMenu: (e, t, n) => {
       var l;
@@ -899,13 +915,13 @@ const Gt = Pt(function(a, I) {
       var e;
       return ((e = r.current) == null ? void 0 : e.resetToOriginal()) ?? !1;
     },
-    exportImage: (e) => x(e, (t) => r.current.exportImage(t)),
-    downloadImage: (e) => x(e, (t) => r.current.downloadImage(t)),
-    exportPdf: (e) => x(e, (t) => r.current.exportPdf(t)),
-    downloadPdf: (e) => x(e, (t) => r.current.downloadPdf(t)),
-    print: (e) => x(e, (t) => r.current.print(t)),
-    exportXlsx: (e) => x(e, (t) => r.current.exportXlsx(t)),
-    downloadXlsx: (e) => x(e, (t) => r.current.downloadXlsx(t)),
+    exportImage: (e) => b(e, (t) => r.current.exportImage(t)),
+    downloadImage: (e) => b(e, (t) => r.current.downloadImage(t)),
+    exportPdf: (e) => b(e, (t) => r.current.exportPdf(t)),
+    downloadPdf: (e) => b(e, (t) => r.current.downloadPdf(t)),
+    print: (e) => b(e, (t) => r.current.print(t)),
+    exportXlsx: (e) => b(e, (t) => r.current.exportXlsx(t)),
+    downloadXlsx: (e) => b(e, (t) => r.current.downloadXlsx(t)),
     exportJson: (e) => {
       var t;
       return ((t = r.current) == null ? void 0 : t.exportJson(e)) ?? "{}";
@@ -923,185 +939,335 @@ const Gt = Pt(function(a, I) {
       return (t = r.current) == null ? void 0 : t.downloadCsv(e);
     },
     getCellValue: (e, t, n) => {
-      const l = ee(n);
-      return l ? mt(l, e, t) : null;
+      const l = oe(n);
+      return l ? Nt(l, e, t) : null;
     },
     getCellText: (e, t, n) => {
-      const l = ee(n);
-      return l ? ft(l, e, t, ce()) : "";
+      const l = oe(n);
+      return l ? kt(l, e, t, de()) : "";
     },
     getSheetData: (e, t) => {
-      const n = ee(t);
-      return n ? gt(n, { ...e, date1904: ce() }) : [];
+      const n = oe(t);
+      return n ? Ft(n, { ...e, date1904: de() }) : [];
     },
     getSheetJSON: (e, t) => {
-      const n = ee(t);
-      return n ? dt(n, { ...e, date1904: ce() }) : [];
+      const n = oe(t);
+      return n ? Et(n, { ...e, date1904: de() }) : [];
     },
     getRangeData: (e, t, n) => {
-      const l = ee(n);
-      return l ? ut(l, e, { ...t, date1904: ce() }) : [];
+      const l = oe(n);
+      return l ? Rt(l, e, { ...t, date1904: de() }) : [];
     }
   }).current;
-  p(() => {
+  E(() => {
     var l;
-    const e = /* @__PURE__ */ new Map(), t = [], n = (i, h) => {
-      let o = e.get(i);
-      o || e.set(i, o = /* @__PURE__ */ new Set()), o.add(h);
+    const e = /* @__PURE__ */ new Map(), t = [], n = (o, m) => {
+      let i = e.get(o);
+      i || e.set(o, i = /* @__PURE__ */ new Set()), i.add(m);
     };
-    for (const i of le) {
-      if (i.events)
-        for (const [o, d] of Object.entries(i.events)) d && n(o, d);
-      const h = (l = i.setup) == null ? void 0 : l.call(i, { viewer: oe, on: n, redraw: () => {
-        var o;
-        return (o = r.current) == null ? void 0 : o.render();
+    for (const o of ue) {
+      if (o.events)
+        for (const [i, d] of Object.entries(o.events)) d && n(i, d);
+      const m = (l = o.setup) == null ? void 0 : l.call(o, { viewer: ge, on: n, redraw: () => {
+        var i;
+        return (i = r.current) == null ? void 0 : i.render();
       } });
-      typeof h == "function" && t.push(h);
+      typeof m == "function" && t.push(m);
     }
-    return be.current = e, Ee(), () => {
-      t.forEach((i) => i()), be.current = /* @__PURE__ */ new Map();
+    return ye.current = e, ke(), () => {
+      t.forEach((o) => o()), ye.current = /* @__PURE__ */ new Map();
     };
-  }, [a.plugins]);
-  const It = (e) => {
-    (e.ctrlKey || e.metaKey) && (e.key === "f" || e.key === "F") && (e.preventDefault(), de(!0));
-  }, ye = () => {
+  }, [c.plugins]);
+  const Lt = (e) => {
+    (e.ctrlKey || e.metaKey) && (e.key === "f" || e.key === "F") && (e.preventDefault(), he(!0));
+  }, Te = () => {
     var e, t;
-    de(!1), (e = r.current) == null || e.clearFind(), (t = j.current) == null || t.focus();
-  }, yt = () => {
+    he(!1), (e = r.current) == null || e.clearFind(), (t = U.current) == null || t.focus();
+  }, Ht = () => {
     var t;
-    const e = j.current;
-    e && (he.current = null, (t = r.current) == null || t.setScroll(e.scrollLeft, e.scrollTop));
-  }, f = r.current, te = (f == null ? void 0 : f.renderer) ?? null, B = (f == null ? void 0 : f.getActiveCell()) ?? null, F = (f == null ? void 0 : f.getSelection()) ?? null, Ke = B ? Ne(B.col) + (B.row + 1) : "", $e = te && B ? te.cellFormula(B.row, B.col) ?? te.cellText(B.row, B.col) : "", Ft = !!(f != null && f.canEditActiveCell()), pt = (f == null ? void 0 : f.getCellEditString()) ?? "", Fe = Q.current ? Rt : pt, Nt = () => {
-    Q.current = !0, ke((f == null ? void 0 : f.getCellEditString()) ?? "");
-  }, Xe = (e) => {
+    const e = U.current;
+    e && (Se.current = null, (t = r.current) == null || t.setScroll(e.scrollLeft, e.scrollTop));
+  }, h = r.current, ce = (h == null ? void 0 : h.renderer) ?? null, V = (h == null ? void 0 : h.getActiveCell()) ?? null, R = (h == null ? void 0 : h.getSelection()) ?? null, Ye = V ? Oe(V.col) + (V.row + 1) : "", et = ce && V ? ce.cellFormula(V.row, V.col) ?? ce.cellText(V.row, V.col) : "", Bt = !!(h != null && h.canEditActiveCell()), Vt = (h == null ? void 0 : h.getCellEditString()) ?? "", Pe = ne.current ? zt : Vt, Jt = () => {
+    ne.current = !0, He((h == null ? void 0 : h.getCellEditString()) ?? "");
+  }, tt = (e) => {
     var t;
-    f == null || f.commitActiveCellValue(Fe, e), Q.current = !1, e === "down" && ((t = j.current) == null || t.focus()), L();
-  }, Tt = () => {
+    h == null || h.commitActiveCellValue(Pe, e), ne.current = !1, e === "down" && ((t = U.current) == null || t.focus()), B();
+  }, _t = () => {
     var e;
-    Q.current = !1, (e = j.current) == null || e.focus(), L();
-  }, kt = () => {
-    Q.current && Xe();
-  }, At = (e) => {
-    e.stopPropagation(), e.key === "Enter" ? (e.preventDefault(), Xe("down")) : e.key === "Escape" && (e.preventDefault(), Tt());
-  }, Mt = F && !(F.top === F.bottom && F.left === F.right) ? `${Ne(F.left)}${F.top + 1}:${Ne(F.right)}${F.bottom + 1}` : "", P = te && F ? te.selectionStats(F) : null, ae = (f == null ? void 0 : f.getFindState()) ?? { query: "", count: 0, index: -1 }, H = (f == null ? void 0 : f.getFilterPopup()) ?? null, ne = he.current, pe = (c == null ? void 0 : c.sheets[y]) ?? null, je = c ? c.sheets.map((e, t) => ({ s: e, i: t })).filter(({ s: e }) => e.state === "visible") : [];
-  return /* @__PURE__ */ m("div", { className: "rxl" + (a.className ? " " + a.className : ""), style: a.style, onKeyDown: It, children: [
-    c && (ie || X) && /* @__PURE__ */ m("div", { className: "rxl-title", title: ie + (X ? " · 模板: " + X : ""), children: [
-      /* @__PURE__ */ s("span", { className: "name", children: ie || "未命名工作簿" }),
-      X && /* @__PURE__ */ m("span", { className: "tpl", children: [
-        " · 模板: ",
-        X
-      ] })
-    ] }),
-    /* @__PURE__ */ s("input", { ref: Te, type: "file", accept: ".xlsx,.xlsm", hidden: !0, onChange: wt }),
-    c && /* @__PURE__ */ m("div", { className: "rxl-toolbar", children: [
-      /* @__PURE__ */ s(
-        "button",
-        {
-          className: ue ? "active" : "",
-          onClick: () => ue ? ye() : de(!0),
-          title: "查找 (Ctrl+F)",
-          children: "查找"
-        }
-      ),
-      /* @__PURE__ */ s(
-        "button",
-        {
-          className: pe != null && pe.autoFilterRange ? "active" : "",
-          onClick: () => {
-            var e;
-            return (e = r.current) == null ? void 0 : e.toggleAutoFilter();
-          },
-          title: "切换自动筛选",
-          children: "筛选"
+    ne.current = !1, (e = U.current) == null || e.focus(), B();
+  }, Kt = () => {
+    ne.current && tt();
+  }, $t = (e) => {
+    e.stopPropagation(), e.key === "Enter" ? (e.preventDefault(), tt("down")) : e.key === "Escape" && (e.preventDefault(), _t());
+  }, Xt = R && !(R.top === R.bottom && R.left === R.right) ? `${Oe(R.left)}${R.top + 1}:${Oe(R.right)}${R.bottom + 1}` : "", O = ce && R ? ce.selectionStats(R) : null, fe = (h == null ? void 0 : h.getFindState()) ?? { query: "", count: 0, index: -1 }, P = (e) => ln[e], C = (e) => ({ kind: "builtin", ...e }), z = s == null ? void 0 : s.sheets[N], nt = () => {
+    var e;
+    return void ((e = r.current) == null ? void 0 : e.downloadPdf().catch(re));
+  }, rt = () => {
+    var e;
+    return void ((e = r.current) == null ? void 0 : e.downloadPdf({ vector: !0 }).catch(re));
+  }, lt = () => {
+    var e;
+    return void ((e = r.current) == null ? void 0 : e.print().catch(re));
+  }, jt = () => {
+    var l;
+    const e = z, t = r.current;
+    if (!e || !t) return;
+    const n = e.freeze;
+    if (n.frozenRows || n.frozenCols) e.freeze = { frozenRows: 0, frozenCols: 0 };
+    else {
+      const o = t.getActiveCell();
+      e.freeze = { frozenRows: o ? o.row : 1, frozenCols: o ? o.col : 0 };
+    }
+    (l = t.renderer) == null || l.rebuildMetrics(), t.refreshContentSize(), t.render();
+  };
+  function Ut(e) {
+    const t = r.current;
+    switch (e) {
+      case "find":
+        return C({ id: e, iconSvg: P("find"), label: "查找", title: "查找 (Ctrl+F)", active: Ce, onClick: () => Ce ? Te() : he(!0) });
+      case "filter":
+        return C({ id: e, iconSvg: P("filter"), label: "筛选", title: "切换自动筛选", active: !!(z != null && z.autoFilterRange), onClick: () => t == null ? void 0 : t.toggleAutoFilter() });
+      case "clear-filter":
+        return C({ id: e, iconSvg: P("clear-filter"), label: "清除筛选", title: "清除当前表全部筛选", disabled: !(t != null && t.hasFilters()), onClick: () => t == null ? void 0 : t.clearAllFilters() });
+      case "copy":
+        return C({ id: e, iconSvg: P("copy"), label: "复制", title: "复制选区 (Ctrl+C)", disabled: !R, onClick: () => void (t == null ? void 0 : t.copySelection()) });
+      case "wrap-text": {
+        const n = (t == null ? void 0 : t.getSelectionWrapState()) ?? "none";
+        return C({ id: e, iconSvg: P("wrap-text"), label: "自动换行", title: "自动换行(选区,WPS 风格 toggle)", active: n === "all", disabled: !R || !c.editable, onClick: () => void (t == null ? void 0 : t.toggleWrapTextOnSelection()) });
+      }
+      case "template": {
+        const n = !!ee, l = te, o = !!c.src && !c.workbook;
+        return C({
+          id: e,
+          iconSvg: P("template"),
+          label: "模板",
+          title: o ? "模板仅对 JSON / 模型数据源生效;当前是 .xlsx 数据源,模板不可用" : n ? `模板已加载:${l || "(未命名)"}` : "为 JSON / 模型数据源套用 .xlsx 模板的样式;模板的文字内容会被丢弃",
+          active: n,
+          disabled: o,
+          items: [
+            C({ id: "tpl-default", label: (n ? "" : "✓ ") + "默认渲染", title: "不套模板,数据按默认样式渲染", disabled: !n, onClick: ze }),
+            C({ id: "tpl-sep", type: "separator" }),
+            C({ id: "tpl-import", label: "导入 .xlsx 模板…", title: "选一份 .xlsx, 把它的 styling 套到当前 JSON 数据上", onClick: Dt }),
+            C({ id: "tpl-clear", label: "清除模板", title: "切回默认样式渲染", disabled: !n, onClick: ze })
+          ]
+        });
+      }
+      case "image-tools": {
+        const n = R, l = t == null ? void 0 : t.getActiveCell(), o = ((z == null ? void 0 : z.images.length) ?? 0) > 0;
+        return C({
+          id: e,
+          iconSvg: P("image-tools"),
+          label: "图片工具",
+          title: "浮动图 ⇄ 单元格内嵌图(WPS DISPIMG)互转",
+          disabled: !c.editable,
+          items: [
+            C({ id: "img-sel-to-cell", label: "选区:浮动 → 嵌入", title: '把选区里"中心格在选区内"的浮动图就近嵌入', disabled: !n || !o, onClick: () => n && (t == null ? void 0 : t.convertImagesInRangeToCell(n)) }),
+            C({ id: "img-sel-to-float", label: "选区:嵌入 → 浮动", title: "把选区内所有 DISPIMG 格拎成浮动图", disabled: !n, onClick: () => n && (t == null ? void 0 : t.convertCellImagesInRangeToFloat(n)) }),
+            C({ id: "img-sep", type: "separator" }),
+            C({ id: "img-all-to-cell", label: "整表:浮动 → 嵌入", title: "全表浮动图按几何就近嵌入各自单元格", disabled: !o, onClick: () => t == null ? void 0 : t.convertAllImagesToCells() }),
+            C({ id: "img-col-to-cell", label: "整列:浮动 → 嵌入(活动列)", title: "把中心落在活动列的浮动图就近嵌入", disabled: !o || !l, onClick: () => l && (t == null ? void 0 : t.convertAllImagesToCells(l.col)) })
+          ]
+        });
+      }
+      case "freeze": {
+        const n = z == null ? void 0 : z.freeze;
+        return C({ id: e, iconSvg: P("freeze"), label: "冻结", title: "冻结/取消冻结(在活动单元格)", active: !!(n && (n.frozenRows || n.frozenCols)), onClick: jt });
+      }
+      case "export":
+        return C({
+          id: e,
+          iconSvg: P("export"),
+          label: "导出",
+          title: "导出 / 打印",
+          items: [
+            C({ id: "export-png", label: "导出为图片 (PNG)", onClick: () => void (t == null ? void 0 : t.downloadImage().catch(re)) }),
+            C({ id: "export-pdf", label: "导出为 PDF (位图)", onClick: nt }),
+            C({ id: "export-pdf-vector", label: "导出为 PDF (矢量·文字可选)", onClick: rt }),
+            C({ id: "export-print", label: "打印…", onClick: lt })
+          ]
+        });
+      case "zoom":
+        return C({
+          id: e,
+          iconSvg: P("zoom"),
+          label: Math.round(p * 100) + "%",
+          title: "缩放",
+          items: [50, 75, 100, 125, 150, 200].map((n) => C({ id: "zoom-" + n, label: n + "%", active: Math.round(p * 100) === n, onClick: () => L(n / 100) }))
+        });
+    }
+    return null;
+  }
+  function Me(e, t) {
+    var l;
+    const n = { kind: t, id: e.id, type: e.type, icon: e.icon, label: e.label, title: e.title };
+    return e.active && (n.active = !!e.active(ge)), e.disabled && (n.disabled = !!e.disabled(ge)), e.onClick && (n.onClick = () => {
+      var o;
+      return (o = e.onClick) == null ? void 0 : o.call(e, ge);
+    }), (l = e.items) != null && l.length && (n.items = e.items.map((o) => Me(o, t))), n;
+  }
+  const ot = (() => {
+    if (c.toolbar === !1) return [];
+    const e = Array.isArray(c.toolbar) ? c.toolbar : ["find", "filter"], t = [];
+    for (const n of e)
+      if (typeof n == "string")
+        if (n === "separator" || n === "|") t.push({ id: "sep-" + t.length, type: "separator", kind: "builtin" });
+        else {
+          const l = Ut(n);
+          l && t.push(l);
         }
-      ),
-      /* @__PURE__ */ s("button", { disabled: !(f != null && f.hasFilters()), onClick: () => {
-        var e;
-        return (e = r.current) == null ? void 0 : e.clearAllFilters();
-      }, children: "清除筛选" }),
-      /* @__PURE__ */ s("button", { disabled: !F, onClick: () => {
-        var e;
-        return void ((e = r.current) == null ? void 0 : e.copySelection());
-      }, title: "复制 (Ctrl+C)", children: "复制" }),
-      /* @__PURE__ */ s("button", { onClick: () => {
-        var e;
-        return void ((e = r.current) == null ? void 0 : e.downloadImage().catch(We));
-      }, children: "导出 PNG" }),
-      /* @__PURE__ */ s("button", { onClick: () => {
-        var e;
-        return void ((e = r.current) == null ? void 0 : e.downloadPdf().catch(We));
-      }, children: "导出 PDF" }),
-      /* @__PURE__ */ s("select", { value: Math.round(A * 100), onChange: (e) => J(Number(e.target.value) / 100), title: "缩放", children: [50, 75, 100, 125, 150, 200].map((e) => /* @__PURE__ */ m("option", { value: e, children: [
-        e,
-        "%"
-      ] }, e)) }),
-      (() => {
-        const e = !!a.src && !a.workbook;
-        return /* @__PURE__ */ m(ot, { children: [
-          /* @__PURE__ */ m(
-            "button",
-            {
-              className: W ? "active" : "",
-              disabled: e,
-              onClick: St,
-              title: e ? "模板仅对 JSON / 模型数据源生效;当前是 xlsx 数据源,模板不可用" : W ? `模板已加载: ${X || "(未命名)"} — 点击重新导入` : "为 JSON / 模型数据源套用 .xlsx 模板的样式(模板的文字内容会被丢弃)",
-              children: [
-                "模板",
-                W ? " ▾" : ""
-              ]
-            }
-          ),
-          W && !e && /* @__PURE__ */ s("button", { onClick: bt, title: "清除模板,切回默认渲染", children: "清除模板" })
-        ] });
-      })(),
-      le.flatMap((e) => e.toolbar ?? []).filter((e) => e.type !== "separator").map((e) => {
-        var t, n;
-        return /* @__PURE__ */ s(
+      else
+        t.push(Me(n, "custom"));
+    for (const n of ue) for (const l of n.toolbar ?? []) t.push(Me(l, "plugin"));
+    return t;
+  })(), Zt = c.toolbar !== !1 && ot.length > 0, Gt = s ? s.sheets.filter((e) => e.state === "visible").length : 0, ct = [0.5, 0.75, 1, 1.25, 1.5, 2], Ae = (e) => L(Math.min(3, Math.max(0.3, e))), at = ({ items: e, onPick: t, className: n = "rxl-tb-menu" }) => /* @__PURE__ */ a("div", { className: n, "data-tb-menu": "true", children: e.map((l) => l.type === "separator" ? /* @__PURE__ */ a("div", { className: "sep" }, l.id) : /* @__PURE__ */ g(
+    "button",
+    {
+      className: "mi" + (l.active ? " active" : ""),
+      disabled: !!l.disabled,
+      title: l.title,
+      onClick: (o) => {
+        o.stopPropagation(), l.disabled || t(l);
+      },
+      children: [
+        l.iconSvg ? /* @__PURE__ */ a("span", { className: "ic", dangerouslySetInnerHTML: { __html: De(l.iconSvg) } }) : l.icon ? /* @__PURE__ */ a("span", { className: "ic-e", children: l.icon }) : null,
+        /* @__PURE__ */ a("span", { className: "lb", children: l.label || l.id })
+      ]
+    },
+    l.id
+  )) }), J = (h == null ? void 0 : h.getFilterPopup()) ?? null, ae = Se.current, st = s ? s.sheets.map((e, t) => ({ s: e, i: t })).filter(({ s: e }) => e.state === "visible") : [];
+  return /* @__PURE__ */ g("div", { className: "rxl" + (c.className ? " " + c.className : ""), style: c.style, onKeyDown: Lt, children: [
+    /* @__PURE__ */ a("input", { ref: We, type: "file", accept: ".xlsx,.xlsm", hidden: !0, onChange: Ot }),
+    s && /* @__PURE__ */ g("div", { className: "rxl-toolbar", children: [
+      /* @__PURE__ */ g("span", { className: "file", title: Le + (te ? " · 模板: " + te : ""), children: [
+        Le || "未命名工作簿",
+        te && /* @__PURE__ */ g("span", { className: "tpl", children: [
+          " · 模板: ",
+          te
+        ] })
+      ] }),
+      /* @__PURE__ */ g("span", { className: "meta", children: [
+        Gt,
+        " 个工作表"
+      ] }),
+      /* @__PURE__ */ a("div", { className: "spacer" }),
+      /* @__PURE__ */ g("div", { className: "rxl-export-wrap", "data-tb-menu": "true", children: [
+        /* @__PURE__ */ g(
           "button",
           {
-            className: (t = e.active) != null && t.call(e, oe) ? "active" : "",
-            disabled: (n = e.disabled) == null ? void 0 : n.call(e, oe),
-            title: e.title,
-            onClick: () => {
-              var l;
-              return (l = e.onClick) == null ? void 0 : l.call(e, oe);
+            className: "rxl-export-btn" + (se === "__header-export" ? " open" : ""),
+            onClick: (e) => {
+              e.stopPropagation(), j(se === "__header-export" ? null : "__header-export");
             },
-            children: e.label ?? e.icon ?? e.id
-          },
-          e.id
-        );
-      })
+            title: "导出 / 打印",
+            children: [
+              "导出 ",
+              /* @__PURE__ */ a("span", { className: "caret", children: "▾" })
+            ]
+          }
+        ),
+        se === "__header-export" && /* @__PURE__ */ a(
+          at,
+          {
+            items: [
+              C({ id: "h-png", label: "导出为图片 (PNG)", onClick: () => {
+                var e;
+                return void ((e = r.current) == null ? void 0 : e.downloadImage().catch(re));
+              } }),
+              C({ id: "h-pdf", label: "导出为 PDF (位图)", onClick: nt }),
+              C({ id: "h-pdf-vec", label: "导出为 PDF (矢量·文字可选)", onClick: rt }),
+              C({ id: "h-print", label: "打印…", onClick: lt })
+            ],
+            onPick: (e) => {
+              var t;
+              j(null), (t = e.onClick) == null || t.call(e);
+            },
+            className: "rxl-tb-menu header-menu"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ g("div", { className: "rxl-zoom", children: [
+        /* @__PURE__ */ a("button", { onClick: () => Ae(p - 0.1), title: "缩小", children: "−" }),
+        /* @__PURE__ */ g("select", { value: p, onChange: (e) => Ae(parseFloat(e.target.value)), children: [
+          ct.map((e) => /* @__PURE__ */ g("option", { value: e, children: [
+            Math.round(e * 100),
+            "%"
+          ] }, e)),
+          !ct.includes(p) && /* @__PURE__ */ g("option", { value: p, children: [
+            Math.round(p * 100),
+            "%"
+          ] }, "cur")
+        ] }),
+        /* @__PURE__ */ a("button", { onClick: () => Ae(p + 0.1), title: "放大", children: "+" })
+      ] })
     ] }),
-    c && /* @__PURE__ */ m("div", { className: "rxl-formula-bar", children: [
-      /* @__PURE__ */ s("span", { className: "addr", children: Ke || "—" }),
-      /* @__PURE__ */ s("span", { className: "fx", children: "fx" }),
-      Ft ? /* @__PURE__ */ s(
-        "input",
+    s && Zt && /* @__PURE__ */ a("div", { className: "rxl-action-toolbar", children: ot.map((e) => {
+      var l;
+      if (e.type === "separator") return /* @__PURE__ */ a("span", { className: "rxl-at-divider" }, e.id);
+      const t = !!((l = e.items) != null && l.length), n = se === e.id;
+      return /* @__PURE__ */ g("div", { className: "rxl-at-dd", "data-tb-menu": "true", children: [
+        /* @__PURE__ */ g(
+          "button",
+          {
+            className: "rxl-at-tool" + (e.active ? " active" : "") + (n ? " open" : ""),
+            disabled: !!e.disabled,
+            title: e.title || e.label || e.id,
+            onClick: (o) => {
+              var m;
+              o.stopPropagation(), !e.disabled && (t ? j(n ? null : e.id) : ((m = e.onClick) == null || m.call(e), j(null)));
+            },
+            children: [
+              e.iconSvg ? /* @__PURE__ */ a("span", { className: "rxl-at-ic", dangerouslySetInnerHTML: { __html: De(e.iconSvg) } }) : e.icon ? /* @__PURE__ */ a("span", { className: "rxl-at-ic-e", children: e.icon }) : null,
+              e.label && /* @__PURE__ */ a("span", { className: "rxl-at-lb", children: e.label }),
+              t && /* @__PURE__ */ a("span", { className: "rxl-at-caret", dangerouslySetInnerHTML: { __html: De(P("caret")) } })
+            ]
+          }
+        ),
+        t && n && /* @__PURE__ */ a(
+          at,
+          {
+            items: e.items,
+            onPick: (o) => {
+              var m;
+              j(null), (m = o.onClick) == null || m.call(o);
+            }
+          }
+        )
+      ] }, e.id);
+    }) }),
+    s && /* @__PURE__ */ g("div", { className: "rxl-formula-bar", children: [
+      /* @__PURE__ */ a("span", { className: "addr", children: Ye || "—" }),
+      /* @__PURE__ */ a("span", { className: "fx", children: "fx" }),
+      Bt ? /* @__PURE__ */ a(
+        "textarea",
         {
+          ref: Be,
           className: "content content-input",
-          value: Fe,
-          title: Fe,
+          value: Pe,
+          title: Pe,
+          rows: 1,
           spellCheck: !1,
-          onFocus: Nt,
-          onChange: (e) => ke(e.target.value),
-          onKeyDown: At,
-          onBlur: kt
+          onFocus: Jt,
+          onChange: (e) => {
+            He(e.target.value), Ve();
+          },
+          onKeyDown: $t,
+          onBlur: Kt
         }
-      ) : /* @__PURE__ */ s("span", { className: "content", title: $e, children: $e })
+      ) : /* @__PURE__ */ a("span", { className: "content", title: et, children: et })
     ] }),
-    /* @__PURE__ */ m("div", { className: "rxl-render-area", ref: Ae, children: [
-      /* @__PURE__ */ s("canvas", { ref: Me, className: "rxl-canvas" }),
-      /* @__PURE__ */ s("div", { className: "rxl-ov", ref: ge }),
-      /* @__PURE__ */ s("div", { className: "rxl-ov", ref: me }),
-      /* @__PURE__ */ s("div", { className: "rxl-ov", ref: fe }),
-      /* @__PURE__ */ s("div", { className: "rxl-ov", ref: Ce }),
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ g("div", { className: "rxl-render-area", ref: Je, children: [
+      /* @__PURE__ */ a("canvas", { ref: _e, className: "rxl-canvas" }),
+      /* @__PURE__ */ a("div", { className: "rxl-ov", ref: ve }),
+      /* @__PURE__ */ a("div", { className: "rxl-ov", ref: be }),
+      /* @__PURE__ */ a("div", { className: "rxl-ov", ref: xe }),
+      /* @__PURE__ */ a("div", { className: "rxl-ov", ref: pe }),
+      /* @__PURE__ */ a(
         "div",
         {
           className: "rxl-scroller",
-          ref: j,
+          ref: U,
           tabIndex: 0,
-          onScroll: yt,
+          onScroll: Ht,
           onMouseDown: (e) => {
             var t;
             return (t = r.current) == null ? void 0 : t.onMouseDown(e.nativeEvent);
@@ -1130,47 +1296,47 @@ const Gt = Pt(function(a, I) {
             var t;
             return (t = r.current) == null ? void 0 : t.onContextMenu(e.nativeEvent);
           },
-          children: /* @__PURE__ */ s("div", { className: "rxl-spacer", ref: Pe })
+          children: /* @__PURE__ */ a("div", { className: "rxl-spacer", ref: Ke })
         }
       ),
-      /* @__PURE__ */ s("div", { className: "rxl-ov-slot", children: /* @__PURE__ */ s("div", { ref: ve }) }),
-      /* @__PURE__ */ s("div", { className: "rxl-editor-slot", ref: xe }),
-      ue && c && /* @__PURE__ */ m("div", { className: "rxl-findbar", children: [
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ a("div", { className: "rxl-ov-slot", children: /* @__PURE__ */ a("div", { ref: we }) }),
+      /* @__PURE__ */ a("div", { className: "rxl-editor-slot", ref: Ie }),
+      Ce && s && /* @__PURE__ */ g("div", { className: "rxl-findbar", children: [
+        /* @__PURE__ */ a(
           "input",
           {
             autoFocus: !0,
             placeholder: "查找…",
-            value: ae.query,
+            value: fe.query,
             onChange: (e) => {
               var t;
               return (t = r.current) == null ? void 0 : t.setFindQuery(e.target.value);
             },
             onKeyDown: (e) => {
               var t, n;
-              e.key === "Enter" ? e.shiftKey ? (t = r.current) == null || t.findPrev() : (n = r.current) == null || n.findNext() : e.key === "Escape" && ye();
+              e.key === "Enter" ? e.shiftKey ? (t = r.current) == null || t.findPrev() : (n = r.current) == null || n.findNext() : e.key === "Escape" && Te();
             }
           }
         ),
-        /* @__PURE__ */ s("span", { className: "count", children: ae.count ? `${ae.index + 1}/${ae.count}` : "无结果" }),
-        /* @__PURE__ */ s("button", { onClick: () => {
+        /* @__PURE__ */ a("span", { className: "count", children: fe.count ? `${fe.index + 1}/${fe.count}` : "无结果" }),
+        /* @__PURE__ */ a("button", { onClick: () => {
           var e;
           return (e = r.current) == null ? void 0 : e.findPrev();
         }, children: "↑" }),
-        /* @__PURE__ */ s("button", { onClick: () => {
+        /* @__PURE__ */ a("button", { onClick: () => {
           var e;
           return (e = r.current) == null ? void 0 : e.findNext();
         }, children: "↓" }),
-        /* @__PURE__ */ s("button", { onClick: ye, children: "✕" })
+        /* @__PURE__ */ a("button", { onClick: Te, children: "✕" })
       ] }),
-      H && /* @__PURE__ */ s(
-        Xt,
+      J && /* @__PURE__ */ a(
+        gn,
         {
-          values: H.values,
-          selected: H.selected,
-          x: H.x,
-          y: H.y,
-          sortDir: H.sortDir,
+          values: J.values,
+          selected: J.selected,
+          x: J.x,
+          y: J.y,
+          sortDir: J.sortDir,
           onApply: (e) => {
             var t;
             return (t = r.current) == null ? void 0 : t.applyFilterSelection(e);
@@ -1185,91 +1351,91 @@ const Gt = Pt(function(a, I) {
           },
           onSort: (e) => {
             var n, l;
-            const t = H.col;
+            const t = J.col;
             (n = r.current) == null || n.closeFilterPopup(), (l = r.current) == null || l.sortColumn(t, e);
           }
         },
-        H.col
+        J.col
       ),
-      ne && /* @__PURE__ */ s("div", { className: "rxl-tooltip " + ne.kind, style: { left: ne.x, top: ne.y }, children: ne.text }),
-      S && /* @__PURE__ */ s("div", { className: "rxl-state", children: (E == null ? void 0 : E.stage) === "read" ? "读取文件…" : (E == null ? void 0 : E.stage) === "parse" ? "解析中…" : "构建表格…" }),
-      !S && N && /* @__PURE__ */ m("div", { className: "rxl-state error", children: [
+      ae && /* @__PURE__ */ a("div", { className: "rxl-tooltip " + ae.kind, style: { left: ae.x, top: ae.y }, children: ae.text }),
+      w && /* @__PURE__ */ a("div", { className: "rxl-state", children: (F == null ? void 0 : F.stage) === "read" ? "读取文件…" : (F == null ? void 0 : F.stage) === "parse" ? "解析中…" : "构建表格…" }),
+      !w && T && /* @__PURE__ */ g("div", { className: "rxl-state error", children: [
         "解析失败：",
-        N
+        T
       ] }),
-      !S && !c && /* @__PURE__ */ s("div", { className: "rxl-state", children: "拖入或选择一个 .xlsx 文件" })
+      !w && !s && /* @__PURE__ */ a("div", { className: "rxl-state", children: "拖入或选择一个 .xlsx 文件" })
     ] }),
-    c && /* @__PURE__ */ m("div", { className: "rxl-status-bar", children: [
-      /* @__PURE__ */ s("span", { style: { color: "#888" }, children: Mt || Ke }),
-      /* @__PURE__ */ s("div", { className: "grow" }),
-      P && P.numCount > 0 ? /* @__PURE__ */ m(ot, { children: [
-        /* @__PURE__ */ m("span", { children: [
+    s && /* @__PURE__ */ g("div", { className: "rxl-status-bar", children: [
+      /* @__PURE__ */ a("span", { style: { color: "#888" }, children: Xt || Ye }),
+      /* @__PURE__ */ a("div", { className: "grow" }),
+      O && O.numCount > 0 ? /* @__PURE__ */ g(qt, { children: [
+        /* @__PURE__ */ g("span", { children: [
           "计数 ",
-          P.count
+          O.count
         ] }),
-        /* @__PURE__ */ m("span", { children: [
+        /* @__PURE__ */ g("span", { children: [
           "求和 ",
-          se(P.sum)
+          me(O.sum)
         ] }),
-        /* @__PURE__ */ m("span", { children: [
+        /* @__PURE__ */ g("span", { children: [
           "平均 ",
-          se(P.avg)
+          me(O.avg)
         ] }),
-        /* @__PURE__ */ m("span", { children: [
+        /* @__PURE__ */ g("span", { children: [
           "最大 ",
-          se(P.max)
+          me(O.max)
         ] }),
-        /* @__PURE__ */ m("span", { children: [
+        /* @__PURE__ */ g("span", { children: [
           "最小 ",
-          se(P.min)
+          me(O.min)
         ] })
-      ] }) : P && P.count > 0 ? /* @__PURE__ */ m("span", { children: [
+      ] }) : O && O.count > 0 ? /* @__PURE__ */ g("span", { children: [
         "计数 ",
-        P.count
+        O.count
       ] }) : null
     ] }),
-    c && je.length > 0 && /* @__PURE__ */ s("div", { className: "rxl-tabs", children: je.map(({ s: e, i: t }) => /* @__PURE__ */ s("button", { className: t === y ? "active" : "", onClick: () => K(t), children: e.name }, t)) }),
-    a.exportProgress !== !1 && (a.renderExportProgress ? a.renderExportProgress({ state: Le, busy: Be, cancel: Ve }) : /* @__PURE__ */ s(Kt, { state: Le, busy: Be, onCancel: Ve }))
+    s && st.length > 0 && /* @__PURE__ */ a("div", { className: "rxl-tabs", children: st.map(({ s: e, i: t }) => /* @__PURE__ */ a("button", { className: t === N ? "active" : "", onClick: () => $(t), children: e.name }, t)) }),
+    c.exportProgress !== !1 && (c.renderExportProgress ? c.renderExportProgress({ state: je, busy: Ue, cancel: Ge }) : /* @__PURE__ */ a(un, { state: je, busy: Ue, onCancel: Ge }))
   ] });
 });
-function Xt(g) {
-  const a = g.selected.length ? new Set(g.selected) : new Set(g.values), [I, S] = R(a), N = (c) => {
-    const E = new Set(I);
-    E.has(c) ? E.delete(c) : E.add(c), S(E);
+function gn(f) {
+  const c = f.selected.length ? new Set(f.selected) : new Set(f.values), [k, w] = y(c), T = (s) => {
+    const F = new Set(k);
+    F.has(s) ? F.delete(s) : F.add(s), w(F);
   };
-  return /* @__PURE__ */ m("div", { className: "rxl-filterpop", style: { left: g.x, top: g.y }, children: [
-    /* @__PURE__ */ m("div", { className: "sort", children: [
-      /* @__PURE__ */ s("button", { className: g.sortDir === "asc" ? "on" : "", onClick: () => g.onSort("asc"), children: "↑ 升序" }),
-      /* @__PURE__ */ s("button", { className: g.sortDir === "desc" ? "on" : "", onClick: () => g.onSort("desc"), children: "↓ 降序" })
+  return /* @__PURE__ */ g("div", { className: "rxl-filterpop", style: { left: f.x, top: f.y }, children: [
+    /* @__PURE__ */ g("div", { className: "sort", children: [
+      /* @__PURE__ */ a("button", { className: f.sortDir === "asc" ? "on" : "", onClick: () => f.onSort("asc"), children: "↑ 升序" }),
+      /* @__PURE__ */ a("button", { className: f.sortDir === "desc" ? "on" : "", onClick: () => f.onSort("desc"), children: "↓ 降序" })
     ] }),
-    /* @__PURE__ */ m("div", { className: "list", children: [
-      /* @__PURE__ */ m("label", { children: [
-        /* @__PURE__ */ s(
+    /* @__PURE__ */ g("div", { className: "list", children: [
+      /* @__PURE__ */ g("label", { children: [
+        /* @__PURE__ */ a(
           "input",
           {
             type: "checkbox",
-            checked: I.size === g.values.length,
-            ref: (c) => {
-              c && (c.indeterminate = I.size > 0 && I.size < g.values.length);
+            checked: k.size === f.values.length,
+            ref: (s) => {
+              s && (s.indeterminate = k.size > 0 && k.size < f.values.length);
             },
-            onChange: (c) => S(c.target.checked ? new Set(g.values) : /* @__PURE__ */ new Set())
+            onChange: (s) => w(s.target.checked ? new Set(f.values) : /* @__PURE__ */ new Set())
           }
         ),
         "(全选)"
       ] }),
-      g.values.map((c) => /* @__PURE__ */ m("label", { children: [
-        /* @__PURE__ */ s("input", { type: "checkbox", checked: I.has(c), onChange: () => N(c) }),
-        c
-      ] }, c))
+      f.values.map((s) => /* @__PURE__ */ g("label", { children: [
+        /* @__PURE__ */ a("input", { type: "checkbox", checked: k.has(s), onChange: () => T(s) }),
+        s
+      ] }, s))
     ] }),
-    /* @__PURE__ */ m("div", { className: "foot", children: [
-      /* @__PURE__ */ s("button", { onClick: g.onClear, children: "清除" }),
-      /* @__PURE__ */ s("button", { onClick: () => g.onApply([...I]), children: "确定" }),
-      /* @__PURE__ */ s("button", { onClick: g.onClose, children: "取消" })
+    /* @__PURE__ */ g("div", { className: "foot", children: [
+      /* @__PURE__ */ a("button", { onClick: f.onClear, children: "清除" }),
+      /* @__PURE__ */ a("button", { onClick: () => f.onApply([...k]), children: "确定" }),
+      /* @__PURE__ */ a("button", { onClick: f.onClose, children: "取消" })
     ] })
   ] });
 }
 export {
-  Gt as ExcelViewer,
-  $t as useExcelDocument
+  vn as ExcelViewer,
+  dn as useExcelDocument
 };