xiaodao-spreader 0.1.2

package/dist/xiaodao-spreader.es.js

@@ -0,0 +1,1632 @@
+import { defineComponent as kn, computed as I, useModel as Rn, reactive as wl, ref as N, onMounted as Mn, nextTick as J, watch as Ve, onBeforeUnmount as Tn, openBlock as j, createElementBlock as P, normalizeStyle as Ce, createElementVNode as $, Fragment as Yt, renderList as Ut, withModifiers as ue, normalizeClass as vt, toDisplayString as dt, unref as se, createCommentVNode as Fe, createBlock as Dn, Teleport as Hn, mergeModels as _n } from "vue";
+const w = 52, y = 24, Je = 100, Ze = 24, Q = 11, En = 50, $n = {
+  "zh-CN": {
+    insert: "插入",
+    delete: "删除",
+    rename: "重命名",
+    moveLeft: "左移",
+    moveRight: "右移",
+    cut: "剪切",
+    copy: "复制",
+    paste: "粘贴",
+    addSheet: "新建工作表",
+    moveSheetLeft: "左移",
+    moveSheetRight: "右移",
+    scrollUp: "向上滚动",
+    scrollDown: "向下滚动",
+    scrollLeft: "向左滚动",
+    scrollRight: "向右滚动",
+    calculate: "计算",
+    sum: "求和"
+  },
+  "en-US": {
+    insert: "Insert",
+    delete: "Delete",
+    rename: "Rename",
+    moveLeft: "Move Left",
+    moveRight: "Move Right",
+    cut: "Cut",
+    copy: "Copy",
+    paste: "Paste",
+    addSheet: "Add new sheet",
+    moveSheetLeft: "Move Left",
+    moveSheetRight: "Move Right",
+    scrollUp: "Scroll up",
+    scrollDown: "Scroll down",
+    scrollLeft: "Scroll left",
+    scrollRight: "Scroll right",
+    calculate: "Calculate",
+    sum: "Sum"
+  }
+};
+function C(u, f) {
+  var s;
+  return ((s = $n[u]) == null ? void 0 : s[f]) ?? f;
+}
+const In = {
+  bg: "#f4f4f4",
+  gridBg: "#ffffff",
+  headerBg: "#e8e8e8",
+  headerBorder: "#c8c8c8",
+  headerText: "#444",
+  headerSep: "#b0b0b0",
+  cornerBg: "#e0e0e0",
+  gridLine: "#e0e0e0",
+  selectionBg: "rgba(0, 120, 215, 0.12)",
+  activeCellBorder: "#0078d7",
+  cellText: "#1a1a1a",
+  scrollTrack: "rgba(0,0,0,0.08)",
+  scrollThumb: "rgba(0,0,0,0.25)",
+  formulaBarBg: "#f0f0f0",
+  formulaBarBorder: "#c8c8c8",
+  formulaBarLabelText: "#333",
+  formulaBarLabelBg: "#fff",
+  formulaBarLabelBorder: "#c0c0c0",
+  formulaBarInputBg: "#fff",
+  formulaBarInputBorder: "#c0c0c0",
+  formulaBarInputText: "#1a1a1a",
+  formulaBarInputFocusBorder: "#0078d7",
+  formulaBarInputFocusShadow: "rgba(0, 120, 215, 0.3)",
+  wrapperBg: "#e8e8e8",
+  cellEditorBorder: "#0078d7",
+  cellEditorText: "#1a1a1a",
+  cellEditorBg: "#fff",
+  cellEditorShadow: "#0078d7",
+  tabBarBg: "#e8e8e8",
+  tabBarBorder: "#c0c0c0",
+  tabActiveBg: "#ffffff",
+  tabActiveText: "#1a1a1a",
+  tabActiveBorder: "#0078d7",
+  tabInactiveBg: "#dfdfdf",
+  tabInactiveText: "#666",
+  tabInactiveBorder: "transparent",
+  tabHoverBg: "#e0e0e0",
+  tabAddBtnColor: "#555",
+  tabAddBtnHoverBg: "#d0d0d0",
+  tabScrollBtnColor: "#888",
+  tabScrollBtnHoverBg: "#d0d0d0",
+  scrollbarThumb: "rgba(0,0,0,0.25)",
+  scrollbarThumbHover: "rgba(0,0,0,0.4)",
+  scrollBtnBg: "#e8e8e8",
+  scrollBtnColor: "#666",
+  scrollBtnHoverBg: "#d0d0d0",
+  scrollBtnActiveBg: "#c0c0c0",
+  scrollTrackBg: "rgba(0,0,0,0.06)"
+}, Wn = {
+  bg: "#1e1e1e",
+  gridBg: "#252526",
+  headerBg: "#252525",
+  headerBorder: "#3e3e3e",
+  headerText: "#999",
+  headerSep: "#3e3e3e",
+  cornerBg: "#2a2a2a",
+  gridLine: "#3e3e3e",
+  selectionBg: "rgba(0, 120, 215, 0.25)",
+  activeCellBorder: "#0078d7",
+  cellText: "#d4d4d4",
+  scrollTrack: "rgba(255,255,255,0.06)",
+  scrollThumb: "rgba(255,255,255,0.2)",
+  formulaBarBg: "#2d2d2d",
+  formulaBarBorder: "#3e3e3e",
+  formulaBarLabelText: "#ccc",
+  formulaBarLabelBg: "#3c3c3c",
+  formulaBarLabelBorder: "#555",
+  formulaBarInputBg: "#3c3c3c",
+  formulaBarInputBorder: "#555",
+  formulaBarInputText: "#d4d4d4",
+  formulaBarInputFocusBorder: "#0078d7",
+  formulaBarInputFocusShadow: "rgba(0, 120, 215, 0.4)",
+  wrapperBg: "#1e1e1e",
+  cellEditorBorder: "#0078d7",
+  cellEditorText: "#d4d4d4",
+  cellEditorBg: "#3c3c3c",
+  cellEditorShadow: "#0078d7",
+  tabBarBg: "#2a2a2a",
+  tabBarBorder: "#3e3e3e",
+  tabActiveBg: "#1e1e1e",
+  tabActiveText: "#e0e0e0",
+  tabActiveBorder: "#0078d7",
+  tabInactiveBg: "#333333",
+  tabInactiveText: "#888",
+  tabInactiveBorder: "transparent",
+  tabHoverBg: "#3a3a3a",
+  tabAddBtnColor: "#999",
+  tabAddBtnHoverBg: "#3a3a3a",
+  tabScrollBtnColor: "#777",
+  tabScrollBtnHoverBg: "#3a3a3a",
+  scrollbarThumb: "rgba(255,255,255,0.2)",
+  scrollbarThumbHover: "rgba(255,255,255,0.35)",
+  scrollBtnBg: "#2d2d2d",
+  scrollBtnColor: "#999",
+  scrollBtnHoverBg: "#3d3d3d",
+  scrollBtnActiveBg: "#4d4d4d",
+  scrollTrackBg: "rgba(255,255,255,0.05)"
+};
+function ce(u) {
+  let f = "", s = u;
+  do
+    f = String.fromCharCode(65 + s % 26) + f, s = Math.floor(s / 26) - 1;
+  while (s >= 0);
+  return f;
+}
+function Kt(u) {
+  let f = 0;
+  for (let s = 0; s < u.length; s++)
+    f = f * 26 + (u.toUpperCase().charCodeAt(s) - 64);
+  return f - 1;
+}
+function Se(u) {
+  if (u == null)
+    return null;
+  if (typeof u == "number")
+    return u;
+  if (typeof u == "string") {
+    const f = parseFloat(u);
+    return u.endsWith("%") || isNaN(f) ? null : f;
+  }
+  return null;
+}
+function jt(u) {
+  navigator.clipboard.writeText(u).catch(() => {
+    const f = document.createElement("textarea");
+    f.value = u, f.style.position = "fixed", f.style.opacity = "0", document.body.appendChild(f), f.select(), document.execCommand("copy"), document.body.removeChild(f);
+  });
+}
+function Xe(u, f) {
+  return `${u},${f}`;
+}
+function ht(u, f, s) {
+  const c = u.match(/^\$?([A-Z]+)\$?(\d+)$/i);
+  if (!c)
+    return null;
+  const r = Kt(c[1]), m = parseInt(c[2], 10) - 1;
+  return r < 0 || r >= f || m < 0 || m >= s ? null : { col: r, row: m };
+}
+function ke(u, f) {
+  if (!f)
+    return { x: 0, y: 0 };
+  const s = f.getBoundingClientRect();
+  return { x: u.clientX - s.left, y: u.clientY - s.top };
+}
+function An(u, f, s) {
+  const c = u.split(":");
+  if (c.length !== 2)
+    return null;
+  const r = ht(c[0], f, s), m = ht(c[1], f, s);
+  return !r || !m ? null : {
+    sc: Math.min(r.col, m.col),
+    sr: Math.min(r.row, m.row),
+    ec: Math.max(r.col, m.col),
+    er: Math.max(r.row, m.row)
+  };
+}
+function Nn(u, f, s, c, r) {
+  const m = s[Xe(u, f)];
+  if (!m)
+    return 0;
+  const k = m.value;
+  if (k.startsWith("="))
+    return Bl(Xe(u, f), s, c, r) ?? 0;
+  const b = parseFloat(k);
+  return isNaN(b) ? 0 : b;
+}
+const Oe = /* @__PURE__ */ new Map();
+function yl() {
+  Oe.clear();
+}
+function Bl(u, f, s, c) {
+  return Ln(u, f, s, c);
+}
+function Ln(u, f, s, c, r) {
+  if (Oe.has(u))
+    return NaN;
+  Oe.set(u, NaN);
+  const m = f[u];
+  if (!m)
+    return NaN;
+  const k = m.value;
+  if (!k.startsWith("=")) {
+    const g = parseFloat(k), h = isNaN(g) ? 0 : g;
+    return Oe.set(u, h), h;
+  }
+  const b = k.slice(1).trim();
+  if (b.toUpperCase().startsWith("SUM(") && b.endsWith(")")) {
+    const g = b.slice(4, -1).trim(), h = An(g, s, c);
+    if (h) {
+      let R = 0;
+      for (let O = h.sc; O <= h.ec; O++)
+        for (let H = h.sr; H <= h.er; H++)
+          R += Nn(O, H, f, s, c);
+      return isNaN(R) ? NaN : (Oe.set(u, R), R);
+    }
+    return NaN;
+  }
+  return NaN;
+}
+function xl(u, f, s) {
+  const c = [], r = /(\$?[A-Z]+\$?\d+)(?::(\$?[A-Z]+\$?\d+))?/gi;
+  let m;
+  for (; (m = r.exec(u)) !== null; ) {
+    const k = ht(m[1], f, s);
+    if (k)
+      if (m[2]) {
+        const b = ht(m[2], f, s);
+        if (!b)
+          continue;
+        for (let Y = Math.min(k.col, b.col); Y <= Math.max(k.col, b.col); Y++)
+          for (let g = Math.min(k.row, b.row); g <= Math.max(k.row, b.row); g++)
+            c.push(Xe(Y, g));
+      } else
+        c.push(Xe(k.col, k.row));
+  }
+  return c;
+}
+function Fn(u, f, s, c, r) {
+  const m = s[Xe(u, f)];
+  if (!m)
+    return "";
+  const k = m.value;
+  if (!k.startsWith("="))
+    return k;
+  const b = Bl(Xe(u, f), s, c, r);
+  return isNaN(b) ? "#ERROR" : String(b);
+}
+function On(u, f, s, c, r, m) {
+  return f === 0 && s === 0 ? u : u.replace(
+    /(\$?)([A-Z]+)(\$?)(\d+)/gi,
+    (k, b, Y, g, h) => {
+      const R = b ? Kt(Y) : Kt(Y) + f, O = g ? parseInt(h, 10) - 1 : parseInt(h, 10) - 1 + s;
+      let H;
+      R < 0 ? H = "A" : R >= c ? H = m(c - 1) : H = m(R);
+      let E;
+      return O < 0 ? E = "1" : O >= r ? E = String(r) : E = String(O + 1), (b || "") + H + (g || "") + E;
+    }
+  );
+}
+class Xn {
+  constructor() {
+    this.deps = /* @__PURE__ */ new Map(), this.rev = /* @__PURE__ */ new Map(), this.dirty = /* @__PURE__ */ new Set();
+  }
+  clear(f) {
+    var c;
+    const s = this.deps.get(f);
+    if (s) {
+      for (const r of s)
+        (c = this.rev.get(r)) == null || c.delete(f);
+      this.deps.delete(f);
+    }
+  }
+  set(f, s) {
+    if (this.clear(f), s.length !== 0) {
+      this.deps.set(f, s);
+      for (const c of s)
+        this.rev.has(c) || this.rev.set(c, /* @__PURE__ */ new Set()), this.rev.get(c).add(f);
+    }
+  }
+  markDirty(f) {
+    const s = [f];
+    for (; s.length > 0; ) {
+      const c = s.pop(), r = this.rev.get(c);
+      if (r)
+        for (const m of r)
+          this.dirty.has(m) || (this.dirty.add(m), s.push(m));
+    }
+  }
+  getDirtyAndClear() {
+    const f = this.dirty;
+    return this.dirty = /* @__PURE__ */ new Set(), f;
+  }
+  /** 从 cells 快照重建所有依赖关系 */
+  rebuild(f, s, c) {
+    this.deps.clear(), this.rev.clear(), this.dirty.clear(), Oe.clear();
+    for (const [r, m] of Object.entries(f))
+      if (m.value.startsWith("=")) {
+        const k = xl(m.value.slice(1), s, c);
+        this.set(r, k);
+      }
+  }
+}
+function Yn(u, f, s, c) {
+  const r = {}, m = c(f), k = c(s);
+  return m != null && (r.width = `${m}px`), k != null && (r.height = `${k}px`), r["--sp-formula-bar-bg"] = u.formulaBarBg, r["--sp-formula-bar-border"] = u.formulaBarBorder, r["--sp-formula-bar-label-color"] = u.formulaBarLabelText, r["--sp-formula-bar-label-bg"] = u.formulaBarLabelBg, r["--sp-formula-bar-label-border"] = u.formulaBarLabelBorder, r["--sp-formula-bar-input-bg"] = u.formulaBarInputBg, r["--sp-formula-bar-input-border"] = u.formulaBarInputBorder, r["--sp-formula-bar-input-color"] = u.formulaBarInputText, r["--sp-formula-bar-input-focus-border"] = u.formulaBarInputFocusBorder, r["--sp-formula-bar-input-focus-shadow"] = u.formulaBarInputFocusShadow, r["--sp-wrapper-bg"] = u.wrapperBg, r["--sp-cell-editor-border"] = u.cellEditorBorder, r["--sp-cell-editor-color"] = u.cellEditorText, r["--sp-cell-editor-bg"] = u.cellEditorBg, r["--sp-cell-editor-shadow"] = u.cellEditorShadow, r["--sp-tab-bar-bg"] = u.tabBarBg, r["--sp-tab-bar-border"] = u.tabBarBorder, r["--sp-tab-active-bg"] = u.tabActiveBg, r["--sp-tab-active-color"] = u.tabActiveText, r["--sp-tab-active-border"] = u.tabActiveBorder, r["--sp-tab-inactive-bg"] = u.tabInactiveBg, r["--sp-tab-inactive-color"] = u.tabInactiveText, r["--sp-tab-inactive-border"] = u.tabInactiveBorder, r["--sp-tab-hover-bg"] = u.tabHoverBg, r["--sp-tab-add-btn-color"] = u.tabAddBtnColor, r["--sp-tab-add-btn-hover-bg"] = u.tabAddBtnHoverBg, r["--sp-tab-scroll-btn-color"] = u.tabScrollBtnColor, r["--sp-tab-scroll-btn-hover-bg"] = u.tabScrollBtnHoverBg, r["--sp-scroll-thumb"] = u.scrollbarThumb, r["--sp-scroll-thumb-hover"] = u.scrollbarThumbHover, r["--sp-scroll-btn-bg"] = u.scrollBtnBg, r["--sp-scroll-btn-color"] = u.scrollBtnColor, r["--sp-scroll-btn-hover-bg"] = u.scrollBtnHoverBg, r["--sp-scroll-btn-active-bg"] = u.scrollBtnActiveBg, r["--sp-scroll-track-bg"] = u.scrollTrackBg, r;
+}
+const Un = { class: "tab-list" }, jn = ["onClick", "onDblclick", "onContextmenu"], Kn = ["value"], Pn = {
+  key: 1,
+  class: "tab-item__name"
+}, zn = ["title"], Vn = { class: "formula-bar" }, Jn = { class: "formula-bar__cell-label" }, Zn = ["value"], qn = ["value"], Gn = ["title"], Qn = ["title"], eo = ["title"], to = ["title"], lo = {
+  key: 2,
+  class: "sb-corner"
+}, no = ["onClick", "onMouseenter"], oo = { class: "context-menu__label" }, ao = {
+  key: 0,
+  class: "context-menu__arrow"
+}, ro = ["onClick"], uo = /* @__PURE__ */ kn({
+  __name: "spreader",
+  props: /* @__PURE__ */ _n({
+    rowCount: { default: 200 },
+    colCount: { default: 26 },
+    width: {},
+    height: {},
+    theme: { default: "light" },
+    locale: { default: "zh-CN" }
+  }, {
+    data: { default: () => [] },
+    dataModifiers: {}
+  }),
+  emits: ["update:data"],
+  setup(u) {
+    const f = u, s = I(() => f.locale === "zh-CN" ? "zh-CN" : "en-US"), c = f.colCount, r = f.rowCount, m = Rn(u, "data");
+    let k = "";
+    const b = wl({}), Y = new Xn(), g = N(null), h = N({ col: 0, row: 0 }), R = N(null), O = N(""), H = N(new Array(c).fill(Je)), E = N(new Array(r).fill(Ze)), M = N(0), T = N(0), he = I(() => {
+      const e = [0];
+      for (let t = 0; t < c; t++)
+        e.push(e[t] + H.value[t]);
+      return e;
+    }), pe = I(() => {
+      const e = [0];
+      for (let t = 0; t < r; t++)
+        e.push(e[t] + E.value[t]);
+      return e;
+    }), pt = I(() => he.value[c]), bt = I(() => pe.value[r]);
+    function ee(e, t) {
+      h.value = { col: e, row: t }, g.value = { startCol: e, startRow: t, endCol: e, endRow: t };
+    }
+    function te(e, t, n, l) {
+      h.value = { col: e, row: t }, g.value = {
+        startCol: Math.min(e, n),
+        startRow: Math.min(t, l),
+        endCol: Math.max(e, n),
+        endRow: Math.max(t, l)
+      };
+    }
+    function mt() {
+      te(0, 0, c - 1, r - 1);
+    }
+    function Pt(e, t) {
+      const n = g.value;
+      return n ? e >= n.startCol && e <= n.endCol && t >= n.startRow && t <= n.endRow : !1;
+    }
+    function L(e, t) {
+      return `${e},${t}`;
+    }
+    function X(e) {
+      Reflect.deleteProperty(b, e);
+    }
+    function Re(e, t) {
+      var n;
+      return ((n = b[L(e, t)]) == null ? void 0 : n.value) ?? "";
+    }
+    function Cl(e, t) {
+      return yl(), Fn(e, t, b, c, r);
+    }
+    function Me(e, t, n) {
+      var d;
+      const l = L(e, t);
+      if (yl(), n === "" || n == null) {
+        Y.clear(l), X(l), Y.markDirty(l);
+        return;
+      }
+      const o = String(n), a = ((d = b[l]) == null ? void 0 : d.style) ?? null;
+      b[l] = { value: o, style: a }, o.startsWith("=") ? Y.set(l, xl(o.slice(1), c, r)) : Y.clear(l), Y.markDirty(l);
+    }
+    function zt(e, t, n, l) {
+      for (let o = e; o <= t; o++)
+        for (let a = n; a <= l; a++) {
+          const d = L(o, a);
+          Y.clear(d), X(d), Y.markDirty(d);
+        }
+    }
+    function ve(e) {
+      R.value || (R.value = { ...h.value }, O.value = e ?? Re(h.value.col, h.value.row));
+    }
+    function be() {
+      R.value && (Me(R.value.col, R.value.row, O.value), R.value = null, O.value = "");
+    }
+    function me() {
+      R.value = null, O.value = "";
+    }
+    function ie(e, t) {
+      ee(
+        Math.max(0, Math.min(c - 1, h.value.col + e)),
+        Math.max(0, Math.min(r - 1, h.value.row + t))
+      );
+    }
+    function W(e, t) {
+      const n = Math.max(0, U.w - w - Q), l = Math.max(0, U.h - y - Q), o = he.value[e], a = pe.value[t], d = H.value[e], p = E.value[t];
+      let B = M.value, S = T.value;
+      o < B ? B = o : o + d > B + n && (B = o + d - n), a < S ? S = a : a + p > S + l && (S = a + p - l), z(B, S);
+    }
+    function le(e) {
+      const t = he.value;
+      if (e < 0 || e >= t[c])
+        return -1;
+      let n = 0, l = c - 1;
+      for (; n < l; ) {
+        const o = n + l + 1 >> 1;
+        t[o] <= e ? n = o : l = o - 1;
+      }
+      return n;
+    }
+    function ne(e) {
+      const t = pe.value;
+      if (e < 0 || e >= t[r])
+        return -1;
+      let n = 0, l = r - 1;
+      for (; n < l; ) {
+        const o = n + l + 1 >> 1;
+        t[o] <= e ? n = o : l = o - 1;
+      }
+      return n;
+    }
+    const de = N([]), qe = N([]);
+    function gt() {
+      const e = {};
+      for (const [t, n] of Object.entries(b))
+        e[t] = { value: n.value, style: n.style };
+      return { cells: e, colWidths: [...H.value], rowHeights: [...E.value] };
+    }
+    function Vt(e) {
+      Object.keys(b).forEach((t) => X(t)), Object.assign(b, e.cells), H.value = e.colWidths, E.value = e.rowHeights, Y.rebuild(b, c, r);
+    }
+    function K() {
+      const e = gt(), t = de.value[de.value.length - 1];
+      t && JSON.stringify(t) === JSON.stringify(e) || (de.value.push(e), qe.value = [], de.value.length > En && de.value.shift());
+    }
+    function Sl() {
+      de.value.length && (qe.value.push(gt()), Vt(de.value.pop()), g.value = null, v());
+    }
+    function kl() {
+      qe.value.length && (de.value.push(gt()), Vt(qe.value.pop()), g.value = null, v());
+    }
+    let Jt = null;
+    function Ge() {
+      const e = g.value;
+      if (!e)
+        return;
+      Jt = { ...e };
+      const t = [];
+      for (let n = e.startRow; n <= e.endRow; n++) {
+        const l = [];
+        for (let o = e.startCol; o <= e.endCol; o++)
+          l.push(Re(o, n));
+        t.push(l.join("	"));
+      }
+      jt(t.join(`
+`));
+    }
+    function Qe() {
+      const e = g.value;
+      if (e) {
+        if (e.startCol === 0 && e.endCol === c - 1) {
+          const t = [];
+          for (let n = e.startRow; n <= e.endRow; n++) {
+            const l = [];
+            for (let o = 0; o < c; o++)
+              l.push(Re(o, n));
+            t.push(l.join("	"));
+          }
+          jt(t.join(`
+`));
+        } else if (e.startRow === 0 && e.endRow === r - 1) {
+          const t = [];
+          for (let n = 0; n < r; n++) {
+            const l = [];
+            for (let o = e.startCol; o <= e.endCol; o++)
+              l.push(Re(o, n));
+            t.push(l.join("	"));
+          }
+          jt(t.join(`
+`));
+        }
+      }
+    }
+    async function Ye() {
+      let e = "";
+      try {
+        e = await navigator.clipboard.readText();
+      } catch {
+        return;
+      }
+      if (!e && e !== "")
+        return;
+      const t = e.split(/\r?\n/), n = h.value, l = Jt;
+      for (let o = 0; o < t.length; o++) {
+        const a = t[o].split("	");
+        for (let d = 0; d < a.length; d++) {
+          const p = n.col + d, B = n.row + o;
+          if (p < c && B < r) {
+            let S = a[d];
+            S.startsWith("=") && l && (S = On(
+              S,
+              p - (l.startCol + d),
+              B - (l.startRow + o),
+              c,
+              r,
+              ce
+            )), Me(p, B, S);
+          }
+        }
+      }
+    }
+    function wt() {
+      if (Ge(), g.value) {
+        const e = g.value;
+        zt(e.startCol, e.endCol, e.startRow, e.endRow), v();
+      }
+    }
+    function yt() {
+      if (g.value) {
+        const e = g.value;
+        zt(e.startCol, e.endCol, e.startRow, e.endRow), v();
+      }
+    }
+    function Rl() {
+      const e = g.value;
+      if (!e)
+        return;
+      K();
+      const t = e.startCol, n = e.startRow, l = e.endCol, o = e.endRow;
+      if (n === o)
+        if (l + 1 < c) {
+          const a = `${ce(t)}${n + 1}:${ce(l)}${n + 1}`;
+          Me(l + 1, n, `=SUM(${a})`);
+        } else {
+          const a = `${ce(t)}${n + 1}:${ce(l - 1)}${n + 1}`;
+          Me(l, n, `=SUM(${a})`);
+        }
+      else
+        for (let a = t; a <= l; a++)
+          if (o + 1 < r) {
+            const d = `${ce(a)}${n + 1}:${ce(a)}${o + 1}`;
+            Me(a, o + 1, `=SUM(${d})`);
+          } else {
+            const d = `${ce(a)}${n + 1}:${ce(a)}${o}`;
+            Me(a, o, `=SUM(${d})`);
+          }
+      v(), A();
+    }
+    function Ml(e, t) {
+      const n = t - e + 1;
+      for (let l = e; l <= t; l++)
+        for (let o = 0; o < c; o++)
+          X(L(o, l));
+      for (let l = e; l < r - n; l++) {
+        for (let o = 0; o < c; o++) {
+          const a = L(o, l + n), d = L(o, l);
+          b[a] ? (b[d] = b[a], X(a)) : X(d);
+        }
+        E.value[l] = E.value[l + n];
+      }
+      for (let l = r - n; l < r; l++) {
+        for (let o = 0; o < c; o++)
+          X(L(o, l));
+        E.value[l] = Ze;
+      }
+    }
+    function Tl(e, t) {
+      const n = t - e + 1;
+      if (!(t >= r - 1)) {
+        for (let l = r - 1; l > t; l--) {
+          for (let o = 0; o < c; o++) {
+            const a = L(o, l - n), d = L(o, l);
+            b[a] ? b[d] = b[a] : X(d);
+          }
+          E.value[l] = E.value[l - n];
+        }
+        for (let l = t + 1; l <= t + n; l++) {
+          for (let o = 0; o < c; o++)
+            X(L(o, l));
+          E.value[l] = Ze;
+        }
+      }
+    }
+    function Dl(e, t) {
+      const n = t - e + 1;
+      if (!(t >= c - 1)) {
+        for (let l = c - 1; l > t; l--) {
+          for (let o = 0; o < r; o++) {
+            const a = L(l - n, o), d = L(l, o);
+            b[a] ? b[d] = b[a] : X(d);
+          }
+          H.value[l] = H.value[l - n];
+        }
+        for (let l = t + 1; l <= t + n; l++) {
+          for (let o = 0; o < r; o++)
+            X(L(l, o));
+          H.value[l] = Je;
+        }
+      }
+    }
+    function Hl(e, t) {
+      const n = t - e + 1;
+      for (let l = e; l <= t; l++)
+        for (let o = 0; o < r; o++)
+          X(L(l, o));
+      for (let l = e; l < c - n; l++) {
+        for (let o = 0; o < r; o++) {
+          const a = L(l + n, o), d = L(l, o);
+          b[a] ? (b[d] = b[a], X(a)) : X(d);
+        }
+        H.value[l] = H.value[l + n];
+      }
+      for (let l = c - n; l < c; l++) {
+        for (let o = 0; o < r; o++)
+          X(L(l, o));
+        H.value[l] = Je;
+      }
+    }
+    let Zt = 0;
+    function qt() {
+      return Zt++, `s_${Zt}`;
+    }
+    function et(e) {
+      return {
+        id: qt(),
+        name: e,
+        cells: {},
+        selection: { startCol: 0, startRow: 0, endCol: 0, endRow: 0 },
+        activeCell: { col: 0, row: 0 },
+        scrollX: 0,
+        scrollY: 0,
+        colWidths: new Array(c).fill(Je),
+        rowHeights: new Array(r).fill(Ze)
+      };
+    }
+    const D = N([et("Sheet1")]), Z = N(0);
+    function Ue() {
+      const e = D.value[Z.value];
+      e && (e.cells = { ...b }, e.selection = g.value ? { ...g.value } : null, e.activeCell = { ...h.value }, e.scrollX = M.value, e.scrollY = T.value, e.colWidths = [...H.value], e.rowHeights = [...E.value]);
+    }
+    function ge(e) {
+      const t = D.value[e];
+      t && (Object.keys(b).forEach((n) => X(n)), Object.assign(b, t.cells), g.value = t.selection ? { ...t.selection } : null, h.value = { ...t.activeCell }, M.value = t.scrollX, T.value = t.scrollY, H.value = [...t.colWidths], E.value = [...t.rowHeights], Z.value = e);
+    }
+    function _l(e) {
+      e === Z.value || e < 0 || e >= D.value.length || (me(), Ue(), ge(e));
+    }
+    function Bt(e) {
+      return me(), Ue(), D.value.push(et(`Sheet${D.value.length + 1}`)), ge(D.value.length - 1), D.value.length - 1;
+    }
+    function El(e) {
+      return D.value.length <= 1 || (me(), D.value.splice(e, 1), ge(Math.min(e, D.value.length - 1))), Z.value;
+    }
+    function $l(e, t) {
+      D.value[e] && t.trim() && (D.value[e].name = t.trim());
+    }
+    function Il(e) {
+      me(), Ue();
+      const t = D.value[e];
+      if (!t)
+        return e;
+      let n = t.name;
+      const l = n.match(/^(.*?)\s*\((\d+)\)$/);
+      let o = l ? parseInt(l[2], 10) + 1 : 2;
+      l && (n = l[1]);
+      let a = `${n} (${o})`;
+      const d = new Set(D.value.map((B) => B.name));
+      for (; d.has(a); )
+        o++, a = `${n} (${o})`;
+      const p = {
+        id: qt(),
+        name: a,
+        cells: { ...t.cells },
+        selection: t.selection ? { ...t.selection } : null,
+        activeCell: t.activeCell ? { ...t.activeCell } : { col: 0, row: 0 },
+        scrollX: t.scrollX,
+        scrollY: t.scrollY,
+        colWidths: [...t.colWidths],
+        rowHeights: [...t.rowHeights]
+      };
+      return D.value.splice(e + 1, 0, p), ge(e + 1), e + 1;
+    }
+    function Gt(e, t) {
+      const n = e + t;
+      if (n < 0 || n >= D.value.length)
+        return;
+      const l = Z.value, o = D.value.splice(e, 1)[0];
+      D.value.splice(n, 0, o), l === e ? Z.value = n : e < l && n >= l ? Z.value = l - 1 : e > l && n <= l && (Z.value = l + 1), v();
+    }
+    const Wl = I(() => D.value.length);
+    function A() {
+      Ue();
+      const e = D.value.map((n) => {
+        const l = {};
+        for (const [p, B] of Object.entries(n.cells))
+          l[p] = { value: B.value }, B.style && (l[p].style = B.style);
+        const o = { name: n.name, cells: l }, a = {};
+        for (let p = 0; p < n.colWidths.length; p++)
+          n.colWidths[p] !== 100 && (a[p] = n.colWidths[p]);
+        Object.keys(a).length && (o.colWidths = a);
+        const d = {};
+        for (let p = 0; p < n.rowHeights.length; p++)
+          n.rowHeights[p] !== 24 && (d[p] = n.rowHeights[p]);
+        return Object.keys(d).length && (o.rowHeights = d), o;
+      }), t = JSON.stringify(e);
+      t !== k && (k = t, m.value = e);
+    }
+    let xt = !1;
+    function Qt() {
+      xt || (xt = !0, Promise.resolve().then(() => {
+        xt = !1, A();
+      }));
+    }
+    const el = I(() => f.theme === "dark" ? Wn : In), Al = I(() => Yn(el.value, f.width, f.height, Se)), we = N(null), oe = N(null), Ct = N(null), St = N(null), U = wl({ w: 800, h: 600 }), Te = I(() => Math.max(0, pt.value - Math.max(0, U.w - w - Q))), De = I(() => Math.max(0, bt.value - Math.max(0, U.h - y - Q)));
+    function z(e, t) {
+      const n = Math.max(0, U.w - w - Q), l = Math.max(0, U.h - y - Q);
+      M.value = Math.max(0, Math.min(e ?? M.value, Math.max(0, pt.value - n))), T.value = Math.max(0, Math.min(t ?? T.value, Math.max(0, bt.value - l)));
+    }
+    function Nl() {
+      var e;
+      return typeof window > "u" ? !1 : !((e = window.matchMedia) != null && e.call(window, "(hover: none) and (pointer: coarse)").matches);
+    }
+    function V(e = !1) {
+      J(() => {
+        const t = Ct.value;
+        if (t) {
+          if (!R.value && !Nl()) {
+            document.activeElement === t && t.blur();
+            return;
+          }
+          t.focus(), e && t.select();
+        }
+      });
+    }
+    function Ll() {
+      V();
+    }
+    let kt = !1, i = null, je = 1;
+    function v() {
+      kt || (kt = !0, requestAnimationFrame(() => {
+        kt = !1, Fl();
+      }));
+    }
+    function Fl() {
+      const e = oe.value;
+      if (!e)
+        return;
+      const t = we.value;
+      if (!t || (i = e.getContext("2d"), !i))
+        return;
+      je = window.devicePixelRatio || 1;
+      const n = t.getBoundingClientRect(), l = n.width, o = n.height;
+      U.w = l, U.h = o, e.width = l * je, e.height = o * je, e.style.width = l + "px", e.style.height = o + "px", i.setTransform(je, 0, 0, je, 0, 0);
+      const a = M.value, d = T.value, p = w, B = y, S = el.value, Ft = he.value, Ot = pe.value, vl = H.value, dl = E.value, it = Math.max(0, le(a));
+      let hl = it;
+      for (let x = it; x < c && !(p + Ft[x] - a >= l); x++)
+        hl = x;
+      const pl = hl, ft = Math.max(0, ne(d));
+      let bl = ft;
+      for (let x = ft; x < r && !(B + Ot[x] - d >= o); x++)
+        bl = x;
+      const ml = bl;
+      i.fillStyle = S.bg, i.fillRect(0, 0, l, o), i.fillStyle = S.gridBg, i.fillRect(p, B, l - p, o - B), i.save(), i.beginPath(), i.rect(p + 0.5, B + 0.5, l - p - 1, o - B - 1), i.clip();
+      const G = g.value, Xt = R.value;
+      for (let x = ft; x <= ml; x++)
+        for (let _ = it; _ <= pl; _++) {
+          const F = p + Ft[_] - a, xe = B + Ot[x] - d, ze = vl[_], Le = dl[x];
+          if (!(F + ze < p || xe + Le < B || F > l || xe > o) && (Pt(_, x) && (i.fillStyle = S.selectionBg, i.fillRect(F, xe, ze, Le)), h.value.col === _ && h.value.row === x && (i.strokeStyle = S.activeCellBorder, i.lineWidth = 2, i.strokeRect(F + 1, xe + 1, ze - 2, Le - 2)), i.strokeStyle = S.gridLine, i.lineWidth = 0.5, i.strokeRect(F + 0.25, xe + 0.25, ze - 0.5, Le - 0.5), !(Xt && Xt.col === _ && Xt.row === x))) {
+            const gl = Cl(_, x);
+            gl && (i.fillStyle = S.cellText, i.font = '13px -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif', i.textBaseline = "middle", i.save(), i.beginPath(), i.rect(F + 5, xe + 1, ze - 10, Le - 2), i.clip(), i.fillText(gl, F + 5, xe + Le / 2 + 0.5), i.restore());
+          }
+        }
+      i.restore(), i.fillStyle = S.headerBg, i.fillRect(p, 0, l - p, B);
+      for (let x = it; x <= pl; x++) {
+        const _ = p + Ft[x] - a, F = vl[x];
+        _ + F < p || _ > l || (G && x >= G.startCol && x <= G.endCol && (i.fillStyle = S.selectionBg, i.fillRect(_, 0, F, B)), i.strokeStyle = S.headerBorder, i.lineWidth = 0.5, i.strokeRect(_ + 0.25, 0.25, F - 0.5, B - 0.5), G && x >= G.startCol && x <= G.endCol && (i.strokeStyle = S.activeCellBorder, i.lineWidth = 2, i.beginPath(), i.moveTo(_, B - 1), i.lineTo(_ + F, B - 1), i.stroke()), i.fillStyle = S.headerText, i.font = '11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', i.textAlign = "center", i.textBaseline = "middle", i.fillText(ce(x), _ + F / 2, B / 2));
+      }
+      i.strokeStyle = S.headerSep, i.lineWidth = 1, i.beginPath(), i.moveTo(p, B + 0.5), i.lineTo(l, B + 0.5), i.stroke(), i.fillStyle = S.headerBg, i.fillRect(0, B, p, o - B);
+      for (let x = ft; x <= ml; x++) {
+        const _ = B + Ot[x] - d, F = dl[x];
+        _ + F < B || _ > o || (G && x >= G.startRow && x <= G.endRow && (i.fillStyle = S.selectionBg, i.fillRect(0, _, p, F)), i.strokeStyle = S.headerBorder, i.lineWidth = 0.5, i.strokeRect(0.25, _ + 0.25, p - 0.5, F - 0.5), G && x >= G.startRow && x <= G.endRow && (i.strokeStyle = S.activeCellBorder, i.lineWidth = 2, i.beginPath(), i.moveTo(p - 1, _), i.lineTo(p - 1, _ + F), i.stroke()), i.fillStyle = S.headerText, i.font = '11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', i.textAlign = "center", i.textBaseline = "middle", i.fillText(String(x + 1), p / 2, _ + F / 2 + 0.5));
+      }
+      i.strokeStyle = S.headerSep, i.lineWidth = 1, i.beginPath(), i.moveTo(p + 0.5, B), i.lineTo(p + 0.5, o), i.stroke(), i.fillStyle = S.headerBg, i.fillRect(0, 0, p, B), i.strokeStyle = S.headerSep, i.lineWidth = 1, i.strokeRect(0.5, 0.5, p - 0.5, B - 0.5);
+    }
+    const Ol = I(() => ce(h.value.col) + String(h.value.row + 1)), Xl = I(() => R.value ? O.value : Re(h.value.col, h.value.row));
+    function Yl() {
+      R.value || (W(h.value.col, h.value.row), O.value = Re(h.value.col, h.value.row), ve(), v());
+    }
+    function Ul(e) {
+      O.value = e.target.value;
+    }
+    function jl(e) {
+      var t, n;
+      e.key === "Enter" ? (e.preventDefault(), be(), ie(0, 1), W(h.value.col, h.value.row), (t = St.value) == null || t.blur(), v(), V()) : e.key === "Escape" && (e.preventDefault(), me(), (n = St.value) == null || n.blur(), v(), V());
+    }
+    function Kl() {
+      setTimeout(() => {
+        R.value && (be(), v());
+      }, 0);
+    }
+    const ye = N(null), He = N("");
+    function Pl(e) {
+      ye.value === null && (_l(e), v());
+    }
+    function tl(e) {
+      e !== Z.value && (Ue(), ge(e), v()), ye.value = e, He.value = D.value[e].name, J(() => {
+        const t = document.querySelector(".tab-rename-input");
+        t == null || t.focus(), t == null || t.select();
+      });
+    }
+    function ll() {
+      ye.value !== null && ($l(ye.value, He.value), J(A)), ye.value = null, He.value = "";
+    }
+    function zl() {
+      ye.value = null, He.value = "";
+    }
+    function Vl(e) {
+      e.key === "Enter" ? (e.preventDefault(), ll()) : e.key === "Escape" && (e.preventDefault(), zl());
+    }
+    const fe = N(null);
+    let Ke = null;
+    function nl() {
+      Ke && (document.removeEventListener("click", Ke), Ke = null);
+    }
+    function _e(e, t, n) {
+      nl();
+      const l = 140, o = n.length * 28 + 8, a = window.innerWidth, d = window.innerHeight;
+      e + l > a && (e -= l), t + o > d && (t -= o), fe.value = { x: e, y: t, items: n }, Ke = () => {
+        fe.value = null, nl();
+      }, setTimeout(() => document.addEventListener("click", Ke, { once: !0 }), 0);
+    }
+    const tt = N(!1);
+    function Jl(e, t) {
+      if (!t.children) {
+        tt.value = !1;
+        return;
+      }
+      const l = e.currentTarget.querySelector(".context-submenu");
+      if (!l) {
+        tt.value = !1;
+        return;
+      }
+      const o = l.getBoundingClientRect();
+      tt.value = o.right > window.innerWidth;
+    }
+    function Zl(e, t) {
+      e.preventDefault(), e.stopPropagation(), _e(e.clientX, e.clientY, [
+        {
+          label: C(s.value, "insert"),
+          action: () => {
+            Bt(), v();
+          }
+        },
+        { label: C(s.value, "copy"), action: () => {
+          Il(t);
+        } },
+        { label: C(s.value, "rename"), action: () => {
+          tl(t);
+        } },
+        {
+          label: C(s.value, "delete"),
+          action: () => {
+            El(t), v();
+          },
+          disabled: Wl.value <= 1
+        },
+        { label: C(s.value, "moveSheetLeft"), action: () => {
+          Gt(t, -1);
+        }, disabled: t === 0 },
+        { label: C(s.value, "moveSheetRight"), action: () => {
+          Gt(t, 1);
+        }, disabled: t === D.value.length - 1 }
+      ]);
+    }
+    function ql(e) {
+      e.preventDefault(), !(e.target.closest(".tab-item") || e.target.closest(".tab-bar__add-btn")) && _e(e.clientX, e.clientY, [
+        {
+          label: C(s.value, "insert"),
+          action: () => {
+            Bt(), v();
+          }
+        }
+      ]);
+    }
+    function Gl(e) {
+      e.preventDefault(), mt(), v(), _e(e.clientX, e.clientY, [
+        {
+          label: C(s.value, "cut"),
+          action: () => {
+            wt(), A();
+          }
+        },
+        { label: C(s.value, "copy"), action: () => Ge() },
+        {
+          label: C(s.value, "paste"),
+          action: () => {
+            K(), Ye().then(() => {
+              v(), J(A);
+            });
+          }
+        },
+        { label: C(s.value, "delete"), action: () => {
+          K(), yt();
+          for (let t = 0; t < c; t++)
+            H.value[t] = Je;
+          for (let t = 0; t < r; t++)
+            E.value[t] = Ze;
+          v(), A();
+        } }
+      ]);
+    }
+    function Ql(e, t) {
+      e.preventDefault();
+      const n = g.value;
+      n && n.startCol === 0 && n.endCol === c - 1 && t >= n.startRow && t <= n.endRow || (te(0, t, c - 1, t), v());
+      const l = g.value;
+      _e(e.clientX, e.clientY, [
+        {
+          label: C(s.value, "insert"),
+          action: () => {
+            K(), Tl(l.startRow, l.endRow), v(), A();
+          },
+          disabled: l.endRow >= r - 1
+        },
+        { label: C(s.value, "cut"), action: () => {
+          K(), Qe();
+          for (let o = l.startRow; o <= l.endRow; o++)
+            for (let a = 0; a < c; a++)
+              X(L(a, o));
+          v(), A();
+        } },
+        { label: C(s.value, "copy"), action: () => Qe() },
+        {
+          label: C(s.value, "paste"),
+          action: () => {
+            K(), Ye().then(() => {
+              v(), J(A);
+            });
+          }
+        },
+        {
+          label: C(s.value, "delete"),
+          action: () => {
+            K(), Ml(l.startRow, l.endRow), v(), A();
+          }
+        }
+      ]);
+    }
+    function en(e, t) {
+      e.preventDefault();
+      const n = g.value;
+      n && n.startRow === 0 && n.endRow === r - 1 && t >= n.startCol && t <= n.endCol || (te(t, 0, t, r - 1), v());
+      const l = g.value;
+      _e(e.clientX, e.clientY, [
+        {
+          label: C(s.value, "insert"),
+          action: () => {
+            K(), Dl(l.startCol, l.endCol), v(), A();
+          },
+          disabled: l.endCol >= c - 1
+        },
+        { label: C(s.value, "cut"), action: () => {
+          K(), Qe();
+          for (let o = l.startCol; o <= l.endCol; o++)
+            for (let a = 0; a < r; a++)
+              X(L(o, a));
+          v(), A();
+        } },
+        { label: C(s.value, "copy"), action: () => Qe() },
+        {
+          label: C(s.value, "paste"),
+          action: () => {
+            K(), Ye().then(() => {
+              v(), J(A);
+            });
+          }
+        },
+        {
+          label: C(s.value, "delete"),
+          action: () => {
+            K(), Hl(l.startCol, l.endCol), v(), A();
+          }
+        }
+      ]);
+    }
+    function tn(e, t, n) {
+      e.preventDefault(), Pt(t, n) || (ee(t, n), v());
+      const l = g.value, o = !!(l && l.startCol === l.endCol && l.startRow === l.endRow);
+      _e(e.clientX, e.clientY, [
+        {
+          label: C(s.value, "cut"),
+          action: () => {
+            wt(), A();
+          }
+        },
+        { label: C(s.value, "copy"), action: () => Ge() },
+        {
+          label: C(s.value, "paste"),
+          action: () => {
+            K(), Ye().then(() => {
+              v(), J(A);
+            });
+          }
+        },
+        {
+          label: C(s.value, "delete"),
+          action: () => {
+            K(), yt(), v(), A();
+          }
+        },
+        {
+          label: C(s.value, "calculate"),
+          children: [
+            { label: C(s.value, "sum"), action: Rl, disabled: o }
+          ]
+        }
+      ]);
+    }
+    const ln = I(() => {
+      const e = !R.value, t = R.value ?? h.value, n = t.col, l = t.row;
+      return {
+        left: `${w + he.value[n] - M.value}px`,
+        top: `${y + pe.value[l] - T.value}px`,
+        width: `${H.value[n]}px`,
+        height: `${E.value[l]}px`,
+        opacity: e ? 0 : 1,
+        pointerEvents: e ? "none" : "auto",
+        color: e ? "transparent" : void 0,
+        caretColor: e ? "transparent" : void 0,
+        borderColor: e ? "transparent" : void 0,
+        background: e ? "transparent" : void 0,
+        boxShadow: e ? "none" : void 0
+      };
+    }), nn = I(() => Math.max(0, U.w - w - Q)), on = I(() => Math.max(0, U.h - y - Q)), lt = I(() => Math.max(0, nn.value - 11 * 2)), nt = I(() => Math.max(0, on.value - 11 * 2));
+    function Rt() {
+      return Math.max(0, U.w - w - Q);
+    }
+    function Mt() {
+      return Math.max(0, U.h - y - Q);
+    }
+    const ot = I(() => Te.value <= 0 ? lt.value : Math.max(24, Rt() / pt.value * lt.value)), Tt = I(() => Te.value <= 0 ? 0 : M.value / Te.value * (lt.value - ot.value)), at = I(() => De.value <= 0 ? nt.value : Math.max(24, Mt() / bt.value * nt.value)), Dt = I(() => De.value <= 0 ? 0 : T.value / De.value * (nt.value - at.value));
+    let Be = null, rt = 0, ut = 0;
+    function an(e) {
+      e.preventDefault(), Be = "v", rt = e.clientY, ut = T.value, document.addEventListener("mousemove", Ht), document.addEventListener("mouseup", _t);
+    }
+    function rn(e) {
+      e.preventDefault(), Be = "h", rt = e.clientX, ut = M.value, document.addEventListener("mousemove", Ht), document.addEventListener("mouseup", _t);
+    }
+    function Ht(e) {
+      if (Be === "v") {
+        const n = (e.clientY - rt) / (nt.value - at.value);
+        z(null, ut + n * De.value), v();
+      } else if (Be === "h") {
+        const n = (e.clientX - rt) / (lt.value - ot.value);
+        z(ut + n * Te.value, null), v();
+      }
+    }
+    function _t() {
+      Be = null, document.removeEventListener("mousemove", Ht), document.removeEventListener("mouseup", _t);
+    }
+    function un(e) {
+      if (Be)
+        return;
+      const t = e.currentTarget.getBoundingClientRect(), n = e.clientY - t.top;
+      n < Dt.value ? z(null, T.value - Mt()) : n > Dt.value + at.value && z(null, T.value + Mt()), v();
+    }
+    function sn(e) {
+      if (Be)
+        return;
+      const t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left;
+      n < Tt.value ? z(M.value - Rt(), null) : n > Tt.value + ot.value && z(M.value + Rt(), null), v();
+    }
+    let Ee = !1, ae = 0, re = 0, $e = !1, Ie = !1, ol = 0, al = 0, We = 0, st = 0, Et = 0, $t = 0, rl = 0, ul = 0, Pe = !1, It = !1, Ae = 0, Ne = 0, Wt = 0, sl = -1, cl = -1;
+    function cn(e) {
+      if (e.button !== 0)
+        return;
+      e.preventDefault(), fe.value = null;
+      const t = ke(e, oe.value);
+      if (t.y < y && t.x >= w) {
+        const o = t.x - w + M.value, a = le(o);
+        if (a >= 0 && Math.abs(t.x - (w + he.value[a + 1] - M.value)) <= 4) {
+          $e = !0, ol = a, We = H.value[a], st = o, v();
+          return;
+        }
+      }
+      if (t.x < w && t.y >= y) {
+        const o = t.y - y + T.value, a = ne(o);
+        if (a >= 0 && Math.abs(t.y - (y + pe.value[a + 1] - T.value)) <= 4) {
+          Ie = !0, al = a, We = E.value[a], st = o, v();
+          return;
+        }
+      }
+      if (t.x < w || t.y < y) {
+        if (t.y < y && t.x >= w) {
+          const o = le(t.x - w + M.value);
+          o >= 0 && (te(o, 0, o, r - 1), Ee = !0, ae = o, re = 0);
+        } else if (t.x < w && t.y >= y) {
+          const o = ne(t.y - y + T.value);
+          o >= 0 && (te(0, o, c - 1, o), Ee = !0, ae = 0, re = o);
+        } else
+          t.x < w && t.y < y && mt();
+        v();
+        return;
+      }
+      const n = le(t.x - w + M.value), l = ne(t.y - y + T.value);
+      if (!(n < 0 || l < 0)) {
+        if (be(), e.shiftKey && g.value) {
+          const o = g.value;
+          te(o.startCol, o.startRow, n, l);
+        } else
+          ee(n, l);
+        Ee = !0, ae = n, re = l, V(), v();
+      }
+    }
+    function fn(e) {
+      if ($e) {
+        const a = ke(e, oe.value).x - w + M.value - st;
+        We + a >= 30 && (H.value[ol] = We + a), v();
+        return;
+      }
+      if (Ie) {
+        const a = ke(e, oe.value).y - y + T.value - st;
+        We + a >= 24 && (E.value[al] = We + a), v();
+        return;
+      }
+      if (!Ee) {
+        const o = oe.value;
+        if (!o)
+          return;
+        const a = ke(e, o);
+        if (a.y < y && a.x >= w) {
+          const d = le(a.x - w + M.value);
+          if (d >= 0 && Math.abs(a.x - (w + he.value[d + 1] - M.value)) <= 4) {
+            o.style.cursor = "col-resize";
+            return;
+          }
+        }
+        if (a.x < w && a.y >= y) {
+          const d = ne(a.y - y + T.value);
+          if (d >= 0 && Math.abs(a.y - (y + pe.value[d + 1] - T.value)) <= 4) {
+            o.style.cursor = "row-resize";
+            return;
+          }
+        }
+        o.style.cursor = "cell";
+        return;
+      }
+      const t = ke(e, oe.value);
+      if (ae < 0 || re < 0)
+        return;
+      if (t.x < w || t.y < y) {
+        if (t.y < y && t.x >= w) {
+          const o = le(t.x - w + M.value);
+          o >= 0 && te(Math.min(ae, o), 0, Math.max(ae, o), r - 1);
+        } else if (t.x < w && t.y >= y) {
+          const o = ne(t.y - y + T.value);
+          o >= 0 && te(0, Math.min(re, o), c - 1, Math.max(re, o));
+        }
+        v();
+        return;
+      }
+      const n = le(t.x - w + M.value), l = ne(t.y - y + T.value);
+      n < 0 || l < 0 || (re === 0 && ae >= 0 && g.value && g.value.startRow === 0 && g.value.endRow === r - 1 ? te(Math.min(ae, n), 0, Math.max(ae, n), r - 1) : ae === 0 && re >= 0 && g.value && g.value.startCol === 0 && g.value.endCol === c - 1 ? te(0, Math.min(re, l), c - 1, Math.max(re, l)) : te(ae, re, n, l), v());
+    }
+    function vn() {
+      const e = $e || Ie;
+      Ee = !1, $e = !1, Ie = !1, e && Qt();
+    }
+    function dn() {
+      const e = $e || Ie;
+      Ee = !1, $e = !1, Ie = !1, e && Qt();
+    }
+    function hn(e) {
+      e.preventDefault();
+      const t = ke(e, oe.value);
+      if (t.x < w && t.y < y) {
+        Gl(e);
+        return;
+      }
+      if (t.y < y && t.x >= w) {
+        const n = le(t.x - w + M.value);
+        n >= 0 && en(e, n);
+        return;
+      }
+      if (t.x < w && t.y >= y) {
+        const n = ne(t.y - y + T.value);
+        n >= 0 && Ql(e, n);
+        return;
+      }
+      if (t.x >= w && t.y >= y) {
+        const n = le(t.x - w + M.value), l = ne(t.y - y + T.value);
+        n >= 0 && l >= 0 && tn(e, n, l);
+      }
+    }
+    function pn(e) {
+      const t = ke(e, oe.value);
+      if (t.x < w || t.y < y)
+        return;
+      const n = le(t.x - w + M.value), l = ne(t.y - y + T.value);
+      n < 0 || l < 0 || (ee(n, l), W(n, l), ve(), v(), V());
+    }
+    function bn(e) {
+      z(M.value + e.deltaX, T.value + e.deltaY), v();
+    }
+    function mn(e) {
+      if (e.touches.length !== 1) {
+        Pe = !1;
+        return;
+      }
+      const t = e.touches[0], n = oe.value;
+      if (!n)
+        return;
+      const l = n.getBoundingClientRect(), o = t.clientX - l.left, a = t.clientY - l.top;
+      o >= w && a >= y && (e.preventDefault(), Pe = !0, It = !1, Et = o, $t = a, rl = M.value, ul = T.value, Ae = le(o - w + M.value), Ne = ne(a - y + T.value));
+    }
+    function gn(e) {
+      if (!Pe || e.touches.length !== 1)
+        return;
+      const t = e.touches[0], n = oe.value;
+      if (!n)
+        return;
+      const l = n.getBoundingClientRect(), o = t.clientX - l.left, a = t.clientY - l.top;
+      (Math.abs(o - Et) > 8 || Math.abs(a - $t) > 8) && (It = !0, e.preventDefault(), z(rl + (Et - o), ul + ($t - a)), v());
+    }
+    function wn() {
+      if (Pe && (Pe = !1, !It && Ae >= 0 && Ne >= 0)) {
+        const e = Date.now();
+        Ae === sl && Ne === cl && e - Wt < 300 ? (ee(Ae, Ne), ve(), v(), V(), Wt = 0) : (be(), ee(Ae, Ne), v(), Wt = e), sl = Ae, cl = Ne, V();
+      }
+    }
+    function At(e) {
+      return e.isComposing || e.key === "Process" || e.keyCode === 229;
+    }
+    function il(e) {
+      return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
+    }
+    function fl(e) {
+      if (R.value)
+        return;
+      const t = e.ctrlKey || e.metaKey, n = e.shiftKey;
+      switch (!0) {
+        case (t && (e.key === "c" || e.key === "C")):
+          e.preventDefault(), Ge();
+          return;
+        case (t && (e.key === "x" || e.key === "X")):
+          e.preventDefault(), wt();
+          return;
+        case (t && (e.key === "z" || e.key === "Z")):
+          e.preventDefault(), Sl();
+          return;
+        case (t && (e.key === "y" || e.key === "Y")):
+          e.preventDefault(), kl();
+          return;
+        case (t && (e.key === "v" || e.key === "V")):
+          e.preventDefault(), K(), Ye().then(() => {
+            v(), J(A);
+          });
+          return;
+        case (t && (e.key === "a" || e.key === "A")):
+          e.preventDefault(), mt(), v();
+          return;
+        case (t && e.key === "Home"):
+          e.preventDefault(), ee(0, 0), W(0, 0), v();
+          return;
+        case (t && e.key === "End"):
+          e.preventDefault(), ee(c - 1, r - 1), W(c - 1, r - 1), v();
+          return;
+        case e.key === "Home":
+          e.preventDefault(), ee(0, h.value.row), W(0, h.value.row), v();
+          return;
+        case e.key === "End":
+          e.preventDefault(), ee(c - 1, h.value.row), W(c - 1, h.value.row), v();
+          return;
+        case e.key === "ArrowUp":
+          e.preventDefault(), ie(0, -1), W(h.value.col, h.value.row), v();
+          return;
+        case e.key === "ArrowDown":
+          e.preventDefault(), ie(0, 1), W(h.value.col, h.value.row), v();
+          return;
+        case e.key === "ArrowLeft":
+          e.preventDefault(), ie(-1, 0), W(h.value.col, h.value.row), v();
+          return;
+        case e.key === "ArrowRight":
+          e.preventDefault(), ie(1, 0), W(h.value.col, h.value.row), v();
+          return;
+        case e.key === "Tab":
+          e.preventDefault(), ie(n ? -1 : 1, 0), W(h.value.col, h.value.row), v();
+          return;
+        case e.key === "Enter":
+          e.preventDefault(), ie(0, n ? -1 : 1), W(h.value.col, h.value.row), v();
+          return;
+        case e.key === "F2":
+          e.preventDefault(), W(h.value.col, h.value.row), ve(), v(), V();
+          return;
+        case e.key === "Delete":
+        case e.key === "Backspace":
+          e.preventDefault(), K(), yt(), v();
+          return;
+        case e.key === "Escape":
+          e.preventDefault(), me(), v();
+          return;
+        case il(e):
+          if (At(e)) {
+            W(h.value.col, h.value.row), ve(""), v(), V();
+            return;
+          }
+          e.preventDefault(), W(h.value.col, h.value.row), ve(e.key), v(), J(() => {
+            const l = Ct.value;
+            l && (l.focus(), l.setSelectionRange(1, 1));
+          });
+          return;
+      }
+    }
+    let Nt = !1, Lt = !1;
+    function yn(e) {
+      const t = e.target.value;
+      if (!R.value) {
+        W(h.value.col, h.value.row), ve(t), v();
+        return;
+      }
+      O.value = t;
+    }
+    function Bn() {
+      Nt = !0, R.value || (W(h.value.col, h.value.row), ve(""), v());
+    }
+    function xn(e) {
+      Nt = !1, Lt = !0, setTimeout(() => {
+        Lt = !1;
+      }, 0), O.value = e.target.value;
+    }
+    function Cn(e) {
+      if (!R.value) {
+        if (il(e) || At(e))
+          return;
+        fl(e);
+        return;
+      }
+      Nt || At(e) || Lt && (e.key === "Enter" || e.key === "Escape") || (e.key === "Enter" ? (e.preventDefault(), be(), ie(0, 1), W(h.value.col, h.value.row), v(), V()) : e.key === "Tab" ? (e.preventDefault(), be(), ie(e.shiftKey ? -1 : 1, 0), W(h.value.col, h.value.row), v(), V()) : e.key === "Escape" && (e.preventDefault(), me(), v(), V()));
+    }
+    function Sn() {
+      setTimeout(() => {
+        R.value && (be(), v());
+      }, 0);
+    }
+    function ct() {
+      var t;
+      const e = (t = we.value) == null ? void 0 : t.getBoundingClientRect();
+      if (e) {
+        const n = Se(f.width), l = Se(f.height);
+        n != null ? U.w = n : U.w = e.width, l != null ? U.h = l : U.h = e.height;
+      }
+      z(null, null), v();
+    }
+    let q = null;
+    return Mn(() => {
+      const e = Se(f.width), t = Se(f.height);
+      (e == null || t == null) && (q = new ResizeObserver(() => ct()), we.value && q.observe(we.value)), J(() => {
+        ct(), V();
+      }), ee(0, 0), m.value && m.value.length > 0 && (k = JSON.stringify(m.value), D.value = m.value.map((n) => {
+        const l = et(n.name);
+        for (const [o, a] of Object.entries(n.cells))
+          l.cells[o] = { value: a.value, style: a.style ?? null };
+        if (n.colWidths)
+          for (const [o, a] of Object.entries(n.colWidths)) {
+            const d = Number(o);
+            d >= 0 && d < c && a >= 30 && (l.colWidths[d] = a);
+          }
+        if (n.rowHeights)
+          for (const [o, a] of Object.entries(n.rowHeights)) {
+            const d = Number(o);
+            d >= 0 && d < r && a >= 24 && (l.rowHeights[d] = a);
+          }
+        return l;
+      }), D.value.length > 0 && ge(0));
+    }), Ve(() => [f.width, f.height], () => {
+      const e = Se(f.width), t = Se(f.height);
+      e != null && t != null ? (q == null || q.disconnect(), q = null) : !q && we.value && (q = new ResizeObserver(() => ct()), q.observe(we.value)), J(() => ct());
+    }), Ve(() => f.theme, () => v()), Ve(() => ({ ...b }), () => J(A), { deep: !1 }), Ve(Z, () => J(A)), Ve(() => m.value, (e) => {
+      if (!e || e.length === 0)
+        return;
+      const t = JSON.stringify(e);
+      t !== k && (k = t, D.value = e.map((n) => {
+        const l = et(n.name);
+        for (const [o, a] of Object.entries(n.cells))
+          l.cells[o] = { value: a.value, style: a.style ?? null };
+        if (n.colWidths)
+          for (const [o, a] of Object.entries(n.colWidths)) {
+            const d = Number(o);
+            d >= 0 && d < c && a >= 30 && (l.colWidths[d] = a);
+          }
+        if (n.rowHeights)
+          for (const [o, a] of Object.entries(n.rowHeights)) {
+            const d = Number(o);
+            d >= 0 && d < r && a >= 24 && (l.rowHeights[d] = a);
+          }
+        return l;
+      }), D.value.length > 0 && ge(0), v());
+    }, { deep: !0 }), Tn(() => {
+      q == null || q.disconnect();
+    }), (e, t) => (j(), P("div", {
+      class: "spreadsheet-outer",
+      style: Ce(Al.value)
+    }, [
+      $("div", {
+        class: "tab-bar",
+        onContextmenu: ql
+      }, [
+        $("div", Un, [
+          (j(!0), P(Yt, null, Ut(D.value, (n, l) => (j(), P("div", {
+            key: n.id,
+            class: vt(["tab-item", { "tab-item--active": l === Z.value }]),
+            onClick: (o) => Pl(l),
+            onDblclick: ue((o) => tl(l), ["prevent"]),
+            onContextmenu: (o) => Zl(o, l)
+          }, [
+            ye.value === l ? (j(), P("input", {
+              key: 0,
+              class: "tab-rename-input",
+              value: He.value,
+              onInput: t[0] || (t[0] = (o) => He.value = o.target.value),
+              onKeydown: Vl,
+              onBlur: ll,
+              onClick: t[1] || (t[1] = ue(() => {
+              }, ["stop"]))
+            }, null, 40, Kn)) : (j(), P("span", Pn, dt(n.name), 1))
+          ], 42, jn))), 128))
+        ]),
+        $("button", {
+          class: "tab-bar__add-btn",
+          title: se(C)(s.value, "addSheet"),
+          onClick: t[2] || (t[2] = (n) => {
+            Bt(), v();
+          })
+        }, " + ", 8, zn)
+      ], 32),
+      $("div", Vn, [
+        $("div", Jn, dt(Ol.value), 1),
+        $("input", {
+          ref_key: "formulaBarRef",
+          ref: St,
+          class: "formula-bar__input",
+          value: Xl.value,
+          onFocus: Yl,
+          onInput: Ul,
+          onKeydown: jl,
+          onBlur: Kl
+        }, null, 40, Zn)
+      ]),
+      $("div", {
+        ref_key: "wrapperRef",
+        ref: we,
+        class: "spreadsheet-wrapper"
+      }, [
+        $("canvas", {
+          ref_key: "canvasRef",
+          ref: oe,
+          class: "grid-canvas",
+          tabindex: "0",
+          onMousedown: cn,
+          onMousemove: fn,
+          onMouseup: vn,
+          onMouseleave: dn,
+          onDblclick: pn,
+          onWheel: ue(bn, ["prevent"]),
+          onFocus: Ll,
+          onKeydown: fl,
+          onContextmenu: hn,
+          onTouchstart: ue(mn, ["prevent"]),
+          onTouchmove: ue(gn, ["prevent"]),
+          onTouchend: wn
+        }, null, 544),
+        $("input", {
+          ref_key: "editInputRef",
+          ref: Ct,
+          class: "cell-editor",
+          value: O.value,
+          style: Ce(ln.value),
+          onInput: yn,
+          onKeydown: Cn,
+          onCompositionstart: Bn,
+          onCompositionend: xn,
+          onBlur: Sn
+        }, null, 44, qn),
+        De.value > 0 ? (j(), P("div", {
+          key: 0,
+          class: "v-scrollbar",
+          style: Ce({ top: se(y) + "px", height: `calc(100% - ${se(y) + se(Q)}px)` })
+        }, [
+          $("button", {
+            class: "sb-btn sb-btn--up",
+            title: se(C)(s.value, "scrollUp"),
+            onMousedown: t[3] || (t[3] = ue((n) => {
+              z(null, T.value - 50), v();
+            }, ["prevent"]))
+          }, [...t[8] || (t[8] = [
+            $("span", { class: "sb-arrow sb-arrow--up" }, null, -1)
+          ])], 40, Gn),
+          $("div", {
+            class: "sb-track sb-track--v",
+            onMousedown: un
+          }, [
+            $("div", {
+              class: "sb-thumb sb-thumb--v",
+              style: Ce({ top: Dt.value + "px", height: at.value + "px" }),
+              onMousedown: an
+            }, null, 36)
+          ], 32),
+          $("button", {
+            class: "sb-btn sb-btn--down",
+            title: se(C)(s.value, "scrollDown"),
+            onMousedown: t[4] || (t[4] = ue((n) => {
+              z(null, T.value + 50), v();
+            }, ["prevent"]))
+          }, [...t[9] || (t[9] = [
+            $("span", { class: "sb-arrow sb-arrow--down" }, null, -1)
+          ])], 40, Qn)
+        ], 4)) : Fe("", !0),
+        Te.value > 0 ? (j(), P("div", {
+          key: 1,
+          class: "h-scrollbar",
+          style: Ce({ left: se(w) + "px", width: `calc(100% - ${se(w) + se(Q)}px)` })
+        }, [
+          $("button", {
+            class: "sb-btn sb-btn--left",
+            title: se(C)(s.value, "scrollLeft"),
+            onMousedown: t[5] || (t[5] = ue((n) => {
+              z(M.value - 50, null), v();
+            }, ["prevent"]))
+          }, [...t[10] || (t[10] = [
+            $("span", { class: "sb-arrow sb-arrow--left" }, null, -1)
+          ])], 40, eo),
+          $("div", {
+            class: "sb-track sb-track--h",
+            onMousedown: sn
+          }, [
+            $("div", {
+              class: "sb-thumb sb-thumb--h",
+              style: Ce({ left: Tt.value + "px", width: ot.value + "px" }),
+              onMousedown: rn
+            }, null, 36)
+          ], 32),
+          $("button", {
+            class: "sb-btn sb-btn--right",
+            title: se(C)(s.value, "scrollRight"),
+            onMousedown: t[6] || (t[6] = ue((n) => {
+              z(M.value + 50, null), v();
+            }, ["prevent"]))
+          }, [...t[11] || (t[11] = [
+            $("span", { class: "sb-arrow sb-arrow--right" }, null, -1)
+          ])], 40, to)
+        ], 4)) : Fe("", !0),
+        Te.value > 0 && De.value > 0 ? (j(), P("div", lo)) : Fe("", !0)
+      ], 512),
+      (j(), Dn(Hn, { to: "body" }, [
+        fe.value ? (j(), P("div", {
+          key: 0,
+          class: "context-menu",
+          style: Ce({ left: fe.value.x + "px", top: fe.value.y + "px" }),
+          onClick: t[7] || (t[7] = ue(() => {
+          }, ["stop"]))
+        }, [
+          (j(!0), P(Yt, null, Ut(fe.value.items, (n, l) => (j(), P("div", {
+            key: l,
+            class: vt(["context-menu__item", { "context-menu__item--disabled": n.disabled }]),
+            onClick: (o) => !n.disabled && n.action && (n.action(), fe.value = null),
+            onMouseenter: (o) => Jl(o, n)
+          }, [
+            $("span", oo, dt(n.label), 1),
+            n.children ? (j(), P("span", ao)) : Fe("", !0),
+            n.children ? (j(), P("div", {
+              key: 1,
+              class: vt(["context-submenu", { "context-submenu--left": tt.value }])
+            }, [
+              (j(!0), P(Yt, null, Ut(n.children, (o, a) => (j(), P("div", {
+                key: a,
+                class: vt(["context-menu__item", { "context-menu__item--disabled": o.disabled }]),
+                onClick: ue((d) => !o.disabled && o.action && (o.action(), fe.value = null), ["stop"])
+              }, dt(o.label), 11, ro))), 128))
+            ], 2)) : Fe("", !0)
+          ], 42, no))), 128))
+        ], 4)) : Fe("", !0)
+      ]))
+    ], 4));
+  }
+}), so = (u, f) => {
+  const s = u.__vccOpts || u;
+  for (const [c, r] of f)
+    s[c] = r;
+  return s;
+}, io = /* @__PURE__ */ so(uo, [["__scopeId", "data-v-5100e6d6"]]);
+export {
+  io as Spreader,
+  io as default
+};