xiaodao-spreader 0.1.2 → 0.1.3

package/dist/xiaodao-spreader.es.js

@@ -1,5 +1,5 @@
-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 = {
+import { defineComponent as Rt, ref as D, computed as A, watch as He, nextTick as ee, onMounted as Go, onBeforeUnmount as Ht, openBlock as S, createElementBlock as H, normalizeStyle as Me, normalizeClass as oe, createElementVNode as c, toDisplayString as Le, createCommentVNode as ye, createBlock as ne, Teleport as ae, createVNode as ke, Transition as xt, withCtx as St, Fragment as Ie, renderList as Ve, withModifiers as re, unref as G, withDirectives as Ma, vShow as Ra, useModel as Da, reactive as Fl, mergeModels as Fa } from "vue";
+const I = 52, W = 24, Ct = 100, Ta = 24, Ea = 30, Tl = 24, Oa = 1e3, za = 500, Se = 11, La = 50, $a = {
   "zh-CN": {
     insert: "插入",
     delete: "删除",
@@ -17,7 +17,86 @@ const w = 52, y = 24, Je = 100, Ze = 24, Q = 11, En = 50, $n = {
     scrollLeft: "向左滚动",
     scrollRight: "向右滚动",
     calculate: "计算",
-    sum: "求和"
+    sum: "求和",
+    undo: "撤销",
+    redo: "重做",
+    paintFormat: "格式刷",
+    clearFormat: "清除格式",
+    fontFamily: "字体",
+    fontSize: "字号",
+    fontSizeIncrease: "增大字号",
+    fontSizeDecrease: "减小字号",
+    bold: "加粗",
+    italic: "斜体",
+    underline: "下划线",
+    strikethrough: "删除线",
+    fontColor: "文字颜色",
+    fillColor: "填充颜色",
+    borders: "边框",
+    borderBottom: "下框线",
+    borderTop: "上框线",
+    borderLeft: "左框线",
+    borderRight: "右框线",
+    borderNone: "无框线",
+    borderAll: "所有框线",
+    borderOuter: "外框线",
+    borderThickOuter: "粗外框线",
+    fontDefault: "默认",
+    rowHeight: "行高",
+    colWidth: "列宽",
+    defaultRowHeight: "默认行高",
+    defaultColWidth: "默认列宽",
+    ok: "确定",
+    cancel: "取消",
+    dimNumberError: "请输入数字",
+    dimRangeError: "请输入 {min}~{max} 之间的数值",
+    colorAutomatic: "自动",
+    colorNoFill: "无填充",
+    colorWhite: "白色",
+    colorBlack: "黑色",
+    colorLightGray: "浅灰",
+    colorLightBlue: "浅蓝",
+    colorLightOrange: "浅橙",
+    colorLightYellow: "浅黄",
+    colorLightGreen: "浅绿",
+    colorPaleBlue: "淡蓝",
+    colorPaleOrange: "淡橙",
+    colorPaleYellow: "淡黄",
+    colorPaleGreen: "淡绿",
+    colorSilver: "银色",
+    colorSkyBlue: "天蓝",
+    colorCoral: "珊瑚",
+    colorGold: "金色",
+    colorMint: "薄荷",
+    colorGray: "灰色",
+    colorMediumBlue: "中蓝",
+    colorOrange: "橙色",
+    colorAmber: "琥珀",
+    colorMediumGreen: "中绿",
+    colorDarkGray: "深灰",
+    colorRoyalBlue: "宝蓝",
+    colorRed: "红色",
+    colorDarkGold: "深金",
+    colorDarkGreen: "深绿",
+    colorCharcoal: "炭灰",
+    colorDeepBlue: "深蓝",
+    colorDarkRed: "深红",
+    colorOlive: "橄榄",
+    colorForest: "森林",
+    colorSlate: "石板灰",
+    colorNavy: "藏青",
+    colorCrimson: "绯红",
+    colorDarkOlive: "深橄榄",
+    colorDeepForest: "深林",
+    colorDarkSlate: "深石板灰",
+    colorMidnight: "午夜蓝",
+    colorMaroon: "栗色",
+    colorCoffee: "咖啡色",
+    colorEvergreen: "常青",
+    colorDarkNavy: "深藏青",
+    colorDarkMaroon: "深栗",
+    colorDarkCoffee: "深咖",
+    colorInkGreen: "墨绿"
   },
   "en-US": {
     insert: "Insert",
@@ -36,14 +115,125 @@ const w = 52, y = 24, Je = 100, Ze = 24, Q = 11, En = 50, $n = {
     scrollLeft: "Scroll left",
     scrollRight: "Scroll right",
     calculate: "Calculate",
-    sum: "Sum"
+    sum: "Sum",
+    undo: "Undo",
+    redo: "Redo",
+    paintFormat: "Paint Format",
+    clearFormat: "Clear Format",
+    fontFamily: "Font Family",
+    fontSize: "Font Size",
+    fontSizeIncrease: "Increase Font Size",
+    fontSizeDecrease: "Decrease Font Size",
+    bold: "Bold",
+    italic: "Italic",
+    underline: "Underline",
+    strikethrough: "Strikethrough",
+    fontColor: "Font Color",
+    fillColor: "Fill Color",
+    borders: "Borders",
+    borderBottom: "Bottom Border",
+    borderTop: "Top Border",
+    borderLeft: "Left Border",
+    borderRight: "Right Border",
+    borderNone: "No Border",
+    borderAll: "All Borders",
+    borderOuter: "Outside Borders",
+    borderThickOuter: "Thick Box Border",
+    fontDefault: "Default",
+    rowHeight: "Row Height",
+    colWidth: "Column Width",
+    defaultRowHeight: "Default Row Height",
+    defaultColWidth: "Default Column Width",
+    ok: "OK",
+    cancel: "Cancel",
+    dimNumberError: "Please enter a number",
+    dimRangeError: "Please enter a value between {min} and {max}",
+    colorAutomatic: "Automatic",
+    colorNoFill: "No Fill",
+    colorWhite: "White",
+    colorBlack: "Black",
+    colorLightGray: "Light Gray",
+    colorLightBlue: "Light Blue",
+    colorLightOrange: "Light Orange",
+    colorLightYellow: "Light Yellow",
+    colorLightGreen: "Light Green",
+    colorPaleBlue: "Pale Blue",
+    colorPaleOrange: "Pale Orange",
+    colorPaleYellow: "Pale Yellow",
+    colorPaleGreen: "Pale Green",
+    colorSilver: "Silver",
+    colorSkyBlue: "Sky Blue",
+    colorCoral: "Coral",
+    colorGold: "Gold",
+    colorMint: "Mint",
+    colorGray: "Gray",
+    colorMediumBlue: "Medium Blue",
+    colorOrange: "Orange",
+    colorAmber: "Amber",
+    colorMediumGreen: "Medium Green",
+    colorDarkGray: "Dark Gray",
+    colorRoyalBlue: "Royal Blue",
+    colorRed: "Red",
+    colorDarkGold: "Dark Gold",
+    colorDarkGreen: "Dark Green",
+    colorCharcoal: "Charcoal",
+    colorDeepBlue: "Deep Blue",
+    colorDarkRed: "Dark Red",
+    colorOlive: "Olive",
+    colorForest: "Forest",
+    colorSlate: "Slate",
+    colorNavy: "Navy",
+    colorCrimson: "Crimson",
+    colorDarkOlive: "Dark Olive",
+    colorDeepForest: "Deep Forest",
+    colorDarkSlate: "Dark Slate",
+    colorMidnight: "Midnight",
+    colorMaroon: "Maroon",
+    colorCoffee: "Coffee",
+    colorEvergreen: "Evergreen",
+    colorDarkNavy: "Dark Navy",
+    colorDarkMaroon: "Dark Maroon",
+    colorDarkCoffee: "Dark Coffee",
+    colorInkGreen: "Ink Green"
   }
 };
-function C(u, f) {
+function B(a, h) {
   var s;
-  return ((s = $n[u]) == null ? void 0 : s[f]) ?? f;
+  return ((s = $a[a]) == null ? void 0 : s[h]) ?? h;
 }
-const In = {
+const El = '-apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif', st = 10, Aa = [
+  { label: "", value: "" },
+  { label: "微软雅黑", value: '"Microsoft YaHei", "微软雅黑", sans-serif' },
+  { label: "宋体", value: '"SimSun", "宋体", serif' },
+  { label: "黑体", value: '"SimHei", "黑体", sans-serif' },
+  { label: "楷体", value: '"KaiTi", "楷体", serif' },
+  { label: "Arial", value: "Arial, sans-serif" },
+  { label: "Arial Black", value: '"Arial Black", sans-serif' },
+  { label: "Times New Roman", value: '"Times New Roman", serif' },
+  { label: "Courier New", value: '"Courier New", monospace' },
+  { label: "Verdana", value: "Verdana, sans-serif" },
+  { label: "Georgia", value: "Georgia, serif" },
+  { label: "Impact", value: "Impact, sans-serif" },
+  { label: "Tahoma", value: "Tahoma, sans-serif" },
+  { label: "Trebuchet MS", value: '"Trebuchet MS", sans-serif' },
+  { label: "Comic Sans MS", value: '"Comic Sans MS", cursive' }
+], Ha = [
+  { label: "9", value: 9 },
+  { label: "10", value: 10 },
+  { label: "11", value: 11 },
+  { label: "12", value: 12 },
+  { label: "13", value: 13 },
+  { label: "14", value: 14 },
+  { label: "16", value: 16 },
+  { label: "18", value: 18 },
+  { label: "20", value: 20 },
+  { label: "24", value: 24 },
+  { label: "28", value: 28 },
+  { label: "32", value: 32 },
+  { label: "36", value: 36 },
+  { label: "48", value: 48 },
+  { label: "72", value: 72 }
+], Ia = {
   bg: "#f4f4f4",
   gridBg: "#ffffff",
   headerBg: "#e8e8e8",
@@ -91,8 +281,14 @@ const In = {
   scrollBtnColor: "#666",
   scrollBtnHoverBg: "#d0d0d0",
   scrollBtnActiveBg: "#c0c0c0",
-  scrollTrackBg: "rgba(0,0,0,0.06)"
-}, Wn = {
+  scrollTrackBg: "rgba(0,0,0,0.06)",
+  toolbarBg: "#f7f7f7",
+  toolbarBorder: "#d8d8d8",
+  toolbarBtnColor: "#444",
+  toolbarBtnHoverBg: "#e6e6e6",
+  toolbarBtnDisabledColor: "#b0b0b0",
+  toolbarBtnActiveColor: "#0078d7"
+}, Wa = {
   bg: "#1e1e1e",
   gridBg: "#252526",
   headerBg: "#252525",
@@ -140,208 +336,1442 @@ const In = {
   scrollBtnColor: "#999",
   scrollBtnHoverBg: "#3d3d3d",
   scrollBtnActiveBg: "#4d4d4d",
-  scrollTrackBg: "rgba(255,255,255,0.05)"
-};
-function ce(u) {
-  let f = "", s = u;
+  scrollTrackBg: "rgba(255,255,255,0.05)",
+  toolbarBg: "#2a2a2a",
+  toolbarBorder: "#3e3e3e",
+  toolbarBtnColor: "#ccc",
+  toolbarBtnHoverBg: "#3a3a3a",
+  toolbarBtnDisabledColor: "#666",
+  toolbarBtnActiveColor: "#4ea1ff"
+}, Na = ["title"], Ga = { class: "sp-dropdown__value" }, Pa = ["disabled"], Ua = ["onClick"], Ya = ["disabled"], Ka = /* @__PURE__ */ Rt({
+  __name: "dropdown",
+  props: {
+    modelValue: {},
+    options: {},
+    width: { default: "auto" },
+    visibleCount: { default: 8 },
+    title: { default: "" },
+    modelOpen: { type: Boolean, default: void 0 },
+    hideTrigger: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "update:modelOpen"],
+  setup(a, { emit: h }) {
+    const s = a, v = h, i = D(!1), x = D(0), F = D(null), p = D(null), $ = D(null), w = D({ left: 0, top: 0, up: !1 }), g = D(0), E = D(!1), V = A(() => s.options.find((b) => String(b.value) === String(s.modelValue))), z = A(() => Math.min(s.visibleCount, s.options.length)), X = A(() => s.options.slice(x.value, x.value + z.value)), M = A(() => x.value > 0), O = A(() => x.value + z.value < s.options.length);
+    function P(b) {
+      x.value = Math.max(0, Math.min(s.options.length - z.value, x.value + b));
+    }
+    function _() {
+      i.value = !0, s.modelOpen !== void 0 && v("update:modelOpen", !0);
+      const b = F.value;
+      if (!b)
+        return;
+      const C = b.getBoundingClientRect(), N = z.value * 26 + 2 * 15 + 8, Qe = window.innerHeight - C.bottom - 4 < N && C.top - 4 > N;
+      w.value = {
+        left: C.left,
+        top: Qe ? C.top - N - 4 : C.bottom + 4,
+        up: Qe
+      };
+      const we = s.options.findIndex((Xe) => String(Xe.value) === String(s.modelValue));
+      x.value = we >= 0 ? Math.max(0, Math.min(we - Math.floor(z.value / 2), s.options.length - z.value)) : 0;
+    }
+    function Y() {
+      i.value = !1, s.modelOpen !== void 0 && v("update:modelOpen", !1);
+    }
+    function ce() {
+      i.value ? Y() : _();
+    }
+    function ie(b) {
+      v("update:modelValue", b.value), v("change", b.value), Y();
+    }
+    function de(b) {
+      var N, Q;
+      if (!i.value)
+        return;
+      const C = b.target;
+      (N = F.value) != null && N.contains(C) || (Q = $.value) != null && Q.contains(C) || Y();
+    }
+    function We(b) {
+      i.value && (b.preventDefault(), P(b.deltaY > 0 ? 1 : -1));
+    }
+    He(i, (b) => {
+      ee(() => {
+        var C, N;
+        b ? (C = p.value) == null || C.addEventListener("wheel", We, { passive: !1 }) : (N = p.value) == null || N.removeEventListener("wheel", We);
+      });
+    }), He(() => s.modelOpen, (b) => {
+      b !== void 0 && b !== i.value && (b ? _() : Y());
+    });
+    function Je(b) {
+      i.value && (g.value = b.touches[0].clientY, E.value = !0);
+    }
+    function L(b) {
+      if (!i.value || !E.value)
+        return;
+      const C = b.touches[0].clientY - g.value;
+      Math.abs(C) > 5 && (P(C < 0 ? 1 : -1), g.value = b.touches[0].clientY);
+    }
+    function U() {
+      E.value = !1;
+    }
+    function u(b) {
+      b.key === "Escape" && Y();
+    }
+    return Go(() => {
+      document.addEventListener("mousedown", de), window.addEventListener("resize", Y), window.addEventListener("scroll", Y, !0);
+    }), Ht(() => {
+      document.removeEventListener("mousedown", de), window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0);
+    }), (b, C) => {
+      var N;
+      return S(), H("div", {
+        ref_key: "rootRef",
+        ref: F,
+        class: "sp-dropdown",
+        style: Me(typeof a.width == "number" ? { width: a.width + "px" } : { width: a.width })
+      }, [
+        a.hideTrigger ? ye("", !0) : (S(), H("button", {
+          key: 0,
+          type: "button",
+          class: oe(["sp-dropdown__trigger", { "sp-dropdown__trigger--open": i.value }]),
+          title: a.title,
+          onClick: ce
+        }, [
+          c("span", Ga, Le(((N = V.value) == null ? void 0 : N.label) ?? ""), 1),
+          C[2] || (C[2] = c("svg", {
+            class: "sp-dropdown__caret",
+            viewBox: "0 0 1024 1024",
+            fill: "currentColor"
+          }, [
+            c("path", { d: "M180.053333 361.386667a32 32 0 0 1 45.226667 0L512 648.106667l286.72-286.72a32 32 0 1 1 45.226667 45.226666l-309.333334 309.333334a32 32 0 0 1-45.226666 0L180.053333 406.613333a32 32 0 0 1 0-45.226666z" })
+          ], -1))
+        ], 10, Na)),
+        (S(), ne(ae, { to: "body" }, [
+          ke(xt, { name: "menu-pop" }, {
+            default: St(() => [
+              i.value ? (S(), H("div", {
+                key: 0,
+                ref_key: "menuRef",
+                ref: $,
+                class: oe(["sp-dropdown__menu", { "sp-dropdown__menu--up": w.value.up }]),
+                style: Me({ left: w.value.left + "px", top: w.value.top + "px", width: typeof a.width == "number" ? a.width + "px" : a.width }),
+                onKeydown: u
+              }, [
+                c("button", {
+                  type: "button",
+                  class: oe(["sp-dropdown__nav", { "sp-dropdown__nav--disabled": !M.value }]),
+                  disabled: !M.value,
+                  onClick: C[0] || (C[0] = (Q) => P(-1))
+                }, [...C[3] || (C[3] = [
+                  c("svg", {
+                    viewBox: "0 0 1024 1024",
+                    fill: "currentColor"
+                  }, [
+                    c("path", { d: "M180.053333 662.613333a32 32 0 0 0 45.226667 0L512 375.893333l286.72 286.72a32 32 0 1 0 45.226667-45.226666l-309.333334-309.333334a32 32 0 0 0-45.226666 0l-309.333334 309.333334a32 32 0 0 0 0 45.226666z" })
+                  ], -1)
+                ])], 10, Pa),
+                c("div", {
+                  ref_key: "listRef",
+                  ref: p,
+                  class: "sp-dropdown__list",
+                  onTouchstart: Je,
+                  onTouchmove: L,
+                  onTouchend: U
+                }, [
+                  (S(!0), H(Ie, null, Ve(X.value, (Q) => (S(), H("button", {
+                    key: String(Q.value),
+                    type: "button",
+                    class: oe(["sp-dropdown__item", { "sp-dropdown__item--active": String(Q.value) === String(a.modelValue) }]),
+                    onClick: (Qe) => ie(Q)
+                  }, Le(Q.label), 11, Ua))), 128))
+                ], 544),
+                c("button", {
+                  type: "button",
+                  class: oe(["sp-dropdown__nav", { "sp-dropdown__nav--disabled": !O.value }]),
+                  disabled: !O.value,
+                  onClick: C[1] || (C[1] = (Q) => P(1))
+                }, [...C[4] || (C[4] = [
+                  c("svg", {
+                    viewBox: "0 0 1024 1024",
+                    fill: "currentColor"
+                  }, [
+                    c("path", { d: "M180.053333 361.386667a32 32 0 0 1 45.226667 0L512 648.106667l286.72-286.72a32 32 0 1 1 45.226667 45.226666l-309.333334 309.333334a32 32 0 0 1-45.226666 0L180.053333 406.613333a32 32 0 0 1 0-45.226666z" })
+                  ], -1)
+                ])], 10, Ya)
+              ], 38)) : ye("", !0)
+            ]),
+            _: 1
+          })
+        ]))
+      ], 4);
+    };
+  }
+}), Dt = (a, h) => {
+  const s = a.__vccOpts || a;
+  for (const [v, i] of h)
+    s[v] = i;
+  return s;
+}, Ol = /* @__PURE__ */ Dt(Ka, [["__scopeId", "data-v-47e5c681"]]), Va = ["title", "onClick"], Xa = /* @__PURE__ */ Rt({
+  __name: "colorPicker",
+  props: {
+    modelOpen: { type: Boolean, default: void 0 },
+    colorKey: { default: "text" },
+    currentColor: { default: "" },
+    locale: { default: "zh-CN" }
+  },
+  emits: ["update:modelValue", "change", "update:modelOpen"],
+  setup(a, { expose: h, emit: s }) {
+    const v = a, i = s, x = [
+      [
+        { key: "colorAutomatic", value: "" },
+        { key: "colorLightBlue", value: "#DEEBF7" },
+        { key: "colorLightOrange", value: "#FCE4D6" },
+        { key: "colorLightYellow", value: "#FFE79A" },
+        { key: "colorLightGreen", value: "#E2EFDA" }
+      ],
+      [
+        { key: "colorLightGray", value: "#F2F2F2" },
+        { key: "colorPaleBlue", value: "#BDD7EE" },
+        { key: "colorPaleOrange", value: "#F8CBAD" },
+        { key: "colorPaleYellow", value: "#FFD966" },
+        { key: "colorPaleGreen", value: "#C6EFCE" }
+      ],
+      [
+        { key: "colorSilver", value: "#D9D9D9" },
+        { key: "colorSkyBlue", value: "#9BC2E6" },
+        { key: "colorCoral", value: "#F4B183" },
+        { key: "colorGold", value: "#FFC000" },
+        { key: "colorMint", value: "#A9D18E" }
+      ],
+      [
+        { key: "colorGray", value: "#BFBFBF" },
+        { key: "colorMediumBlue", value: "#6FA8DC" },
+        { key: "colorOrange", value: "#ED7D31" },
+        { key: "colorAmber", value: "#F1C232" },
+        { key: "colorMediumGreen", value: "#70AD47" }
+      ],
+      [
+        { key: "colorDarkGray", value: "#A5A5A5" },
+        { key: "colorRoyalBlue", value: "#4A86E8" },
+        { key: "colorRed", value: "#E06666" },
+        { key: "colorDarkGold", value: "#BF8F00" },
+        { key: "colorDarkGreen", value: "#548235" }
+      ],
+      [
+        { key: "colorCharcoal", value: "#808080" },
+        { key: "colorDeepBlue", value: "#2E75B6" },
+        { key: "colorDarkRed", value: "#CC4125" },
+        { key: "colorOlive", value: "#806000" },
+        { key: "colorForest", value: "#375623" }
+      ],
+      [
+        { key: "colorSlate", value: "#595959" },
+        { key: "colorNavy", value: "#1F4E79" },
+        { key: "colorCrimson", value: "#993300" },
+        { key: "colorDarkOlive", value: "#5C4500" },
+        { key: "colorDeepForest", value: "#2D6A4F" }
+      ],
+      [
+        { key: "colorDarkSlate", value: "#404040" },
+        { key: "colorMidnight", value: "#17375E" },
+        { key: "colorMaroon", value: "#5A1E00" },
+        { key: "colorCoffee", value: "#3D3000" },
+        { key: "colorEvergreen", value: "#1B4332" }
+      ],
+      [
+        { key: "colorBlack", value: "#000000" },
+        { key: "colorDarkNavy", value: "#0C2340" },
+        { key: "colorDarkMaroon", value: "#2E0A00" },
+        { key: "colorDarkCoffee", value: "#1F1800" },
+        { key: "colorInkGreen", value: "#081C15" }
+      ]
+    ], F = [
+      [
+        { key: "colorNoFill", value: "" },
+        { key: "colorLightBlue", value: "#DEEBF7" },
+        { key: "colorLightOrange", value: "#FCE4D6" },
+        { key: "colorLightYellow", value: "#FFE79A" },
+        { key: "colorLightGreen", value: "#E2EFDA" }
+      ],
+      [
+        { key: "colorWhite", value: "#FFFFFF" },
+        { key: "colorPaleBlue", value: "#BDD7EE" },
+        { key: "colorPaleOrange", value: "#F8CBAD" },
+        { key: "colorPaleYellow", value: "#FFD966" },
+        { key: "colorPaleGreen", value: "#C6EFCE" }
+      ],
+      [
+        { key: "colorLightGray", value: "#F2F2F2" },
+        { key: "colorSkyBlue", value: "#9BC2E6" },
+        { key: "colorCoral", value: "#F4B183" },
+        { key: "colorGold", value: "#FFC000" },
+        { key: "colorMint", value: "#A9D18E" }
+      ],
+      [
+        { key: "colorSilver", value: "#D9D9D9" },
+        { key: "colorMediumBlue", value: "#6FA8DC" },
+        { key: "colorOrange", value: "#ED7D31" },
+        { key: "colorAmber", value: "#F1C232" },
+        { key: "colorMediumGreen", value: "#70AD47" }
+      ],
+      [
+        { key: "colorGray", value: "#BFBFBF" },
+        { key: "colorRoyalBlue", value: "#4A86E8" },
+        { key: "colorRed", value: "#E06666" },
+        { key: "colorDarkGold", value: "#BF8F00" },
+        { key: "colorDarkGreen", value: "#548235" }
+      ],
+      [
+        { key: "colorDarkGray", value: "#A5A5A5" },
+        { key: "colorDeepBlue", value: "#2E75B6" },
+        { key: "colorDarkRed", value: "#CC4125" },
+        { key: "colorOlive", value: "#806000" },
+        { key: "colorForest", value: "#375623" }
+      ],
+      [
+        { key: "colorCharcoal", value: "#808080" },
+        { key: "colorNavy", value: "#1F4E79" },
+        { key: "colorCrimson", value: "#993300" },
+        { key: "colorDarkOlive", value: "#5C4500" },
+        { key: "colorDeepForest", value: "#2D6A4F" }
+      ],
+      [
+        { key: "colorSlate", value: "#595959" },
+        { key: "colorMidnight", value: "#17375E" },
+        { key: "colorMaroon", value: "#5A1E00" },
+        { key: "colorCoffee", value: "#3D3000" },
+        { key: "colorEvergreen", value: "#1B4332" }
+      ],
+      [
+        { key: "colorDarkSlate", value: "#404040" },
+        { key: "colorDarkNavy", value: "#0C2340" },
+        { key: "colorDarkMaroon", value: "#2E0A00" },
+        { key: "colorDarkCoffee", value: "#1F1800" },
+        { key: "colorInkGreen", value: "#081C15" }
+      ]
+    ], p = A(
+      () => v.colorKey === "fill" ? F : x
+    );
+    function $(P) {
+      return B(v.locale, P);
+    }
+    function w(P) {
+      const _ = v.currentColor;
+      return !_ && !P ? !0 : _ ? _.toLowerCase() === P.toLowerCase() : !1;
+    }
+    const g = D(!1), E = D(null), V = D(null);
+    He(() => v.modelOpen, (P) => {
+      P !== void 0 && P !== g.value && (P ? X() : M());
+    });
+    function z(P) {
+      const _ = E.value;
+      _ && !_.contains(P.target) && M();
+    }
+    function X() {
+      g.value = !0, v.modelOpen !== void 0 && i("update:modelOpen", !0), ee(() => {
+        document.addEventListener("mousedown", z);
+      });
+    }
+    function M() {
+      g.value = !1, v.modelOpen !== void 0 && i("update:modelOpen", !1), document.removeEventListener("mousedown", z);
+    }
+    function O(P) {
+      i("update:modelValue", P), i("change", P), M();
+    }
+    return Ht(() => {
+      document.removeEventListener("mousedown", z);
+    }), h({ open: g, openMenu: X, close: M }), (P, _) => (S(), H("div", {
+      ref_key: "rootRef",
+      ref: E,
+      class: "color-picker"
+    }, [
+      ke(xt, { name: "menu-pop" }, {
+        default: St(() => [
+          g.value ? (S(), H("div", {
+            key: 0,
+            ref_key: "menuRef",
+            ref: V,
+            class: "color-picker__menu",
+            onMousedown: _[0] || (_[0] = re(() => {
+            }, ["stop"]))
+          }, [
+            (S(!0), H(Ie, null, Ve(p.value, (Y, ce) => (S(), H("div", {
+              key: ce,
+              class: "color-picker__row"
+            }, [
+              (S(!0), H(Ie, null, Ve(Y, (ie) => (S(), H("button", {
+                key: ie.value,
+                class: oe(["color-picker__swatch", { "color-picker__swatch--selected": w(ie.value) }]),
+                title: $(ie.key),
+                style: Me({
+                  background: ie.value || "transparent",
+                  border: ie.value ? "1px solid rgba(0,0,0,0.15)" : "1px dashed #999"
+                }),
+                onClick: (de) => O(ie.value)
+              }, null, 14, Va))), 128))
+            ]))), 128))
+          ], 544)) : ye("", !0)
+        ]),
+        _: 1
+      })
+    ], 512));
+  }
+}), zl = /* @__PURE__ */ Dt(Xa, [["__scopeId", "data-v-c262a5e5"]]), ja = ["title", "onClick"], qa = {
+  viewBox: "0 0 30 30",
+  class: "border-picker__icon"
+}, _a = ["x1", "y1", "x2", "y2", "stroke-width", "stroke-dasharray", "stroke-linecap"], Za = { class: "border-picker__label" }, Ja = /* @__PURE__ */ Rt({
+  __name: "borderPicker",
+  props: {
+    modelOpen: { type: Boolean, default: void 0 },
+    locale: { default: "zh-CN" },
+    currentBorder: { default: "none" }
+  },
+  emits: ["update:modelOpen", "change"],
+  setup(a, { expose: h, emit: s }) {
+    const v = a, i = s, x = [
+      { key: "bottom", i18nKey: "borderBottom" },
+      { key: "top", i18nKey: "borderTop" },
+      { key: "left", i18nKey: "borderLeft" },
+      { key: "right", i18nKey: "borderRight" },
+      { key: "none", i18nKey: "borderNone" },
+      { key: "all", i18nKey: "borderAll" },
+      { key: "outer", i18nKey: "borderOuter" },
+      { key: "thickOuter", i18nKey: "borderThickOuter" }
+    ], F = [
+      { name: "top", x1: 4, y1: 4, x2: 26, y2: 4 },
+      { name: "bottom", x1: 4, y1: 26, x2: 26, y2: 26 },
+      { name: "left", x1: 4, y1: 4, x2: 4, y2: 26 },
+      { name: "right", x1: 26, y1: 4, x2: 26, y2: 26 },
+      { name: "vMid", x1: 15, y1: 4, x2: 15, y2: 26 },
+      { name: "hMid", x1: 4, y1: 15, x2: 26, y2: 15 }
+    ], p = {
+      bottom: ["bottom"],
+      top: ["top"],
+      left: ["left"],
+      right: ["right"],
+      none: [],
+      all: ["top", "bottom", "left", "right", "vMid", "hMid"],
+      outer: ["top", "bottom", "left", "right"],
+      thickOuter: ["top", "bottom", "left", "right"]
+    }, $ = {
+      bottom: [],
+      top: [],
+      left: [],
+      right: [],
+      none: [],
+      all: [],
+      outer: [],
+      thickOuter: ["top", "bottom", "left", "right"]
+    };
+    function w(O, P) {
+      return $[O].includes(P) ? "thick" : p[O].includes(P) ? "solid" : "dashed";
+    }
+    const g = D(!1), E = D(null);
+    He(() => v.modelOpen, (O) => {
+      O !== void 0 && O !== g.value && (O ? z() : X());
+    });
+    function V(O) {
+      const P = E.value;
+      P && !P.contains(O.target) && X();
+    }
+    function z() {
+      g.value = !0, v.modelOpen !== void 0 && i("update:modelOpen", !0), ee(() => {
+        document.addEventListener("mousedown", V);
+      });
+    }
+    function X() {
+      g.value = !1, v.modelOpen !== void 0 && i("update:modelOpen", !1), document.removeEventListener("mousedown", V);
+    }
+    function M(O) {
+      i("change", O), X();
+    }
+    return Ht(() => {
+      document.removeEventListener("mousedown", V);
+    }), h({ open: g, openMenu: z, close: X }), (O, P) => (S(), H("div", {
+      ref_key: "rootRef",
+      ref: E,
+      class: "border-picker"
+    }, [
+      ke(xt, { name: "menu-pop" }, {
+        default: St(() => [
+          g.value ? (S(), H("div", {
+            key: 0,
+            class: "border-picker__menu",
+            onMousedown: P[0] || (P[0] = re(() => {
+            }, ["stop"]))
+          }, [
+            (S(), H(Ie, null, Ve(x, (_) => c("button", {
+              key: _.key,
+              class: "border-picker__item",
+              title: G(B)(a.locale, _.i18nKey),
+              onClick: (Y) => M(_.key)
+            }, [
+              (S(), H("svg", qa, [
+                (S(), H(Ie, null, Ve(F, (Y) => c("line", {
+                  key: Y.name,
+                  x1: Y.x1,
+                  y1: Y.y1,
+                  x2: Y.x2,
+                  y2: Y.y2,
+                  stroke: "currentColor",
+                  "stroke-width": w(_.key, Y.name) === "thick" ? 3 : 1.5,
+                  "stroke-dasharray": w(_.key, Y.name) === "dashed" ? "0 4" : "none",
+                  "stroke-linecap": w(_.key, Y.name) === "dashed" ? "round" : "square"
+                }, null, 8, _a)), 64))
+              ])),
+              c("span", Za, Le(G(B)(a.locale, _.i18nKey)), 1)
+            ], 8, ja)), 64))
+          ], 32)) : ye("", !0)
+        ]),
+        _: 1
+      })
+    ], 512));
+  }
+}), Qa = /* @__PURE__ */ Dt(Ja, [["__scopeId", "data-v-c9b0ba80"]]), er = {
+  class: "tb-item",
+  "data-key": "undo"
+}, tr = ["title", "disabled"], or = {
+  class: "tb-item",
+  "data-key": "redo"
+}, lr = ["title", "disabled"], nr = {
+  class: "tb-item",
+  "data-key": "paint"
+}, ar = ["title", "disabled"], rr = {
+  class: "tb-item",
+  "data-key": "clear"
+}, ir = ["title", "disabled"], sr = {
+  class: "tb-item",
+  "data-key": "font"
+}, ur = {
+  class: "tb-item",
+  "data-key": "fontSize"
+}, cr = { class: "toolbar-font-size" }, dr = ["value", "title"], fr = ["title"], vr = ["title", "disabled"], br = ["title", "disabled"], mr = {
+  class: "tb-item",
+  "data-key": "bold"
+}, hr = ["title", "disabled"], pr = {
+  class: "tb-item",
+  "data-key": "italic"
+}, gr = ["title", "disabled"], yr = {
+  class: "tb-item",
+  "data-key": "underline"
+}, kr = ["title", "disabled"], wr = {
+  class: "tb-item",
+  "data-key": "strike"
+}, Cr = ["title", "disabled"], Br = {
+  class: "tb-item",
+  "data-key": "textColor"
+}, xr = { class: "toolbar-split" }, Sr = ["title", "disabled"], Mr = {
+  viewBox: "0 0 1024 1024",
+  fill: "currentColor"
+}, Rr = ["fill"], Dr = ["title", "disabled"], Fr = {
+  class: "tb-item",
+  "data-key": "fillColor"
+}, Tr = { class: "toolbar-split" }, Er = ["title", "disabled"], Or = {
+  viewBox: "0 0 1024 1024",
+  fill: "currentColor"
+}, zr = ["fill"], Lr = ["title", "disabled"], $r = {
+  class: "tb-item",
+  "data-key": "border"
+}, Ar = { class: "toolbar-split" }, Hr = ["title", "disabled"], Ir = {
+  viewBox: "0 0 30 30",
+  fill: "none",
+  stroke: "currentColor"
+}, Wr = ["x1", "y1", "x2", "y2", "stroke-width", "stroke-dasharray", "stroke-linecap"], Nr = ["title", "disabled"], Io = 2, Gr = 6, Pr = 34, Ur = /* @__PURE__ */ Rt({
+  __name: "toolbar",
+  props: {
+    locale: {},
+    canUndo: { type: Boolean },
+    canRedo: { type: Boolean },
+    paintFmtActive: { type: Boolean },
+    hasSelection: { type: Boolean },
+    fontFamilyOptions: {},
+    fontSizeOptions: {},
+    selFontFamily: {},
+    selFontSize: {},
+    fontSizeInput: {},
+    fontSizeMenuOpen: { type: Boolean },
+    selFontWeight: { type: Boolean },
+    selFontStyle: { type: Boolean },
+    selUnderline: { type: Boolean },
+    selStrikethrough: { type: Boolean },
+    selTextColor: {},
+    textColorMenuOpen: { type: Boolean },
+    selFillColor: {},
+    fillColorMenuOpen: { type: Boolean },
+    cachedTextColor: {},
+    cachedFillColor: {},
+    borderMenuOpen: { type: Boolean },
+    cachedBorder: {}
+  },
+  emits: ["undo", "redo", "paint-format", "clear-format", "font-family-change", "font-size-input", "font-size-blur", "font-size-keydown", "font-size-change", "update:font-size-menu-open", "font-size-toggle", "font-size-step-up", "font-size-step-down", "bold-toggle", "italic-toggle", "underline-toggle", "strikethrough-toggle", "text-color-change", "update:text-color-menu-open", "fill-color-change", "update:fill-color-menu-open", "apply-text-color", "apply-fill-color", "update:border-menu-open", "border-change", "apply-border"],
+  setup(a, { emit: h }) {
+    const s = [
+      { name: "top", x1: 4, y1: 4, x2: 26, y2: 4 },
+      { name: "bottom", x1: 4, y1: 26, x2: 26, y2: 26 },
+      { name: "left", x1: 4, y1: 4, x2: 4, y2: 26 },
+      { name: "right", x1: 26, y1: 4, x2: 26, y2: 26 },
+      { name: "vMid", x1: 15, y1: 4, x2: 15, y2: 26 },
+      { name: "hMid", x1: 4, y1: 15, x2: 26, y2: 15 }
+    ], v = {
+      bottom: ["bottom"],
+      top: ["top"],
+      left: ["left"],
+      right: ["right"],
+      none: [],
+      all: ["top", "bottom", "left", "right", "vMid", "hMid"],
+      outer: ["top", "bottom", "left", "right"],
+      thickOuter: ["top", "bottom", "left", "right"]
+    }, i = {
+      bottom: [],
+      top: [],
+      left: [],
+      right: [],
+      none: [],
+      all: [],
+      outer: [],
+      thickOuter: ["top", "bottom", "left", "right"]
+    };
+    function x(U, u) {
+      return i[U].includes(u) ? "thick" : v[U].includes(u) ? "solid" : "dashed";
+    }
+    const F = [
+      "undo",
+      "redo",
+      "paint",
+      "clear",
+      "sep1",
+      "font",
+      "fontSize",
+      "sep2",
+      "bold",
+      "italic",
+      "underline",
+      "strike",
+      "sep3",
+      "textColor",
+      "fillColor",
+      "border"
+    ], p = D(null), $ = D(null), w = D(null), g = D(/* @__PURE__ */ new Set()), E = D(!1), V = D(!1), z = /* @__PURE__ */ new Map(), X = A(() => g.value.size > 0);
+    function M(U) {
+      return g.value.has(U);
+    }
+    function O() {
+      if (!p.value)
+        return;
+      p.value.querySelectorAll(".tb-item").forEach((u) => {
+        const b = u.dataset.key;
+        b && z.set(b, u.offsetWidth);
+      });
+    }
+    function P(U, u) {
+      if (U.size !== u.size)
+        return !1;
+      for (const b of U)
+        if (!u.has(b))
+          return !1;
+      return !0;
+    }
+    function _() {
+      if (!p.value)
+        return;
+      const U = p.value.clientWidth - Gr * 2;
+      if (U <= 0)
+        return;
+      z.size === 0 && O();
+      let u = 0;
+      for (const C of F)
+        u += (z.get(C) ?? 0) + Io;
+      const b = /* @__PURE__ */ new Set();
+      if (u > U) {
+        const C = U - Pr - Io;
+        let N = 0;
+        for (let Q = 0; Q < F.length; Q++) {
+          const Qe = F[Q], we = (z.get(Qe) ?? 0) + Io;
+          if (N + we > C) {
+            for (let Xe = Q; Xe < F.length; Xe++)
+              b.add(F[Xe]);
+            break;
+          }
+          N += we;
+        }
+      }
+      P(b, g.value) || (g.value = b, b.size === 0 && (E.value = !1));
+    }
+    let Y = null;
+    const ce = D(0), ie = A(() => {
+      const U = w.value;
+      if (!U)
+        return { position: "fixed", top: "0px", right: "0px" };
+      ce.value;
+      const u = U.getBoundingClientRect();
+      return {
+        position: "fixed",
+        top: `${u.bottom + 4}px`,
+        right: `${window.innerWidth - u.right}px`
+      };
+    });
+    function de() {
+      E.value && (ce.value++, ee(() => _()));
+    }
+    function We(U) {
+      var b, C;
+      if (!E.value)
+        return;
+      const u = U.target;
+      (b = $.value) != null && b.contains(u) || (C = w.value) != null && C.contains(u) || (V.value = !0, E.value = !1, ee(() => {
+        V.value = !1;
+      }));
+    }
+    function Je() {
+      E.value = !E.value;
+    }
+    Go(() => {
+      ee(() => {
+        O(), _();
+      }), p.value && (Y = new ResizeObserver(() => {
+        E.value || _();
+      }), Y.observe(p.value)), document.addEventListener("mousedown", We, !0), window.addEventListener("resize", de);
+    }), Ht(() => {
+      Y == null || Y.disconnect(), document.removeEventListener("mousedown", We, !0), window.removeEventListener("resize", de);
+    });
+    const L = h;
+    return (U, u) => (S(), H(Ie, null, [
+      c("div", {
+        ref_key: "rootEl",
+        ref: p,
+        class: "toolbar"
+      }, [
+        (S(), ne(ae, {
+          disabled: !M("undo"),
+          to: $.value ?? void 0
+        }, [
+          c("div", er, [
+            c("button", {
+              class: oe(["toolbar-btn", { "toolbar-btn--disabled": !a.canUndo }]),
+              title: G(B)(a.locale, "undo"),
+              disabled: !a.canUndo,
+              onClick: u[0] || (u[0] = (b) => L("undo"))
+            }, [...u[32] || (u[32] = [
+              c("svg", {
+                class: "toolbar-btn__icon",
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                c("path", { d: "M596.16 284.064H258.56l101.376-101.44a31.968 31.968 0 1 0-45.248-45.216L178.56 273.504c-11.904 11.872-18.496 27.84-18.56 44.8a63.04 63.04 0 0 0 18.56 45.28l136.128 136.16a31.904 31.904 0 0 0 45.248 0 31.968 31.968 0 0 0 0-45.248l-106.752-106.496H596.16c114.88 0 208.32 93.312 208.32 208s-93.44 208-208.32 208h-223.36a32 32 0 0 0 0 64h223.36c150.144 0 272.32-122.016 272.32-272 0-149.984-122.176-272-272.32-272" })
+              ], -1)
+            ])], 10, tr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("redo"),
+          to: $.value ?? void 0
+        }, [
+          c("div", or, [
+            c("button", {
+              class: oe(["toolbar-btn", { "toolbar-btn--disabled": !a.canRedo }]),
+              title: G(B)(a.locale, "redo"),
+              disabled: !a.canRedo,
+              onClick: u[1] || (u[1] = (b) => L("redo"))
+            }, [...u[33] || (u[33] = [
+              c("svg", {
+                class: "toolbar-btn__icon",
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                c("path", {
+                  transform: "translate(1024, 0) scale(-1, 1)",
+                  d: "M596.16 284.064H258.56l101.376-101.44a31.968 31.968 0 1 0-45.248-45.216L178.56 273.504c-11.904 11.872-18.496 27.84-18.56 44.8a63.04 63.04 0 0 0 18.56 45.28l136.128 136.16a31.904 31.904 0 0 0 45.248 0 31.968 31.968 0 0 0 0-45.248l-106.752-106.496H596.16c114.88 0 208.32 93.312 208.32 208s-93.44 208-208.32 208h-223.36a32 32 0 0 0 0 64h223.36c150.144 0 272.32-122.016 272.32-272 0-149.984-122.176-272-272.32-272"
+                })
+              ], -1)
+            ])], 10, lr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("paint"),
+          to: $.value ?? void 0
+        }, [
+          c("div", nr, [
+            c("button", {
+              class: oe(["toolbar-btn", { "toolbar-btn--active": a.paintFmtActive }]),
+              title: G(B)(a.locale, "paintFormat"),
+              disabled: !a.hasSelection,
+              onClick: u[2] || (u[2] = (b) => L("paint-format"))
+            }, [...u[34] || (u[34] = [
+              c("svg", {
+                class: "toolbar-btn__icon",
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                c("path", { d: "M722.285714 438.857143a36.571429 36.571429 0 0 1-36.571428 36.571428h-512a36.571429 36.571429 0 0 1-36.571429-36.571428V164.571429a36.571429 36.571429 0 0 1 36.571429-36.571429h512a36.571429 36.571429 0 0 1 36.571428 36.571429V256h128a36.571429 36.571429 0 0 1 36.571429 36.571429v294.4a36.571429 36.571429 0 0 1-31.890286 36.278857L448 675.766857V859.428571a36.571429 36.571429 0 0 1-32.292571 36.315429l-4.278858 0.256a36.571429 36.571429 0 0 1-36.571428-36.571429v-215.771428a36.571429 36.571429 0 0 1 31.890286-36.278857l406.966857-52.553143V329.142857h-91.428572v109.714286z m-73.142857-237.714286h-438.857143V402.285714h438.857143V201.142857z" })
+              ], -1)
+            ])], 10, ar)
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("clear"),
+          to: $.value ?? void 0
+        }, [
+          c("div", rr, [
+            c("button", {
+              class: oe(["toolbar-btn", { "toolbar-btn--disabled": !a.hasSelection }]),
+              title: G(B)(a.locale, "clearFormat"),
+              disabled: !a.hasSelection,
+              onClick: u[3] || (u[3] = (b) => L("clear-format"))
+            }, [...u[35] || (u[35] = [
+              c("svg", {
+                class: "toolbar-btn__icon",
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                c("path", { d: "M672.748 105.674c-3.666-3.799-8.778-5.949-14.125-5.949-5.341 0-10.459 2.15-14.119 5.949L10.418 754.633c-7.789 8.163-7.789 20.798 0 28.967l123.353 126.213c7.782 7.979 23.113 14.461 34.111 14.461h395.042c12.774-0.742 24.882-5.854 34.162-14.461l416.525-426.362c7.751-8.163 7.751-20.76 0-28.916l-340.92-348.861h0.057zM557.85 832.801c-9.273 8.582-21.343 13.707-34.111 14.461H217.888c-12.781-0.742-24.882-5.867-34.162-14.461l-58.074-59.482c-7.782-8.163-7.782-20.804 0-28.967l232.333-237.87c3.666-3.799 8.778-5.949 14.125-5.949s10.453 2.15 14.119 5.949l231.102 236.551c7.744 8.157 7.744 20.753 0 28.916l-59.539 60.909 0.058-0.057z m0 0" })
+              ], -1)
+            ])], 10, ir)
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("sep1"),
+          to: $.value ?? void 0
+        }, [
+          u[36] || (u[36] = c("div", {
+            class: "tb-item",
+            "data-key": "sep1"
+          }, [
+            c("div", { class: "toolbar-sep" })
+          ], -1))
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("font"),
+          to: $.value ?? void 0
+        }, [
+          c("div", sr, [
+            ke(Ol, {
+              class: "toolbar-font",
+              "model-value": a.selFontFamily,
+              options: a.fontFamilyOptions,
+              width: 110,
+              "visible-count": 8,
+              title: G(B)(a.locale, "fontFamily"),
+              onChange: u[4] || (u[4] = (b) => L("font-family-change", b))
+            }, null, 8, ["model-value", "options", "title"])
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("fontSize"),
+          to: $.value ?? void 0
+        }, [
+          c("div", ur, [
+            c("div", cr, [
+              c("input", {
+                class: "toolbar-font-size__input",
+                type: "text",
+                value: a.fontSizeInput,
+                title: G(B)(a.locale, "fontSize"),
+                onInput: u[5] || (u[5] = (b) => L("font-size-input", b.target.value)),
+                onBlur: u[6] || (u[6] = (b) => L("font-size-blur")),
+                onKeydown: u[7] || (u[7] = (b) => L("font-size-keydown", b))
+              }, null, 40, dr),
+              ke(Ol, {
+                class: "toolbar-font-size__dropdown",
+                "model-value": a.selFontSize,
+                options: a.fontSizeOptions,
+                width: 56,
+                "visible-count": 9,
+                title: G(B)(a.locale, "fontSize"),
+                "hide-trigger": !0,
+                "model-open": a.fontSizeMenuOpen,
+                "onUpdate:modelOpen": u[8] || (u[8] = (b) => L("update:font-size-menu-open", b)),
+                onChange: u[9] || (u[9] = (b) => L("font-size-change", b))
+              }, null, 8, ["model-value", "options", "title", "model-open"]),
+              c("button", {
+                class: "toolbar-font-size__btn",
+                type: "button",
+                title: G(B)(a.locale, "fontSize"),
+                onMousedown: u[10] || (u[10] = re(() => {
+                }, ["prevent"])),
+                onClick: u[11] || (u[11] = (b) => L("font-size-toggle"))
+              }, [...u[37] || (u[37] = [
+                c("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  c("path", { d: "M180.053333 361.386667a32 32 0 0 1 45.226667 0L512 648.106667l286.72-286.72a32 32 0 1 1 45.226667 45.226666l-309.333334 309.333334a32 32 0 0 1-45.226666 0L180.053333 406.613333a32 32 0 0 1 0-45.226666z" })
+                ], -1)
+              ])], 40, fr),
+              c("button", {
+                class: "toolbar-btn toolbar-btn--step",
+                type: "button",
+                title: G(B)(a.locale, "fontSizeDecrease"),
+                disabled: !a.hasSelection,
+                onMousedown: u[12] || (u[12] = re(() => {
+                }, ["prevent"])),
+                onClick: u[13] || (u[13] = (b) => L("font-size-step-down"))
+              }, [...u[38] || (u[38] = [
+                c("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  c("path", { d: "M481.28 125.95a29.506 29.506 0 0 0-27.45-18.7h-63.34c-12.13 0-23.02 7.42-27.45 18.7L67.94 876.46c-7.61 19.35 6.66 40.29 27.45 40.29h35.47c12.26 0 23.24-7.58 27.58-19.04l80.89-213.35h364.54l81.94 213.46a29.51 29.51 0 0 0 27.54 18.93h35.56c20.8 0 35.06-20.94 27.45-40.29L481.28 125.95zM273.47 594.06l145.38-384.38h2.2l147.58 384.38H273.47zM928.64 195.74h-177c-16.29 0-29.5 13.21-29.5 29.5s13.21 29.5 29.5 29.5h177c16.29 0 29.5-13.21 29.5-29.5s-13.21-29.5-29.5-29.5z" })
+                ], -1)
+              ])], 40, vr),
+              c("button", {
+                class: "toolbar-btn toolbar-btn--step",
+                type: "button",
+                title: G(B)(a.locale, "fontSizeIncrease"),
+                disabled: !a.hasSelection,
+                onMousedown: u[14] || (u[14] = re(() => {
+                }, ["prevent"])),
+                onClick: u[15] || (u[15] = (b) => L("font-size-step-up"))
+              }, [...u[39] || (u[39] = [
+                c("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  c("path", { d: "M481.28 125.95a29.506 29.506 0 0 0-27.45-18.7h-63.34c-12.13 0-23.02 7.42-27.45 18.7L67.94 876.46c-7.61 19.35 6.66 40.29 27.45 40.29h35.47c12.26 0 23.24-7.58 27.58-19.04l80.89-213.35h364.54l81.94 213.46a29.51 29.51 0 0 0 27.54 18.93h35.56c20.8 0 35.06-20.94 27.45-40.29L481.28 125.95zM273.47 594.06l145.38-384.38h2.2l147.58 384.38H273.47zM928.64 195.74h-59v-59c0-16.29-13.21-29.5-29.5-29.5s-29.5 13.21-29.5 29.5v59h-59c-16.29 0-29.5 13.21-29.5 29.5s13.21 29.5 29.5 29.5h59v59c0 16.29 13.21 29.5 29.5 29.5s29.5-13.21 29.5-29.5v-59h59c16.29 0 29.5-13.21 29.5-29.5s-13.21-29.5-29.5-29.5z" })
+                ], -1)
+              ])], 40, br)
+            ])
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("sep2"),
+          to: $.value ?? void 0
+        }, [
+          u[40] || (u[40] = c("div", {
+            class: "tb-item",
+            "data-key": "sep2"
+          }, [
+            c("div", { class: "toolbar-sep" })
+          ], -1))
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("bold"),
+          to: $.value ?? void 0
+        }, [
+          c("div", mr, [
+            c("button", {
+              class: oe(["toolbar-btn", { "toolbar-btn--active": a.selFontWeight }]),
+              title: G(B)(a.locale, "bold"),
+              disabled: !a.hasSelection,
+              onClick: u[16] || (u[16] = (b) => L("bold-toggle"))
+            }, [...u[41] || (u[41] = [
+              c("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                c("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                  c("path", { d: "M733.610667 467.712A267.562667 267.562667 0 0 0 548.010667 10.581333H183.466667a53.333333 53.333333 0 0 0 0 106.666667h43.221333a10.666667 10.666667 0 0 1 10.666667 10.666667V896a10.666667 10.666667 0 0 1-10.666667 10.666667H183.466667a53.333333 53.333333 0 1 0 0 106.666666h425.088a287.658667 287.658667 0 0 0 125.013333-545.536z m-185.6-350.464a160.512 160.512 0 0 1 0 320.981333H354.688a10.666667 10.666667 0 0 1-10.666667-10.666666V128a10.666667 10.666667 0 0 1 10.666667-10.666667z m60.586666 789.333333H354.688a10.666667 10.666667 0 0 1-10.666667-10.666666v-340.352a10.666667 10.666667 0 0 1 10.666667-10.666667H608.597333a180.864 180.864 0 0 1 0 361.685333z" })
+                ])
+              ], -1)
+            ])], 10, hr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("italic"),
+          to: $.value ?? void 0
+        }, [
+          c("div", pr, [
+            c("button", {
+              class: oe(["toolbar-btn", { "toolbar-btn--active": a.selFontStyle }]),
+              title: G(B)(a.locale, "italic"),
+              disabled: !a.hasSelection,
+              onClick: u[17] || (u[17] = (b) => L("italic-toggle"))
+            }, [...u[42] || (u[42] = [
+              c("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                c("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                  c("path", { d: "M960 10.581333h-325.845333a53.333333 53.333333 0 0 0 0 106.666667h46.336a10.666667 10.666667 0 0 1 9.002666 16.384L203.946667 896.725333a21.333333 21.333333 0 0 1-18.005334 9.856H64a53.333333 53.333333 0 0 0 0 106.666667h325.845333a53.333333 53.333333 0 0 0 0-106.666667H343.509333a10.666667 10.666667 0 0 1-9.002666-16.384L820.053333 127.146667a21.333333 21.333333 0 0 1 18.005334-9.898667H960a53.333333 53.333333 0 0 0 0-106.666667z" })
+                ])
+              ], -1)
+            ])], 10, gr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("underline"),
+          to: $.value ?? void 0
+        }, [
+          c("div", yr, [
+            c("button", {
+              class: oe(["toolbar-btn", { "toolbar-btn--active": a.selUnderline }]),
+              title: G(B)(a.locale, "underline"),
+              disabled: !a.hasSelection,
+              onClick: u[18] || (u[18] = (b) => L("underline-toggle"))
+            }, [...u[43] || (u[43] = [
+              c("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                c("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                  c("path", { d: "M960 906.581333h-896a53.333333 53.333333 0 0 0 0 106.666667h896a53.333333 53.333333 0 0 0 0-106.666667zM84.394667 117.248h58.154666a10.666667 10.666667 0 0 1 10.666667 10.666667v363.648a358.784 358.784 0 0 0 717.568 0V128a10.666667 10.666667 0 0 1 10.666667-10.666667h58.154666a53.333333 53.333333 0 0 0 0-106.666666H695.466667a53.333333 53.333333 0 0 0 0 106.666666h58.154666a10.666667 10.666667 0 0 1 10.666667 10.666667v363.648a252.117333 252.117333 0 0 1-504.234667 0V128a10.666667 10.666667 0 0 1 10.666667-10.666667H328.533333a53.333333 53.333333 0 1 0 0-106.666666H84.394667a53.333333 53.333333 0 0 0 0 106.666666z" })
+                ])
+              ], -1)
+            ])], 10, kr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("strike"),
+          to: $.value ?? void 0
+        }, [
+          c("div", wr, [
+            c("button", {
+              class: oe(["toolbar-btn", { "toolbar-btn--active": a.selStrikethrough }]),
+              title: G(B)(a.locale, "strikethrough"),
+              disabled: !a.hasSelection,
+              onClick: u[19] || (u[19] = (b) => L("strikethrough-toggle"))
+            }, [...u[44] || (u[44] = [
+              c("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                c("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                  c("path", { d: "M1013.333333 552.618667A53.333333 53.333333 0 0 0 960 499.2h-381.269333a20.992 20.992 0 0 1-12.032-3.84c-30.805333-21.888-63.232-41.856-94.634667-61.098667-119.466667-73.173333-192-123.733333-192-207.488 0-95.36 94.165333-109.610667 150.314667-109.610666a193.706667 193.706667 0 0 1 131.456 32.597333 113.578667 113.578667 0 0 1 19.072 84.906667v12.8a53.333333 53.333333 0 1 0 106.666666 0v-11.434667a208.512 208.512 0 0 0-49.706666-161.152C595.157333 31.616 527.317333 10.581333 430.549333 10.581333c-156.074667 0-256.981333 84.864-256.981333 216.277334 0 118.314667 80.725333 192.512 170.666667 252.885333a10.666667 10.666667 0 0 1-5.930667 19.541333H64a53.333333 53.333333 0 0 0 0 106.666667h468.352a10.709333 10.709333 0 0 1 6.784 2.474667 185.130667 185.130667 0 0 1 82.432 147.882666c0 139.434667-146.176 150.272-191.018667 150.272-77.397333 0-133.930667-17.28-163.584-50.048a144.810667 144.810667 0 0 1-27.733333-115.2 53.333333 53.333333 0 0 0-106.154667-10.496A245.76 245.76 0 0 0 187.733333 928.128c51.2 56.490667 132.864 85.333333 242.688 85.333333 178.090667 0 297.685333-103.253333 297.685334-256.938666a258.517333 258.517333 0 0 0-36.224-134.272 10.666667 10.666667 0 0 1 9.216-16.085334H960a53.333333 53.333333 0 0 0 53.333333-53.546666z" })
+                ])
+              ], -1)
+            ])], 10, Cr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("sep3"),
+          to: $.value ?? void 0
+        }, [
+          u[45] || (u[45] = c("div", {
+            class: "tb-item",
+            "data-key": "sep3"
+          }, [
+            c("div", { class: "toolbar-sep" })
+          ], -1))
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("textColor"),
+          to: $.value ?? void 0
+        }, [
+          c("div", Br, [
+            c("div", xr, [
+              c("button", {
+                class: "toolbar-btn toolbar-split__main",
+                title: G(B)(a.locale, "fontColor"),
+                disabled: !a.hasSelection,
+                onClick: u[20] || (u[20] = (b) => L("apply-text-color"))
+              }, [
+                (S(), H("svg", Mr, [
+                  u[46] || (u[46] = c("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                    c("path", { d: "M663.120842 529.946947H364.759579l-84.07579 212.884211a53.894737 53.894737 0 0 1-50.122105 34.169263h-14.551579a34.869895 34.869895 0 0 1-32.498526-47.696842L443.715368 70.063158a53.894737 53.894737 0 0 1 50.122106-34.115369h41.768421a53.894737 53.894737 0 0 1 50.176 34.277053l257.670737 659.078737a34.977684 34.977684 0 0 1-32.552421 47.696842h-14.389895a53.894737 53.894737 0 0 1-50.229895-34.277053l-83.159579-212.776421z m-35.139368-89.788631l-113.340632-289.953684-114.472421 289.953684h227.813053z" })
+                  ], -1)),
+                  c("path", {
+                    d: "M62.895 844.369m53.895 0l790.474 0q53.895 0 53.895 53.895l0 26.947q0 53.895-53.895 53.895l-790.474 0q-53.895 0-53.895-53.895l0-26.947q0-53.895 53.895-53.895z",
+                    fill: a.cachedTextColor || "#000000"
+                  }, null, 8, Rr)
+                ]))
+              ], 8, Sr),
+              c("button", {
+                class: "toolbar-btn toolbar-split__arrow",
+                title: G(B)(a.locale, "fontColor"),
+                disabled: !a.hasSelection,
+                onClick: u[21] || (u[21] = (b) => L("update:text-color-menu-open", !a.textColorMenuOpen))
+              }, [...u[47] || (u[47] = [
+                c("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  c("path", { d: "M180.053 361.387a32 32 0 0 1 45.227 0L512 648.107l286.72-286.72a32 32 0 1 1 45.227 45.227l-309.334 309.333a32 32 0 0 1-45.226 0L180.053 406.613a32 32 0 0 1 0-45.226z" })
+                ], -1)
+              ])], 8, Dr),
+              ke(zl, {
+                "model-open": a.textColorMenuOpen,
+                "color-key": "text",
+                "current-color": a.selTextColor,
+                locale: a.locale,
+                "onUpdate:modelOpen": u[22] || (u[22] = (b) => L("update:text-color-menu-open", b)),
+                onChange: u[23] || (u[23] = (b) => L("text-color-change", b))
+              }, null, 8, ["model-open", "current-color", "locale"])
+            ])
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("fillColor"),
+          to: $.value ?? void 0
+        }, [
+          c("div", Fr, [
+            c("div", Tr, [
+              c("button", {
+                class: "toolbar-btn toolbar-split__main",
+                title: G(B)(a.locale, "fillColor"),
+                disabled: !a.hasSelection,
+                onClick: u[24] || (u[24] = (b) => L("apply-fill-color"))
+              }, [
+                (S(), H("svg", Or, [
+                  u[48] || (u[48] = c("path", { d: "M447.018667 37.952l352.298666 352.298667c6.613333 6.613333 6.613333 17.344 0 23.957333L446.101333 767.424a16.938667 16.938667 0 0 1-23.957333 0L121.429333 466.688a16.938667 16.938667 0 0 1 0-23.957333L428.608 135.552 388.992 96a8.469333 8.469333 0 0 1 0-11.989333l46.058667-46.037334a8.469333 8.469333 0 0 1 11.968 0z m346.325333 517.461333l57.514667 60.074667c31.744 33.194667 31.744 86.997333 0 120.192a78.869333 78.869333 0 0 1-115.008 0c-31.765333-33.194667-31.765333-86.997333 0-120.192l57.493333-60.074667zM486.101333 193.066667l-261.12 261.12 20.458667 20.458666 380.16-1.728 70.186667-70.186666-209.706667-209.664z" }, null, -1)),
+                  c("path", {
+                    d: "M85.333333 853.333333m8.896 0l835.541334 0q8.896 0 8.896 8.896l0 110.208q0 8.896-8.896 8.896l-835.541334 0q-8.896 0-8.896-8.896l0-110.208q0-8.896 8.896-8.896Z",
+                    fill: a.cachedFillColor || "currentColor"
+                  }, null, 8, zr)
+                ]))
+              ], 8, Er),
+              c("button", {
+                class: "toolbar-btn toolbar-split__arrow",
+                title: G(B)(a.locale, "fillColor"),
+                disabled: !a.hasSelection,
+                onClick: u[25] || (u[25] = (b) => L("update:fill-color-menu-open", !a.fillColorMenuOpen))
+              }, [...u[49] || (u[49] = [
+                c("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  c("path", { d: "M180.053 361.387a32 32 0 0 1 45.227 0L512 648.107l286.72-286.72a32 32 0 1 1 45.227 45.227l-309.334 309.333a32 32 0 0 1-45.226 0L180.053 406.613a32 32 0 0 1 0-45.226z" })
+                ], -1)
+              ])], 8, Lr),
+              ke(zl, {
+                "model-open": a.fillColorMenuOpen,
+                "color-key": "fill",
+                "current-color": a.selFillColor,
+                locale: a.locale,
+                "onUpdate:modelOpen": u[26] || (u[26] = (b) => L("update:fill-color-menu-open", b)),
+                onChange: u[27] || (u[27] = (b) => L("fill-color-change", b))
+              }, null, 8, ["model-open", "current-color", "locale"])
+            ])
+          ])
+        ], 8, ["disabled", "to"])),
+        (S(), ne(ae, {
+          disabled: !M("border"),
+          to: $.value ?? void 0
+        }, [
+          c("div", $r, [
+            c("div", Ar, [
+              c("button", {
+                class: "toolbar-btn toolbar-split__main",
+                title: G(B)(a.locale, "borders"),
+                disabled: !a.hasSelection,
+                onClick: u[28] || (u[28] = (b) => L("apply-border"))
+              }, [
+                (S(), H("svg", Ir, [
+                  (S(), H(Ie, null, Ve(s, (b) => c("line", {
+                    key: b.name,
+                    x1: b.x1,
+                    y1: b.y1,
+                    x2: b.x2,
+                    y2: b.y2,
+                    "stroke-width": x(a.cachedBorder, b.name) === "thick" ? 3 : 1.5,
+                    "stroke-dasharray": x(a.cachedBorder, b.name) === "dashed" ? "0 4" : "none",
+                    "stroke-linecap": x(a.cachedBorder, b.name) === "dashed" ? "round" : "square"
+                  }, null, 8, Wr)), 64))
+                ]))
+              ], 8, Hr),
+              c("button", {
+                class: "toolbar-btn toolbar-split__arrow",
+                title: G(B)(a.locale, "borders"),
+                disabled: !a.hasSelection,
+                onClick: u[29] || (u[29] = (b) => L("update:border-menu-open", !a.borderMenuOpen))
+              }, [...u[50] || (u[50] = [
+                c("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  c("path", { d: "M180.053 361.387a32 32 0 0 1 45.227 0L512 648.107l286.72-286.72a32 32 0 1 1 45.227 45.227l-309.334 309.333a32 32 0 0 1-45.226 0L180.053 406.613a32 32 0 0 1 0-45.226z" })
+                ], -1)
+              ])], 8, Nr),
+              ke(Qa, {
+                "model-open": a.borderMenuOpen,
+                locale: a.locale,
+                "current-border": a.cachedBorder,
+                "onUpdate:modelOpen": u[30] || (u[30] = (b) => L("update:border-menu-open", b)),
+                onChange: u[31] || (u[31] = (b) => L("border-change", b))
+              }, null, 8, ["model-open", "locale", "current-border"])
+            ])
+          ])
+        ], 8, ["disabled", "to"])),
+        X.value ? (S(), H("button", {
+          key: 0,
+          ref_key: "moreBtnEl",
+          ref: w,
+          class: oe(["toolbar-more", { "toolbar-more--active": E.value }]),
+          type: "button",
+          onClick: Je
+        }, [...u[51] || (u[51] = [
+          c("svg", {
+            viewBox: "0 0 1024 1024",
+            fill: "currentColor"
+          }, [
+            c("circle", {
+              cx: "512",
+              cy: "160",
+              r: "96"
+            }),
+            c("circle", {
+              cx: "512",
+              cy: "512",
+              r: "96"
+            }),
+            c("circle", {
+              cx: "512",
+              cy: "864",
+              r: "96"
+            })
+          ], -1)
+        ])], 2)) : ye("", !0)
+      ], 512),
+      (S(), ne(ae, { to: "body" }, [
+        ke(xt, { name: "menu-pop" }, {
+          default: St(() => [
+            Ma(c("div", {
+              ref_key: "overflowMenuEl",
+              ref: $,
+              class: oe(["overflow-menu", { "no-anim": V.value }]),
+              style: Me(ie.value)
+            }, null, 6), [
+              [Ra, E.value]
+            ])
+          ]),
+          _: 1
+        })
+      ]))
+    ], 64));
+  }
+}), Yr = /* @__PURE__ */ Dt(Ur, [["__scopeId", "data-v-69401a37"]]), Kr = { class: "tab-list" }, Vr = ["onClick", "onDblclick", "onContextmenu"], Xr = ["value"], jr = {
+  key: 1,
+  class: "tab-item__name"
+}, qr = ["title"], _r = /* @__PURE__ */ Rt({
+  __name: "tabbar",
+  props: {
+    locale: {},
+    sheets: {},
+    activeSheetIndex: {},
+    renTab: {},
+    renTabVal: {}
+  },
+  emits: ["tab-click", "tab-dblclick", "tab-contextmenu", "tab-rename-input", "tab-rename-keydown", "tab-rename-commit", "tabbar-contextmenu", "add-sheet"],
+  setup(a, { emit: h }) {
+    const s = h;
+    return (v, i) => (S(), H("div", {
+      class: "tab-bar",
+      onContextmenu: i[5] || (i[5] = (x) => s("tabbar-contextmenu", x))
+    }, [
+      c("div", Kr, [
+        (S(!0), H(Ie, null, Ve(a.sheets, (x, F) => (S(), H("div", {
+          key: x.id,
+          class: oe(["tab-item", { "tab-item--active": F === a.activeSheetIndex }]),
+          onClick: (p) => s("tab-click", F),
+          onDblclick: re((p) => s("tab-dblclick", F), ["prevent"]),
+          onContextmenu: (p) => s("tab-contextmenu", { ev: p, i: F })
+        }, [
+          a.renTab === F ? (S(), H("input", {
+            key: 0,
+            class: "tab-rename-input",
+            value: a.renTabVal,
+            onInput: i[0] || (i[0] = (p) => s("tab-rename-input", p.target.value)),
+            onKeydown: i[1] || (i[1] = (p) => s("tab-rename-keydown", p)),
+            onBlur: i[2] || (i[2] = (p) => s("tab-rename-commit")),
+            onClick: i[3] || (i[3] = re(() => {
+            }, ["stop"]))
+          }, null, 40, Xr)) : (S(), H("span", jr, Le(x.name), 1))
+        ], 42, Vr))), 128))
+      ]),
+      c("button", {
+        class: "tab-bar__add-btn",
+        title: G(B)(a.locale, "addSheet"),
+        onClick: i[4] || (i[4] = (x) => s("add-sheet"))
+      }, " + ", 8, qr)
+    ], 32));
+  }
+}), Zr = /* @__PURE__ */ Dt(_r, [["__scopeId", "data-v-49f54625"]]);
+function ze(a) {
+  let h = "", s = a;
   do
-    f = String.fromCharCode(65 + s % 26) + f, s = Math.floor(s / 26) - 1;
+    h = String.fromCharCode(65 + s % 26) + h, s = Math.floor(s / 26) - 1;
   while (s >= 0);
-  return f;
+  return h;
 }
-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 No(a) {
+  let h = 0;
+  for (let s = 0; s < a.length; s++)
+    h = h * 26 + (a.toUpperCase().charCodeAt(s) - 64);
+  return h - 1;
 }
-function Se(u) {
-  if (u == null)
+function ut(a) {
+  if (a == null)
     return null;
-  if (typeof u == "number")
-    return u;
-  if (typeof u == "string") {
-    const f = parseFloat(u);
-    return u.endsWith("%") || isNaN(f) ? null : f;
+  if (typeof a == "number")
+    return a;
+  if (typeof a == "string") {
+    const h = parseFloat(a);
+    return a.endsWith("%") || isNaN(h) ? null : h;
   }
   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 Wo(a) {
+  navigator.clipboard.writeText(a).catch(() => {
+    const h = document.createElement("textarea");
+    h.value = a, h.style.position = "fixed", h.style.opacity = "0", document.body.appendChild(h), h.select(), document.execCommand("copy"), document.body.removeChild(h);
   });
 }
-function Xe(u, f) {
-  return `${u},${f}`;
+function Mt(a, h) {
+  return `${a},${h}`;
 }
-function ht(u, f, s) {
-  const c = u.match(/^\$?([A-Z]+)\$?(\d+)$/i);
-  if (!c)
+function io(a, h, s) {
+  const v = a.match(/^\$?([A-Z]+)\$?(\d+)$/i);
+  if (!v)
     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 };
+  const i = No(v[1]), x = parseInt(v[2], 10) - 1;
+  return i < 0 || i >= h || x < 0 || x >= s ? null : { col: i, row: x };
 }
-function ke(u, f) {
-  if (!f)
+function ct(a, h) {
+  if (!h)
     return { x: 0, y: 0 };
-  const s = f.getBoundingClientRect();
-  return { x: u.clientX - s.left, y: u.clientY - s.top };
+  const s = h.getBoundingClientRect();
+  return { x: a.clientX - s.left, y: a.clientY - s.top };
 }
-function An(u, f, s) {
-  const c = u.split(":");
-  if (c.length !== 2)
+function Jr(a, h, s) {
+  const v = a.split(":");
+  if (v.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)
+  const i = io(v[0], h, s), x = io(v[1], h, s);
+  return !i || !x ? null : {
+    sc: Math.min(i.col, x.col),
+    sr: Math.min(i.row, x.row),
+    ec: Math.max(i.col, x.col),
+    er: Math.max(i.row, x.row)
   };
 }
-function Nn(u, f, s, c, r) {
-  const m = s[Xe(u, f)];
-  if (!m)
+function Qr(a, h, s, v, i) {
+  const x = s[Mt(a, h)];
+  if (!x)
     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 F = x.value;
+  if (F.startsWith("="))
+    return Al(Mt(a, h), s, v, i) ?? 0;
+  const p = parseFloat(F);
+  return isNaN(p) ? 0 : p;
 }
-const Oe = /* @__PURE__ */ new Map();
-function yl() {
-  Oe.clear();
+const Bt = /* @__PURE__ */ new Map();
+function Ll() {
+  Bt.clear();
 }
-function Bl(u, f, s, c) {
-  return Ln(u, f, s, c);
+function Al(a, h, s, v) {
+  return ei(a, h, s, v);
 }
-function Ln(u, f, s, c, r) {
-  if (Oe.has(u))
+function ei(a, h, s, v, i) {
+  if (Bt.has(a))
     return NaN;
-  Oe.set(u, NaN);
-  const m = f[u];
-  if (!m)
+  Bt.set(a, NaN);
+  const x = h[a];
+  if (!x)
     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 F = x.value;
+  if (!F.startsWith("=")) {
+    const w = parseFloat(F), g = isNaN(w) ? 0 : w;
+    return Bt.set(a, g), g;
   }
-  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);
+  const p = F.slice(1).trim();
+  if (p.toUpperCase().startsWith("SUM(") && p.endsWith(")")) {
+    const w = p.slice(4, -1).trim(), g = Jr(w, s, v);
+    if (g) {
+      let E = 0;
+      for (let V = g.sc; V <= g.ec; V++)
+        for (let z = g.sr; z <= g.er; z++)
+          E += Qr(V, z, h, s, v);
+      return isNaN(E) ? NaN : (Bt.set(a, E), E);
     }
     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)
+function Hl(a, h, s) {
+  const v = [], i = /(\$?[A-Z]+\$?\d+)(?::(\$?[A-Z]+\$?\d+))?/gi;
+  let x;
+  for (; (x = i.exec(a)) !== null; ) {
+    const F = io(x[1], h, s);
+    if (F)
+      if (x[2]) {
+        const p = io(x[2], h, s);
+        if (!p)
           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));
+        for (let $ = Math.min(F.col, p.col); $ <= Math.max(F.col, p.col); $++)
+          for (let w = Math.min(F.row, p.row); w <= Math.max(F.row, p.row); w++)
+            v.push(Mt($, w));
       } else
-        c.push(Xe(k.col, k.row));
+        v.push(Mt(F.col, F.row));
   }
-  return c;
+  return v;
 }
-function Fn(u, f, s, c, r) {
-  const m = s[Xe(u, f)];
-  if (!m)
+function ti(a, h, s, v, i) {
+  const x = s[Mt(a, h)];
+  if (!x)
     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);
+  const F = x.value;
+  if (!F.startsWith("="))
+    return F;
+  const p = Al(Mt(a, h), s, v, i);
+  return isNaN(p) ? "#ERROR" : String(p);
 }
-function On(u, f, s, c, r, m) {
-  return f === 0 && s === 0 ? u : u.replace(
+function oi(a, h, s, v, i, x) {
+  return h === 0 && s === 0 ? a : a.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;
+    (F, p, $, w, g) => {
+      const E = p ? No($) : No($) + h, V = w ? parseInt(g, 10) - 1 : parseInt(g, 10) - 1 + s;
+      let z;
+      E < 0 ? z = "A" : E >= v ? z = x(v - 1) : z = x(E);
+      let X;
+      return V < 0 ? X = "1" : V >= i ? X = String(i) : X = String(V + 1), (p || "") + z + (w || "") + X;
     }
   );
 }
-class Xn {
+class li {
   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);
+  clear(h) {
+    var v;
+    const s = this.deps.get(h);
     if (s) {
-      for (const r of s)
-        (c = this.rev.get(r)) == null || c.delete(f);
-      this.deps.delete(f);
+      for (const i of s)
+        (v = this.rev.get(i)) == null || v.delete(h);
+      this.deps.delete(h);
     }
   }
-  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);
+  set(h, s) {
+    if (this.clear(h), s.length !== 0) {
+      this.deps.set(h, s);
+      for (const v of s)
+        this.rev.has(v) || this.rev.set(v, /* @__PURE__ */ new Set()), this.rev.get(v).add(h);
     }
   }
-  markDirty(f) {
-    const s = [f];
+  markDirty(h) {
+    const s = [h];
     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));
+      const v = s.pop(), i = this.rev.get(v);
+      if (i)
+        for (const x of i)
+          this.dirty.has(x) || (this.dirty.add(x), s.push(x));
     }
   }
   getDirtyAndClear() {
-    const f = this.dirty;
-    return this.dirty = /* @__PURE__ */ new Set(), f;
+    const h = this.dirty;
+    return this.dirty = /* @__PURE__ */ new Set(), h;
   }
   /** 从 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);
+  rebuild(h, s, v) {
+    this.deps.clear(), this.rev.clear(), this.dirty.clear(), Bt.clear();
+    for (const [i, x] of Object.entries(h))
+      if (x.value.startsWith("=")) {
+        const F = Hl(x.value.slice(1), s, v);
+        this.set(i, F);
       }
   }
 }
-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;
+function ni(a, h, s, v) {
+  const i = {}, x = v(h), F = v(s);
+  return x != null && (i.width = `${x}px`), F != null && (i.height = `${F}px`), i["--sp-formula-bar-bg"] = a.formulaBarBg, i["--sp-formula-bar-border"] = a.formulaBarBorder, i["--sp-formula-bar-label-color"] = a.formulaBarLabelText, i["--sp-formula-bar-label-bg"] = a.formulaBarLabelBg, i["--sp-formula-bar-label-border"] = a.formulaBarLabelBorder, i["--sp-formula-bar-input-bg"] = a.formulaBarInputBg, i["--sp-formula-bar-input-border"] = a.formulaBarInputBorder, i["--sp-formula-bar-input-color"] = a.formulaBarInputText, i["--sp-formula-bar-input-focus-border"] = a.formulaBarInputFocusBorder, i["--sp-formula-bar-input-focus-shadow"] = a.formulaBarInputFocusShadow, i["--sp-wrapper-bg"] = a.wrapperBg, i["--sp-cell-editor-border"] = a.cellEditorBorder, i["--sp-cell-editor-color"] = a.cellEditorText, i["--sp-cell-editor-bg"] = a.cellEditorBg, i["--sp-cell-editor-shadow"] = a.cellEditorShadow, i["--sp-tab-bar-bg"] = a.tabBarBg, i["--sp-tab-bar-border"] = a.tabBarBorder, i["--sp-tab-active-bg"] = a.tabActiveBg, i["--sp-tab-active-color"] = a.tabActiveText, i["--sp-tab-active-border"] = a.tabActiveBorder, i["--sp-tab-inactive-bg"] = a.tabInactiveBg, i["--sp-tab-inactive-color"] = a.tabInactiveText, i["--sp-tab-inactive-border"] = a.tabInactiveBorder, i["--sp-tab-hover-bg"] = a.tabHoverBg, i["--sp-tab-add-btn-color"] = a.tabAddBtnColor, i["--sp-tab-add-btn-hover-bg"] = a.tabAddBtnHoverBg, i["--sp-tab-scroll-btn-color"] = a.tabScrollBtnColor, i["--sp-tab-scroll-btn-hover-bg"] = a.tabScrollBtnHoverBg, i["--sp-scroll-thumb"] = a.scrollbarThumb, i["--sp-scroll-thumb-hover"] = a.scrollbarThumbHover, i["--sp-scroll-btn-bg"] = a.scrollBtnBg, i["--sp-scroll-btn-color"] = a.scrollBtnColor, i["--sp-scroll-btn-hover-bg"] = a.scrollBtnHoverBg, i["--sp-scroll-btn-active-bg"] = a.scrollBtnActiveBg, i["--sp-scroll-track-bg"] = a.scrollTrackBg, i["--sp-toolbar-bg"] = a.toolbarBg, i["--sp-toolbar-border"] = a.toolbarBorder, i["--sp-toolbar-btn-color"] = a.toolbarBtnColor, i["--sp-toolbar-btn-hover-bg"] = a.toolbarBtnHoverBg, i["--sp-toolbar-btn-disabled-color"] = a.toolbarBtnDisabledColor, i["--sp-toolbar-btn-active-color"] = a.toolbarBtnActiveColor, i;
 }
-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 = {
+const ai = { class: "formula-bar" }, ri = { class: "formula-bar__cell-label" }, ii = ["value"], si = ["value"], ui = ["title"], ci = ["title"], di = ["title"], fi = ["title"], vi = {
   key: 2,
   class: "sb-corner"
-}, no = ["onClick", "onMouseenter"], oo = { class: "context-menu__label" }, ao = {
+}, bi = ["onClick", "onMouseenter"], mi = { class: "context-menu__label" }, hi = {
   key: 0,
   class: "context-menu__arrow"
-}, ro = ["onClick"], uo = /* @__PURE__ */ kn({
+}, pi = ["onClick"], gi = { class: "dim-panel__title" }, yi = { class: "dim-panel__body" }, ki = ["value"], wi = {
+  key: 0,
+  class: "dim-panel__error"
+}, Ci = { class: "dim-panel__footer" }, Bi = "\0", $l = "#444", xi = /* @__PURE__ */ Rt({
   __name: "spreader",
-  props: /* @__PURE__ */ _n({
+  props: /* @__PURE__ */ Fa({
     rowCount: { default: 200 },
     colCount: { default: 26 },
     width: {},
@@ -353,173 +1783,466 @@ const Un = { class: "tab-list" }, jn = ["onClick", "onDblclick", "onContextmenu"
     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(() => {
+  setup(a) {
+    const h = a, s = A(() => h.locale === "zh-CN" ? "zh-CN" : "en-US"), v = h.colCount, i = h.rowCount, x = Da(a, "data");
+    let F = "";
+    const p = Fl({}), $ = new li(), w = D(null), g = D({ col: 0, row: 0 }), E = D(null), V = D(""), z = D(new Array(v).fill(Ct)), X = D(new Array(i).fill(void 0)), M = D(0), O = D(0), P = (() => {
+      if (typeof window > "u")
+        return 1;
+      const e = window.devicePixelRatio || 1;
+      return e > 1 ? Math.min(1.5, 1 + (e - 1) * 0.25) : 1;
+    })();
+    function _(e, t) {
+      var n;
+      const o = (n = p[C(e, t)]) == null ? void 0 : n.style;
+      return typeof (o == null ? void 0 : o.fontSize) == "number" && o.fontSize > 0 ? o.fontSize : st;
+    }
+    function Y(e) {
+      return Math.round(e * P);
+    }
+    const ce = A(() => {
       const e = [0];
-      for (let t = 0; t < c; t++)
-        e.push(e[t] + H.value[t]);
+      for (let t = 0; t < v; t++)
+        e.push(e[t] + z.value[t]);
       return e;
-    }), pe = I(() => {
+    });
+    function ie(e) {
+      const t = X.value[e];
+      if (t != null && t > 0)
+        return t;
+      let o = st;
+      for (let l = 0; l < v; l++) {
+        const r = _(l, e);
+        r > o && (o = r);
+      }
+      const n = Y(o);
+      return Math.max(Ta, Math.round(n * 1.2 + 8));
+    }
+    const de = A(() => {
       const e = [0];
-      for (let t = 0; t < r; t++)
-        e.push(e[t] + E.value[t]);
+      for (let t = 0; t < i; t++)
+        e.push(e[t] + ie(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)
+    }), We = A(() => ce.value[v]), Je = A(() => de.value[i]);
+    function L(e, t) {
+      g.value = { col: e, row: t }, w.value = { startCol: e, startRow: t, endCol: e, endRow: t };
+    }
+    function U(e, t, o, n) {
+      g.value = { col: e, row: t }, w.value = {
+        startCol: Math.min(e, o),
+        startRow: Math.min(t, n),
+        endCol: Math.max(e, o),
+        endRow: Math.max(t, n)
       };
     }
-    function mt() {
-      te(0, 0, c - 1, r - 1);
+    function u() {
+      U(0, 0, v - 1, i - 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 b(e, t) {
+      const o = w.value;
+      return o ? e >= o.startCol && e <= o.endCol && t >= o.startRow && t <= o.endRow : !1;
     }
-    function L(e, t) {
+    function C(e, t) {
       return `${e},${t}`;
     }
-    function X(e) {
-      Reflect.deleteProperty(b, e);
+    function N(e) {
+      Reflect.deleteProperty(p, e);
     }
-    function Re(e, t) {
-      var n;
-      return ((n = b[L(e, t)]) == null ? void 0 : n.value) ?? "";
+    function Q(e, t) {
+      var o;
+      return ((o = p[C(e, t)]) == null ? void 0 : o.value) ?? "";
     }
-    function Cl(e, t) {
-      return yl(), Fn(e, t, b, c, r);
+    function Qe(e, t) {
+      return Ll(), ti(e, t, p, v, i);
     }
-    function Me(e, t, n) {
+    function we(e, t, o) {
       var d;
-      const l = L(e, t);
-      if (yl(), n === "" || n == null) {
-        Y.clear(l), X(l), Y.markDirty(l);
+      const n = C(e, t);
+      if (Ll(), o === "" || o == null) {
+        $.clear(n), N(n), $.markDirty(n);
         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);
+      const l = String(o), r = ((d = p[n]) == null ? void 0 : d.style) ?? null;
+      p[n] = { value: l, style: r }, l.startsWith("=") ? $.set(n, Hl(l.slice(1), v, i)) : $.clear(n), $.markDirty(n);
+    }
+    function Xe(e, t, o, n) {
+      for (let l = e; l <= t; l++)
+        for (let r = o; r <= n; r++) {
+          const d = C(l, r);
+          $.clear(d), N(d), $.markDirty(d);
         }
     }
-    function ve(e) {
-      R.value || (R.value = { ...h.value }, O.value = e ?? Re(h.value.col, h.value.row));
+    function je(e) {
+      E.value || (E.value = { ...g.value }, V.value = e ?? Q(g.value.col, g.value.row));
     }
-    function be() {
-      R.value && (Me(R.value.col, R.value.row, O.value), R.value = null, O.value = "");
+    function qe() {
+      E.value && (j(), we(E.value.col, E.value.row, V.value), E.value = null, V.value = "");
     }
-    function me() {
-      R.value = null, O.value = "";
+    function et() {
+      E.value = null, V.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 Ne(e, t) {
+      L(
+        Math.max(0, Math.min(v - 1, g.value.col + e)),
+        Math.max(0, Math.min(i - 1, g.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, t) {
+      const o = Math.max(0, se.w - I - Se), n = Math.max(0, se.h - W - Se), l = ce.value[e], r = de.value[t], d = z.value[e], m = ie(t);
+      let k = M.value, T = O.value;
+      l < k ? k = l : l + d > k + o && (k = l + d - o), r < T ? T = r : r + m > T + n && (T = r + m - n), fe(k, T);
     }
-    function le(e) {
-      const t = he.value;
-      if (e < 0 || e >= t[c])
+    function Re(e) {
+      const t = ce.value;
+      if (e < 0 || e >= t[v])
         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;
+      let o = 0, n = v - 1;
+      for (; o < n; ) {
+        const l = o + n + 1 >> 1;
+        t[l] <= e ? o = l : n = l - 1;
       }
-      return n;
+      return o;
     }
-    function ne(e) {
-      const t = pe.value;
-      if (e < 0 || e >= t[r])
+    function De(e) {
+      const t = de.value;
+      if (e < 0 || e >= t[i])
         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;
+      let o = 0, n = i - 1;
+      for (; o < n; ) {
+        const l = o + n + 1 >> 1;
+        t[l] <= e ? o = l : n = l - 1;
       }
-      return n;
+      return o;
+    }
+    const Ge = D([]), Ft = D([]);
+    function Po(e) {
+      const t = {};
+      for (const [o, n] of Object.entries(e))
+        t[o] = { value: n.value, style: n.style };
+      return t;
+    }
+    function so() {
+      return dt(), {
+        sheets: q.value.map((e) => ({
+          id: e.id,
+          name: e.name,
+          cells: Po(e.cells),
+          selection: e.selection ? { ...e.selection } : null,
+          activeCell: e.activeCell ? { ...e.activeCell } : { col: 0, row: 0 },
+          scrollX: e.scrollX,
+          scrollY: e.scrollY,
+          colWidths: [...e.colWidths],
+          rowHeights: [...e.rowHeights]
+        })),
+        activeSheetIndex: he.value
+      };
     }
-    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 Uo(e) {
+      q.value = e.sheets.map((t) => ({ ...t, cells: Po(t.cells) })), Ze(Math.max(0, Math.min(e.activeSheetIndex, q.value.length - 1))), $.rebuild(p, v, i);
     }
-    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 j() {
+      const e = so(), t = Ge.value[Ge.value.length - 1];
+      t && JSON.stringify(t) === JSON.stringify(e) || (Ge.value.push(e), Ft.value = [], Ge.value.length > La && Ge.value.shift());
     }
-    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 Yo() {
+      Ge.value.length && (Ft.value.push(so()), Uo(Ge.value.pop()), y(), ee(Z));
     }
-    function Sl() {
-      de.value.length && (qe.value.push(gt()), Vt(de.value.pop()), g.value = null, v());
+    function Ko() {
+      Ft.value.length && (Ge.value.push(so()), Uo(Ft.value.pop()), y(), ee(Z));
     }
-    function kl() {
-      qe.value.length && (de.value.push(gt()), Vt(qe.value.pop()), g.value = null, v());
+    const Il = A(() => Ge.value.length > 0), Wl = A(() => Ft.value.length > 0), Nl = A(() => !!w.value), tt = D(null);
+    function Gl() {
+      var o;
+      const e = w.value;
+      if (!e)
+        return;
+      const t = {};
+      for (let n = e.startCol; n <= e.endCol; n++)
+        for (let l = e.startRow; l <= e.endRow; l++)
+          t[`${n - e.startCol},${l - e.startRow}`] = ((o = p[C(n, l)]) == null ? void 0 : o.style) ?? null;
+      tt.value = { styles: t };
+    }
+    function Pl() {
+      var o;
+      const e = tt.value, t = w.value;
+      if (!(!e || !t)) {
+        j();
+        for (let n = t.startCol; n <= t.endCol; n++)
+          for (let l = t.startRow; l <= t.endRow; l++) {
+            const r = e.styles[`${n - t.startCol},${l - t.startRow}`] ?? null, d = C(n, l), m = ((o = p[d]) == null ? void 0 : o.value) ?? "";
+            m === "" && r === null ? N(d) : p[d] = { value: m, style: r };
+          }
+        tt.value = null, y(), Z();
+      }
     }
-    let Jt = null;
-    function Ge() {
-      const e = g.value;
+    function Ul() {
+      var t;
+      const e = w.value;
+      if (e) {
+        j();
+        for (let o = e.startCol; o <= e.endCol; o++)
+          for (let n = e.startRow; n <= e.endRow; n++) {
+            const l = C(o, n), r = ((t = p[l]) == null ? void 0 : t.value) ?? "";
+            r === "" ? N(l) : p[l] = { value: r, style: null };
+          }
+        y(), Z();
+      }
+    }
+    const Yl = A(
+      () => Aa.map((e) => ({ ...e, label: e.value === "" ? B(s.value, "fontDefault") : e.label }))
+    ), Kl = A(
+      () => Ha.map((e) => ({ ...e, label: String(e.value) }))
+    ), Vl = A(() => {
+      var n;
+      const e = w.value;
+      if (!e)
+        return "";
+      let t, o = !1;
+      for (let l = e.startCol; l <= e.endCol && !o; l++)
+        for (let r = e.startRow; r <= e.endRow && !o; r++) {
+          const d = (n = p[C(l, r)]) == null ? void 0 : n.style, m = typeof (d == null ? void 0 : d.fontFamily) == "string" ? d.fontFamily : "";
+          t === void 0 ? t = m : m !== t && (o = !0);
+        }
+      return o ? Bi : t ?? "";
+    }), Pe = A(() => {
+      const e = w.value;
+      if (!e)
+        return st;
+      let t, o = !1;
+      for (let n = e.startCol; n <= e.endCol && !o; n++)
+        for (let l = e.startRow; l <= e.endRow && !o; l++) {
+          const r = _(n, l);
+          t === void 0 ? t = r : r !== t && (o = !0);
+        }
+      return o ? 0 : t ?? st;
+    });
+    function me(e, t) {
+      var n, l;
+      const o = w.value;
+      if (o) {
+        j();
+        for (let r = o.startCol; r <= o.endCol; r++)
+          for (let d = o.startRow; d <= o.endRow; d++) {
+            const m = C(r, d), k = ((n = p[m]) == null ? void 0 : n.value) ?? "", T = (l = p[m]) != null && l.style ? { ...p[m].style } : {};
+            t === "" || t === null || t === void 0 || t === 0 ? delete T[e] : T[e] = t;
+            const Oe = Object.keys(T).length ? T : null;
+            k === "" && Oe === null ? N(m) : p[m] = { value: k, style: Oe };
+          }
+        y(), Z();
+      }
+    }
+    function Xl(e) {
+      me("fontFamily", e === "" ? "" : e);
+    }
+    function jl(e) {
+      me("fontSize", e), ot.value = !1;
+    }
+    const _e = D(""), ot = D(!1);
+    He(Pe, (e) => {
+      _e.value = e === 0 ? "" : String(e);
+    }, { immediate: !0 });
+    function ql(e) {
+      const t = e.target;
+      _e.value = t.value.replace(/[^\d]/g, "");
+    }
+    function _l() {
+      const e = _e.value.trim();
+      if (!e) {
+        _e.value = Pe.value === 0 ? "" : String(Pe.value);
+        return;
+      }
+      let t = parseInt(e, 10);
+      isNaN(t) && (t = st), t = Math.max(5, Math.min(72, t)), _e.value = String(t), t !== Pe.value && me("fontSize", t);
+    }
+    function Zl(e) {
+      e.key === "Enter" && e.target.blur();
+    }
+    function Jl(e) {
+      ot.value = !ot.value;
+    }
+    function Ql() {
+      const e = Pe.value === 0 ? st : Pe.value, t = Math.min(72, e + 1);
+      me("fontSize", t), _e.value = String(t), ot.value = !1;
+    }
+    function en() {
+      const e = Pe.value === 0 ? st : Pe.value, t = Math.max(5, e - 1);
+      me("fontSize", t), _e.value = String(t), ot.value = !1;
+    }
+    function It(e) {
+      var l;
+      const t = w.value;
+      if (!t)
+        return !1;
+      let o, n = !1;
+      for (let r = t.startCol; r <= t.endCol && !n; r++)
+        for (let d = t.startRow; d <= t.endRow && !n; d++) {
+          const m = (l = p[C(r, d)]) == null ? void 0 : l.style, k = !!(m != null && m[e]);
+          o === void 0 ? o = k : k !== o && (n = !0);
+        }
+      return !n && o === !0;
+    }
+    const Vo = A(() => It("fontWeight")), Xo = A(() => It("fontStyle")), jo = A(() => It("underline")), qo = A(() => It("strikethrough"));
+    function tn() {
+      me("fontWeight", Vo.value ? "" : "bold");
+    }
+    function on() {
+      me("fontStyle", Xo.value ? "" : "italic");
+    }
+    function ln() {
+      me("underline", jo.value ? "" : "underline");
+    }
+    function nn() {
+      me("strikethrough", qo.value ? "" : "line-through");
+    }
+    const Wt = D(""), Nt = D(""), uo = D(!1), co = D(!1);
+    function an(e) {
+      _o.value = e, e && (uo.value = !1, co.value = !1);
+    }
+    function rn(e) {
+      Wt.value = e, me("color", e === "" ? "" : e);
+    }
+    function sn(e) {
+      Nt.value = e, me("backgroundColor", e === "" ? "" : e);
+    }
+    function un() {
+      me("color", Wt.value === "" ? "" : Wt.value);
+    }
+    function cn() {
+      me("backgroundColor", Nt.value === "" ? "" : Nt.value);
+    }
+    const dn = A(() => {
+      var n;
+      const e = w.value;
+      if (!e)
+        return "";
+      let t, o = !1;
+      for (let l = e.startCol; l <= e.endCol && !o; l++)
+        for (let r = e.startRow; r <= e.endRow && !o; r++) {
+          const d = (n = p[C(l, r)]) == null ? void 0 : n.style, m = typeof (d == null ? void 0 : d.color) == "string" ? d.color : "";
+          t === void 0 ? t = m : m !== t && (o = !0);
+        }
+      return o ? "" : t ?? "";
+    }), fn = A(() => {
+      var n;
+      const e = w.value;
+      if (!e)
+        return "";
+      let t, o = !1;
+      for (let l = e.startCol; l <= e.endCol && !o; l++)
+        for (let r = e.startRow; r <= e.endRow && !o; r++) {
+          const d = (n = p[C(l, r)]) == null ? void 0 : n.style, m = typeof (d == null ? void 0 : d.backgroundColor) == "string" ? d.backgroundColor : "";
+          t === void 0 ? t = m : m !== t && (o = !0);
+        }
+      return o ? "" : t ?? "";
+    }), fo = D("none"), _o = D(!1);
+    function vn(e, t, o, n) {
+      const l = o === n.startRow, r = o === n.endRow, d = t === n.startCol, m = t === n.endCol, k = { top: 0, bottom: 0, left: 0, right: 0 };
+      switch (e) {
+        case "none":
+          return k;
+        case "bottom":
+          r && (k.bottom = 1);
+          break;
+        case "top":
+          l && (k.top = 1);
+          break;
+        case "left":
+          d && (k.left = 1);
+          break;
+        case "right":
+          m && (k.right = 1);
+          break;
+        case "all":
+          k.top = 1, k.bottom = 1, k.left = 1, k.right = 1;
+          break;
+        case "outer":
+          l && (k.top = 1), r && (k.bottom = 1), d && (k.left = 1), m && (k.right = 1);
+          break;
+        case "thickOuter":
+          l && (k.top = 2), r && (k.bottom = 2), d && (k.left = 2), m && (k.right = 2);
+          break;
+      }
+      return k;
+    }
+    function Zo(e) {
+      fo.value = e;
+      const t = w.value;
+      if (t) {
+        if (j(), e === "none")
+          for (let o = t.startCol; o <= t.endCol; o++)
+            for (let n = t.startRow; n <= t.endRow; n++)
+              Jo(o, n, { top: 0, bottom: 0, left: 0, right: 0 }, !0);
+        else
+          for (let o = t.startCol; o <= t.endCol; o++)
+            for (let n = t.startRow; n <= t.endRow; n++) {
+              const l = vn(e, o, n, t);
+              Jo(o, n, l, !1);
+            }
+        y(), Z();
+      }
+    }
+    function Jo(e, t, o, n = !0) {
+      var $e, rt;
+      const l = C(e, t), r = (($e = p[l]) == null ? void 0 : $e.value) ?? "", d = (rt = p[l]) != null && rt.style ? { ...p[l].style } : {}, m = ["Top", "Bottom", "Left", "Right"], k = [o.top, o.bottom, o.left, o.right];
+      for (let ve = 0; ve < 4; ve++) {
+        const it = `border${m[ve]}Width`;
+        k[ve] === 0 ? n && delete d[it] : (d[it] = k[ve], d.borderColor = $l);
+      }
+      m.some((ve) => d[`border${ve}Width`] !== void 0) || delete d.borderColor;
+      const Oe = Object.keys(d).length ? d : null;
+      r === "" && Oe === null ? N(l) : p[l] = { value: r, style: Oe };
+    }
+    function bn() {
+      Zo(fo.value);
+    }
+    function Qo(e, t, o) {
+      var l;
+      const n = (l = p[C(e, t)]) == null ? void 0 : l.style;
+      return (n == null ? void 0 : n[`border${o}Width`]) || 0;
+    }
+    let el = null;
+    function Gt() {
+      const e = w.value;
       if (!e)
         return;
-      Jt = { ...e };
+      el = { ...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("	"));
+      for (let o = e.startRow; o <= e.endRow; o++) {
+        const n = [];
+        for (let l = e.startCol; l <= e.endCol; l++)
+          n.push(Q(l, o));
+        t.push(n.join("	"));
       }
-      jt(t.join(`
+      Wo(t.join(`
 `));
     }
-    function Qe() {
-      const e = g.value;
+    function Pt() {
+      const e = w.value;
       if (e) {
-        if (e.startCol === 0 && e.endCol === c - 1) {
+        if (e.startCol === 0 && e.endCol === v - 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("	"));
+          for (let o = e.startRow; o <= e.endRow; o++) {
+            const n = [];
+            for (let l = 0; l < v; l++)
+              n.push(Q(l, o));
+            t.push(n.join("	"));
           }
-          jt(t.join(`
+          Wo(t.join(`
 `));
-        } else if (e.startRow === 0 && e.endRow === r - 1) {
+        } else if (e.startRow === 0 && e.endRow === i - 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("	"));
+          for (let o = 0; o < i; o++) {
+            const n = [];
+            for (let l = e.startCol; l <= e.endCol; l++)
+              n.push(Q(l, o));
+            t.push(n.join("	"));
           }
-          jt(t.join(`
+          Wo(t.join(`
 `));
         }
       }
     }
-    async function Ye() {
+    async function Tt() {
       let e = "";
       try {
         e = await navigator.clipboard.readText();
@@ -528,186 +2251,186 @@ const Un = { class: "tab-list" }, jn = ["onClick", "onDblclick", "onContextmenu"
       }
       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);
+      const t = e.split(/\r?\n/), o = g.value, n = el;
+      for (let l = 0; l < t.length; l++) {
+        const r = t[l].split("	");
+        for (let d = 0; d < r.length; d++) {
+          const m = o.col + d, k = o.row + l;
+          if (m < v && k < i) {
+            let T = r[d];
+            T.startsWith("=") && n && (T = oi(
+              T,
+              m - (n.startCol + d),
+              k - (n.startRow + l),
+              v,
+              i,
+              ze
+            )), we(m, k, T);
           }
         }
       }
     }
-    function wt() {
-      if (Ge(), g.value) {
-        const e = g.value;
-        zt(e.startCol, e.endCol, e.startRow, e.endRow), v();
+    function vo() {
+      if (Gt(), w.value) {
+        const e = w.value;
+        Xe(e.startCol, e.endCol, e.startRow, e.endRow), y();
       }
     }
-    function yt() {
-      if (g.value) {
-        const e = g.value;
-        zt(e.startCol, e.endCol, e.startRow, e.endRow), v();
+    function bo() {
+      if (w.value) {
+        const e = w.value;
+        Xe(e.startCol, e.endCol, e.startRow, e.endRow), y();
       }
     }
-    function Rl() {
-      const e = g.value;
+    function mn() {
+      const e = w.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})`);
+      j();
+      const t = e.startCol, o = e.startRow, n = e.endCol, l = e.endRow;
+      if (o === l)
+        if (n + 1 < v) {
+          const r = `${ze(t)}${o + 1}:${ze(n)}${o + 1}`;
+          we(n + 1, o, `=SUM(${r})`);
         } else {
-          const a = `${ce(t)}${n + 1}:${ce(l - 1)}${n + 1}`;
-          Me(l, n, `=SUM(${a})`);
+          const r = `${ze(t)}${o + 1}:${ze(n - 1)}${o + 1}`;
+          we(n, o, `=SUM(${r})`);
         }
       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})`);
+        for (let r = t; r <= n; r++)
+          if (l + 1 < i) {
+            const d = `${ze(r)}${o + 1}:${ze(r)}${l + 1}`;
+            we(r, l + 1, `=SUM(${d})`);
           } else {
-            const d = `${ce(a)}${n + 1}:${ce(a)}${o}`;
-            Me(a, o, `=SUM(${d})`);
+            const d = `${ze(r)}${o + 1}:${ze(r)}${l}`;
+            we(r, l, `=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);
+      y(), Z();
+    }
+    function hn(e, t) {
+      const o = t - e + 1;
+      for (let n = e; n <= t; n++)
+        for (let l = 0; l < v; l++)
+          N(C(l, n));
+      for (let n = e; n < i - o; n++) {
+        for (let l = 0; l < v; l++) {
+          const r = C(l, n + o), d = C(l, n);
+          p[r] ? (p[d] = p[r], N(r)) : N(d);
         }
-        E.value[l] = E.value[l + n];
+        X.value[n] = X.value[n + o];
       }
-      for (let l = r - n; l < r; l++) {
-        for (let o = 0; o < c; o++)
-          X(L(o, l));
-        E.value[l] = Ze;
+      for (let n = i - o; n < i; n++) {
+        for (let l = 0; l < v; l++)
+          N(C(l, n));
+        X.value[n] = void 0;
       }
     }
-    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);
+    function pn(e, t) {
+      const o = t - e + 1;
+      if (!(t >= i - 1)) {
+        for (let n = i - 1; n > t; n--) {
+          for (let l = 0; l < v; l++) {
+            const r = C(l, n - o), d = C(l, n);
+            p[r] ? p[d] = p[r] : N(d);
           }
-          E.value[l] = E.value[l - n];
+          X.value[n] = X.value[n - o];
         }
-        for (let l = t + 1; l <= t + n; l++) {
-          for (let o = 0; o < c; o++)
-            X(L(o, l));
-          E.value[l] = Ze;
+        for (let n = t + 1; n <= t + o; n++) {
+          for (let l = 0; l < v; l++)
+            N(C(l, n));
+          X.value[n] = void 0;
         }
       }
     }
-    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);
+    function gn(e, t) {
+      const o = t - e + 1;
+      if (!(t >= v - 1)) {
+        for (let n = v - 1; n > t; n--) {
+          for (let l = 0; l < i; l++) {
+            const r = C(n - o, l), d = C(n, l);
+            p[r] ? p[d] = p[r] : N(d);
           }
-          H.value[l] = H.value[l - n];
+          z.value[n] = z.value[n - o];
         }
-        for (let l = t + 1; l <= t + n; l++) {
-          for (let o = 0; o < r; o++)
-            X(L(l, o));
-          H.value[l] = Je;
+        for (let n = t + 1; n <= t + o; n++) {
+          for (let l = 0; l < i; l++)
+            N(C(n, l));
+          z.value[n] = Ct;
         }
       }
     }
-    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);
+    function yn(e, t) {
+      const o = t - e + 1;
+      for (let n = e; n <= t; n++)
+        for (let l = 0; l < i; l++)
+          N(C(n, l));
+      for (let n = e; n < v - o; n++) {
+        for (let l = 0; l < i; l++) {
+          const r = C(n + o, l), d = C(n, l);
+          p[r] ? (p[d] = p[r], N(r)) : N(d);
         }
-        H.value[l] = H.value[l + n];
+        z.value[n] = z.value[n + o];
       }
-      for (let l = c - n; l < c; l++) {
-        for (let o = 0; o < r; o++)
-          X(L(l, o));
-        H.value[l] = Je;
+      for (let n = v - o; n < v; n++) {
+        for (let l = 0; l < i; l++)
+          N(C(n, l));
+        z.value[n] = Ct;
       }
     }
-    let Zt = 0;
-    function qt() {
-      return Zt++, `s_${Zt}`;
+    let tl = 0;
+    function ol() {
+      return tl++, `s_${tl}`;
     }
-    function et(e) {
+    function Ut(e) {
       return {
-        id: qt(),
+        id: ol(),
         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)
+        colWidths: new Array(v).fill(Ct),
+        rowHeights: new Array(i).fill(void 0)
       };
     }
-    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]);
+    const q = D([Ut("Sheet1")]), he = D(0);
+    function dt() {
+      const e = q.value[he.value];
+      e && (e.cells = { ...p }, e.selection = w.value ? { ...w.value } : null, e.activeCell = { ...g.value }, e.scrollX = M.value, e.scrollY = O.value, e.colWidths = [...z.value], e.rowHeights = [...X.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 Ze(e) {
+      const t = q.value[e];
+      t && (Object.keys(p).forEach((o) => N(o)), Object.assign(p, t.cells), w.value = t.selection ? { ...t.selection } : null, g.value = { ...t.activeCell }, M.value = t.scrollX, O.value = t.scrollY, z.value = [...t.colWidths], X.value = [...t.rowHeights], he.value = e);
     }
-    function _l(e) {
-      e === Z.value || e < 0 || e >= D.value.length || (me(), Ue(), ge(e));
+    function kn(e) {
+      e === he.value || e < 0 || e >= q.value.length || (et(), dt(), Ze(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 mo(e) {
+      return j(), et(), dt(), q.value.push(Ut(`Sheet${q.value.length + 1}`)), Ze(q.value.length - 1), q.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 wn(e) {
+      return q.value.length <= 1 || (j(), et(), q.value.splice(e, 1), Ze(Math.min(e, q.value.length - 1))), he.value;
     }
-    function $l(e, t) {
-      D.value[e] && t.trim() && (D.value[e].name = t.trim());
+    function Cn(e, t) {
+      q.value[e] && t.trim() && (j(), q.value[e].name = t.trim());
     }
-    function Il(e) {
-      me(), Ue();
-      const t = D.value[e];
+    function Bn(e) {
+      j(), et(), dt();
+      const t = q.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,
+      let o = t.name;
+      const n = o.match(/^(.*?)\s*\((\d+)\)$/);
+      let l = n ? parseInt(n[2], 10) + 1 : 2;
+      n && (o = n[1]);
+      let r = `${o} (${l})`;
+      const d = new Set(q.value.map((k) => k.name));
+      for (; d.has(r); )
+        l++, r = `${o} (${l})`;
+      const m = {
+        id: ol(),
+        name: r,
         cells: { ...t.cells },
         selection: t.selection ? { ...t.selection } : null,
         activeCell: t.activeCell ? { ...t.activeCell } : { col: 0, row: 0 },
@@ -716,917 +2439,1141 @@ const Un = { class: "tab-list" }, jn = ["onClick", "onDblclick", "onContextmenu"
         colWidths: [...t.colWidths],
         rowHeights: [...t.rowHeights]
       };
-      return D.value.splice(e + 1, 0, p), ge(e + 1), e + 1;
+      return q.value.splice(e + 1, 0, m), Ze(e + 1), e + 1;
     }
-    function Gt(e, t) {
-      const n = e + t;
-      if (n < 0 || n >= D.value.length)
+    function ll(e, t) {
+      const o = e + t;
+      if (o < 0 || o >= q.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);
+      j();
+      const n = he.value, l = q.value.splice(e, 1)[0];
+      q.value.splice(o, 0, l), n === e ? he.value = o : e < n && o >= n ? he.value = n - 1 : e > n && o <= n && (he.value = n + 1), y();
+    }
+    const xn = A(() => q.value.length);
+    function Z() {
+      dt();
+      const e = q.value.map((o) => {
+        const n = {};
+        for (const [m, k] of Object.entries(o.cells))
+          n[m] = { value: k.value }, k.style && (n[m].style = k.style);
+        const l = { name: o.name, cells: n }, r = {};
+        for (let m = 0; m < o.colWidths.length; m++)
+          o.colWidths[m] !== 100 && (r[m] = o.colWidths[m]);
+        Object.keys(r).length && (l.colWidths = r);
         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;
+        for (let m = 0; m < o.rowHeights.length; m++) {
+          const k = o.rowHeights[m];
+          k != null && (d[m] = k);
+        }
+        return Object.keys(d).length && (l.rowHeights = d), l;
       }), t = JSON.stringify(e);
-      t !== k && (k = t, m.value = e);
+      t !== F && (F = t, x.value = e);
     }
-    let xt = !1;
-    function Qt() {
-      xt || (xt = !0, Promise.resolve().then(() => {
-        xt = !1, A();
+    let ho = !1;
+    function nl() {
+      ho || (ho = !0, Promise.resolve().then(() => {
+        ho = !1, Z();
       }));
     }
-    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)));
+    const al = A(() => h.theme === "dark" ? Wa : Ia), Sn = A(() => ni(al.value, h.width, h.height, ut)), lt = D(null), Fe = D(null), po = D(null), go = D(null), se = Fl({ w: 800, h: 600 }), ft = A(() => Math.max(0, We.value - Math.max(0, se.w - I - Se))), vt = A(() => Math.max(0, Je.value - Math.max(0, se.h - W - Se)));
+    function fe(e, t) {
+      const o = Math.max(0, se.w - I - Se), n = Math.max(0, se.h - W - Se);
+      M.value = Math.max(0, Math.min(e ?? M.value, Math.max(0, We.value - o))), O.value = Math.max(0, Math.min(t ?? O.value, Math.max(0, Je.value - n)));
     }
-    function Nl() {
+    function Mn() {
       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;
+    function pe(e = !1) {
+      ee(() => {
+        const t = po.value;
         if (t) {
-          if (!R.value && !Nl()) {
+          if (!E.value && !Mn()) {
             document.activeElement === t && t.blur();
             return;
           }
-          t.focus(), e && t.select();
+          t.focus({ preventScroll: !0 }), e && t.select();
         }
       });
     }
-    function Ll() {
-      V();
+    function Rn() {
+      pe();
     }
-    let kt = !1, i = null, je = 1;
-    function v() {
-      kt || (kt = !0, requestAnimationFrame(() => {
-        kt = !1, Fl();
+    let yo = !1, f = null, Et = 1;
+    function y() {
+      yo || (yo = !0, requestAnimationFrame(() => {
+        yo = !1, Dn();
       }));
     }
-    function Fl() {
-      const e = oe.value;
+    function Dn() {
+      var Bl, xl, Sl;
+      const e = Fe.value;
       if (!e)
         return;
-      const t = we.value;
-      if (!t || (i = e.getContext("2d"), !i))
+      const t = lt.value;
+      if (!t || (f = e.getContext("2d"), !f))
         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());
+      Et = window.devicePixelRatio || 1;
+      const o = t.getBoundingClientRect(), n = o.width, l = o.height;
+      se.w = n, se.h = l, e.width = n * Et, e.height = l * Et, e.style.width = n + "px", e.style.height = l + "px", f.setTransform(Et, 0, 0, Et, 0, 0);
+      const r = M.value, d = O.value, m = I, k = W, T = al.value, Oe = ce.value, $e = de.value, rt = z.value, ve = [];
+      for (let R = 0; R < i; R++)
+        ve[R] = $e[R + 1] - $e[R];
+      const it = Math.max(0, Re(r));
+      let wl = it;
+      for (let R = it; R < v && !(m + Oe[R] - r >= n); R++)
+        wl = R;
+      const Lo = wl, Qt = Math.max(0, De(d));
+      let Cl = Qt;
+      for (let R = Qt; R < i && !(k + $e[R] - d >= l); R++)
+        Cl = R;
+      const $o = Cl;
+      f.fillStyle = T.bg, f.fillRect(0, 0, n, l), f.fillStyle = T.gridBg, f.fillRect(m, k, n - m, l - k), f.save(), f.beginPath(), f.rect(m + 0.5, k + 0.5, n - m - 1, l - k - 1), f.clip();
+      const Be = w.value, Ao = E.value;
+      for (let R = Qt; R <= $o; R++)
+        for (let K = it; K <= Lo; K++) {
+          const J = m + Oe[K] - r, be = k + $e[R] - d, Ye = rt[K], Ae = ve[R];
+          if (J + Ye < m || be + Ae < k || J > n || be > l)
+            continue;
+          b(K, R) && (f.fillStyle = T.selectionBg, f.fillRect(J, be, Ye, Ae)), g.value.col === K && g.value.row === R && (f.strokeStyle = T.activeCellBorder, f.lineWidth = 2, f.strokeRect(J + 1, be + 1, Ye - 2, Ae - 2)), f.strokeStyle = T.gridLine, f.lineWidth = 0.5, f.strokeRect(J + 0.25, be + 0.25, Ye - 0.5, Ae - 0.5);
+          const eo = (Bl = p[C(K, R)]) == null ? void 0 : Bl.style, Ml = typeof (eo == null ? void 0 : eo.backgroundColor) == "string" ? eo.backgroundColor : "";
+          if (Ml && (f.fillStyle = Ml, f.fillRect(J, be, Ye, Ae)), !(Ao && Ao.col === K && Ao.row === R)) {
+            const ue = Qe(K, R);
+            if (ue) {
+              const te = (xl = p[C(K, R)]) == null ? void 0 : xl.style, Rl = Y(_(K, R)), ya = typeof (te == null ? void 0 : te.fontFamily) == "string" && te.fontFamily ? te.fontFamily : El, ka = (te == null ? void 0 : te.fontWeight) === "bold" ? "bold" : "normal", wa = (te == null ? void 0 : te.fontStyle) === "italic" ? "italic" : "normal", Ca = (te == null ? void 0 : te.underline) === "underline", Ba = (te == null ? void 0 : te.strikethrough) === "line-through", Ho = typeof (te == null ? void 0 : te.color) == "string" ? te.color : "";
+              f.fillStyle = Ho || T.cellText, f.font = `${wa} ${ka} ${Rl}px ${ya}`, f.textBaseline = "alphabetic", f.save(), f.beginPath(), f.rect(J + 5, be + 1, Ye - 10, Ae - 2), f.clip();
+              const Ke = f.measureText(ue), xa = (Ke.actualBoundingBoxAscent - Ke.actualBoundingBoxDescent) / 2, $t = J + 5, ao = be + Ae / 2 + xa;
+              if (f.fillText(ue, $t, ao), Ca) {
+                const At = Ke.actualBoundingBoxLeft ?? 0, ro = Ke.actualBoundingBoxDescent ?? 0;
+                f.strokeStyle = Ho || T.cellText, f.lineWidth = 1, f.beginPath(), f.moveTo($t + At, ao + ro + 1), f.lineTo($t + At + Ke.width, ao + ro + 1), f.stroke();
+              }
+              if (Ba) {
+                const At = Ke.actualBoundingBoxLeft ?? 0, ro = Ke.actualBoundingBoxDescent ?? 0, Sa = Ke.actualBoundingBoxAscent ?? Rl;
+                f.strokeStyle = Ho || T.cellText, f.lineWidth = 1;
+                const Dl = ao - (Sa - ro) * 0.25;
+                f.beginPath(), f.moveTo($t + At, Dl), f.lineTo($t + At + Ke.width, Dl), f.stroke();
+              }
+              f.restore();
+            }
+          }
+          const xe = (Sl = p[C(K, R)]) == null ? void 0 : Sl.style, pa = (xe == null ? void 0 : xe.borderTopWidth) || 0, ga = (xe == null ? void 0 : xe.borderLeftWidth) || 0, to = (xe == null ? void 0 : xe.borderBottomWidth) || 0, oo = (xe == null ? void 0 : xe.borderRightWidth) || 0, lo = Math.max(pa, Qo(K, R - 1, "Bottom")), no = Math.max(ga, Qo(K - 1, R, "Right"));
+          if (lo > 0 || no > 0 || to > 0 || oo > 0) {
+            if (f.strokeStyle = $l, lo > 0) {
+              f.lineWidth = lo, f.beginPath();
+              const ue = be + lo / 2 - 0.5;
+              f.moveTo(J, ue), f.lineTo(J + Ye, ue), f.stroke();
+            }
+            if (no > 0) {
+              f.lineWidth = no, f.beginPath();
+              const ue = J + no / 2 - 0.5;
+              f.moveTo(ue, be), f.lineTo(ue, be + Ae), f.stroke();
+            }
+            if (R === $o && to > 0) {
+              f.lineWidth = to, f.beginPath();
+              const ue = be + Ae - to / 2 + 0.5;
+              f.moveTo(J, ue), f.lineTo(J + Ye, ue), f.stroke();
+            }
+            if (K === Lo && oo > 0) {
+              f.lineWidth = oo, f.beginPath();
+              const ue = J + Ye - oo / 2 + 0.5;
+              f.moveTo(ue, be), f.lineTo(ue, be + Ae), f.stroke();
+            }
           }
         }
-      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));
+      f.restore(), f.fillStyle = T.headerBg, f.fillRect(m, 0, n - m, k);
+      for (let R = it; R <= Lo; R++) {
+        const K = m + Oe[R] - r, J = rt[R];
+        K + J < m || K > n || (Be && R >= Be.startCol && R <= Be.endCol && (f.fillStyle = T.selectionBg, f.fillRect(K, 0, J, k)), f.strokeStyle = T.headerBorder, f.lineWidth = 0.5, f.strokeRect(K + 0.25, 0.25, J - 0.5, k - 0.5), Be && R >= Be.startCol && R <= Be.endCol && (f.strokeStyle = T.activeCellBorder, f.lineWidth = 2, f.beginPath(), f.moveTo(K, k - 1), f.lineTo(K + J, k - 1), f.stroke()), f.fillStyle = T.headerText, f.font = '11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', f.textAlign = "center", f.textBaseline = "middle", f.fillText(ze(R), K + J / 2, k / 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));
+      f.strokeStyle = T.headerSep, f.lineWidth = 1, f.beginPath(), f.moveTo(m, k + 0.5), f.lineTo(n, k + 0.5), f.stroke(), f.fillStyle = T.headerBg, f.fillRect(0, k, m, l - k);
+      for (let R = Qt; R <= $o; R++) {
+        const K = k + $e[R] - d, J = ve[R];
+        K + J < k || K > l || (Be && R >= Be.startRow && R <= Be.endRow && (f.fillStyle = T.selectionBg, f.fillRect(0, K, m, J)), f.strokeStyle = T.headerBorder, f.lineWidth = 0.5, f.strokeRect(0.25, K + 0.25, m - 0.5, J - 0.5), Be && R >= Be.startRow && R <= Be.endRow && (f.strokeStyle = T.activeCellBorder, f.lineWidth = 2, f.beginPath(), f.moveTo(m - 1, K), f.lineTo(m - 1, K + J), f.stroke()), f.fillStyle = T.headerText, f.font = '11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', f.textAlign = "center", f.textBaseline = "middle", f.fillText(String(R + 1), m / 2, K + J / 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);
+      f.strokeStyle = T.headerSep, f.lineWidth = 1, f.beginPath(), f.moveTo(m + 0.5, k), f.lineTo(m + 0.5, l), f.stroke(), f.fillStyle = T.headerBg, f.fillRect(0, 0, m, k), f.strokeStyle = T.headerSep, f.lineWidth = 1, f.strokeRect(0.5, 0.5, m - 0.5, k - 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());
+    const Fn = A(() => ze(g.value.col) + String(g.value.row + 1)), Tn = A(() => E.value ? V.value : Q(g.value.col, g.value.row));
+    function En() {
+      E.value || (le(g.value.col, g.value.row), V.value = Q(g.value.col, g.value.row), je(), y());
     }
-    function Ul(e) {
-      O.value = e.target.value;
+    function On(e) {
+      V.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 zn(e) {
+      var t, o;
+      e.key === "Enter" ? (e.preventDefault(), qe(), Ne(0, 1), le(g.value.col, g.value.row), (t = go.value) == null || t.blur(), y(), pe()) : e.key === "Escape" && (e.preventDefault(), et(), (o = go.value) == null || o.blur(), y(), pe());
     }
-    function Kl() {
+    function Ln() {
       setTimeout(() => {
-        R.value && (be(), v());
+        E.value && (qe(), y());
       }, 0);
     }
-    const ye = N(null), He = N("");
-    function Pl(e) {
-      ye.value === null && (_l(e), v());
+    const nt = D(null), bt = D("");
+    function $n(e) {
+      nt.value === null && (kn(e), y());
     }
-    function tl(e) {
-      e !== Z.value && (Ue(), ge(e), v()), ye.value = e, He.value = D.value[e].name, J(() => {
+    function rl(e) {
+      e !== he.value && (dt(), Ze(e), y()), nt.value = e, bt.value = q.value[e].name, ee(() => {
         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 il() {
+      nt.value !== null && (Cn(nt.value, bt.value), ee(Z)), nt.value = null, bt.value = "";
     }
-    function zl() {
-      ye.value = null, He.value = "";
+    function An() {
+      nt.value = null, bt.value = "";
     }
-    function Vl(e) {
-      e.key === "Enter" ? (e.preventDefault(), ll()) : e.key === "Escape" && (e.preventDefault(), zl());
+    function Hn(e) {
+      e.key === "Enter" ? (e.preventDefault(), il()) : e.key === "Escape" && (e.preventDefault(), An());
     }
-    const fe = N(null);
-    let Ke = null;
-    function nl() {
-      Ke && (document.removeEventListener("click", Ke), Ke = null);
+    const Ue = D(null);
+    let Ot = null;
+    function sl() {
+      Ot && (document.removeEventListener("click", Ot), Ot = 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);
+    function mt(e, t, o) {
+      sl();
+      const n = 140, l = o.length * 28 + 8, r = window.innerWidth, d = window.innerHeight;
+      e + n > r && (e -= n), t + l > d && (t -= l), Ue.value = { x: e, y: t, items: o }, Ot = () => {
+        Ue.value = null, sl();
+      }, setTimeout(() => document.addEventListener("click", Ot, { once: !0 }), 0);
     }
-    const tt = N(!1);
-    function Jl(e, t) {
+    const Yt = D(!1);
+    function In(e, t) {
       if (!t.children) {
-        tt.value = !1;
+        Yt.value = !1;
         return;
       }
-      const l = e.currentTarget.querySelector(".context-submenu");
-      if (!l) {
-        tt.value = !1;
+      const n = e.currentTarget.querySelector(".context-submenu");
+      if (!n) {
+        Yt.value = !1;
         return;
       }
-      const o = l.getBoundingClientRect();
-      tt.value = o.right > window.innerWidth;
+      const l = n.getBoundingClientRect();
+      Yt.value = l.right > window.innerWidth;
     }
-    function Zl(e, t) {
-      e.preventDefault(), e.stopPropagation(), _e(e.clientX, e.clientY, [
+    function Wn(e, t) {
+      e.preventDefault(), e.stopPropagation(), mt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "insert"),
+          label: B(s.value, "insert"),
           action: () => {
-            Bt(), v();
+            mo(), y();
           }
         },
-        { label: C(s.value, "copy"), action: () => {
-          Il(t);
+        { label: B(s.value, "copy"), action: () => {
+          Bn(t);
         } },
-        { label: C(s.value, "rename"), action: () => {
-          tl(t);
+        { label: B(s.value, "rename"), action: () => {
+          rl(t);
         } },
         {
-          label: C(s.value, "delete"),
+          label: B(s.value, "delete"),
           action: () => {
-            El(t), v();
+            wn(t), y();
           },
-          disabled: Wl.value <= 1
+          disabled: xn.value <= 1
         },
-        { label: C(s.value, "moveSheetLeft"), action: () => {
-          Gt(t, -1);
+        { label: B(s.value, "moveSheetLeft"), action: () => {
+          ll(t, -1);
         }, disabled: t === 0 },
-        { label: C(s.value, "moveSheetRight"), action: () => {
-          Gt(t, 1);
-        }, disabled: t === D.value.length - 1 }
+        { label: B(s.value, "moveSheetRight"), action: () => {
+          ll(t, 1);
+        }, disabled: t === q.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, [
+    function Nn(e) {
+      e.preventDefault(), !(e.target.closest(".tab-item") || e.target.closest(".tab-bar__add-btn")) && mt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "insert"),
+          label: B(s.value, "insert"),
           action: () => {
-            Bt(), v();
+            mo(), y();
           }
         }
       ]);
     }
-    function Gl(e) {
-      e.preventDefault(), mt(), v(), _e(e.clientX, e.clientY, [
+    function Gn(e) {
+      e.preventDefault(), u(), y(), mt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "cut"),
+          label: B(s.value, "cut"),
           action: () => {
-            wt(), A();
+            vo(), Z();
           }
         },
-        { label: C(s.value, "copy"), action: () => Ge() },
+        { label: B(s.value, "copy"), action: () => Gt() },
         {
-          label: C(s.value, "paste"),
+          label: B(s.value, "paste"),
           action: () => {
-            K(), Ye().then(() => {
-              v(), J(A);
+            j(), Tt().then(() => {
+              y(), ee(Z);
             });
           }
         },
-        { 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();
+        { label: B(s.value, "delete"), action: () => {
+          j(), bo();
+          for (let t = 0; t < v; t++)
+            z.value[t] = Ct;
+          for (let t = 0; t < i; t++)
+            X.value[t] = void 0;
+          y(), Z();
         } }
       ]);
     }
-    function Ql(e, t) {
+    function Pn(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, [
+      const o = e.clientX, n = e.clientY, l = w.value;
+      l && l.startCol === 0 && l.endCol === v - 1 && t >= l.startRow && t <= l.endRow || (U(0, t, v - 1, t), y());
+      const r = w.value;
+      mt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "insert"),
+          label: B(s.value, "insert"),
           action: () => {
-            K(), Tl(l.startRow, l.endRow), v(), A();
+            j(), pn(r.startRow, r.endRow), y(), Z();
           },
-          disabled: l.endRow >= r - 1
+          disabled: r.endRow >= i - 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: B(s.value, "cut"), action: () => {
+          j(), Pt();
+          for (let d = r.startRow; d <= r.endRow; d++)
+            for (let m = 0; m < v; m++)
+              N(C(m, d));
+          y(), Z();
         } },
-        { label: C(s.value, "copy"), action: () => Qe() },
+        { label: B(s.value, "copy"), action: () => Pt() },
         {
-          label: C(s.value, "paste"),
+          label: B(s.value, "paste"),
           action: () => {
-            K(), Ye().then(() => {
-              v(), J(A);
+            j(), Tt().then(() => {
+              y(), ee(Z);
             });
           }
         },
         {
-          label: C(s.value, "delete"),
+          label: B(s.value, "delete"),
           action: () => {
-            K(), Ml(l.startRow, l.endRow), v(), A();
+            j(), hn(r.startRow, r.endRow), y(), Z();
           }
+        },
+        { label: `${B(s.value, "rowHeight")}...`, action: () => dl("row", o, n) },
+        {
+          label: B(s.value, "defaultRowHeight"),
+          action: () => Xn()
         }
       ]);
     }
-    function en(e, t) {
+    function Un(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, [
+      const o = e.clientX, n = e.clientY, l = w.value;
+      l && l.startRow === 0 && l.endRow === i - 1 && t >= l.startCol && t <= l.endCol || (U(t, 0, t, i - 1), y());
+      const r = w.value;
+      mt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "insert"),
+          label: B(s.value, "insert"),
           action: () => {
-            K(), Dl(l.startCol, l.endCol), v(), A();
+            j(), gn(r.startCol, r.endCol), y(), Z();
           },
-          disabled: l.endCol >= c - 1
+          disabled: r.endCol >= v - 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: B(s.value, "cut"), action: () => {
+          j(), Pt();
+          for (let d = r.startCol; d <= r.endCol; d++)
+            for (let m = 0; m < i; m++)
+              N(C(d, m));
+          y(), Z();
         } },
-        { label: C(s.value, "copy"), action: () => Qe() },
+        { label: B(s.value, "copy"), action: () => Pt() },
         {
-          label: C(s.value, "paste"),
+          label: B(s.value, "paste"),
           action: () => {
-            K(), Ye().then(() => {
-              v(), J(A);
+            j(), Tt().then(() => {
+              y(), ee(Z);
             });
           }
         },
         {
-          label: C(s.value, "delete"),
+          label: B(s.value, "delete"),
           action: () => {
-            K(), Hl(l.startCol, l.endCol), v(), A();
+            j(), yn(r.startCol, r.endCol), y(), Z();
           }
+        },
+        { label: `${B(s.value, "colWidth")}...`, action: () => dl("col", o, n) },
+        {
+          label: B(s.value, "defaultColWidth"),
+          action: () => jn()
         }
       ]);
     }
-    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, [
+    function Yn(e, t, o) {
+      e.preventDefault(), b(t, o) || (L(t, o), y());
+      const n = w.value, l = !!(n && n.startCol === n.endCol && n.startRow === n.endRow);
+      mt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "cut"),
+          label: B(s.value, "cut"),
           action: () => {
-            wt(), A();
+            vo(), Z();
           }
         },
-        { label: C(s.value, "copy"), action: () => Ge() },
+        { label: B(s.value, "copy"), action: () => Gt() },
         {
-          label: C(s.value, "paste"),
+          label: B(s.value, "paste"),
           action: () => {
-            K(), Ye().then(() => {
-              v(), J(A);
+            j(), Tt().then(() => {
+              y(), ee(Z);
             });
           }
         },
         {
-          label: C(s.value, "delete"),
+          label: B(s.value, "delete"),
           action: () => {
-            K(), yt(), v(), A();
+            j(), bo(), y(), Z();
           }
         },
         {
-          label: C(s.value, "calculate"),
+          label: B(s.value, "calculate"),
           children: [
-            { label: C(s.value, "sum"), action: Rl, disabled: o }
+            { label: B(s.value, "sum"), action: mn, disabled: l }
           ]
         }
       ]);
     }
-    const ln = I(() => {
-      const e = !R.value, t = R.value ?? h.value, n = t.col, l = t.row;
+    const ul = D(null), ge = D(null);
+    let zt = null;
+    function cl() {
+      zt && (document.removeEventListener("mousedown", zt), zt = null);
+    }
+    function dl(e, t, o) {
+      cl();
+      const n = w.value;
+      let l = "";
+      if (n) {
+        const T = e === "row" ? ie(n.startRow) : z.value[n.startCol];
+        l = T != null && T > 0 ? String(Math.round(T)) : "";
+      }
+      const r = 220, d = 118;
+      let m = t, k = o;
+      m + r > window.innerWidth && (m = window.innerWidth - r - 8), k + d > window.innerHeight && (k = window.innerHeight - d - 8), m < 8 && (m = 8), k < 8 && (k = 8), ge.value = { type: e, x: m, y: k, value: l, error: "" }, zt = () => {
+        ge.value = null;
+      }, setTimeout(() => document.addEventListener("mousedown", zt, { once: !0 }), 0), ee(() => {
+        const T = ul.value;
+        T && (T.focus(), T.select());
+      });
+    }
+    function Kn(e) {
+      const t = ge.value;
+      if (!t)
+        return;
+      const o = e.target, n = o.value, l = n.replace(/[^\d]/g, "");
+      t.value = l, n !== l && (o.value = l), t.error = "";
+    }
+    function Vn(e) {
+      e.key === "Enter" ? (e.preventDefault(), fl()) : e.key === "Escape" && ko();
+    }
+    function fl() {
+      const e = ge.value, t = w.value;
+      if (!e || !t)
+        return;
+      const o = e.value.trim(), n = Number(o), l = e.type === "row", r = l ? Tl : Ea, d = l ? za : Oa;
+      if (o === "" || !Number.isFinite(n)) {
+        e.error = B(s.value, "dimNumberError");
+        return;
+      }
+      if (n < r || n > d) {
+        e.error = B(s.value, "dimRangeError").replace("{min}", String(r)).replace("{max}", String(d));
+        return;
+      }
+      const m = n;
+      if (j(), l)
+        for (let k = t.startRow; k <= t.endRow; k++)
+          X.value[k] = m;
+      else
+        for (let k = t.startCol; k <= t.endCol; k++)
+          z.value[k] = m;
+      y(), Z(), ko();
+    }
+    function ko() {
+      cl(), ge.value = null;
+    }
+    function Xn() {
+      const e = w.value;
+      if (e) {
+        j();
+        for (let t = e.startRow; t <= e.endRow; t++)
+          X.value[t] = void 0;
+        y(), Z();
+      }
+    }
+    function jn() {
+      const e = w.value;
+      if (e) {
+        j();
+        for (let t = e.startCol; t <= e.endCol; t++)
+          z.value[t] = Ct;
+        y(), Z();
+      }
+    }
+    const qn = A(() => {
+      var ve;
+      const e = !E.value, t = E.value ?? g.value, o = t.col, n = t.row, l = (ve = p[C(o, n)]) == null ? void 0 : ve.style, r = Y(_(o, n)), d = typeof (l == null ? void 0 : l.fontFamily) == "string" && l.fontFamily ? l.fontFamily : El, m = (l == null ? void 0 : l.fontWeight) === "bold" ? "bold" : "normal", k = (l == null ? void 0 : l.fontStyle) === "italic" ? "italic" : "normal", T = (l == null ? void 0 : l.underline) === "underline" ? "underline" : (l == null ? void 0 : l.strikethrough) === "line-through" ? "line-through" : "none", Oe = (l == null ? void 0 : l.underline) === "underline" && (l == null ? void 0 : l.strikethrough) === "line-through" ? "underline line-through" : T, $e = typeof (l == null ? void 0 : l.color) == "string" ? l.color : void 0, rt = typeof (l == null ? void 0 : l.backgroundColor) == "string" ? l.backgroundColor : void 0;
       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`,
+        left: `${I + ce.value[o] - M.value}px`,
+        top: `${W + de.value[n] - O.value}px`,
+        width: `${z.value[o]}px`,
+        height: `${ie(n)}px`,
+        fontFamily: d,
+        fontSize: `${r}px`,
+        fontWeight: m,
+        fontStyle: k,
+        textDecoration: Oe,
         opacity: e ? 0 : 1,
         pointerEvents: e ? "none" : "auto",
-        color: e ? "transparent" : void 0,
+        color: e ? "transparent" : $e,
         caretColor: e ? "transparent" : void 0,
         borderColor: e ? "transparent" : void 0,
-        background: e ? "transparent" : void 0,
+        background: e ? "transparent" : rt,
         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();
+    }), _n = A(() => Math.max(0, se.w - I - Se)), Zn = A(() => Math.max(0, se.h - W - Se)), Kt = A(() => Math.max(0, _n.value - 11 * 2)), Vt = A(() => Math.max(0, Zn.value - 11 * 2));
+    function wo() {
+      return Math.max(0, se.w - I - Se);
+    }
+    function Co() {
+      return Math.max(0, se.h - W - Se);
+    }
+    const Xt = A(() => ft.value <= 0 ? Kt.value : Math.max(24, wo() / We.value * Kt.value)), Bo = A(() => ft.value <= 0 ? 0 : M.value / ft.value * (Kt.value - Xt.value)), jt = A(() => vt.value <= 0 ? Vt.value : Math.max(24, Co() / Je.value * Vt.value)), xo = A(() => vt.value <= 0 ? 0 : O.value / vt.value * (Vt.value - jt.value));
+    let at = null, qt = 0, _t = 0;
+    function Jn(e) {
+      e.preventDefault(), at = "v", qt = e.clientY, _t = O.value, document.addEventListener("mousemove", So), document.addEventListener("mouseup", Mo);
+    }
+    function Qn(e) {
+      e.preventDefault(), at = "h", qt = e.clientX, _t = M.value, document.addEventListener("mousemove", So), document.addEventListener("mouseup", Mo);
+    }
+    function So(e) {
+      if (at === "v") {
+        const o = (e.clientY - qt) / (Vt.value - jt.value);
+        fe(null, _t + o * vt.value), y();
+      } else if (at === "h") {
+        const o = (e.clientX - qt) / (Kt.value - Xt.value);
+        fe(_t + o * ft.value, null), y();
       }
     }
-    function _t() {
-      Be = null, document.removeEventListener("mousemove", Ht), document.removeEventListener("mouseup", _t);
+    function Mo() {
+      at = null, document.removeEventListener("mousemove", So), document.removeEventListener("mouseup", Mo);
     }
-    function un(e) {
-      if (Be)
+    function ea(e) {
+      if (at)
         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();
+      const t = e.currentTarget.getBoundingClientRect(), o = e.clientY - t.top;
+      o < xo.value ? fe(null, O.value - Co()) : o > xo.value + jt.value && fe(null, O.value + Co()), y();
     }
-    function sn(e) {
-      if (Be)
+    function ta(e) {
+      if (at)
         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();
+      const t = e.currentTarget.getBoundingClientRect(), o = e.clientX - t.left;
+      o < Bo.value ? fe(M.value - wo(), null) : o > Bo.value + Xt.value && fe(M.value + wo(), null), y();
     }
-    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) {
+    let ht = !1, Te = 0, Ee = 0, pt = !1, gt = !1, vl = 0, bl = 0, yt = 0, Zt = 0, Ro = 0, Do = 0, ml = 0, hl = 0, Lt = !1, Fo = !1, kt = 0, wt = 0, To = 0, pl = -1, gl = -1;
+    function oa(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();
+      e.preventDefault(), Ue.value = null;
+      const t = ct(e, Fe.value);
+      if (t.y < W && t.x >= I) {
+        const l = t.x - I + M.value, r = Re(l);
+        if (r >= 0 && Math.abs(t.x - (I + ce.value[r + 1] - M.value)) <= 4) {
+          j(), pt = !0, vl = r, yt = z.value[r], Zt = l, y();
           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();
+      if (t.x < I && t.y >= W) {
+        const l = t.y - W + O.value, r = De(l);
+        if (r >= 0 && Math.abs(t.y - (W + de.value[r + 1] - O.value)) <= 4) {
+          j(), gt = !0, bl = r, yt = ie(r), Zt = l, y();
           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);
+      if (t.x < I || t.y < W) {
+        if (qe(), t.y < W && t.x >= I) {
+          const l = Re(t.x - I + M.value);
+          l >= 0 && (U(l, 0, l, i - 1), ht = !0, Te = l, Ee = 0);
+        } else if (t.x < I && t.y >= W) {
+          const l = De(t.y - W + O.value);
+          l >= 0 && (U(0, l, v - 1, l), ht = !0, Te = 0, Ee = l);
         } else
-          t.x < w && t.y < y && mt();
-        v();
+          t.x < I && t.y < W && u();
+        y();
         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);
+      const o = Re(t.x - I + M.value), n = De(t.y - W + O.value);
+      if (!(o < 0 || n < 0)) {
+        if (qe(), e.shiftKey && w.value) {
+          const l = w.value;
+          U(l.startCol, l.startRow, o, n);
         } else
-          ee(n, l);
-        Ee = !0, ae = n, re = l, V(), v();
+          L(o, n);
+        ht = !0, Te = o, Ee = n, pe(), y();
       }
     }
-    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();
+    function la(e) {
+      if (pt) {
+        const r = ct(e, Fe.value).x - I + M.value - Zt;
+        yt + r >= 30 && (z.value[vl] = yt + r), y();
         return;
       }
-      if (Ie) {
-        const a = ke(e, oe.value).y - y + T.value - st;
-        We + a >= 24 && (E.value[al] = We + a), v();
+      if (gt) {
+        const r = ct(e, Fe.value).y - W + O.value - Zt;
+        yt + r >= Tl && (X.value[bl] = yt + r), y();
         return;
       }
-      if (!Ee) {
-        const o = oe.value;
-        if (!o)
+      if (!ht) {
+        const l = Fe.value;
+        if (!l)
+          return;
+        if (tt.value) {
+          l.style.cursor = "copy";
           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";
+        }
+        const r = ct(e, l);
+        if (r.y < W && r.x >= I) {
+          const d = Re(r.x - I + M.value);
+          if (d >= 0 && Math.abs(r.x - (I + ce.value[d + 1] - M.value)) <= 4) {
+            l.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";
+        if (r.x < I && r.y >= W) {
+          const d = De(r.y - W + O.value);
+          if (d >= 0 && Math.abs(r.y - (W + de.value[d + 1] - O.value)) <= 4) {
+            l.style.cursor = "row-resize";
             return;
           }
         }
-        o.style.cursor = "cell";
+        l.style.cursor = "cell";
         return;
       }
-      const t = ke(e, oe.value);
-      if (ae < 0 || re < 0)
+      const t = ct(e, Fe.value);
+      if (Te < 0 || Ee < 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));
+      if (t.x < I || t.y < W) {
+        if (t.y < W && t.x >= I) {
+          const l = Re(t.x - I + M.value);
+          l >= 0 && U(Math.min(Te, l), 0, Math.max(Te, l), i - 1);
+        } else if (t.x < I && t.y >= W) {
+          const l = De(t.y - W + O.value);
+          l >= 0 && U(0, Math.min(Ee, l), v - 1, Math.max(Ee, l));
         }
-        v();
+        y();
         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());
+      const o = Re(t.x - I + M.value), n = De(t.y - W + O.value);
+      o < 0 || n < 0 || (Ee === 0 && Te >= 0 && w.value && w.value.startRow === 0 && w.value.endRow === i - 1 ? U(Math.min(Te, o), 0, Math.max(Te, o), i - 1) : Te === 0 && Ee >= 0 && w.value && w.value.startCol === 0 && w.value.endCol === v - 1 ? U(0, Math.min(Ee, n), v - 1, Math.max(Ee, n)) : U(Te, Ee, o, n), y());
     }
-    function vn() {
-      const e = $e || Ie;
-      Ee = !1, $e = !1, Ie = !1, e && Qt();
+    function na(e) {
+      const t = pt || gt;
+      ht = !1, pt = !1, gt = !1, t && nl(), tt.value && Pl();
     }
-    function dn() {
-      const e = $e || Ie;
-      Ee = !1, $e = !1, Ie = !1, e && Qt();
+    function aa() {
+      const e = pt || gt;
+      ht = !1, pt = !1, gt = !1, e && nl();
     }
-    function hn(e) {
+    function ra(e) {
       e.preventDefault();
-      const t = ke(e, oe.value);
-      if (t.x < w && t.y < y) {
-        Gl(e);
+      const t = ct(e, Fe.value);
+      if (t.x < I && t.y < W) {
+        Gn(e);
         return;
       }
-      if (t.y < y && t.x >= w) {
-        const n = le(t.x - w + M.value);
-        n >= 0 && en(e, n);
+      if (t.y < W && t.x >= I) {
+        const o = Re(t.x - I + M.value);
+        o >= 0 && Un(e, o);
         return;
       }
-      if (t.x < w && t.y >= y) {
-        const n = ne(t.y - y + T.value);
-        n >= 0 && Ql(e, n);
+      if (t.x < I && t.y >= W) {
+        const o = De(t.y - W + O.value);
+        o >= 0 && Pn(e, o);
         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);
+      if (t.x >= I && t.y >= W) {
+        const o = Re(t.x - I + M.value), n = De(t.y - W + O.value);
+        o >= 0 && n >= 0 && Yn(e, o, n);
       }
     }
-    function pn(e) {
-      const t = ke(e, oe.value);
-      if (t.x < w || t.y < y)
+    function ia(e) {
+      const t = ct(e, Fe.value);
+      if (t.x < I || t.y < W)
         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());
+      const o = Re(t.x - I + M.value), n = De(t.y - W + O.value);
+      o < 0 || n < 0 || (L(o, n), le(o, n), je(), y(), pe());
     }
-    function bn(e) {
-      z(M.value + e.deltaX, T.value + e.deltaY), v();
+    function sa(e) {
+      fe(M.value + e.deltaX, O.value + e.deltaY), y();
     }
-    function mn(e) {
+    function ua(e) {
       if (e.touches.length !== 1) {
-        Pe = !1;
+        Lt = !1;
         return;
       }
-      const t = e.touches[0], n = oe.value;
-      if (!n)
+      const t = e.touches[0], o = Fe.value;
+      if (!o)
         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));
+      const n = o.getBoundingClientRect(), l = t.clientX - n.left, r = t.clientY - n.top;
+      l >= I && r >= W && (e.preventDefault(), Lt = !0, Fo = !1, Ro = l, Do = r, ml = M.value, hl = O.value, kt = Re(l - I + M.value), wt = De(r - W + O.value));
     }
-    function gn(e) {
-      if (!Pe || e.touches.length !== 1)
+    function ca(e) {
+      if (!Lt || e.touches.length !== 1)
         return;
-      const t = e.touches[0], n = oe.value;
-      if (!n)
+      const t = e.touches[0], o = Fe.value;
+      if (!o)
         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());
+      const n = o.getBoundingClientRect(), l = t.clientX - n.left, r = t.clientY - n.top;
+      (Math.abs(l - Ro) > 8 || Math.abs(r - Do) > 8) && (Fo = !0, e.preventDefault(), fe(ml + (Ro - l), hl + (Do - r)), y());
     }
-    function wn() {
-      if (Pe && (Pe = !1, !It && Ae >= 0 && Ne >= 0)) {
+    function da() {
+      if (Lt && (Lt = !1, !Fo && kt >= 0 && wt >= 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();
+        kt === pl && wt === gl && e - To < 300 ? (L(kt, wt), je(), y(), pe(), To = 0) : (qe(), L(kt, wt), y(), To = e), pl = kt, gl = wt, pe();
       }
     }
-    function At(e) {
+    function Eo(e) {
       return e.isComposing || e.key === "Process" || e.keyCode === 229;
     }
-    function il(e) {
+    function yl(e) {
       return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
     }
-    function fl(e) {
-      if (R.value)
+    function kl(e) {
+      if (E.value)
         return;
-      const t = e.ctrlKey || e.metaKey, n = e.shiftKey;
+      const t = e.ctrlKey || e.metaKey, o = e.shiftKey;
       switch (!0) {
         case (t && (e.key === "c" || e.key === "C")):
-          e.preventDefault(), Ge();
+          e.preventDefault(), Gt();
           return;
         case (t && (e.key === "x" || e.key === "X")):
-          e.preventDefault(), wt();
+          e.preventDefault(), vo();
           return;
         case (t && (e.key === "z" || e.key === "Z")):
-          e.preventDefault(), Sl();
+          e.preventDefault(), Yo();
           return;
         case (t && (e.key === "y" || e.key === "Y")):
-          e.preventDefault(), kl();
+          e.preventDefault(), Ko();
           return;
         case (t && (e.key === "v" || e.key === "V")):
-          e.preventDefault(), K(), Ye().then(() => {
-            v(), J(A);
+          e.preventDefault(), j(), Tt().then(() => {
+            y(), ee(Z);
           });
           return;
         case (t && (e.key === "a" || e.key === "A")):
-          e.preventDefault(), mt(), v();
+          e.preventDefault(), u(), y();
           return;
         case (t && e.key === "Home"):
-          e.preventDefault(), ee(0, 0), W(0, 0), v();
+          e.preventDefault(), L(0, 0), le(0, 0), y();
           return;
         case (t && e.key === "End"):
-          e.preventDefault(), ee(c - 1, r - 1), W(c - 1, r - 1), v();
+          e.preventDefault(), L(v - 1, i - 1), le(v - 1, i - 1), y();
           return;
         case e.key === "Home":
-          e.preventDefault(), ee(0, h.value.row), W(0, h.value.row), v();
+          e.preventDefault(), L(0, g.value.row), le(0, g.value.row), y();
           return;
         case e.key === "End":
-          e.preventDefault(), ee(c - 1, h.value.row), W(c - 1, h.value.row), v();
+          e.preventDefault(), L(v - 1, g.value.row), le(v - 1, g.value.row), y();
           return;
         case e.key === "ArrowUp":
-          e.preventDefault(), ie(0, -1), W(h.value.col, h.value.row), v();
+          e.preventDefault(), Ne(0, -1), le(g.value.col, g.value.row), y();
           return;
         case e.key === "ArrowDown":
-          e.preventDefault(), ie(0, 1), W(h.value.col, h.value.row), v();
+          e.preventDefault(), Ne(0, 1), le(g.value.col, g.value.row), y();
           return;
         case e.key === "ArrowLeft":
-          e.preventDefault(), ie(-1, 0), W(h.value.col, h.value.row), v();
+          e.preventDefault(), Ne(-1, 0), le(g.value.col, g.value.row), y();
           return;
         case e.key === "ArrowRight":
-          e.preventDefault(), ie(1, 0), W(h.value.col, h.value.row), v();
+          e.preventDefault(), Ne(1, 0), le(g.value.col, g.value.row), y();
           return;
         case e.key === "Tab":
-          e.preventDefault(), ie(n ? -1 : 1, 0), W(h.value.col, h.value.row), v();
+          e.preventDefault(), Ne(o ? -1 : 1, 0), le(g.value.col, g.value.row), y();
           return;
         case e.key === "Enter":
-          e.preventDefault(), ie(0, n ? -1 : 1), W(h.value.col, h.value.row), v();
+          e.preventDefault(), Ne(0, o ? -1 : 1), le(g.value.col, g.value.row), y();
           return;
         case e.key === "F2":
-          e.preventDefault(), W(h.value.col, h.value.row), ve(), v(), V();
+          e.preventDefault(), le(g.value.col, g.value.row), je(), y(), pe();
           return;
         case e.key === "Delete":
         case e.key === "Backspace":
-          e.preventDefault(), K(), yt(), v();
+          e.preventDefault(), j(), bo(), y();
           return;
         case e.key === "Escape":
-          e.preventDefault(), me(), v();
+          e.preventDefault(), et(), tt.value = null, y();
           return;
-        case il(e):
-          if (At(e)) {
-            W(h.value.col, h.value.row), ve(""), v(), V();
+        case yl(e):
+          if (Eo(e)) {
+            le(g.value.col, g.value.row), je(""), y(), pe();
             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));
+          e.preventDefault(), le(g.value.col, g.value.row), je(e.key), y(), ee(() => {
+            const n = po.value;
+            n && (n.focus(), n.setSelectionRange(1, 1));
           });
           return;
       }
     }
-    let Nt = !1, Lt = !1;
-    function yn(e) {
+    let Oo = !1, zo = !1;
+    function fa(e) {
       const t = e.target.value;
-      if (!R.value) {
-        W(h.value.col, h.value.row), ve(t), v();
+      if (!E.value) {
+        le(g.value.col, g.value.row), je(t), y();
         return;
       }
-      O.value = t;
+      V.value = t;
     }
-    function Bn() {
-      Nt = !0, R.value || (W(h.value.col, h.value.row), ve(""), v());
+    function va() {
+      Oo = !0, E.value || (le(g.value.col, g.value.row), je(""), y());
     }
-    function xn(e) {
-      Nt = !1, Lt = !0, setTimeout(() => {
-        Lt = !1;
-      }, 0), O.value = e.target.value;
+    function ba(e) {
+      Oo = !1, zo = !0, setTimeout(() => {
+        zo = !1;
+      }, 0), V.value = e.target.value;
     }
-    function Cn(e) {
-      if (!R.value) {
-        if (il(e) || At(e))
+    function ma(e) {
+      if (!E.value) {
+        if (yl(e) || Eo(e))
           return;
-        fl(e);
+        kl(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()));
+      Oo || Eo(e) || zo && (e.key === "Enter" || e.key === "Escape") || (e.key === "Enter" ? (e.preventDefault(), qe(), Ne(0, 1), le(g.value.col, g.value.row), y(), pe()) : e.key === "Tab" ? (e.preventDefault(), qe(), Ne(e.shiftKey ? -1 : 1, 0), le(g.value.col, g.value.row), y(), pe()) : e.key === "Escape" && (e.preventDefault(), et(), y(), pe()));
     }
-    function Sn() {
+    function ha() {
       setTimeout(() => {
-        R.value && (be(), v());
+        E.value && (qe(), y());
       }, 0);
     }
-    function ct() {
+    function Jt() {
       var t;
-      const e = (t = we.value) == null ? void 0 : t.getBoundingClientRect();
+      const e = (t = lt.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;
+        const o = ut(h.width), n = ut(h.height);
+        o != null ? se.w = o : se.w = e.width, n != null ? se.h = n : se.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);
+      fe(null, null), y();
+    }
+    let Ce = null;
+    return Go(() => {
+      const e = ut(h.width), t = ut(h.height);
+      (e == null || t == null) && (Ce = new ResizeObserver(() => Jt()), lt.value && Ce.observe(lt.value)), ee(() => {
+        Jt(), pe();
+      }), L(0, 0), x.value && x.value.length > 0 && (F = JSON.stringify(x.value), q.value = x.value.map((o) => {
+        const n = Ut(o.name);
+        for (const [l, r] of Object.entries(o.cells))
+          n.cells[l] = { value: r.value, style: r.style ?? null };
+        if (o.colWidths)
+          for (const [l, r] of Object.entries(o.colWidths)) {
+            const d = Number(l);
+            d >= 0 && d < v && r >= 30 && (n.colWidths[d] = r);
           }
-        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);
+        if (o.rowHeights)
+          for (const [l, r] of Object.entries(o.rowHeights)) {
+            const d = Number(l);
+            d >= 0 && d < i && r >= 24 && (n.rowHeights[d] = r);
           }
-        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) => {
+        return n;
+      }), q.value.length > 0 && Ze(0));
+    }), He(() => [h.width, h.height], () => {
+      const e = ut(h.width), t = ut(h.height);
+      e != null && t != null ? (Ce == null || Ce.disconnect(), Ce = null) : !Ce && lt.value && (Ce = new ResizeObserver(() => Jt()), Ce.observe(lt.value)), ee(() => Jt());
+    }), He(() => h.theme, () => y()), He(() => ({ ...p }), () => ee(Z), { deep: !1 }), He(he, () => ee(Z)), He(() => x.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);
+      t !== F && (F = t, q.value = e.map((o) => {
+        const n = Ut(o.name);
+        for (const [l, r] of Object.entries(o.cells))
+          n.cells[l] = { value: r.value, style: r.style ?? null };
+        if (o.colWidths)
+          for (const [l, r] of Object.entries(o.colWidths)) {
+            const d = Number(l);
+            d >= 0 && d < v && r >= 30 && (n.colWidths[d] = r);
           }
-        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);
+        if (o.rowHeights)
+          for (const [l, r] of Object.entries(o.rowHeights)) {
+            const d = Number(l);
+            d >= 0 && d < i && r >= 24 && (n.rowHeights[d] = r);
           }
-        return l;
-      }), D.value.length > 0 && ge(0), v());
-    }, { deep: !0 }), Tn(() => {
-      q == null || q.disconnect();
-    }), (e, t) => (j(), P("div", {
+        return n;
+      }), q.value.length > 0 && Ze(0), y());
+    }, { deep: !0 }), Ht(() => {
+      Ce == null || Ce.disconnect();
+    }), (e, t) => (S(), H("div", {
       class: "spreadsheet-outer",
-      style: Ce(Al.value)
+      style: Me(Sn.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", {
+      ke(Yr, {
+        locale: s.value,
+        "can-undo": Il.value,
+        "can-redo": Wl.value,
+        "paint-fmt-active": tt.value !== null,
+        "has-selection": Nl.value,
+        "font-family-options": Yl.value,
+        "font-size-options": Kl.value,
+        "sel-font-family": Vl.value,
+        "sel-font-size": Pe.value,
+        "font-size-input": _e.value,
+        "font-size-menu-open": ot.value,
+        "sel-font-weight": Vo.value,
+        "sel-font-style": Xo.value,
+        "sel-underline": jo.value,
+        "sel-strikethrough": qo.value,
+        "sel-text-color": dn.value,
+        "text-color-menu-open": uo.value,
+        "sel-fill-color": fn.value,
+        "fill-color-menu-open": co.value,
+        "cached-text-color": Wt.value,
+        "cached-fill-color": Nt.value,
+        "border-menu-open": _o.value,
+        "cached-border": fo.value,
+        onUndo: t[0] || (t[0] = (o) => Yo()),
+        onRedo: t[1] || (t[1] = (o) => Ko()),
+        onPaintFormat: Gl,
+        onClearFormat: t[2] || (t[2] = (o) => Ul()),
+        onFontFamilyChange: t[3] || (t[3] = (o) => Xl(o)),
+        onFontSizeInput: t[4] || (t[4] = (o) => ql(o)),
+        onFontSizeBlur: _l,
+        onFontSizeKeydown: t[5] || (t[5] = (o) => Zl(o)),
+        onFontSizeChange: t[6] || (t[6] = (o) => jl(o)),
+        "onUpdate:fontSizeMenuOpen": t[7] || (t[7] = (o) => ot.value = o),
+        onFontSizeToggle: t[8] || (t[8] = (o) => Jl()),
+        onFontSizeStepUp: Ql,
+        onFontSizeStepDown: en,
+        onBoldToggle: tn,
+        onItalicToggle: on,
+        onUnderlineToggle: ln,
+        onStrikethroughToggle: nn,
+        onTextColorChange: t[9] || (t[9] = (o) => rn(o)),
+        "onUpdate:textColorMenuOpen": t[10] || (t[10] = (o) => uo.value = o),
+        onFillColorChange: t[11] || (t[11] = (o) => sn(o)),
+        "onUpdate:fillColorMenuOpen": t[12] || (t[12] = (o) => co.value = o),
+        onApplyTextColor: un,
+        onApplyFillColor: cn,
+        "onUpdate:borderMenuOpen": t[13] || (t[13] = (o) => an(o)),
+        onBorderChange: t[14] || (t[14] = (o) => Zo(o)),
+        onApplyBorder: bn
+      }, null, 8, ["locale", "can-undo", "can-redo", "paint-fmt-active", "has-selection", "font-family-options", "font-size-options", "sel-font-family", "sel-font-size", "font-size-input", "font-size-menu-open", "sel-font-weight", "sel-font-style", "sel-underline", "sel-strikethrough", "sel-text-color", "text-color-menu-open", "sel-fill-color", "fill-color-menu-open", "cached-text-color", "cached-fill-color", "border-menu-open", "cached-border"]),
+      c("div", ai, [
+        c("div", ri, Le(Fn.value), 1),
+        c("input", {
           ref_key: "formulaBarRef",
-          ref: St,
+          ref: go,
           class: "formula-bar__input",
-          value: Xl.value,
-          onFocus: Yl,
-          onInput: Ul,
-          onKeydown: jl,
-          onBlur: Kl
-        }, null, 40, Zn)
+          value: Tn.value,
+          onFocus: En,
+          onInput: On,
+          onKeydown: zn,
+          onBlur: Ln
+        }, null, 40, ii)
       ]),
-      $("div", {
+      c("div", {
         ref_key: "wrapperRef",
-        ref: we,
+        ref: lt,
         class: "spreadsheet-wrapper"
       }, [
-        $("canvas", {
+        c("canvas", {
           ref_key: "canvasRef",
-          ref: oe,
+          ref: Fe,
           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
+          onMousedown: oa,
+          onMousemove: la,
+          onMouseup: na,
+          onMouseleave: aa,
+          onDblclick: ia,
+          onWheel: re(sa, ["prevent"]),
+          onFocus: Rn,
+          onKeydown: kl,
+          onContextmenu: ra,
+          onTouchstart: re(ua, ["prevent"]),
+          onTouchmove: re(ca, ["prevent"]),
+          onTouchend: da
         }, null, 544),
-        $("input", {
+        c("input", {
           ref_key: "editInputRef",
-          ref: Ct,
+          ref: po,
           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", {
+          value: V.value,
+          style: Me(qn.value),
+          onInput: fa,
+          onKeydown: ma,
+          onCompositionstart: va,
+          onCompositionend: ba,
+          onBlur: ha
+        }, null, 44, si),
+        vt.value > 0 ? (S(), H("div", {
           key: 0,
           class: "v-scrollbar",
-          style: Ce({ top: se(y) + "px", height: `calc(100% - ${se(y) + se(Q)}px)` })
+          style: Me({ top: G(W) + "px", height: `calc(100% - ${G(W) + G(Se)}px)` })
         }, [
-          $("button", {
+          c("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();
+            title: G(B)(s.value, "scrollUp"),
+            onMousedown: t[15] || (t[15] = re((o) => {
+              fe(null, O.value - 50), y();
             }, ["prevent"]))
-          }, [...t[8] || (t[8] = [
-            $("span", { class: "sb-arrow sb-arrow--up" }, null, -1)
-          ])], 40, Gn),
-          $("div", {
+          }, [...t[29] || (t[29] = [
+            c("span", { class: "sb-arrow sb-arrow--up" }, null, -1)
+          ])], 40, ui),
+          c("div", {
             class: "sb-track sb-track--v",
-            onMousedown: un
+            onMousedown: ea
           }, [
-            $("div", {
+            c("div", {
               class: "sb-thumb sb-thumb--v",
-              style: Ce({ top: Dt.value + "px", height: at.value + "px" }),
-              onMousedown: an
+              style: Me({ top: xo.value + "px", height: jt.value + "px" }),
+              onMousedown: Jn
             }, null, 36)
           ], 32),
-          $("button", {
+          c("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();
+            title: G(B)(s.value, "scrollDown"),
+            onMousedown: t[16] || (t[16] = re((o) => {
+              fe(null, O.value + 50), y();
             }, ["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", {
+          }, [...t[30] || (t[30] = [
+            c("span", { class: "sb-arrow sb-arrow--down" }, null, -1)
+          ])], 40, ci)
+        ], 4)) : ye("", !0),
+        ft.value > 0 ? (S(), H("div", {
           key: 1,
           class: "h-scrollbar",
-          style: Ce({ left: se(w) + "px", width: `calc(100% - ${se(w) + se(Q)}px)` })
+          style: Me({ left: G(I) + "px", width: `calc(100% - ${G(I) + G(Se)}px)` })
         }, [
-          $("button", {
+          c("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();
+            title: G(B)(s.value, "scrollLeft"),
+            onMousedown: t[17] || (t[17] = re((o) => {
+              fe(M.value - 50, null), y();
             }, ["prevent"]))
-          }, [...t[10] || (t[10] = [
-            $("span", { class: "sb-arrow sb-arrow--left" }, null, -1)
-          ])], 40, eo),
-          $("div", {
+          }, [...t[31] || (t[31] = [
+            c("span", { class: "sb-arrow sb-arrow--left" }, null, -1)
+          ])], 40, di),
+          c("div", {
             class: "sb-track sb-track--h",
-            onMousedown: sn
+            onMousedown: ta
           }, [
-            $("div", {
+            c("div", {
               class: "sb-thumb sb-thumb--h",
-              style: Ce({ left: Tt.value + "px", width: ot.value + "px" }),
-              onMousedown: rn
+              style: Me({ left: Bo.value + "px", width: Xt.value + "px" }),
+              onMousedown: Qn
             }, null, 36)
           ], 32),
-          $("button", {
+          c("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();
+            title: G(B)(s.value, "scrollRight"),
+            onMousedown: t[18] || (t[18] = re((o) => {
+              fe(M.value + 50, null), y();
             }, ["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)
+          }, [...t[32] || (t[32] = [
+            c("span", { class: "sb-arrow sb-arrow--right" }, null, -1)
+          ])], 40, fi)
+        ], 4)) : ye("", !0),
+        ft.value > 0 && vt.value > 0 ? (S(), H("div", vi)) : ye("", !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 }])
+      ke(Zr, {
+        locale: s.value,
+        sheets: q.value,
+        "active-sheet-index": he.value,
+        "ren-tab": nt.value,
+        "ren-tab-val": bt.value,
+        onTabClick: t[19] || (t[19] = (o) => $n(o)),
+        onTabDblclick: t[20] || (t[20] = (o) => rl(o)),
+        onTabContextmenu: t[21] || (t[21] = (o) => Wn(o.ev, o.i)),
+        onTabRenameInput: t[22] || (t[22] = (o) => bt.value = o),
+        onTabRenameKeydown: t[23] || (t[23] = (o) => Hn(o)),
+        onTabRenameCommit: il,
+        onTabbarContextmenu: t[24] || (t[24] = (o) => Nn(o)),
+        onAddSheet: t[25] || (t[25] = (o) => {
+          mo(), y();
+        })
+      }, null, 8, ["locale", "sheets", "active-sheet-index", "ren-tab", "ren-tab-val"]),
+      (S(), ne(ae, { to: "body" }, [
+        ke(xt, { name: "menu-pop" }, {
+          default: St(() => [
+            Ue.value ? (S(), H("div", {
+              key: 0,
+              class: "context-menu",
+              style: Me({ left: Ue.value.x + "px", top: Ue.value.y + "px" }),
+              onClick: t[26] || (t[26] = re(() => {
+              }, ["stop"]))
+            }, [
+              (S(!0), H(Ie, null, Ve(Ue.value.items, (o, n) => (S(), H("div", {
+                key: n,
+                class: oe(["context-menu__item", { "context-menu__item--disabled": o.disabled }]),
+                onClick: (l) => !o.disabled && o.action && (o.action(), Ue.value = null),
+                onMouseenter: (l) => In(l, o)
+              }, [
+                c("span", mi, Le(o.label), 1),
+                o.children ? (S(), H("span", hi)) : ye("", !0),
+                o.children ? (S(), H("div", {
+                  key: 1,
+                  class: oe(["context-submenu", { "context-submenu--left": Yt.value }])
+                }, [
+                  (S(!0), H(Ie, null, Ve(o.children, (l, r) => (S(), H("div", {
+                    key: r,
+                    class: oe(["context-menu__item", { "context-menu__item--disabled": l.disabled }]),
+                    onClick: re((d) => !l.disabled && l.action && (l.action(), Ue.value = null), ["stop"])
+                  }, Le(l.label), 11, pi))), 128))
+                ], 2)) : ye("", !0)
+              ], 42, bi))), 128))
+            ], 4)) : ye("", !0)
+          ]),
+          _: 1
+        })
+      ])),
+      (S(), ne(ae, { to: "body" }, [
+        ke(xt, { name: "menu-pop" }, {
+          default: St(() => [
+            ge.value ? (S(), H("div", {
+              key: 0,
+              class: "dim-panel",
+              style: Me({ left: ge.value.x + "px", top: ge.value.y + "px" }),
+              onMousedown: t[27] || (t[27] = re(() => {
+              }, ["stop"])),
+              onClick: t[28] || (t[28] = re(() => {
+              }, ["stop"]))
             }, [
-              (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)
+              c("div", gi, Le(ge.value.type === "row" ? G(B)(s.value, "rowHeight") : G(B)(s.value, "colWidth")), 1),
+              c("div", yi, [
+                c("input", {
+                  ref_key: "dimInputRef",
+                  ref: ul,
+                  class: oe(["dim-panel__input", { "dim-panel__input--error": ge.value.error }]),
+                  type: "number",
+                  step: "1",
+                  min: "1",
+                  inputmode: "numeric",
+                  value: ge.value.value,
+                  onInput: Kn,
+                  onKeydown: Vn
+                }, null, 42, ki),
+                t[33] || (t[33] = c("span", { class: "dim-panel__unit" }, "px", -1))
+              ]),
+              ge.value.error ? (S(), H("div", wi, Le(ge.value.error), 1)) : ye("", !0),
+              c("div", Ci, [
+                c("button", {
+                  class: "dim-panel__btn dim-panel__btn--primary",
+                  onClick: fl
+                }, Le(G(B)(s.value, "ok")), 1),
+                c("button", {
+                  class: "dim-panel__btn",
+                  onClick: ko
+                }, Le(G(B)(s.value, "cancel")), 1)
+              ])
+            ], 36)) : ye("", !0)
+          ]),
+          _: 1
+        })
       ]))
     ], 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"]]);
+}), Mi = /* @__PURE__ */ Dt(xi, [["__scopeId", "data-v-59bd8e5f"]]);
 export {
-  io as Spreader,
-  io as default
+  Mi as Spreader,
+  Mi as default
 };