ooxml-excel-editor 1.1.0

package/dist/react.js

@@ -0,0 +1,838 @@
+import { jsxs as m, jsx as o, Fragment as Ue } from "react/jsx-runtime";
+import { useState as F, useRef as g, useCallback as Ve, forwardRef as je, useReducer as Ze, useLayoutEffect as Te, useEffect as D, useImperativeHandle as qe } from "react";
+import { r as Ge, l as Qe, d as _e, f as Ye, a as et, V as tt, P as nt, g as ze, s as Je, b as He, c as $e, e as Ke, h as he } from "./chunks/plugin-overlay-Cfnn9EOi.js";
+import { p as rt } from "./chunks/worker-client.stub-BQVZfaLd.js";
+function lt() {
+  const [f, i] = F(!1), [p, N] = F(null), [k, c] = F(null), [x, P] = F(null), [Z, R] = F(null), I = g(null), H = Ve(async (te, $) => {
+    i(!0), N(null), I.current && Ge(I.current), I.current = null, c(null), R(null), P({ stage: "read", ratio: 0 });
+    try {
+      const w = await Qe(
+        te,
+        (K, J) => P({ stage: "read", ratio: J ? K / J : void 0 })
+      ), S = _e(w);
+      if (S === "xls") throw new Error("这是旧版 .xls(BIFF) 或加密文件，本预览器只支持 .xlsx/.xlsm。");
+      if (S === "not-zip") throw new Error("文件不是有效的 .xlsx(非 ZIP 包)。");
+      if (S === "empty") throw new Error("文件为空。");
+      let O = await rt(w, (K) => P(K));
+      $ && (O = $(O) ?? O), Ye(O), R(w.slice(0)), I.current = O, c(O);
+    } catch (w) {
+      const S = w == null ? void 0 : w.message;
+      N(S && /预览器|损坏|加密|为空|ZIP/.test(S) ? S : et(w)), console.error("[ooxml-preview] 解析失败:", w);
+    } finally {
+      i(!1), P(null);
+    }
+  }, []);
+  return { loading: f, error: p, workbook: k, progress: x, load: H, sourceBuffer: Z };
+}
+function ee(f) {
+  return isFinite(f) ? f.toLocaleString("en-US", { maximumFractionDigits: 2 }) : "—";
+}
+const ut = je(function(i, p) {
+  const { loading: N, error: k, workbook: c, progress: x, load: P, sourceBuffer: Z } = lt(), [R, I] = F(0), [H, te] = F(1), [$, w] = F(!1), [, S] = Ze((e) => e + 1, 0), O = g(null), K = g(null), J = g(null), ve = g(null), ne = g(null), re = g(null), le = g(null), ce = g(null), r = g(null), oe = g(null), se = g(null), ae = g(null), q = g(null), ie = g(/* @__PURE__ */ new Map()), u = g(i);
+  u.current = i;
+  const G = i.plugins ?? [], L = g(G);
+  L.current = G;
+  const W = g(c);
+  W.current = c;
+  const ue = g(R);
+  ue.current = R;
+  function Le() {
+    const e = L.current, t = Object.assign({}, ...e.map((a) => a.theme || {}), u.current.theme || {}), n = e.map((a) => a.cellStyle).filter(Boolean);
+    u.current.cellStyle && n.push(u.current.cellStyle);
+    const l = n.length ? (a, v) => {
+      let s;
+      for (const d of n) {
+        const C = d(a, v);
+        C && (s = { ...s || {}, ...C });
+      }
+      return s;
+    } : void 0;
+    return { theme: t, cellStyle: l };
+  }
+  function Ce(e) {
+    let t = e;
+    for (const n of L.current) n.transformModel && (t = n.transformModel(t) ?? t);
+    return u.current.transformModel && (t = u.current.transformModel(t) ?? t), t;
+  }
+  function xe() {
+    const e = u.current;
+    return {
+      editable: e.editable,
+      cellReadOnly: e.cellReadOnly,
+      readOnlyRanges: e.readOnlyRanges,
+      recalc: e.recalc,
+      formulaEngine: e.formulaEngine
+    };
+  }
+  function Re() {
+    if (u.current.editor || L.current.some((t) => t.editor))
+      return (t, n) => {
+        var a, v, s;
+        const l = (v = (a = u.current).editor) == null ? void 0 : v.call(a, t, n);
+        if (l) return l;
+        for (const d of L.current) {
+          const C = (s = d.editor) == null ? void 0 : s.call(d, t, n);
+          if (C) return C;
+        }
+      };
+  }
+  const X = (e, t) => {
+    var n;
+    return (n = ie.current.get(e)) == null ? void 0 : n.forEach((l) => l(t));
+  };
+  function de() {
+    const e = q.current, t = r.current;
+    if (!e || !t) return;
+    const n = {
+      rectOf: (l, a) => t.rectOf(l, a),
+      rectOfRange: (l) => t.rectOfRange(l),
+      tick: 0,
+      workbook: W.current
+    };
+    e.render(L.current, n);
+  }
+  Te(() => {
+    const e = K.current, t = O.current, n = J.current, l = ve.current;
+    if (!e || !t || !n || !l || !ae.current || !ne.current || !re.current || !le.current || !ce.current) return;
+    const a = new tt(
+      {
+        canvas: e,
+        renderArea: t,
+        scroller: n,
+        spacer: l,
+        overlays: { main: ne.current, frow: re.current, fcol: le.current, corner: ce.current },
+        editorSlot: ae.current
+      },
+      {
+        onRenderer: () => S(),
+        onRenderTick: () => de(),
+        // 插件 overlay 随每帧重定位(纯 DOM,不触发 React 重渲)
+        onSelectionChange: () => S(),
+        onCellClick: (s, d, C) => {
+          var T, z;
+          const b = { row: s, col: d, text: C };
+          (z = (T = u.current).onCellClick) == null || z.call(T, b), X("cell-click", b);
+        },
+        onCellDblClick: (s, d, C) => {
+          var T, z;
+          const b = { row: s, col: d, text: C };
+          (z = (T = u.current).onCellDblClick) == null || z.call(T, b), X("cell-dblclick", b);
+        },
+        onHyperlink: (s, d) => {
+          var C, b;
+          (b = (C = u.current).onHyperlinkClick) == null || b.call(C, { url: s, cell: d }), X("hyperlink-click", { url: s, cell: d }), u.current.openLinks !== !1 && window.open(s, "_blank", "noopener");
+        },
+        onTooltip: (s) => {
+          oe.current = s, S();
+        },
+        onFindChange: () => S(),
+        onFilterChange: () => S(),
+        onEditEvent: (s, d) => {
+          var C, b, T, z, Ee, Ne, ke, Ie, Oe, De, Fe, Pe, Me, Ae;
+          s === "cell-change" ? (b = (C = u.current).onCellChange) == null || b.call(C, d) : s === "edit-start" ? (z = (T = u.current).onEditStart) == null || z.call(T, d) : s === "edit-commit" ? (Ne = (Ee = u.current).onEditCommit) == null || Ne.call(Ee, d) : s === "dim-change" ? (Ie = (ke = u.current).onDimChange) == null || Ie.call(ke, d) : s === "dirty-change" ? (De = (Oe = u.current).onDirtyChange) == null || De.call(Oe, d) : s === "image-change" ? (Pe = (Fe = u.current).onImageChange) == null || Pe.call(Fe, d) : s === "struct-change" && ((Ae = (Me = u.current).onStructChange) == null || Ae.call(Me, d)), X(s, d);
+        }
+      }
+    );
+    a.fileName = u.current.fileName, a.setEditConfig(xe()), a.setEditorResolver(Re()), r.current = a, se.current && (q.current = new nt(se.current));
+    const v = new ResizeObserver(() => {
+      a.measure(), a.render();
+    });
+    return v.observe(t), () => {
+      var s;
+      v.disconnect(), a.dispose(), (s = q.current) == null || s.dispose(), q.current = null, r.current = null;
+    };
+  }, []), D(() => {
+    i.src && P(i.src, Ce);
+  }, [i.src]), D(() => {
+    r.current && (r.current.fileName = i.fileName);
+  }, [i.fileName]), D(() => {
+    var e;
+    (e = r.current) == null || e.setEditConfig(xe());
+  }, [i.editable, i.cellReadOnly, i.readOnlyRanges, i.recalc, i.formulaEngine]), D(() => {
+    var e;
+    (e = r.current) == null || e.setEditorResolver(Re());
+  }, [i.editor, i.plugins]), D(() => {
+    var e, t;
+    c && (I(c.activeSheet), (t = (e = u.current).onRendered) == null || t.call(e, c));
+  }, [c]), D(() => {
+    var e, t;
+    k && ((t = (e = u.current).onError) == null || t.call(e, k));
+  }, [k]), Te(() => {
+    var l, a;
+    const e = r.current;
+    if (!e || !c) return;
+    const t = c.sheets[R] ?? c.sheets[0] ?? null;
+    if (!t) return;
+    e.rebuild(t, c, H, Le()), e.setSourceBuffer(Z), de();
+    const n = { index: R, name: t.name };
+    (a = (l = u.current).onSheetChange) == null || a.call(l, n), X("sheet-change", n);
+  }, [c, R, i.theme, i.cellStyle, i.plugins, Z]), D(() => {
+    var e;
+    (e = r.current) == null || e.setZoom(H);
+  }, [H]);
+  const we = g("");
+  D(() => {
+    var a, v;
+    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 !== we.current && n) {
+      we.current = l;
+      const s = { range: t, active: n };
+      (v = (a = u.current).onSelectionChange) == null || v.call(a, s), X("selection-change", s);
+    }
+  });
+  const B = (e) => (c == null ? void 0 : c.sheets[e ?? R]) ?? null, Se = (c == null ? void 0 : c.date1904) ?? !1, fe = (e) => ({ ...e, date1904: Se });
+  qe(
+    p,
+    () => ({
+      load: (e) => P(e, i.transformModel),
+      getWorkbook: () => c,
+      getActiveSheet: () => R,
+      setActiveSheet: (e) => (c == null ? void 0 : c.sheets[e]) && I(e),
+      getSelection: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.getSelection()) ?? null;
+      },
+      setSelection: (e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.setSelectionRange(e);
+      },
+      rectOf: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.rectOf(e, t)) ?? null;
+      },
+      rectOfRange: (e) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.rectOfRange(e)) ?? null;
+      },
+      redraw: () => {
+        var e;
+        return (e = r.current) == null ? void 0 : e.render();
+      },
+      isCellEditable: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.isCellEditable(e, t)) ?? !1;
+      },
+      editCell: (e, t, n) => {
+        var l;
+        return ((l = r.current) == null ? void 0 : l.editCell(e, t, n)) ?? !1;
+      },
+      editRange: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.editRange(e, t)) ?? !1;
+      },
+      clearRange: (e) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.clearRange(e)) ?? !1;
+      },
+      setStyle: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.setStyle(e, t)) ?? !1;
+      },
+      getImages: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.getImages()) ?? [];
+      },
+      addImage: (e) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.addImage(e)) ?? -1;
+      },
+      removeImage: (e) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.removeImage(e)) ?? !1;
+      },
+      moveImage: (e, t, n) => {
+        var l;
+        return ((l = r.current) == null ? void 0 : l.moveImage(e, t, n)) ?? !1;
+      },
+      resizeImage: (e, t, n) => {
+        var l;
+        return ((l = r.current) == null ? void 0 : l.resizeImage(e, t, n)) ?? !1;
+      },
+      insertRows: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.insertRows(e, t)) ?? !1;
+      },
+      deleteRows: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.deleteRows(e, t)) ?? !1;
+      },
+      insertCols: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.insertCols(e, t)) ?? !1;
+      },
+      deleteCols: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.deleteCols(e, t)) ?? !1;
+      },
+      undo: () => {
+        var e;
+        return (e = r.current) == null ? void 0 : e.undo();
+      },
+      redo: () => {
+        var e;
+        return (e = r.current) == null ? void 0 : e.redo();
+      },
+      canUndo: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.canUndo()) ?? !1;
+      },
+      canRedo: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.canRedo()) ?? !1;
+      },
+      getEditingCell: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.getEditingCell()) ?? null;
+      },
+      getCellSnapshot: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.getCellSnapshot(e, t)) ?? null;
+      },
+      beginEdit: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.beginEdit(e, t)) ?? !1;
+      },
+      cancelEdit: () => {
+        var e;
+        return (e = r.current) == null ? void 0 : e.cancelEdit();
+      },
+      isEditing: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.isEditing()) ?? !1;
+      },
+      setColumnWidth: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.setColumnWidth(e, t)) ?? !1;
+      },
+      setRowHeight: (e, t) => {
+        var n;
+        return ((n = r.current) == null ? void 0 : n.setRowHeight(e, t)) ?? !1;
+      },
+      isRecalcReady: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.isRecalcReady()) ?? !1;
+      },
+      isDirty: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.isDirty()) ?? !1;
+      },
+      resetToOriginal: () => {
+        var e;
+        return ((e = r.current) == null ? void 0 : e.resetToOriginal()) ?? !1;
+      },
+      exportImage: (e) => r.current.exportImage(e),
+      downloadImage: (e) => r.current.downloadImage(e),
+      exportPdf: (e) => r.current.exportPdf(e),
+      downloadPdf: (e) => r.current.downloadPdf(e),
+      print: (e) => r.current.print(e),
+      exportXlsx: (e) => r.current.exportXlsx(e),
+      downloadXlsx: (e) => r.current.downloadXlsx(e),
+      exportJson: (e) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.exportJson(e)) ?? "{}";
+      },
+      downloadJson: (e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.downloadJson(e);
+      },
+      exportCsv: (e) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.exportCsv(e)) ?? "";
+      },
+      downloadCsv: (e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.downloadCsv(e);
+      },
+      getCellValue: (e, t, n) => {
+        const l = B(n);
+        return l ? Ke(l, e, t) : null;
+      },
+      getCellText: (e, t, n) => {
+        const l = B(n);
+        return l ? $e(l, e, t, Se) : "";
+      },
+      getSheetData: (e, t) => {
+        const n = B(t);
+        return n ? He(n, fe(e)) : [];
+      },
+      getSheetJSON: (e, t) => {
+        const n = B(t);
+        return n ? Je(n, fe(e)) : [];
+      },
+      getRangeData: (e, t, n) => {
+        const l = B(n);
+        return l ? ze(l, e, fe(t)) : [];
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [c, R]
+  );
+  const U = (e) => {
+    var t;
+    return ((t = W.current) == null ? void 0 : t.sheets[e ?? ue.current]) ?? null;
+  }, Q = () => {
+    var e;
+    return ((e = W.current) == null ? void 0 : e.date1904) ?? !1;
+  }, _ = g({
+    load: (e) => P(e, Ce),
+    getWorkbook: () => W.current,
+    getActiveSheet: () => ue.current,
+    setActiveSheet: (e) => {
+      var t;
+      (t = W.current) != null && t.sheets[e] && I(e);
+    },
+    getSelection: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.getSelection()) ?? null;
+    },
+    setSelection: (e) => {
+      var t;
+      return (t = r.current) == null ? void 0 : t.setSelectionRange(e);
+    },
+    rectOf: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.rectOf(e, t)) ?? null;
+    },
+    rectOfRange: (e) => {
+      var t;
+      return ((t = r.current) == null ? void 0 : t.rectOfRange(e)) ?? null;
+    },
+    redraw: () => {
+      var e;
+      return (e = r.current) == null ? void 0 : e.render();
+    },
+    isCellEditable: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.isCellEditable(e, t)) ?? !1;
+    },
+    editCell: (e, t, n) => {
+      var l;
+      return ((l = r.current) == null ? void 0 : l.editCell(e, t, n)) ?? !1;
+    },
+    editRange: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.editRange(e, t)) ?? !1;
+    },
+    clearRange: (e) => {
+      var t;
+      return ((t = r.current) == null ? void 0 : t.clearRange(e)) ?? !1;
+    },
+    setStyle: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.setStyle(e, t)) ?? !1;
+    },
+    getImages: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.getImages()) ?? [];
+    },
+    addImage: (e) => {
+      var t;
+      return ((t = r.current) == null ? void 0 : t.addImage(e)) ?? -1;
+    },
+    removeImage: (e) => {
+      var t;
+      return ((t = r.current) == null ? void 0 : t.removeImage(e)) ?? !1;
+    },
+    moveImage: (e, t, n) => {
+      var l;
+      return ((l = r.current) == null ? void 0 : l.moveImage(e, t, n)) ?? !1;
+    },
+    resizeImage: (e, t, n) => {
+      var l;
+      return ((l = r.current) == null ? void 0 : l.resizeImage(e, t, n)) ?? !1;
+    },
+    insertRows: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.insertRows(e, t)) ?? !1;
+    },
+    deleteRows: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.deleteRows(e, t)) ?? !1;
+    },
+    insertCols: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.insertCols(e, t)) ?? !1;
+    },
+    deleteCols: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.deleteCols(e, t)) ?? !1;
+    },
+    undo: () => {
+      var e;
+      return (e = r.current) == null ? void 0 : e.undo();
+    },
+    redo: () => {
+      var e;
+      return (e = r.current) == null ? void 0 : e.redo();
+    },
+    canUndo: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.canUndo()) ?? !1;
+    },
+    canRedo: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.canRedo()) ?? !1;
+    },
+    getEditingCell: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.getEditingCell()) ?? null;
+    },
+    getCellSnapshot: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.getCellSnapshot(e, t)) ?? null;
+    },
+    beginEdit: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.beginEdit(e, t)) ?? !1;
+    },
+    cancelEdit: () => {
+      var e;
+      return (e = r.current) == null ? void 0 : e.cancelEdit();
+    },
+    isEditing: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.isEditing()) ?? !1;
+    },
+    setColumnWidth: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.setColumnWidth(e, t)) ?? !1;
+    },
+    setRowHeight: (e, t) => {
+      var n;
+      return ((n = r.current) == null ? void 0 : n.setRowHeight(e, t)) ?? !1;
+    },
+    isRecalcReady: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.isRecalcReady()) ?? !1;
+    },
+    isDirty: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.isDirty()) ?? !1;
+    },
+    resetToOriginal: () => {
+      var e;
+      return ((e = r.current) == null ? void 0 : e.resetToOriginal()) ?? !1;
+    },
+    exportImage: (e) => r.current.exportImage(e),
+    downloadImage: (e) => r.current.downloadImage(e),
+    exportPdf: (e) => r.current.exportPdf(e),
+    downloadPdf: (e) => r.current.downloadPdf(e),
+    print: (e) => r.current.print(e),
+    exportXlsx: (e) => r.current.exportXlsx(e),
+    downloadXlsx: (e) => r.current.downloadXlsx(e),
+    exportJson: (e) => {
+      var t;
+      return ((t = r.current) == null ? void 0 : t.exportJson(e)) ?? "{}";
+    },
+    downloadJson: (e) => {
+      var t;
+      return (t = r.current) == null ? void 0 : t.downloadJson(e);
+    },
+    exportCsv: (e) => {
+      var t;
+      return ((t = r.current) == null ? void 0 : t.exportCsv(e)) ?? "";
+    },
+    downloadCsv: (e) => {
+      var t;
+      return (t = r.current) == null ? void 0 : t.downloadCsv(e);
+    },
+    getCellValue: (e, t, n) => {
+      const l = U(n);
+      return l ? Ke(l, e, t) : null;
+    },
+    getCellText: (e, t, n) => {
+      const l = U(n);
+      return l ? $e(l, e, t, Q()) : "";
+    },
+    getSheetData: (e, t) => {
+      const n = U(t);
+      return n ? He(n, { ...e, date1904: Q() }) : [];
+    },
+    getSheetJSON: (e, t) => {
+      const n = U(t);
+      return n ? Je(n, { ...e, date1904: Q() }) : [];
+    },
+    getRangeData: (e, t, n) => {
+      const l = U(n);
+      return l ? ze(l, e, { ...t, date1904: Q() }) : [];
+    }
+  }).current;
+  D(() => {
+    var l;
+    const e = /* @__PURE__ */ new Map(), t = [], n = (a, v) => {
+      let s = e.get(a);
+      s || e.set(a, s = /* @__PURE__ */ new Set()), s.add(v);
+    };
+    for (const a of G) {
+      if (a.events)
+        for (const [s, d] of Object.entries(a.events)) d && n(s, d);
+      const v = (l = a.setup) == null ? void 0 : l.call(a, { viewer: _, on: n, redraw: () => {
+        var s;
+        return (s = r.current) == null ? void 0 : s.render();
+      } });
+      typeof v == "function" && t.push(v);
+    }
+    return ie.current = e, de(), () => {
+      t.forEach((a) => a()), ie.current = /* @__PURE__ */ new Map();
+    };
+  }, [i.plugins]);
+  const We = (e) => {
+    (e.ctrlKey || e.metaKey) && (e.key === "f" || e.key === "F") && (e.preventDefault(), w(!0));
+  }, ge = () => {
+    var e, t;
+    w(!1), (e = r.current) == null || e.clearFind(), (t = J.current) == null || t.focus();
+  }, Xe = () => {
+    var t;
+    const e = J.current;
+    e && (oe.current = null, (t = r.current) == null || t.setScroll(e.scrollLeft, e.scrollTop));
+  }, h = r.current, V = (h == null ? void 0 : h.renderer) ?? null, M = (h == null ? void 0 : h.getActiveCell()) ?? null, y = (h == null ? void 0 : h.getSelection()) ?? null, ye = M ? he(M.col) + (M.row + 1) : "", be = V && M ? V.cellFormula(M.row, M.col) ?? V.cellText(M.row, M.col) : "", Be = y && !(y.top === y.bottom && y.left === y.right) ? `${he(y.left)}${y.top + 1}:${he(y.right)}${y.bottom + 1}` : "", E = V && y ? V.selectionStats(y) : null, Y = (h == null ? void 0 : h.getFindState()) ?? { query: "", count: 0, index: -1 }, A = (h == null ? void 0 : h.getFilterPopup()) ?? null, j = oe.current, me = (c == null ? void 0 : c.sheets[R]) ?? null, pe = c ? c.sheets.map((e, t) => ({ s: e, i: t })).filter(({ s: e }) => e.state === "visible") : [];
+  return /* @__PURE__ */ m("div", { className: "rxl" + (i.className ? " " + i.className : ""), style: i.style, onKeyDown: We, children: [
+    c && /* @__PURE__ */ m("div", { className: "rxl-toolbar", children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: $ ? "active" : "",
+          onClick: () => $ ? ge() : w(!0),
+          title: "查找 (Ctrl+F)",
+          children: "查找"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: me != null && me.autoFilterRange ? "active" : "",
+          onClick: () => {
+            var e;
+            return (e = r.current) == null ? void 0 : e.toggleAutoFilter();
+          },
+          title: "切换自动筛选",
+          children: "筛选"
+        }
+      ),
+      /* @__PURE__ */ o("button", { disabled: !(h != null && h.hasFilters()), onClick: () => {
+        var e;
+        return (e = r.current) == null ? void 0 : e.clearAllFilters();
+      }, children: "清除筛选" }),
+      /* @__PURE__ */ o("button", { disabled: !y, onClick: () => {
+        var e;
+        return void ((e = r.current) == null ? void 0 : e.copySelection());
+      }, title: "复制 (Ctrl+C)", children: "复制" }),
+      /* @__PURE__ */ o("button", { onClick: () => {
+        var e;
+        return void ((e = r.current) == null ? void 0 : e.downloadImage());
+      }, children: "导出 PNG" }),
+      /* @__PURE__ */ o("button", { onClick: () => {
+        var e;
+        return void ((e = r.current) == null ? void 0 : e.downloadPdf().catch((t) => {
+          var n, l;
+          return (l = (n = u.current).onError) == null ? void 0 : l.call(n, String((t == null ? void 0 : t.message) ?? t));
+        }));
+      }, children: "导出 PDF" }),
+      /* @__PURE__ */ o("select", { value: Math.round(H * 100), onChange: (e) => te(Number(e.target.value) / 100), title: "缩放", children: [50, 75, 100, 125, 150, 200].map((e) => /* @__PURE__ */ m("option", { value: e, children: [
+        e,
+        "%"
+      ] }, e)) }),
+      G.flatMap((e) => e.toolbar ?? []).filter((e) => e.type !== "separator").map((e) => {
+        var t, n;
+        return /* @__PURE__ */ o(
+          "button",
+          {
+            className: (t = e.active) != null && t.call(e, _) ? "active" : "",
+            disabled: (n = e.disabled) == null ? void 0 : n.call(e, _),
+            title: e.title,
+            onClick: () => {
+              var l;
+              return (l = e.onClick) == null ? void 0 : l.call(e, _);
+            },
+            children: e.label ?? e.icon ?? e.id
+          },
+          e.id
+        );
+      })
+    ] }),
+    c && /* @__PURE__ */ m("div", { className: "rxl-formula-bar", children: [
+      /* @__PURE__ */ o("span", { className: "addr", children: ye || "—" }),
+      /* @__PURE__ */ o("span", { className: "fx", children: "fx" }),
+      /* @__PURE__ */ o("span", { className: "content", title: be, children: be })
+    ] }),
+    /* @__PURE__ */ m("div", { className: "rxl-render-area", ref: O, children: [
+      /* @__PURE__ */ o("canvas", { ref: K, className: "rxl-canvas" }),
+      /* @__PURE__ */ o("div", { className: "rxl-ov", ref: ne }),
+      /* @__PURE__ */ o("div", { className: "rxl-ov", ref: le }),
+      /* @__PURE__ */ o("div", { className: "rxl-ov", ref: re }),
+      /* @__PURE__ */ o("div", { className: "rxl-ov", ref: ce }),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: "rxl-scroller",
+          ref: J,
+          tabIndex: 0,
+          onScroll: Xe,
+          onMouseDown: (e) => {
+            var t;
+            return (t = r.current) == null ? void 0 : t.onMouseDown(e.nativeEvent);
+          },
+          onMouseMove: (e) => {
+            var t;
+            return (t = r.current) == null ? void 0 : t.onMouseMove(e.nativeEvent);
+          },
+          onMouseUp: (e) => {
+            var t;
+            return (t = r.current) == null ? void 0 : t.onMouseUp(e.nativeEvent);
+          },
+          onMouseLeave: () => {
+            var e;
+            return (e = r.current) == null ? void 0 : e.onMouseLeave();
+          },
+          onDoubleClick: (e) => {
+            var t;
+            return (t = r.current) == null ? void 0 : t.onDblClick(e.nativeEvent);
+          },
+          onKeyDown: (e) => {
+            var t;
+            return (t = r.current) == null ? void 0 : t.onKeyDown(e.nativeEvent);
+          },
+          children: /* @__PURE__ */ o("div", { className: "rxl-spacer", ref: ve })
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "rxl-ov-slot", children: /* @__PURE__ */ o("div", { ref: se }) }),
+      /* @__PURE__ */ o("div", { className: "rxl-editor-slot", ref: ae }),
+      $ && c && /* @__PURE__ */ m("div", { className: "rxl-findbar", children: [
+        /* @__PURE__ */ o(
+          "input",
+          {
+            autoFocus: !0,
+            placeholder: "查找…",
+            value: Y.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" && ge();
+            }
+          }
+        ),
+        /* @__PURE__ */ o("span", { className: "count", children: Y.count ? `${Y.index + 1}/${Y.count}` : "无结果" }),
+        /* @__PURE__ */ o("button", { onClick: () => {
+          var e;
+          return (e = r.current) == null ? void 0 : e.findPrev();
+        }, children: "↑" }),
+        /* @__PURE__ */ o("button", { onClick: () => {
+          var e;
+          return (e = r.current) == null ? void 0 : e.findNext();
+        }, children: "↓" }),
+        /* @__PURE__ */ o("button", { onClick: ge, children: "✕" })
+      ] }),
+      A && /* @__PURE__ */ o(
+        ct,
+        {
+          values: A.values,
+          selected: A.selected,
+          x: A.x,
+          y: A.y,
+          sortDir: A.sortDir,
+          onApply: (e) => {
+            var t;
+            return (t = r.current) == null ? void 0 : t.applyFilterSelection(e);
+          },
+          onClear: () => {
+            var e;
+            return (e = r.current) == null ? void 0 : e.clearFilterColumn();
+          },
+          onClose: () => {
+            var e;
+            return (e = r.current) == null ? void 0 : e.closeFilterPopup();
+          },
+          onSort: (e) => {
+            var n, l;
+            const t = A.col;
+            (n = r.current) == null || n.closeFilterPopup(), (l = r.current) == null || l.sortColumn(t, e);
+          }
+        },
+        A.col
+      ),
+      j && /* @__PURE__ */ o("div", { className: "rxl-tooltip " + j.kind, style: { left: j.x, top: j.y }, children: j.text }),
+      N && /* @__PURE__ */ o("div", { className: "rxl-state", children: (x == null ? void 0 : x.stage) === "read" ? "读取文件…" : (x == null ? void 0 : x.stage) === "parse" ? "解析中…" : "构建表格…" }),
+      !N && k && /* @__PURE__ */ m("div", { className: "rxl-state error", children: [
+        "解析失败：",
+        k
+      ] }),
+      !N && !c && /* @__PURE__ */ o("div", { className: "rxl-state", children: "拖入或选择一个 .xlsx 文件" })
+    ] }),
+    c && /* @__PURE__ */ m("div", { className: "rxl-status-bar", children: [
+      /* @__PURE__ */ o("span", { style: { color: "#888" }, children: Be || ye }),
+      /* @__PURE__ */ o("div", { className: "grow" }),
+      E && E.numCount > 0 ? /* @__PURE__ */ m(Ue, { children: [
+        /* @__PURE__ */ m("span", { children: [
+          "计数 ",
+          E.count
+        ] }),
+        /* @__PURE__ */ m("span", { children: [
+          "求和 ",
+          ee(E.sum)
+        ] }),
+        /* @__PURE__ */ m("span", { children: [
+          "平均 ",
+          ee(E.avg)
+        ] }),
+        /* @__PURE__ */ m("span", { children: [
+          "最大 ",
+          ee(E.max)
+        ] }),
+        /* @__PURE__ */ m("span", { children: [
+          "最小 ",
+          ee(E.min)
+        ] })
+      ] }) : E && E.count > 0 ? /* @__PURE__ */ m("span", { children: [
+        "计数 ",
+        E.count
+      ] }) : null
+    ] }),
+    c && pe.length > 0 && /* @__PURE__ */ o("div", { className: "rxl-tabs", children: pe.map(({ s: e, i: t }) => /* @__PURE__ */ o("button", { className: t === R ? "active" : "", onClick: () => I(t), children: e.name }, t)) })
+  ] });
+});
+function ct(f) {
+  const i = f.selected.length ? new Set(f.selected) : new Set(f.values), [p, N] = F(i), k = (c) => {
+    const x = new Set(p);
+    x.has(c) ? x.delete(c) : x.add(c), N(x);
+  };
+  return /* @__PURE__ */ m("div", { className: "rxl-filterpop", style: { left: f.x, top: f.y }, children: [
+    /* @__PURE__ */ m("div", { className: "sort", children: [
+      /* @__PURE__ */ o("button", { className: f.sortDir === "asc" ? "on" : "", onClick: () => f.onSort("asc"), children: "↑ 升序" }),
+      /* @__PURE__ */ o("button", { className: f.sortDir === "desc" ? "on" : "", onClick: () => f.onSort("desc"), children: "↓ 降序" })
+    ] }),
+    /* @__PURE__ */ m("div", { className: "list", children: [
+      /* @__PURE__ */ m("label", { children: [
+        /* @__PURE__ */ o(
+          "input",
+          {
+            type: "checkbox",
+            checked: p.size === f.values.length,
+            ref: (c) => {
+              c && (c.indeterminate = p.size > 0 && p.size < f.values.length);
+            },
+            onChange: (c) => N(c.target.checked ? new Set(f.values) : /* @__PURE__ */ new Set())
+          }
+        ),
+        "(全选)"
+      ] }),
+      f.values.map((c) => /* @__PURE__ */ m("label", { children: [
+        /* @__PURE__ */ o("input", { type: "checkbox", checked: p.has(c), onChange: () => k(c) }),
+        c
+      ] }, c))
+    ] }),
+    /* @__PURE__ */ m("div", { className: "foot", children: [
+      /* @__PURE__ */ o("button", { onClick: f.onClear, children: "清除" }),
+      /* @__PURE__ */ o("button", { onClick: () => f.onApply([...p]), children: "确定" }),
+      /* @__PURE__ */ o("button", { onClick: f.onClose, children: "取消" })
+    ] })
+  ] });
+}
+export {
+  ut as ExcelViewer,
+  lt as useExcelDocument
+};