xiaodao-spreader 0.1.2 → 0.1.4

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 Kt, ref as T, computed as E, watch as Je, nextTick as re, onMounted as so, onBeforeUnmount as ll, openBlock as x, createElementBlock as z, normalizeStyle as Le, normalizeClass as ie, toDisplayString as Ye, createElementVNode as d, createCommentVNode as ye, createBlock as ne, Teleport as ae, createVNode as ke, Transition as Nt, withCtx as Gt, Fragment as Qe, renderList as ot, withModifiers as he, unref as I, withDirectives as qa, vShow as Za, useModel as Ja, reactive as Yo, mergeModels as Qa } from "vue";
+const W = 52, N = 24, It = 100, Xo = 24, Qt = 30, el = 24, Al = 1e3, tl = 500, Oe = 11, er = 50, tr = {
   "zh-CN": {
     insert: "插入",
     delete: "删除",
@@ -17,7 +17,95 @@ 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: "边框",
+    hAlign: "水平对齐",
+    vAlign: "垂直对齐",
+    alignLeft: "左端对齐",
+    alignCenter: "居中对齐",
+    alignRight: "右端对齐",
+    alignTop: "顶端对齐",
+    alignMiddle: "垂直居中",
+    alignBottom: "底端对齐",
+    wrap: "自动换行",
+    borderBottom: "下框线",
+    borderTop: "上框线",
+    borderLeft: "左框线",
+    borderRight: "右框线",
+    borderNone: "无框线",
+    borderAll: "所有框线",
+    borderOuter: "外框线",
+    borderThickOuter: "粗外框线",
+    fontDefault: "默认",
+    rowHeight: "行高",
+    colWidth: "列宽",
+    autoRowHeight: "自动行高",
+    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 +124,142 @@ 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",
+    hAlign: "Horizontal Align",
+    vAlign: "Vertical Align",
+    alignLeft: "Align Left",
+    alignCenter: "Align Center",
+    alignRight: "Align Right",
+    alignTop: "Align Top",
+    alignMiddle: "Align Middle",
+    alignBottom: "Align Bottom",
+    wrap: "Wrap Text",
+    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",
+    autoRowHeight: "Auto 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) {
-  var s;
-  return ((s = $n[u]) == null ? void 0 : s[f]) ?? f;
+function C(a, p) {
+  var c;
+  return ((c = tr[a]) == null ? void 0 : c[p]) ?? p;
 }
-const In = {
+const no = '-apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif', dt = 10, lr = [
+  { 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' }
+], or = [
+  { 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 }
+], nr = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="6" x2="19" y2="6"/><line x1="3" y1="12" x2="15" y2="12"/><line x1="3" y1="18" x2="17" y2="18"/></svg>', ar = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="6" y1="12" x2="18" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/></svg>', rr = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="5" y1="6" x2="21" y2="6"/><line x1="9" y1="12" x2="21" y2="12"/><line x1="7" y1="18" x2="21" y2="18"/></svg>', ir = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="6" y1="7" x2="6" y2="20"/><line x1="12" y1="7" x2="12" y2="16"/><line x1="18" y1="7" x2="18" y2="20"/><line x1="4" y1="3" x2="20" y2="3"/></svg>', sr = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="6" y1="4" x2="6" y2="20"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="18" y1="4" x2="18" y2="20"/></svg>', ur = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="6" y1="4" x2="6" y2="17"/><line x1="12" y1="8" x2="12" y2="17"/><line x1="18" y1="4" x2="18" y2="17"/><line x1="4" y1="21" x2="20" y2="21"/></svg>', cr = [
+  { value: "left", labelKey: "alignLeft", icon: nr },
+  { value: "center", labelKey: "alignCenter", icon: ar },
+  { value: "right", labelKey: "alignRight", icon: rr }
+], dr = [
+  { value: "top", labelKey: "alignTop", icon: ir },
+  { value: "middle", labelKey: "alignMiddle", icon: sr },
+  { value: "bottom", labelKey: "alignBottom", icon: ur }
+], vr = {
   bg: "#f4f4f4",
   gridBg: "#ffffff",
   headerBg: "#e8e8e8",
@@ -91,8 +307,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"
+}, fr = {
   bg: "#1e1e1e",
   gridBg: "#252526",
   headerBg: "#252525",
@@ -140,208 +362,1546 @@ 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"
+}, br = ["title"], hr = ["innerHTML"], mr = {
+  key: 1,
+  class: "sp-dropdown__value"
+}, pr = ["disabled"], gr = ["onClick"], yr = ["innerHTML"], wr = { class: "sp-dropdown__item-label" }, kr = ["disabled"], Cr = /* @__PURE__ */ Kt({
+  __name: "dropdown",
+  props: {
+    modelValue: {},
+    options: {},
+    width: { default: "auto" },
+    menuWidth: { default: void 0 },
+    visibleCount: { default: 8 },
+    title: { default: "" },
+    modelOpen: { type: Boolean, default: void 0 },
+    hideTrigger: { type: Boolean, default: !1 },
+    align: { default: "left" }
+  },
+  emits: ["update:modelValue", "change", "update:modelOpen"],
+  setup(a, { emit: p }) {
+    const c = a, b = p, i = T(!1), B = T(0), F = T(null), m = T(null), $ = T(null), k = T({ top: 0, up: !1 }), y = T(0), A = T(!1), K = E(() => c.options.find((V) => String(V.value) === String(c.modelValue))), L = E(() => c.menuWidth), G = E(() => Math.min(c.visibleCount, c.options.length)), S = E(() => c.options.slice(B.value, B.value + G.value)), O = E(() => B.value > 0), Y = E(() => B.value + G.value < c.options.length), ee = E(() => c.options.length > G.value);
+    function te(V) {
+      B.value = Math.max(0, Math.min(c.options.length - G.value, B.value + V));
+    }
+    function Xe() {
+      i.value = !0, c.modelOpen !== void 0 && b("update:modelOpen", !0);
+      const V = F.value;
+      if (!V)
+        return;
+      const P = V.getBoundingClientRect(), D = G.value * 22 + (ee.value ? 2 * 15 : 0) + 8, oe = window.innerHeight - P.bottom - 4 < D && P.top - 4 > D;
+      c.align === "right" ? k.value = {
+        right: window.innerWidth - P.right,
+        top: oe ? P.top - D - 4 : P.bottom + 4,
+        up: oe
+      } : k.value = {
+        left: P.left,
+        top: oe ? P.top - D - 4 : P.bottom + 4,
+        up: oe
+      };
+      const Ct = c.options.findIndex((nt) => String(nt.value) === String(c.modelValue));
+      B.value = Ct >= 0 ? Math.max(0, Math.min(Ct - Math.floor(G.value / 2), c.options.length - G.value)) : 0;
+    }
+    function se() {
+      i.value = !1, c.modelOpen !== void 0 && b("update:modelOpen", !1);
+    }
+    function _e() {
+      i.value ? se() : Xe();
+    }
+    function De(V) {
+      b("update:modelValue", V.value), b("change", V.value), se();
+    }
+    function je(V) {
+      var D, j;
+      if (!i.value)
+        return;
+      const P = V.target;
+      (D = F.value) != null && D.contains(P) || (j = $.value) != null && j.contains(P) || se();
+    }
+    function H(V) {
+      i.value && (V.preventDefault(), te(V.deltaY > 0 ? 1 : -1));
+    }
+    Je(i, (V) => {
+      re(() => {
+        var P, D;
+        V ? (P = m.value) == null || P.addEventListener("wheel", H, { passive: !1 }) : (D = m.value) == null || D.removeEventListener("wheel", H);
+      });
+    }), Je(() => c.modelOpen, (V) => {
+      V !== void 0 && V !== i.value && (V ? Xe() : se());
+    });
+    function le(V) {
+      i.value && (y.value = V.touches[0].clientY, A.value = !0);
+    }
+    function u(V) {
+      if (!i.value || !A.value)
+        return;
+      const P = V.touches[0].clientY - y.value;
+      Math.abs(P) > 5 && (te(P < 0 ? 1 : -1), y.value = V.touches[0].clientY);
+    }
+    function w() {
+      A.value = !1;
+    }
+    function ue(V) {
+      V.key === "Escape" && se();
+    }
+    return so(() => {
+      document.addEventListener("mousedown", je), window.addEventListener("resize", se), window.addEventListener("scroll", se, !0);
+    }), ll(() => {
+      document.removeEventListener("mousedown", je), window.removeEventListener("resize", se), window.removeEventListener("scroll", se, !0);
+    }), (V, P) => {
+      var D, j;
+      return x(), z("div", {
+        ref_key: "rootRef",
+        ref: F,
+        class: "sp-dropdown",
+        style: Le(typeof a.width == "number" ? { width: a.width + "px" } : { width: a.width })
+      }, [
+        a.hideTrigger ? ye("", !0) : (x(), z("button", {
+          key: 0,
+          type: "button",
+          class: ie(["sp-dropdown__trigger", { "sp-dropdown__trigger--open": i.value }]),
+          title: a.title,
+          onClick: _e
+        }, [
+          (D = K.value) != null && D.icon ? (x(), z("span", {
+            key: 0,
+            class: "sp-dropdown__icon",
+            innerHTML: K.value.icon
+          }, null, 8, hr)) : (x(), z("span", mr, Ye(((j = K.value) == null ? void 0 : j.label) ?? ""), 1)),
+          P[2] || (P[2] = d("svg", {
+            class: "sp-dropdown__caret",
+            viewBox: "0 0 1024 1024",
+            fill: "currentColor"
+          }, [
+            d("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, br)),
+        (x(), ne(ae, { to: "body" }, [
+          ke(Nt, { name: "menu-pop" }, {
+            default: Gt(() => [
+              i.value ? (x(), z("div", {
+                key: 0,
+                ref_key: "menuRef",
+                ref: $,
+                class: ie(["sp-dropdown__menu", { "sp-dropdown__menu--up": k.value.up }]),
+                style: Le({ left: k.value.left !== void 0 ? k.value.left + "px" : void 0, right: k.value.right !== void 0 ? k.value.right + "px" : void 0, top: k.value.top + "px", minWidth: L.value !== void 0 ? typeof L.value == "number" ? L.value + "px" : L.value : void 0 }),
+                onKeydown: ue
+              }, [
+                ee.value ? (x(), z("button", {
+                  key: 0,
+                  type: "button",
+                  class: ie(["sp-dropdown__nav", { "sp-dropdown__nav--disabled": !O.value }]),
+                  disabled: !O.value,
+                  onClick: P[0] || (P[0] = (oe) => te(-1))
+                }, [...P[3] || (P[3] = [
+                  d("svg", {
+                    viewBox: "0 0 1024 1024",
+                    fill: "currentColor"
+                  }, [
+                    d("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, pr)) : ye("", !0),
+                d("div", {
+                  ref_key: "listRef",
+                  ref: m,
+                  class: "sp-dropdown__list",
+                  onTouchstart: le,
+                  onTouchmove: u,
+                  onTouchend: w
+                }, [
+                  (x(!0), z(Qe, null, ot(S.value, (oe) => (x(), z("button", {
+                    key: String(oe.value),
+                    type: "button",
+                    class: ie(["sp-dropdown__item", { "sp-dropdown__item--active": String(oe.value) === String(a.modelValue) }]),
+                    onClick: (Ct) => De(oe)
+                  }, [
+                    oe.icon ? (x(), z("span", {
+                      key: 0,
+                      class: "sp-dropdown__item-icon",
+                      innerHTML: oe.icon
+                    }, null, 8, yr)) : ye("", !0),
+                    d("span", wr, Ye(oe.label), 1)
+                  ], 10, gr))), 128))
+                ], 544),
+                ee.value ? (x(), z("button", {
+                  key: 1,
+                  type: "button",
+                  class: ie(["sp-dropdown__nav", { "sp-dropdown__nav--disabled": !Y.value }]),
+                  disabled: !Y.value,
+                  onClick: P[1] || (P[1] = (oe) => te(1))
+                }, [...P[4] || (P[4] = [
+                  d("svg", {
+                    viewBox: "0 0 1024 1024",
+                    fill: "currentColor"
+                  }, [
+                    d("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, kr)) : ye("", !0)
+              ], 38)) : ye("", !0)
+            ]),
+            _: 1
+          })
+        ]))
+      ], 4);
+    };
+  }
+}), Vt = (a, p) => {
+  const c = a.__vccOpts || a;
+  for (const [b, i] of p)
+    c[b] = i;
+  return c;
+}, El = /* @__PURE__ */ Vt(Cr, [["__scopeId", "data-v-0fc61adc"]]), xr = ["title", "onClick"], Br = /* @__PURE__ */ Kt({
+  __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: p, emit: c }) {
+    const b = a, i = c, B = [
+      [
+        { 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" }
+      ]
+    ], m = E(
+      () => b.colorKey === "fill" ? F : B
+    );
+    function $(Y) {
+      return C(b.locale, Y);
+    }
+    function k(Y) {
+      const ee = b.currentColor;
+      return !ee && !Y ? !0 : ee ? ee.toLowerCase() === Y.toLowerCase() : !1;
+    }
+    const y = T(!1), A = T(null), K = T(null);
+    Je(() => b.modelOpen, (Y) => {
+      Y !== void 0 && Y !== y.value && (Y ? G() : S());
+    });
+    function L(Y) {
+      const ee = A.value;
+      ee && !ee.contains(Y.target) && S();
+    }
+    function G() {
+      y.value = !0, b.modelOpen !== void 0 && i("update:modelOpen", !0), re(() => {
+        document.addEventListener("mousedown", L);
+      });
+    }
+    function S() {
+      y.value = !1, b.modelOpen !== void 0 && i("update:modelOpen", !1), document.removeEventListener("mousedown", L);
+    }
+    function O(Y) {
+      i("update:modelValue", Y), i("change", Y), S();
+    }
+    return ll(() => {
+      document.removeEventListener("mousedown", L);
+    }), p({ open: y, openMenu: G, close: S }), (Y, ee) => (x(), z("div", {
+      ref_key: "rootRef",
+      ref: A,
+      class: "color-picker"
+    }, [
+      ke(Nt, { name: "menu-pop" }, {
+        default: Gt(() => [
+          y.value ? (x(), z("div", {
+            key: 0,
+            ref_key: "menuRef",
+            ref: K,
+            class: "color-picker__menu",
+            onMousedown: ee[0] || (ee[0] = he(() => {
+            }, ["stop"]))
+          }, [
+            (x(!0), z(Qe, null, ot(m.value, (te, Xe) => (x(), z("div", {
+              key: Xe,
+              class: "color-picker__row"
+            }, [
+              (x(!0), z(Qe, null, ot(te, (se) => (x(), z("button", {
+                key: se.value,
+                class: ie(["color-picker__swatch", { "color-picker__swatch--selected": k(se.value) }]),
+                title: $(se.key),
+                style: Le({
+                  background: se.value || "transparent",
+                  border: se.value ? "1px solid rgba(0,0,0,0.15)" : "1px dashed #999"
+                }),
+                onClick: (_e) => O(se.value)
+              }, null, 14, xr))), 128))
+            ]))), 128))
+          ], 544)) : ye("", !0)
+        ]),
+        _: 1
+      })
+    ], 512));
+  }
+}), _o = /* @__PURE__ */ Vt(Br, [["__scopeId", "data-v-c262a5e5"]]), Sr = ["title", "onClick"], Mr = {
+  viewBox: "0 0 30 30",
+  class: "border-picker__icon"
+}, Rr = ["x1", "y1", "x2", "y2", "stroke-width", "stroke-dasharray", "stroke-linecap"], Dr = { class: "border-picker__label" }, Tr = /* @__PURE__ */ Kt({
+  __name: "borderPicker",
+  props: {
+    modelOpen: { type: Boolean, default: void 0 },
+    locale: { default: "zh-CN" },
+    currentBorder: { default: "none" }
+  },
+  emits: ["update:modelOpen", "change"],
+  setup(a, { expose: p, emit: c }) {
+    const b = a, i = c, B = [
+      { 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 }
+    ], m = {
+      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 k(O, Y) {
+      return $[O].includes(Y) ? "thick" : m[O].includes(Y) ? "solid" : "dashed";
+    }
+    const y = T(!1), A = T(null);
+    Je(() => b.modelOpen, (O) => {
+      O !== void 0 && O !== y.value && (O ? L() : G());
+    });
+    function K(O) {
+      const Y = A.value;
+      Y && !Y.contains(O.target) && G();
+    }
+    function L() {
+      y.value = !0, b.modelOpen !== void 0 && i("update:modelOpen", !0), re(() => {
+        document.addEventListener("mousedown", K);
+      });
+    }
+    function G() {
+      y.value = !1, b.modelOpen !== void 0 && i("update:modelOpen", !1), document.removeEventListener("mousedown", K);
+    }
+    function S(O) {
+      i("change", O), G();
+    }
+    return ll(() => {
+      document.removeEventListener("mousedown", K);
+    }), p({ open: y, openMenu: L, close: G }), (O, Y) => (x(), z("div", {
+      ref_key: "rootRef",
+      ref: A,
+      class: "border-picker"
+    }, [
+      ke(Nt, { name: "menu-pop" }, {
+        default: Gt(() => [
+          y.value ? (x(), z("div", {
+            key: 0,
+            class: "border-picker__menu",
+            onMousedown: Y[0] || (Y[0] = he(() => {
+            }, ["stop"]))
+          }, [
+            (x(), z(Qe, null, ot(B, (ee) => d("button", {
+              key: ee.key,
+              class: "border-picker__item",
+              title: I(C)(a.locale, ee.i18nKey),
+              onClick: (te) => S(ee.key)
+            }, [
+              (x(), z("svg", Mr, [
+                (x(), z(Qe, null, ot(F, (te) => d("line", {
+                  key: te.name,
+                  x1: te.x1,
+                  y1: te.y1,
+                  x2: te.x2,
+                  y2: te.y2,
+                  stroke: "currentColor",
+                  "stroke-width": k(ee.key, te.name) === "thick" ? 3 : 1.5,
+                  "stroke-dasharray": k(ee.key, te.name) === "dashed" ? "0 4" : "none",
+                  "stroke-linecap": k(ee.key, te.name) === "dashed" ? "round" : "square"
+                }, null, 8, Rr)), 64))
+              ])),
+              d("span", Dr, Ye(I(C)(a.locale, ee.i18nKey)), 1)
+            ], 8, Sr)), 64))
+          ], 32)) : ye("", !0)
+        ]),
+        _: 1
+      })
+    ], 512));
+  }
+}), Fr = /* @__PURE__ */ Vt(Tr, [["__scopeId", "data-v-c9b0ba80"]]), Ar = {
+  class: "tb-item",
+  "data-key": "undo"
+}, Er = ["title", "disabled"], Or = {
+  class: "tb-item",
+  "data-key": "redo"
+}, Lr = ["title", "disabled"], $r = {
+  class: "tb-item",
+  "data-key": "paint"
+}, zr = ["title", "disabled"], Hr = {
+  class: "tb-item",
+  "data-key": "clear"
+}, Ir = ["title", "disabled"], Wr = {
+  class: "tb-item",
+  "data-key": "font"
+}, Nr = {
+  class: "tb-item",
+  "data-key": "fontSize"
+}, Gr = { class: "toolbar-font-size" }, Pr = ["value", "title"], Kr = ["title"], Vr = ["title", "disabled"], Ur = ["title", "disabled"], Yr = {
+  class: "tb-item",
+  "data-key": "bold"
+}, Xr = ["title", "disabled"], _r = {
+  class: "tb-item",
+  "data-key": "italic"
+}, jr = ["title", "disabled"], qr = {
+  class: "tb-item",
+  "data-key": "underline"
+}, Zr = ["title", "disabled"], Jr = {
+  class: "tb-item",
+  "data-key": "strike"
+}, Qr = ["title", "disabled"], ei = {
+  class: "tb-item",
+  "data-key": "textColor"
+}, ti = { class: "toolbar-split" }, li = ["title", "disabled"], oi = {
+  viewBox: "0 0 1024 1024",
+  fill: "currentColor"
+}, ni = ["fill"], ai = ["title", "disabled"], ri = {
+  class: "tb-item",
+  "data-key": "fillColor"
+}, ii = { class: "toolbar-split" }, si = ["title", "disabled"], ui = {
+  viewBox: "0 0 1024 1024",
+  fill: "currentColor"
+}, ci = ["fill"], di = ["title", "disabled"], vi = {
+  class: "tb-item",
+  "data-key": "border"
+}, fi = { class: "toolbar-split" }, bi = ["title", "disabled"], hi = {
+  viewBox: "0 0 30 30",
+  fill: "none",
+  stroke: "currentColor"
+}, mi = ["x1", "y1", "x2", "y2", "stroke-width", "stroke-dasharray", "stroke-linecap"], pi = ["title", "disabled"], gi = {
+  class: "tb-item",
+  "data-key": "hAlign"
+}, yi = {
+  class: "tb-item",
+  "data-key": "vAlign"
+}, wi = {
+  class: "tb-item",
+  "data-key": "wrap"
+}, ki = ["title"], ao = 2, Ci = 6, xi = 34, Bi = /* @__PURE__ */ Kt({
+  __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: {},
+    selHAlign: {},
+    selVAlign: {},
+    selWrap: { type: Boolean },
+    hAlignOptions: {},
+    vAlignOptions: {}
+  },
+  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", "h-align-change", "v-align-change", "wrap-toggle"],
+  setup(a, { emit: p }) {
+    const c = [
+      { 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 }
+    ], b = {
+      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 B(le, u) {
+      return i[le].includes(u) ? "thick" : b[le].includes(u) ? "solid" : "dashed";
+    }
+    const F = [
+      "undo",
+      "redo",
+      "paint",
+      "clear",
+      "sep1",
+      "font",
+      "fontSize",
+      "sep2",
+      "bold",
+      "italic",
+      "underline",
+      "strike",
+      "sep3",
+      "textColor",
+      "fillColor",
+      "border",
+      "sep4",
+      "hAlign",
+      "vAlign",
+      "wrap"
+    ], m = T(null), $ = T(null), k = T(null), y = T(/* @__PURE__ */ new Set()), A = T(!1), K = T(!1), L = /* @__PURE__ */ new Map(), G = E(() => y.value.size > 0);
+    function S(le) {
+      return y.value.has(le);
+    }
+    function O() {
+      if (!m.value)
+        return;
+      m.value.querySelectorAll(".tb-item").forEach((u) => {
+        const w = u.dataset.key;
+        w && L.set(w, u.offsetWidth);
+      });
+    }
+    function Y(le, u) {
+      if (le.size !== u.size)
+        return !1;
+      for (const w of le)
+        if (!u.has(w))
+          return !1;
+      return !0;
+    }
+    function ee() {
+      if (!m.value)
+        return;
+      const le = m.value.clientWidth - Ci * 2;
+      if (le <= 0)
+        return;
+      L.size === 0 && O();
+      let u = 0;
+      for (const ue of F)
+        u += (L.get(ue) ?? 0) + ao;
+      const w = /* @__PURE__ */ new Set();
+      if (u > le) {
+        const ue = le - xi - ao;
+        let V = 0;
+        for (let P = 0; P < F.length; P++) {
+          const D = F[P], j = (L.get(D) ?? 0) + ao;
+          if (V + j > ue) {
+            for (let oe = P; oe < F.length; oe++)
+              w.add(F[oe]);
+            break;
+          }
+          V += j;
+        }
+      }
+      Y(w, y.value) || (y.value = w, w.size === 0 && (A.value = !1));
+    }
+    let te = null;
+    const Xe = T(0), se = E(() => {
+      const le = k.value;
+      if (!le)
+        return { position: "fixed", top: "0px", right: "0px" };
+      Xe.value;
+      const u = le.getBoundingClientRect();
+      return {
+        position: "fixed",
+        top: `${u.bottom + 4}px`,
+        right: `${window.innerWidth - u.right}px`
+      };
+    });
+    function _e() {
+      A.value && (Xe.value++, re(() => ee()));
+    }
+    function De(le) {
+      var w, ue;
+      if (!A.value)
+        return;
+      const u = le.target;
+      (w = $.value) != null && w.contains(u) || (ue = k.value) != null && ue.contains(u) || (K.value = !0, A.value = !1, re(() => {
+        K.value = !1;
+      }));
+    }
+    function je() {
+      A.value = !A.value;
+    }
+    so(() => {
+      re(() => {
+        O(), ee();
+      }), m.value && (te = new ResizeObserver(() => {
+        A.value || ee();
+      }), te.observe(m.value)), document.addEventListener("mousedown", De, !0), window.addEventListener("resize", _e);
+    }), ll(() => {
+      te == null || te.disconnect(), document.removeEventListener("mousedown", De, !0), window.removeEventListener("resize", _e);
+    });
+    const H = p;
+    return (le, u) => (x(), z(Qe, null, [
+      d("div", {
+        ref_key: "rootEl",
+        ref: m,
+        class: "toolbar"
+      }, [
+        (x(), ne(ae, {
+          disabled: !S("undo"),
+          to: $.value ?? void 0
+        }, [
+          d("div", Ar, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--disabled": !a.canUndo }]),
+              title: I(C)(a.locale, "undo"),
+              disabled: !a.canUndo,
+              onClick: u[0] || (u[0] = (w) => H("undo"))
+            }, [...u[35] || (u[35] = [
+              d("svg", {
+                class: "toolbar-btn__icon",
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("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, Er)
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("redo"),
+          to: $.value ?? void 0
+        }, [
+          d("div", Or, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--disabled": !a.canRedo }]),
+              title: I(C)(a.locale, "redo"),
+              disabled: !a.canRedo,
+              onClick: u[1] || (u[1] = (w) => H("redo"))
+            }, [...u[36] || (u[36] = [
+              d("svg", {
+                class: "toolbar-btn__icon",
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("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"])),
+        (x(), ne(ae, {
+          disabled: !S("paint"),
+          to: $.value ?? void 0
+        }, [
+          d("div", $r, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--active": a.paintFmtActive }]),
+              title: I(C)(a.locale, "paintFormat"),
+              disabled: !a.hasSelection,
+              onClick: u[2] || (u[2] = (w) => H("paint-format"))
+            }, [...u[37] || (u[37] = [
+              d("svg", {
+                class: "toolbar-btn__icon",
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("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, zr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("clear"),
+          to: $.value ?? void 0
+        }, [
+          d("div", Hr, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--disabled": !a.hasSelection }]),
+              title: I(C)(a.locale, "clearFormat"),
+              disabled: !a.hasSelection,
+              onClick: u[3] || (u[3] = (w) => H("clear-format"))
+            }, [...u[38] || (u[38] = [
+              d("svg", {
+                class: "toolbar-btn__icon",
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("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"])),
+        (x(), ne(ae, {
+          disabled: !S("sep1"),
+          to: $.value ?? void 0
+        }, [
+          u[39] || (u[39] = d("div", {
+            class: "tb-item",
+            "data-key": "sep1"
+          }, [
+            d("div", { class: "toolbar-sep" })
+          ], -1))
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("font"),
+          to: $.value ?? void 0
+        }, [
+          d("div", Wr, [
+            ke(El, {
+              class: "toolbar-font",
+              "model-value": a.selFontFamily,
+              options: a.fontFamilyOptions,
+              width: 110,
+              "visible-count": 8,
+              title: I(C)(a.locale, "fontFamily"),
+              onChange: u[4] || (u[4] = (w) => H("font-family-change", w))
+            }, null, 8, ["model-value", "options", "title"])
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("fontSize"),
+          to: $.value ?? void 0
+        }, [
+          d("div", Nr, [
+            d("div", Gr, [
+              d("input", {
+                class: "toolbar-font-size__input",
+                type: "number",
+                min: "5",
+                max: "72",
+                step: "1",
+                value: a.fontSizeInput,
+                title: I(C)(a.locale, "fontSize"),
+                onInput: u[5] || (u[5] = (w) => H("font-size-input", w.target.value)),
+                onBlur: u[6] || (u[6] = (w) => H("font-size-blur")),
+                onKeydown: u[7] || (u[7] = (w) => H("font-size-keydown", w))
+              }, null, 40, Pr),
+              ke(El, {
+                class: "toolbar-font-size__dropdown",
+                "model-value": a.selFontSize,
+                options: a.fontSizeOptions,
+                width: 56,
+                "menu-width": 56,
+                "visible-count": 9,
+                title: I(C)(a.locale, "fontSize"),
+                "hide-trigger": !0,
+                "model-open": a.fontSizeMenuOpen,
+                "onUpdate:modelOpen": u[8] || (u[8] = (w) => H("update:font-size-menu-open", w)),
+                onChange: u[9] || (u[9] = (w) => H("font-size-change", w))
+              }, null, 8, ["model-value", "options", "title", "model-open"]),
+              d("button", {
+                class: "toolbar-font-size__btn",
+                type: "button",
+                title: I(C)(a.locale, "fontSize"),
+                onMousedown: u[10] || (u[10] = he(() => {
+                }, ["prevent"])),
+                onClick: u[11] || (u[11] = (w) => H("font-size-toggle"))
+              }, [...u[40] || (u[40] = [
+                d("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  d("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, Kr),
+              d("button", {
+                class: "toolbar-btn toolbar-btn--step",
+                type: "button",
+                title: I(C)(a.locale, "fontSizeDecrease"),
+                disabled: !a.hasSelection,
+                onMousedown: u[12] || (u[12] = he(() => {
+                }, ["prevent"])),
+                onClick: u[13] || (u[13] = (w) => H("font-size-step-down"))
+              }, [...u[41] || (u[41] = [
+                d("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  d("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),
+              d("button", {
+                class: "toolbar-btn toolbar-btn--step",
+                type: "button",
+                title: I(C)(a.locale, "fontSizeIncrease"),
+                disabled: !a.hasSelection,
+                onMousedown: u[14] || (u[14] = he(() => {
+                }, ["prevent"])),
+                onClick: u[15] || (u[15] = (w) => H("font-size-step-up"))
+              }, [...u[42] || (u[42] = [
+                d("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  d("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, Ur)
+            ])
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("sep2"),
+          to: $.value ?? void 0
+        }, [
+          u[43] || (u[43] = d("div", {
+            class: "tb-item",
+            "data-key": "sep2"
+          }, [
+            d("div", { class: "toolbar-sep" })
+          ], -1))
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("bold"),
+          to: $.value ?? void 0
+        }, [
+          d("div", Yr, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--active": a.selFontWeight }]),
+              title: I(C)(a.locale, "bold"),
+              disabled: !a.hasSelection,
+              onClick: u[16] || (u[16] = (w) => H("bold-toggle"))
+            }, [...u[44] || (u[44] = [
+              d("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                  d("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, Xr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("italic"),
+          to: $.value ?? void 0
+        }, [
+          d("div", _r, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--active": a.selFontStyle }]),
+              title: I(C)(a.locale, "italic"),
+              disabled: !a.hasSelection,
+              onClick: u[17] || (u[17] = (w) => H("italic-toggle"))
+            }, [...u[45] || (u[45] = [
+              d("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                  d("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, jr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("underline"),
+          to: $.value ?? void 0
+        }, [
+          d("div", qr, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--active": a.selUnderline }]),
+              title: I(C)(a.locale, "underline"),
+              disabled: !a.hasSelection,
+              onClick: u[18] || (u[18] = (w) => H("underline-toggle"))
+            }, [...u[46] || (u[46] = [
+              d("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                  d("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, Zr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("strike"),
+          to: $.value ?? void 0
+        }, [
+          d("div", Jr, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--active": a.selStrikethrough }]),
+              title: I(C)(a.locale, "strikethrough"),
+              disabled: !a.hasSelection,
+              onClick: u[19] || (u[19] = (w) => H("strikethrough-toggle"))
+            }, [...u[47] || (u[47] = [
+              d("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                  d("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, Qr)
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("sep3"),
+          to: $.value ?? void 0
+        }, [
+          u[48] || (u[48] = d("div", {
+            class: "tb-item",
+            "data-key": "sep3"
+          }, [
+            d("div", { class: "toolbar-sep" })
+          ], -1))
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("textColor"),
+          to: $.value ?? void 0
+        }, [
+          d("div", ei, [
+            d("div", ti, [
+              d("button", {
+                class: "toolbar-btn toolbar-split__main",
+                title: I(C)(a.locale, "fontColor"),
+                disabled: !a.hasSelection,
+                onClick: u[20] || (u[20] = (w) => H("apply-text-color"))
+              }, [
+                (x(), z("svg", oi, [
+                  u[49] || (u[49] = d("g", { transform: "translate(102.4, 102.4) scale(0.8)" }, [
+                    d("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)),
+                  d("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, ni)
+                ]))
+              ], 8, li),
+              d("button", {
+                class: "toolbar-btn toolbar-split__arrow",
+                title: I(C)(a.locale, "fontColor"),
+                disabled: !a.hasSelection,
+                onClick: u[21] || (u[21] = (w) => H("update:text-color-menu-open", !a.textColorMenuOpen))
+              }, [...u[50] || (u[50] = [
+                d("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  d("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, ai),
+              ke(_o, {
+                "model-open": a.textColorMenuOpen,
+                "color-key": "text",
+                "current-color": a.selTextColor,
+                locale: a.locale,
+                "onUpdate:modelOpen": u[22] || (u[22] = (w) => H("update:text-color-menu-open", w)),
+                onChange: u[23] || (u[23] = (w) => H("text-color-change", w))
+              }, null, 8, ["model-open", "current-color", "locale"])
+            ])
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("fillColor"),
+          to: $.value ?? void 0
+        }, [
+          d("div", ri, [
+            d("div", ii, [
+              d("button", {
+                class: "toolbar-btn toolbar-split__main",
+                title: I(C)(a.locale, "fillColor"),
+                disabled: !a.hasSelection,
+                onClick: u[24] || (u[24] = (w) => H("apply-fill-color"))
+              }, [
+                (x(), z("svg", ui, [
+                  u[51] || (u[51] = d("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)),
+                  d("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, ci)
+                ]))
+              ], 8, si),
+              d("button", {
+                class: "toolbar-btn toolbar-split__arrow",
+                title: I(C)(a.locale, "fillColor"),
+                disabled: !a.hasSelection,
+                onClick: u[25] || (u[25] = (w) => H("update:fill-color-menu-open", !a.fillColorMenuOpen))
+              }, [...u[52] || (u[52] = [
+                d("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  d("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, di),
+              ke(_o, {
+                "model-open": a.fillColorMenuOpen,
+                "color-key": "fill",
+                "current-color": a.selFillColor,
+                locale: a.locale,
+                "onUpdate:modelOpen": u[26] || (u[26] = (w) => H("update:fill-color-menu-open", w)),
+                onChange: u[27] || (u[27] = (w) => H("fill-color-change", w))
+              }, null, 8, ["model-open", "current-color", "locale"])
+            ])
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("border"),
+          to: $.value ?? void 0
+        }, [
+          d("div", vi, [
+            d("div", fi, [
+              d("button", {
+                class: "toolbar-btn toolbar-split__main",
+                title: I(C)(a.locale, "borders"),
+                disabled: !a.hasSelection,
+                onClick: u[28] || (u[28] = (w) => H("apply-border"))
+              }, [
+                (x(), z("svg", hi, [
+                  (x(), z(Qe, null, ot(c, (w) => d("line", {
+                    key: w.name,
+                    x1: w.x1,
+                    y1: w.y1,
+                    x2: w.x2,
+                    y2: w.y2,
+                    "stroke-width": B(a.cachedBorder, w.name) === "thick" ? 3 : 1.5,
+                    "stroke-dasharray": B(a.cachedBorder, w.name) === "dashed" ? "0 4" : "none",
+                    "stroke-linecap": B(a.cachedBorder, w.name) === "dashed" ? "round" : "square"
+                  }, null, 8, mi)), 64))
+                ]))
+              ], 8, bi),
+              d("button", {
+                class: "toolbar-btn toolbar-split__arrow",
+                title: I(C)(a.locale, "borders"),
+                disabled: !a.hasSelection,
+                onClick: u[29] || (u[29] = (w) => H("update:border-menu-open", !a.borderMenuOpen))
+              }, [...u[53] || (u[53] = [
+                d("svg", {
+                  viewBox: "0 0 1024 1024",
+                  fill: "currentColor"
+                }, [
+                  d("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, pi),
+              ke(Fr, {
+                "model-open": a.borderMenuOpen,
+                locale: a.locale,
+                "current-border": a.cachedBorder,
+                "onUpdate:modelOpen": u[30] || (u[30] = (w) => H("update:border-menu-open", w)),
+                onChange: u[31] || (u[31] = (w) => H("border-change", w))
+              }, null, 8, ["model-open", "locale", "current-border"])
+            ])
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("sep4"),
+          to: $.value ?? void 0
+        }, [
+          u[54] || (u[54] = d("div", {
+            class: "tb-item",
+            "data-key": "sep4"
+          }, [
+            d("div", { class: "toolbar-sep" })
+          ], -1))
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("hAlign"),
+          to: $.value ?? void 0
+        }, [
+          d("div", gi, [
+            ke(El, {
+              class: "toolbar-align",
+              "model-value": a.selHAlign,
+              options: a.hAlignOptions,
+              width: 44,
+              "visible-count": 3,
+              align: "right",
+              title: I(C)(a.locale, "hAlign"),
+              onChange: u[32] || (u[32] = (w) => H("h-align-change", w))
+            }, null, 8, ["model-value", "options", "title"])
+          ])
+        ], 8, ["disabled", "to"])),
+        (x(), ne(ae, {
+          disabled: !S("vAlign"),
+          to: $.value ?? void 0
+        }, [
+          d("div", yi, [
+            ke(El, {
+              class: "toolbar-align",
+              "model-value": a.selVAlign,
+              options: a.vAlignOptions,
+              width: 44,
+              "visible-count": 3,
+              align: "right",
+              title: I(C)(a.locale, "vAlign"),
+              onChange: u[33] || (u[33] = (w) => H("v-align-change", w))
+            }, null, 8, ["model-value", "options", "title"])
+          ]),
+          d("div", wi, [
+            d("button", {
+              class: ie(["toolbar-btn", { "toolbar-btn--active": a.selWrap }]),
+              type: "button",
+              title: I(C)(a.locale, "wrap"),
+              onClick: u[34] || (u[34] = (w) => H("wrap-toggle"))
+            }, [...u[55] || (u[55] = [
+              d("svg", {
+                viewBox: "0 0 1024 1024",
+                fill: "currentColor"
+              }, [
+                d("path", { d: "M896 179.2a38.4 38.4 0 0 0-76.8 0v665.6a38.4 38.4 0 0 0 76.8 0v-665.6zM204.8 281.6A38.4 38.4 0 0 0 204.8 358.4h179.2a38.4 38.4 0 0 0 0-76.8H204.8zM550.4 281.6a38.4 38.4 0 0 0 0 76.8h51.2c35.328 0 64 28.672 64 64v179.2c0 35.328-28.672 64-64 64H246.272l36.864-36.864a38.4 38.4 0 1 0-54.272-54.272l-102.4 102.4a38.4 38.4 0 0 0 0 54.272l102.4 102.4a38.4 38.4 0 0 0 54.272-54.272l-36.864-36.864h355.328a140.8 140.8 0 0 0 140.8-140.8v-179.2a140.8 140.8 0 0 0-140.8-140.8h-51.2z" })
+              ], -1)
+            ])], 10, ki)
+          ])
+        ], 8, ["disabled", "to"])),
+        G.value ? (x(), z("button", {
+          key: 0,
+          ref_key: "moreBtnEl",
+          ref: k,
+          class: ie(["toolbar-more", { "toolbar-more--active": A.value }]),
+          type: "button",
+          onClick: je
+        }, [...u[56] || (u[56] = [
+          d("svg", {
+            viewBox: "0 0 1024 1024",
+            fill: "currentColor"
+          }, [
+            d("circle", {
+              cx: "512",
+              cy: "160",
+              r: "96"
+            }),
+            d("circle", {
+              cx: "512",
+              cy: "512",
+              r: "96"
+            }),
+            d("circle", {
+              cx: "512",
+              cy: "864",
+              r: "96"
+            })
+          ], -1)
+        ])], 2)) : ye("", !0)
+      ], 512),
+      (x(), ne(ae, { to: "body" }, [
+        ke(Nt, { name: "menu-pop" }, {
+          default: Gt(() => [
+            qa(d("div", {
+              ref_key: "overflowMenuEl",
+              ref: $,
+              class: ie(["overflow-menu", { "no-anim": K.value }]),
+              style: Le(se.value)
+            }, null, 6), [
+              [Za, A.value]
+            ])
+          ]),
+          _: 1
+        })
+      ]))
+    ], 64));
+  }
+}), Si = /* @__PURE__ */ Vt(Bi, [["__scopeId", "data-v-1bf472fc"]]), Mi = { class: "tab-list" }, Ri = ["onClick", "onDblclick", "onContextmenu"], Di = ["value"], Ti = {
+  key: 1,
+  class: "tab-item__name"
+}, Fi = ["title"], Ai = /* @__PURE__ */ Kt({
+  __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: p }) {
+    const c = p;
+    return (b, i) => (x(), z("div", {
+      class: "tab-bar",
+      onContextmenu: i[5] || (i[5] = (B) => c("tabbar-contextmenu", B))
+    }, [
+      d("div", Mi, [
+        (x(!0), z(Qe, null, ot(a.sheets, (B, F) => (x(), z("div", {
+          key: B.id,
+          class: ie(["tab-item", { "tab-item--active": F === a.activeSheetIndex }]),
+          onClick: (m) => c("tab-click", F),
+          onDblclick: he((m) => c("tab-dblclick", F), ["prevent"]),
+          onContextmenu: (m) => c("tab-contextmenu", { ev: m, i: F })
+        }, [
+          a.renTab === F ? (x(), z("input", {
+            key: 0,
+            class: "tab-rename-input",
+            value: a.renTabVal,
+            onInput: i[0] || (i[0] = (m) => c("tab-rename-input", m.target.value)),
+            onKeydown: i[1] || (i[1] = (m) => c("tab-rename-keydown", m)),
+            onBlur: i[2] || (i[2] = (m) => c("tab-rename-commit")),
+            onClick: i[3] || (i[3] = he(() => {
+            }, ["stop"]))
+          }, null, 40, Di)) : (x(), z("span", Ti, Ye(B.name), 1))
+        ], 42, Ri))), 128))
+      ]),
+      d("button", {
+        class: "tab-bar__add-btn",
+        title: I(C)(a.locale, "addSheet"),
+        onClick: i[4] || (i[4] = (B) => c("add-sheet"))
+      }, " + ", 8, Fi)
+    ], 32));
+  }
+}), Ei = /* @__PURE__ */ Vt(Ai, [["__scopeId", "data-v-49f54625"]]);
+function Ue(a) {
+  let p = "", c = a;
   do
-    f = String.fromCharCode(65 + s % 26) + f, s = Math.floor(s / 26) - 1;
-  while (s >= 0);
-  return f;
+    p = String.fromCharCode(65 + c % 26) + p, c = Math.floor(c / 26) - 1;
+  while (c >= 0);
+  return p;
 }
-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 io(a) {
+  let p = 0;
+  for (let c = 0; c < a.length; c++)
+    p = p * 26 + (a.toUpperCase().charCodeAt(c) - 64);
+  return p - 1;
 }
-function Se(u) {
-  if (u == null)
+function wt(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 p = parseFloat(a);
+    return a.endsWith("%") || isNaN(p) ? null : p;
   }
   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 ro(a) {
+  navigator.clipboard.writeText(a).catch(() => {
+    const p = document.createElement("textarea");
+    p.value = a, p.style.position = "fixed", p.style.opacity = "0", document.body.appendChild(p), p.select(), document.execCommand("copy"), document.body.removeChild(p);
   });
 }
-function Xe(u, f) {
-  return `${u},${f}`;
+function Pt(a, p) {
+  return `${a},${p}`;
 }
-function ht(u, f, s) {
-  const c = u.match(/^\$?([A-Z]+)\$?(\d+)$/i);
-  if (!c)
+function Ol(a, p, c) {
+  const b = a.match(/^\$?([A-Z]+)\$?(\d+)$/i);
+  if (!b)
     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 = io(b[1]), B = parseInt(b[2], 10) - 1;
+  return i < 0 || i >= p || B < 0 || B >= c ? null : { col: i, row: B };
 }
-function ke(u, f) {
-  if (!f)
+function kt(a, p) {
+  if (!p)
     return { x: 0, y: 0 };
-  const s = f.getBoundingClientRect();
-  return { x: u.clientX - s.left, y: u.clientY - s.top };
+  const c = p.getBoundingClientRect();
+  return { x: a.clientX - c.left, y: a.clientY - c.top };
 }
-function An(u, f, s) {
-  const c = u.split(":");
-  if (c.length !== 2)
+function Oi(a, p, c) {
+  const b = a.split(":");
+  if (b.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 = Ol(b[0], p, c), B = Ol(b[1], p, c);
+  return !i || !B ? null : {
+    sc: Math.min(i.col, B.col),
+    sr: Math.min(i.row, B.row),
+    ec: Math.max(i.col, B.col),
+    er: Math.max(i.row, B.row)
   };
 }
-function Nn(u, f, s, c, r) {
-  const m = s[Xe(u, f)];
-  if (!m)
+function Li(a, p, c, b, i) {
+  const B = c[Pt(a, p)];
+  if (!B)
     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 = B.value;
+  if (F.startsWith("="))
+    return Zo(Pt(a, p), c, b, i) ?? 0;
+  const m = parseFloat(F);
+  return isNaN(m) ? 0 : m;
 }
-const Oe = /* @__PURE__ */ new Map();
-function yl() {
-  Oe.clear();
+const Wt = /* @__PURE__ */ new Map();
+function jo() {
+  Wt.clear();
 }
-function Bl(u, f, s, c) {
-  return Ln(u, f, s, c);
+function Zo(a, p, c, b) {
+  return $i(a, p, c, b);
 }
-function Ln(u, f, s, c, r) {
-  if (Oe.has(u))
+function $i(a, p, c, b, i) {
+  if (Wt.has(a))
     return NaN;
-  Oe.set(u, NaN);
-  const m = f[u];
-  if (!m)
+  Wt.set(a, NaN);
+  const B = p[a];
+  if (!B)
     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 = B.value;
+  if (!F.startsWith("=")) {
+    const k = parseFloat(F), y = isNaN(k) ? 0 : k;
+    return Wt.set(a, y), y;
   }
-  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 m = F.slice(1).trim();
+  if (m.toUpperCase().startsWith("SUM(") && m.endsWith(")")) {
+    const k = m.slice(4, -1).trim(), y = Oi(k, c, b);
+    if (y) {
+      let A = 0;
+      for (let K = y.sc; K <= y.ec; K++)
+        for (let L = y.sr; L <= y.er; L++)
+          A += Li(K, L, p, c, b);
+      return isNaN(A) ? NaN : (Wt.set(a, A), A);
     }
     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 Jo(a, p, c) {
+  const b = [], i = /(\$?[A-Z]+\$?\d+)(?::(\$?[A-Z]+\$?\d+))?/gi;
+  let B;
+  for (; (B = i.exec(a)) !== null; ) {
+    const F = Ol(B[1], p, c);
+    if (F)
+      if (B[2]) {
+        const m = Ol(B[2], p, c);
+        if (!m)
           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, m.col); $ <= Math.max(F.col, m.col); $++)
+          for (let k = Math.min(F.row, m.row); k <= Math.max(F.row, m.row); k++)
+            b.push(Pt($, k));
       } else
-        c.push(Xe(k.col, k.row));
+        b.push(Pt(F.col, F.row));
   }
-  return c;
+  return b;
 }
-function Fn(u, f, s, c, r) {
-  const m = s[Xe(u, f)];
-  if (!m)
+function zi(a, p, c, b, i) {
+  const B = c[Pt(a, p)];
+  if (!B)
     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 = B.value;
+  if (!F.startsWith("="))
+    return F;
+  const m = Zo(Pt(a, p), c, b, i);
+  return isNaN(m) ? "#ERROR" : String(m);
 }
-function On(u, f, s, c, r, m) {
-  return f === 0 && s === 0 ? u : u.replace(
+function Hi(a, p, c, b, i, B) {
+  return p === 0 && c === 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, m, $, k, y) => {
+      const A = m ? io($) : io($) + p, K = k ? parseInt(y, 10) - 1 : parseInt(y, 10) - 1 + c;
+      let L;
+      A < 0 ? L = "A" : A >= b ? L = B(b - 1) : L = B(A);
+      let G;
+      return K < 0 ? G = "1" : K >= i ? G = String(i) : G = String(K + 1), (m || "") + L + (k || "") + G;
     }
   );
 }
-class Xn {
+class Ii {
   constructor() {
     this.deps = /* @__PURE__ */ new Map(), this.rev = /* @__PURE__ */ new Map(), this.dirty = /* @__PURE__ */ new Set();
   }
-  clear(f) {
-    var c;
-    const s = this.deps.get(f);
-    if (s) {
-      for (const r of s)
-        (c = this.rev.get(r)) == null || c.delete(f);
-      this.deps.delete(f);
+  clear(p) {
+    var b;
+    const c = this.deps.get(p);
+    if (c) {
+      for (const i of c)
+        (b = this.rev.get(i)) == null || b.delete(p);
+      this.deps.delete(p);
     }
   }
-  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(p, c) {
+    if (this.clear(p), c.length !== 0) {
+      this.deps.set(p, c);
+      for (const b of c)
+        this.rev.has(b) || this.rev.set(b, /* @__PURE__ */ new Set()), this.rev.get(b).add(p);
     }
   }
-  markDirty(f) {
-    const s = [f];
-    for (; s.length > 0; ) {
-      const c = s.pop(), r = this.rev.get(c);
-      if (r)
-        for (const m of r)
-          this.dirty.has(m) || (this.dirty.add(m), s.push(m));
+  markDirty(p) {
+    const c = [p];
+    for (; c.length > 0; ) {
+      const b = c.pop(), i = this.rev.get(b);
+      if (i)
+        for (const B of i)
+          this.dirty.has(B) || (this.dirty.add(B), c.push(B));
     }
   }
   getDirtyAndClear() {
-    const f = this.dirty;
-    return this.dirty = /* @__PURE__ */ new Set(), f;
+    const p = this.dirty;
+    return this.dirty = /* @__PURE__ */ new Set(), p;
   }
   /** 从 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(p, c, b) {
+    this.deps.clear(), this.rev.clear(), this.dirty.clear(), Wt.clear();
+    for (const [i, B] of Object.entries(p))
+      if (B.value.startsWith("=")) {
+        const F = Jo(B.value.slice(1), c, b);
+        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 Wi(a, p, c, b) {
+  const i = {}, B = b(p), F = b(c);
+  return B != null && (i.width = `${B}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 Ni = { class: "formula-bar" }, Gi = { class: "formula-bar__cell-label" }, Pi = ["value"], Ki = ["value"], Vi = ["title"], Ui = ["title"], Yi = ["title"], Xi = ["title"], _i = {
   key: 2,
   class: "sb-corner"
-}, no = ["onClick", "onMouseenter"], oo = { class: "context-menu__label" }, ao = {
+}, ji = ["onClick", "onMouseenter"], qi = { class: "context-menu__label" }, Zi = {
   key: 0,
   class: "context-menu__arrow"
-}, ro = ["onClick"], uo = /* @__PURE__ */ kn({
+}, Ji = ["onClick"], Qi = { class: "dim-panel__title" }, es = { class: "dim-panel__body" }, ts = ["value"], ls = {
+  key: 0,
+  class: "dim-panel__error"
+}, os = { class: "dim-panel__footer" }, ns = "\0", qo = "#444", as = /* @__PURE__ */ Kt({
   __name: "spreader",
-  props: /* @__PURE__ */ _n({
+  props: /* @__PURE__ */ Qa({
     rowCount: { default: 200 },
     colCount: { default: 26 },
     width: {},
@@ -353,173 +1913,548 @@ 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 p = a, c = E(() => p.locale === "zh-CN" ? "zh-CN" : "en-US"), b = p.colCount, i = p.rowCount, B = Ja(a, "data");
+    let F = "";
+    const m = Yo({}), $ = new Ii(), k = T(null), y = T({ col: 0, row: 0 }), A = T(null), K = T(""), L = T(new Array(b).fill(It)), G = T(new Array(i).fill(void 0)), S = T(0), O = T(0), Y = (Xo - dt) / 2, ee = /* @__PURE__ */ new Map();
+    let te = null;
+    function Xe(e, t, l, n) {
+      const o = `${n} ${l} ${t}px ${e}`, r = ee.get(o);
+      if (r)
+        return r;
+      te || (te = document.createElement("canvas"));
+      const s = te.getContext("2d");
+      if (!s)
+        return { ascent: t * 0.8, descent: t * 0.2 };
+      s.font = o;
+      const f = s.measureText("M"), h = f.actualBoundingBoxAscent, R = f.actualBoundingBoxDescent, fe = h || t * 0.8, de = R || t * 0.2, ve = Math.max(fe, t * 0.5), J = Math.max(de, t * 0.15), pe = { ascent: ve, descent: J };
+      return ee.set(o, pe), pe;
+    }
+    function se(e, t, l, n) {
+      if (!t)
+        return [""];
+      const o = t.split(`
+`), r = [];
+      for (const s of o)
+        if (!n || l <= 0)
+          r.push(s);
+        else {
+          let f = "";
+          for (let h = 0; h < s.length; h++) {
+            const R = s[h], fe = f + R;
+            e.measureText(fe).width > l && f ? (r.push(f), f = R) : f = fe;
+          }
+          r.push(f);
+        }
+      return r;
+    }
+    function _e(e, t) {
+      var n;
+      const l = (n = m[D(e, t)]) == null ? void 0 : n.style;
+      return typeof (l == null ? void 0 : l.fontSize) == "number" && l.fontSize > 0 ? l.fontSize : dt;
+    }
+    const De = E(() => {
       const e = [0];
-      for (let t = 0; t < c; t++)
-        e.push(e[t] + H.value[t]);
+      for (let t = 0; t < b; t++)
+        e.push(e[t] + L.value[t]);
       return e;
-    }), pe = I(() => {
+    });
+    function je(e) {
+      var fe;
+      const t = G.value[e];
+      if (t != null && t > 0)
+        return t;
+      let l = dt, n = l * 0.8, o = l * 0.2, r = 1;
+      const s = te ? te.getContext("2d") : null;
+      for (let de = 0; de < b; de++) {
+        const ve = _e(de, e), J = (fe = m[D(de, e)]) == null ? void 0 : fe.style, pe = typeof (J == null ? void 0 : J.fontFamily) == "string" && J.fontFamily ? J.fontFamily : no, Ne = (J == null ? void 0 : J.fontWeight) === "bold" ? "bold" : "normal", ut = (J == null ? void 0 : J.fontStyle) === "italic" ? "italic" : "normal", Ae = Ct(de, e);
+        if (Ae && s) {
+          s.font = `${ut} ${Ne} ${ve}px ${pe}`;
+          const Ge = Ae.split(`
+`)[0] || Ae, ct = s.measureText(Ge), we = ct.actualBoundingBoxAscent, qe = ct.actualBoundingBoxDescent, gt = we || ve * 0.8, Pe = qe || ve * 0.2, Ke = Math.max(gt, ve * 0.5), M = Math.max(Pe, ve * 0.15);
+          Ke > n && (n = Ke), M > o && (o = M), ve > l && (l = ve);
+          const X = (J == null ? void 0 : J.wrap) === "wrap";
+          let U;
+          if (X) {
+            const be = L.value[de];
+            U = se(s, Ae, Math.max(0, be - 10), !0).length, U > r && (r = U);
+          } else
+            U = Ae.split(`
+`).length, U > r && (r = U);
+        } else if (ve > l) {
+          l = ve;
+          const Ge = Xe(pe, ve, Ne, ut);
+          Ge.ascent > n && (n = Ge.ascent), Ge.descent > o && (o = Ge.descent);
+        }
+      }
+      const f = l, h = Y * 2 + r * f;
+      return Math.min(tl, Math.max(Xo, Math.round(h)));
+    }
+    const H = E(() => {
       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] + je(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)
+    }), le = E(() => De.value[b]), u = E(() => H.value[i]);
+    function w(e, t) {
+      y.value = { col: e, row: t }, k.value = { startCol: e, startRow: t, endCol: e, endRow: t };
+    }
+    function ue(e, t, l, n) {
+      y.value = { col: e, row: t }, k.value = {
+        startCol: Math.min(e, l),
+        startRow: Math.min(t, n),
+        endCol: Math.max(e, l),
+        endRow: Math.max(t, n)
       };
     }
-    function mt() {
-      te(0, 0, c - 1, r - 1);
+    function V() {
+      ue(0, 0, b - 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 P(e, t) {
+      const l = k.value;
+      return l ? e >= l.startCol && e <= l.endCol && t >= l.startRow && t <= l.endRow : !1;
     }
-    function L(e, t) {
+    function D(e, t) {
       return `${e},${t}`;
     }
-    function X(e) {
-      Reflect.deleteProperty(b, e);
+    function j(e) {
+      Reflect.deleteProperty(m, e);
     }
-    function Re(e, t) {
-      var n;
-      return ((n = b[L(e, t)]) == null ? void 0 : n.value) ?? "";
+    function oe(e, t) {
+      var l;
+      return ((l = m[D(e, t)]) == null ? void 0 : l.value) ?? "";
     }
-    function Cl(e, t) {
-      return yl(), Fn(e, t, b, c, r);
+    function Ct(e, t) {
+      return jo(), zi(e, t, m, b, i);
     }
-    function Me(e, t, n) {
-      var d;
-      const l = L(e, t);
-      if (yl(), n === "" || n == null) {
-        Y.clear(l), X(l), Y.markDirty(l);
+    function nt(e, t, l) {
+      var s;
+      const n = D(e, t);
+      if (jo(), l === "" || l == null) {
+        $.clear(n), j(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);
+      const o = String(l), r = ((s = m[n]) == null ? void 0 : s.style) ?? null;
+      m[n] = { value: o, style: r }, o.startsWith("=") ? $.set(n, Jo(o.slice(1), b, i)) : $.clear(n), $.markDirty(n);
     }
-    function zt(e, t, n, l) {
+    function uo(e, t, l, n) {
       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);
+        for (let r = l; r <= n; r++) {
+          const s = D(o, r);
+          $.clear(s), j(s), $.markDirty(s);
         }
     }
-    function ve(e) {
-      R.value || (R.value = { ...h.value }, O.value = e ?? Re(h.value.col, h.value.row));
+    function at(e) {
+      A.value || (A.value = { ...y.value }, K.value = e ?? oe(y.value.col, y.value.row));
     }
-    function be() {
-      R.value && (Me(R.value.col, R.value.row, O.value), R.value = null, O.value = "");
+    function rt() {
+      A.value && (q(), nt(A.value.col, A.value.row, K.value), A.value = null, K.value = "");
     }
-    function me() {
-      R.value = null, O.value = "";
+    function vt() {
+      A.value = null, K.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 et(e, t) {
+      w(
+        Math.max(0, Math.min(b - 1, y.value.col + e)),
+        Math.max(0, Math.min(i - 1, y.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 ce(e, t) {
+      const l = Math.max(0, ge.w - W - Oe), n = Math.max(0, ge.h - N - Oe), o = De.value[e], r = H.value[t], s = L.value[e], f = je(t);
+      let h = S.value, R = O.value;
+      o < h ? h = o : o + s > h + l && (h = o + s - l), r < R ? R = r : r + f > R + n && (R = r + f - n), Ce(h, R);
     }
-    function le(e) {
-      const t = he.value;
-      if (e < 0 || e >= t[c])
+    function $e(e) {
+      const t = De.value;
+      if (e < 0 || e >= t[b])
         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 l = 0, n = b - 1;
+      for (; l < n; ) {
+        const o = l + n + 1 >> 1;
+        t[o] <= e ? l = o : n = o - 1;
       }
-      return n;
+      return l;
     }
-    function ne(e) {
-      const t = pe.value;
-      if (e < 0 || e >= t[r])
+    function ze(e) {
+      const t = H.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 l = 0, n = i - 1;
+      for (; l < n; ) {
+        const o = l + n + 1 >> 1;
+        t[o] <= e ? l = o : n = o - 1;
       }
-      return n;
+      return l;
     }
-    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] };
+    const tt = T([]), Ut = T([]);
+    function co(e) {
+      const t = {};
+      for (const [l, n] of Object.entries(e))
+        t[l] = { value: n.value, style: n.style };
+      return t;
     }
-    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 Ll() {
+      return xt(), {
+        sheets: Z.value.map((e) => ({
+          id: e.id,
+          name: e.name,
+          cells: co(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: Se.value
+      };
     }
-    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 vo(e) {
+      Z.value = e.sheets.map((t) => ({ ...t, cells: co(t.cells) })), st(Math.max(0, Math.min(e.activeSheetIndex, Z.value.length - 1))), $.rebuild(m, b, i);
     }
-    function Sl() {
-      de.value.length && (qe.value.push(gt()), Vt(de.value.pop()), g.value = null, v());
+    function q() {
+      const e = Ll(), t = tt.value[tt.value.length - 1];
+      t && JSON.stringify(t) === JSON.stringify(e) || (tt.value.push(e), Ut.value = [], tt.value.length > er && tt.value.shift());
     }
-    function kl() {
-      qe.value.length && (de.value.push(gt()), Vt(qe.value.pop()), g.value = null, v());
+    function fo() {
+      tt.value.length && (Ut.value.push(Ll()), vo(tt.value.pop()), g(), re(Q));
     }
-    let Jt = null;
-    function Ge() {
-      const e = g.value;
+    function bo() {
+      Ut.value.length && (tt.value.push(Ll()), vo(Ut.value.pop()), g(), re(Q));
+    }
+    const Qo = E(() => tt.value.length > 0), en = E(() => Ut.value.length > 0), tn = E(() => !!k.value), ft = T(null);
+    function ln() {
+      var l;
+      const e = k.value;
       if (!e)
         return;
-      Jt = { ...e };
+      const t = {};
+      for (let n = e.startCol; n <= e.endCol; n++)
+        for (let o = e.startRow; o <= e.endRow; o++)
+          t[`${n - e.startCol},${o - e.startRow}`] = ((l = m[D(n, o)]) == null ? void 0 : l.style) ?? null;
+      ft.value = { styles: t };
+    }
+    function on() {
+      var l;
+      const e = ft.value, t = k.value;
+      if (!(!e || !t)) {
+        q();
+        for (let n = t.startCol; n <= t.endCol; n++)
+          for (let o = t.startRow; o <= t.endRow; o++) {
+            const r = e.styles[`${n - t.startCol},${o - t.startRow}`] ?? null, s = D(n, o), f = ((l = m[s]) == null ? void 0 : l.value) ?? "";
+            f === "" && r === null ? j(s) : m[s] = { value: f, style: r };
+          }
+        ft.value = null, g(), Q();
+      }
+    }
+    function nn() {
+      var t;
+      const e = k.value;
+      if (e) {
+        q();
+        for (let l = e.startCol; l <= e.endCol; l++)
+          for (let n = e.startRow; n <= e.endRow; n++) {
+            const o = D(l, n), r = ((t = m[o]) == null ? void 0 : t.value) ?? "";
+            r === "" ? j(o) : m[o] = { value: r, style: null };
+          }
+        g(), Q();
+      }
+    }
+    const an = E(
+      () => lr.map((e) => ({ ...e, label: e.value === "" ? C(c.value, "fontDefault") : e.label }))
+    ), rn = E(
+      () => or.map((e) => ({ ...e, label: String(e.value) }))
+    ), sn = E(() => {
+      var n;
+      const e = k.value;
+      if (!e)
+        return "";
+      let t, l = !1;
+      for (let o = e.startCol; o <= e.endCol && !l; o++)
+        for (let r = e.startRow; r <= e.endRow && !l; r++) {
+          const s = (n = m[D(o, r)]) == null ? void 0 : n.style, f = typeof (s == null ? void 0 : s.fontFamily) == "string" ? s.fontFamily : "";
+          t === void 0 ? t = f : f !== t && (l = !0);
+        }
+      return l ? ns : t ?? "";
+    }), Te = E(() => {
+      const e = k.value;
+      if (!e)
+        return dt;
+      let t, l = !1;
+      for (let n = e.startCol; n <= e.endCol && !l; n++)
+        for (let o = e.startRow; o <= e.endRow && !l; o++) {
+          const r = _e(n, o);
+          t === void 0 ? t = r : r !== t && (l = !0);
+        }
+      return l ? 0 : t ?? dt;
+    });
+    function me(e, t) {
+      var n, o;
+      const l = k.value;
+      if (l) {
+        q();
+        for (let r = l.startCol; r <= l.endCol; r++)
+          for (let s = l.startRow; s <= l.endRow; s++) {
+            const f = D(r, s), h = ((n = m[f]) == null ? void 0 : n.value) ?? "", R = (o = m[f]) != null && o.style ? { ...m[f].style } : {};
+            t === "" || t === null || t === void 0 || t === 0 ? delete R[e] : R[e] = t;
+            const fe = Object.keys(R).length ? R : null;
+            h === "" && fe === null ? j(f) : m[f] = { value: h, style: fe };
+          }
+        g(), Q();
+      }
+    }
+    function un(e) {
+      me("fontFamily", e === "" ? "" : e);
+    }
+    function cn(e) {
+      me("fontSize", e), bt.value = !1;
+    }
+    const dn = E(
+      () => cr.map((e) => ({ label: C(c.value, e.labelKey), value: e.value, icon: e.icon }))
+    ), vn = E(
+      () => dr.map((e) => ({ label: C(c.value, e.labelKey), value: e.value, icon: e.icon }))
+    ), fn = E(() => {
+      var n;
+      const e = k.value;
+      if (!e)
+        return "left";
+      const t = (n = m[D(e.startCol, e.startRow)]) == null ? void 0 : n.style, l = typeof (t == null ? void 0 : t.textAlign) == "string" ? t.textAlign : "";
+      return l === "center" || l === "right" ? l : "left";
+    }), bn = E(() => {
+      var n;
+      const e = k.value;
+      if (!e)
+        return "top";
+      const t = (n = m[D(e.startCol, e.startRow)]) == null ? void 0 : n.style, l = typeof (t == null ? void 0 : t.verticalAlign) == "string" ? t.verticalAlign : "";
+      return l === "middle" || l === "bottom" ? l : "top";
+    }), ho = E(() => {
+      var l;
+      const e = k.value;
+      if (!e)
+        return !1;
+      const t = (l = m[D(e.startCol, e.startRow)]) == null ? void 0 : l.style;
+      return (t == null ? void 0 : t.wrap) === "wrap";
+    });
+    function hn(e) {
+      me("textAlign", e);
+    }
+    function mn(e) {
+      me("verticalAlign", e);
+    }
+    function pn() {
+      if (!k.value)
+        return;
+      const t = ho.value;
+      me("wrap", t ? void 0 : "wrap");
+    }
+    const it = T(""), bt = T(!1);
+    Je(Te, (e) => {
+      it.value = e === 0 ? "" : String(e);
+    }, { immediate: !0 });
+    function gn(e) {
+      const t = e.replace(/[^\d]/g, "");
+      it.value = t;
+      const l = parseInt(t, 10);
+      !isNaN(l) && l >= 5 && l <= 72 && l !== Te.value && me("fontSize", l);
+    }
+    function yn() {
+      const e = it.value.trim();
+      if (!e) {
+        it.value = Te.value === 0 ? "" : String(Te.value);
+        return;
+      }
+      let t = parseInt(e, 10);
+      isNaN(t) ? t = Te.value === 0 ? dt : Te.value : t = Math.max(5, Math.min(72, t)), it.value = String(t), t !== Te.value && me("fontSize", t);
+    }
+    function wn(e) {
+      e.key === "Enter" && e.target.blur();
+    }
+    function kn(e) {
+      bt.value = !bt.value;
+    }
+    function Cn() {
+      const e = Te.value === 0 ? dt : Te.value, t = Math.min(72, e + 1);
+      me("fontSize", t), it.value = String(t), bt.value = !1;
+    }
+    function xn() {
+      const e = Te.value === 0 ? dt : Te.value, t = Math.max(5, e - 1);
+      me("fontSize", t), it.value = String(t), bt.value = !1;
+    }
+    function ol(e) {
+      var o;
+      const t = k.value;
+      if (!t)
+        return !1;
+      let l, n = !1;
+      for (let r = t.startCol; r <= t.endCol && !n; r++)
+        for (let s = t.startRow; s <= t.endRow && !n; s++) {
+          const f = (o = m[D(r, s)]) == null ? void 0 : o.style, h = !!(f != null && f[e]);
+          l === void 0 ? l = h : h !== l && (n = !0);
+        }
+      return !n && l === !0;
+    }
+    const mo = E(() => ol("fontWeight")), po = E(() => ol("fontStyle")), go = E(() => ol("underline")), yo = E(() => ol("strikethrough"));
+    function Bn() {
+      me("fontWeight", mo.value ? "" : "bold");
+    }
+    function Sn() {
+      me("fontStyle", po.value ? "" : "italic");
+    }
+    function Mn() {
+      me("underline", go.value ? "" : "underline");
+    }
+    function Rn() {
+      me("strikethrough", yo.value ? "" : "line-through");
+    }
+    const nl = T(""), al = T(""), $l = T(!1), zl = T(!1);
+    function Dn(e) {
+      wo.value = e, e && ($l.value = !1, zl.value = !1);
+    }
+    function Tn(e) {
+      nl.value = e, me("color", e === "" ? "" : e);
+    }
+    function Fn(e) {
+      al.value = e, me("backgroundColor", e === "" ? "" : e);
+    }
+    function An() {
+      me("color", nl.value === "" ? "" : nl.value);
+    }
+    function En() {
+      me("backgroundColor", al.value === "" ? "" : al.value);
+    }
+    const On = E(() => {
+      var n;
+      const e = k.value;
+      if (!e)
+        return "";
+      let t, l = !1;
+      for (let o = e.startCol; o <= e.endCol && !l; o++)
+        for (let r = e.startRow; r <= e.endRow && !l; r++) {
+          const s = (n = m[D(o, r)]) == null ? void 0 : n.style, f = typeof (s == null ? void 0 : s.color) == "string" ? s.color : "";
+          t === void 0 ? t = f : f !== t && (l = !0);
+        }
+      return l ? "" : t ?? "";
+    }), Ln = E(() => {
+      var n;
+      const e = k.value;
+      if (!e)
+        return "";
+      let t, l = !1;
+      for (let o = e.startCol; o <= e.endCol && !l; o++)
+        for (let r = e.startRow; r <= e.endRow && !l; r++) {
+          const s = (n = m[D(o, r)]) == null ? void 0 : n.style, f = typeof (s == null ? void 0 : s.backgroundColor) == "string" ? s.backgroundColor : "";
+          t === void 0 ? t = f : f !== t && (l = !0);
+        }
+      return l ? "" : t ?? "";
+    }), Hl = T("none"), wo = T(!1);
+    function $n(e, t, l, n) {
+      const o = l === n.startRow, r = l === n.endRow, s = t === n.startCol, f = t === n.endCol, h = { top: 0, bottom: 0, left: 0, right: 0 };
+      switch (e) {
+        case "none":
+          return h;
+        case "bottom":
+          r && (h.bottom = 1);
+          break;
+        case "top":
+          o && (h.top = 1);
+          break;
+        case "left":
+          s && (h.left = 1);
+          break;
+        case "right":
+          f && (h.right = 1);
+          break;
+        case "all":
+          h.top = 1, h.bottom = 1, h.left = 1, h.right = 1;
+          break;
+        case "outer":
+          o && (h.top = 1), r && (h.bottom = 1), s && (h.left = 1), f && (h.right = 1);
+          break;
+        case "thickOuter":
+          o && (h.top = 2), r && (h.bottom = 2), s && (h.left = 2), f && (h.right = 2);
+          break;
+      }
+      return h;
+    }
+    function ko(e) {
+      Hl.value = e;
+      const t = k.value;
+      if (t) {
+        if (q(), e === "none")
+          for (let l = t.startCol; l <= t.endCol; l++)
+            for (let n = t.startRow; n <= t.endRow; n++)
+              Co(l, n, { top: 0, bottom: 0, left: 0, right: 0 }, !0);
+        else
+          for (let l = t.startCol; l <= t.endCol; l++)
+            for (let n = t.startRow; n <= t.endRow; n++) {
+              const o = $n(e, l, n, t);
+              Co(l, n, o, !1);
+            }
+        g(), Q();
+      }
+    }
+    function Co(e, t, l, n = !0) {
+      var de, ve;
+      const o = D(e, t), r = ((de = m[o]) == null ? void 0 : de.value) ?? "", s = (ve = m[o]) != null && ve.style ? { ...m[o].style } : {}, f = ["Top", "Bottom", "Left", "Right"], h = [l.top, l.bottom, l.left, l.right];
+      for (let J = 0; J < 4; J++) {
+        const pe = `border${f[J]}Width`;
+        h[J] === 0 ? n && delete s[pe] : (s[pe] = h[J], s.borderColor = qo);
+      }
+      f.some((J) => s[`border${J}Width`] !== void 0) || delete s.borderColor;
+      const fe = Object.keys(s).length ? s : null;
+      r === "" && fe === null ? j(o) : m[o] = { value: r, style: fe };
+    }
+    function zn() {
+      ko(Hl.value);
+    }
+    function xo(e, t, l) {
+      var o;
+      const n = (o = m[D(e, t)]) == null ? void 0 : o.style;
+      return (n == null ? void 0 : n[`border${l}Width`]) || 0;
+    }
+    let Bo = null;
+    function rl() {
+      const e = k.value;
+      if (!e)
+        return;
+      Bo = { ...e };
       const t = [];
-      for (let n = e.startRow; n <= e.endRow; n++) {
-        const l = [];
+      for (let l = e.startRow; l <= e.endRow; l++) {
+        const n = [];
         for (let o = e.startCol; o <= e.endCol; o++)
-          l.push(Re(o, n));
-        t.push(l.join("	"));
+          n.push(oe(o, l));
+        t.push(n.join("	"));
       }
-      jt(t.join(`
+      ro(t.join(`
 `));
     }
-    function Qe() {
-      const e = g.value;
+    function il() {
+      const e = k.value;
       if (e) {
-        if (e.startCol === 0 && e.endCol === c - 1) {
+        if (e.startCol === 0 && e.endCol === b - 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 l = e.startRow; l <= e.endRow; l++) {
+            const n = [];
+            for (let o = 0; o < b; o++)
+              n.push(oe(o, l));
+            t.push(n.join("	"));
           }
-          jt(t.join(`
+          ro(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 l = 0; l < i; l++) {
+            const n = [];
             for (let o = e.startCol; o <= e.endCol; o++)
-              l.push(Re(o, n));
-            t.push(l.join("	"));
+              n.push(oe(o, l));
+            t.push(n.join("	"));
           }
-          jt(t.join(`
+          ro(t.join(`
 `));
         }
       }
     }
-    async function Ye() {
+    async function Yt() {
       let e = "";
       try {
         e = await navigator.clipboard.readText();
@@ -528,186 +2463,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;
+      const t = e.split(/\r?\n/), l = y.value, n = Bo;
       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 r = t[o].split("	");
+        for (let s = 0; s < r.length; s++) {
+          const f = l.col + s, h = l.row + o;
+          if (f < b && h < i) {
+            let R = r[s];
+            R.startsWith("=") && n && (R = Hi(
+              R,
+              f - (n.startCol + s),
+              h - (n.startRow + o),
+              b,
+              i,
+              Ue
+            )), nt(f, h, R);
           }
         }
       }
     }
-    function wt() {
-      if (Ge(), g.value) {
-        const e = g.value;
-        zt(e.startCol, e.endCol, e.startRow, e.endRow), v();
+    function Il() {
+      if (rl(), k.value) {
+        const e = k.value;
+        uo(e.startCol, e.endCol, e.startRow, e.endRow), g();
       }
     }
-    function yt() {
-      if (g.value) {
-        const e = g.value;
-        zt(e.startCol, e.endCol, e.startRow, e.endRow), v();
+    function Wl() {
+      if (k.value) {
+        const e = k.value;
+        uo(e.startCol, e.endCol, e.startRow, e.endRow), g();
       }
     }
-    function Rl() {
-      const e = g.value;
+    function Hn() {
+      const e = k.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})`);
+      q();
+      const t = e.startCol, l = e.startRow, n = e.endCol, o = e.endRow;
+      if (l === o)
+        if (n + 1 < b) {
+          const r = `${Ue(t)}${l + 1}:${Ue(n)}${l + 1}`;
+          nt(n + 1, l, `=SUM(${r})`);
         } else {
-          const a = `${ce(t)}${n + 1}:${ce(l - 1)}${n + 1}`;
-          Me(l, n, `=SUM(${a})`);
+          const r = `${Ue(t)}${l + 1}:${Ue(n - 1)}${l + 1}`;
+          nt(n, l, `=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 (o + 1 < i) {
+            const s = `${Ue(r)}${l + 1}:${Ue(r)}${o + 1}`;
+            nt(r, o + 1, `=SUM(${s})`);
           } else {
-            const d = `${ce(a)}${n + 1}:${ce(a)}${o}`;
-            Me(a, o, `=SUM(${d})`);
+            const s = `${Ue(r)}${l + 1}:${Ue(r)}${o}`;
+            nt(r, o, `=SUM(${s})`);
           }
-      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);
+      g(), Q();
+    }
+    function In(e, t) {
+      const l = t - e + 1;
+      for (let n = e; n <= t; n++)
+        for (let o = 0; o < b; o++)
+          j(D(o, n));
+      for (let n = e; n < i - l; n++) {
+        for (let o = 0; o < b; o++) {
+          const r = D(o, n + l), s = D(o, n);
+          m[r] ? (m[s] = m[r], j(r)) : j(s);
         }
-        E.value[l] = E.value[l + n];
+        G.value[n] = G.value[n + l];
       }
-      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 - l; n < i; n++) {
+        for (let o = 0; o < b; o++)
+          j(D(o, n));
+        G.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 Wn(e, t) {
+      const l = t - e + 1;
+      if (!(t >= i - 1)) {
+        for (let n = i - 1; n > t; n--) {
+          for (let o = 0; o < b; o++) {
+            const r = D(o, n - l), s = D(o, n);
+            m[r] ? m[s] = m[r] : j(s);
           }
-          E.value[l] = E.value[l - n];
+          G.value[n] = G.value[n - l];
         }
-        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 + l; n++) {
+          for (let o = 0; o < b; o++)
+            j(D(o, n));
+          G.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 Nn(e, t) {
+      const l = t - e + 1;
+      if (!(t >= b - 1)) {
+        for (let n = b - 1; n > t; n--) {
+          for (let o = 0; o < i; o++) {
+            const r = D(n - l, o), s = D(n, o);
+            m[r] ? m[s] = m[r] : j(s);
           }
-          H.value[l] = H.value[l - n];
+          L.value[n] = L.value[n - l];
         }
-        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 + l; n++) {
+          for (let o = 0; o < i; o++)
+            j(D(n, o));
+          L.value[n] = It;
         }
       }
     }
-    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 Gn(e, t) {
+      const l = t - e + 1;
+      for (let n = e; n <= t; n++)
+        for (let o = 0; o < i; o++)
+          j(D(n, o));
+      for (let n = e; n < b - l; n++) {
+        for (let o = 0; o < i; o++) {
+          const r = D(n + l, o), s = D(n, o);
+          m[r] ? (m[s] = m[r], j(r)) : j(s);
         }
-        H.value[l] = H.value[l + n];
+        L.value[n] = L.value[n + l];
       }
-      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 = b - l; n < b; n++) {
+        for (let o = 0; o < i; o++)
+          j(D(n, o));
+        L.value[n] = It;
       }
     }
-    let Zt = 0;
-    function qt() {
-      return Zt++, `s_${Zt}`;
+    let So = 0;
+    function Mo() {
+      return So++, `s_${So}`;
     }
-    function et(e) {
+    function sl(e) {
       return {
-        id: qt(),
+        id: Mo(),
         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(b).fill(It),
+        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 Z = T([sl("Sheet1")]), Se = T(0);
+    function xt() {
+      const e = Z.value[Se.value];
+      e && (e.cells = { ...m }, e.selection = k.value ? { ...k.value } : null, e.activeCell = { ...y.value }, e.scrollX = S.value, e.scrollY = O.value, e.colWidths = [...L.value], e.rowHeights = [...G.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 st(e) {
+      const t = Z.value[e];
+      t && (Object.keys(m).forEach((l) => j(l)), Object.assign(m, t.cells), k.value = t.selection ? { ...t.selection } : null, y.value = { ...t.activeCell }, S.value = t.scrollX, O.value = t.scrollY, L.value = [...t.colWidths], G.value = [...t.rowHeights], Se.value = e);
     }
-    function _l(e) {
-      e === Z.value || e < 0 || e >= D.value.length || (me(), Ue(), ge(e));
+    function Pn(e) {
+      e === Se.value || e < 0 || e >= Z.value.length || (vt(), xt(), st(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 Nl(e) {
+      return q(), vt(), xt(), Z.value.push(sl(`Sheet${Z.value.length + 1}`)), st(Z.value.length - 1), Z.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 Kn(e) {
+      return Z.value.length <= 1 || (q(), vt(), Z.value.splice(e, 1), st(Math.min(e, Z.value.length - 1))), Se.value;
     }
-    function $l(e, t) {
-      D.value[e] && t.trim() && (D.value[e].name = t.trim());
+    function Vn(e, t) {
+      Z.value[e] && t.trim() && (q(), Z.value[e].name = t.trim());
     }
-    function Il(e) {
-      me(), Ue();
-      const t = D.value[e];
+    function Un(e) {
+      q(), vt(), xt();
+      const t = Z.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 l = t.name;
+      const n = l.match(/^(.*?)\s*\((\d+)\)$/);
+      let o = n ? parseInt(n[2], 10) + 1 : 2;
+      n && (l = n[1]);
+      let r = `${l} (${o})`;
+      const s = new Set(Z.value.map((h) => h.name));
+      for (; s.has(r); )
+        o++, r = `${l} (${o})`;
+      const f = {
+        id: Mo(),
+        name: r,
         cells: { ...t.cells },
         selection: t.selection ? { ...t.selection } : null,
         activeCell: t.activeCell ? { ...t.activeCell } : { col: 0, row: 0 },
@@ -716,466 +2651,638 @@ 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 Z.value.splice(e + 1, 0, f), st(e + 1), e + 1;
     }
-    function Gt(e, t) {
-      const n = e + t;
-      if (n < 0 || n >= D.value.length)
+    function Ro(e, t) {
+      const l = e + t;
+      if (l < 0 || l >= Z.value.length)
         return;
-      const l = Z.value, o = D.value.splice(e, 1)[0];
-      D.value.splice(n, 0, o), l === e ? Z.value = n : e < l && n >= l ? Z.value = l - 1 : e > l && n <= l && (Z.value = l + 1), v();
-    }
-    const Wl = I(() => D.value.length);
-    function A() {
-      Ue();
-      const e = D.value.map((n) => {
-        const l = {};
-        for (const [p, B] of Object.entries(n.cells))
-          l[p] = { value: B.value }, B.style && (l[p].style = B.style);
-        const o = { name: n.name, cells: l }, a = {};
-        for (let p = 0; p < n.colWidths.length; p++)
-          n.colWidths[p] !== 100 && (a[p] = n.colWidths[p]);
-        Object.keys(a).length && (o.colWidths = a);
-        const d = {};
-        for (let p = 0; p < n.rowHeights.length; p++)
-          n.rowHeights[p] !== 24 && (d[p] = n.rowHeights[p]);
-        return Object.keys(d).length && (o.rowHeights = d), o;
+      q();
+      const n = Se.value, o = Z.value.splice(e, 1)[0];
+      Z.value.splice(l, 0, o), n === e ? Se.value = l : e < n && l >= n ? Se.value = n - 1 : e > n && l <= n && (Se.value = n + 1), g();
+    }
+    const Yn = E(() => Z.value.length);
+    function Q() {
+      xt();
+      const e = Z.value.map((l) => {
+        const n = {};
+        for (const [f, h] of Object.entries(l.cells))
+          n[f] = { value: h.value }, h.style && (n[f].style = h.style);
+        const o = { name: l.name, cells: n }, r = {};
+        for (let f = 0; f < l.colWidths.length; f++)
+          l.colWidths[f] !== 100 && (r[f] = l.colWidths[f]);
+        Object.keys(r).length && (o.colWidths = r);
+        const s = {};
+        for (let f = 0; f < l.rowHeights.length; f++) {
+          const h = l.rowHeights[f];
+          h != null && (s[f] = h);
+        }
+        return Object.keys(s).length && (o.rowHeights = s), o;
       }), t = JSON.stringify(e);
-      t !== k && (k = t, m.value = e);
+      t !== F && (F = t, B.value = e);
     }
-    let xt = !1;
-    function Qt() {
-      xt || (xt = !0, Promise.resolve().then(() => {
-        xt = !1, A();
+    let Gl = !1;
+    function Do() {
+      Gl || (Gl = !0, Promise.resolve().then(() => {
+        Gl = !1, Q();
       }));
     }
-    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 To = E(() => p.theme === "dark" ? fr : vr), Xn = E(() => Wi(To.value, p.width, p.height, wt)), ht = T(null), He = T(null), ul = T(null), Pl = T(null), ge = Yo({ w: 800, h: 600 }), Bt = E(() => Math.max(0, le.value - Math.max(0, ge.w - W - Oe))), St = E(() => Math.max(0, u.value - Math.max(0, ge.h - N - Oe)));
+    function Ce(e, t) {
+      const l = Math.max(0, ge.w - W - Oe), n = Math.max(0, ge.h - N - Oe);
+      S.value = Math.max(0, Math.min(e ?? S.value, Math.max(0, le.value - l))), O.value = Math.max(0, Math.min(t ?? O.value, Math.max(0, u.value - n)));
     }
-    function Nl() {
+    function _n() {
       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 Me(e = !1) {
+      re(() => {
+        const t = ul.value;
         if (t) {
-          if (!R.value && !Nl()) {
+          if (!A.value && !_n()) {
             document.activeElement === t && t.blur();
             return;
           }
-          t.focus(), e && t.select();
+          t.focus({ preventScroll: !0 }), e && t.select();
         }
       });
     }
-    function Ll() {
-      V();
+    function jn() {
+      Me();
     }
-    let kt = !1, i = null, je = 1;
-    function v() {
-      kt || (kt = !0, requestAnimationFrame(() => {
-        kt = !1, Fl();
+    let Kl = !1, v = null, Xt = 1;
+    function g() {
+      Kl || (Kl = !0, requestAnimationFrame(() => {
+        Kl = !1, qn();
       }));
     }
-    function Fl() {
-      const e = oe.value;
+    function qn() {
+      var gt, Pe, Ke;
+      const e = He.value;
       if (!e)
         return;
-      const t = we.value;
-      if (!t || (i = e.getContext("2d"), !i))
+      const t = ht.value;
+      if (!t || (v = e.getContext("2d"), !v))
         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());
+      Xt = window.devicePixelRatio || 1;
+      const l = t.getBoundingClientRect(), n = l.width, o = l.height;
+      ge.w = n, ge.h = o, e.width = n * Xt, e.height = o * Xt, e.style.width = n + "px", e.style.height = o + "px", v.setTransform(Xt, 0, 0, Xt, 0, 0);
+      const r = S.value, s = O.value, f = W, h = N, R = To.value, fe = De.value, de = H.value, ve = L.value, J = [];
+      for (let M = 0; M < i; M++)
+        J[M] = de[M + 1] - de[M];
+      const pe = Math.max(0, $e(r));
+      let Ne = pe;
+      for (let M = pe; M < b && !(f + fe[M] - r >= n); M++)
+        Ne = M;
+      const ut = Ne, Ae = Math.max(0, ze(s));
+      let Ge = Ae;
+      for (let M = Ae; M < i && !(h + de[M] - s >= o); M++)
+        Ge = M;
+      const ct = Ge;
+      v.fillStyle = R.bg, v.fillRect(0, 0, n, o), v.fillStyle = R.gridBg, v.fillRect(f, h, n - f, o - h), v.save(), v.beginPath(), v.rect(f + 0.5, h + 0.5, n - f - 1, o - h - 1), v.clip();
+      const we = k.value, qe = A.value;
+      for (let M = Ae; M <= ct; M++)
+        for (let X = pe; X <= ut; X++) {
+          const U = f + fe[X] - r, be = h + de[M] - s, Re = ve[X], Ve = J[M];
+          if (U + Re < f || be + Ve < h || U > n || be > o)
+            continue;
+          P(X, M) && (v.fillStyle = R.selectionBg, v.fillRect(U, be, Re, Ve)), y.value.col === X && y.value.row === M && (v.strokeStyle = R.activeCellBorder, v.lineWidth = 2, v.strokeRect(U + 1, be + 1, Re - 2, Ve - 2)), v.strokeStyle = R.gridLine, v.lineWidth = 0.5, v.strokeRect(U + 0.25, be + 0.25, Re - 0.5, Ve - 0.5);
+          const xl = (gt = m[D(X, M)]) == null ? void 0 : gt.style, Ko = typeof (xl == null ? void 0 : xl.backgroundColor) == "string" ? xl.backgroundColor : "";
+          if (Ko && (v.fillStyle = Ko, v.fillRect(U, be, Re, Ve)), !(qe && qe.col === X && qe.row === M)) {
+            const Be = Ct(X, M);
+            if (Be) {
+              const _ = (Pe = m[D(X, M)]) == null ? void 0 : Pe.style, Ot = _e(X, M), Ka = typeof (_ == null ? void 0 : _.fontFamily) == "string" && _.fontFamily ? _.fontFamily : no, Va = (_ == null ? void 0 : _.fontWeight) === "bold" ? "bold" : "normal", Ua = (_ == null ? void 0 : _.fontStyle) === "italic" ? "italic" : "normal", Ya = (_ == null ? void 0 : _.underline) === "underline", Xa = (_ == null ? void 0 : _.strikethrough) === "line-through", oo = typeof (_ == null ? void 0 : _.color) == "string" ? _.color : "", Vo = typeof (_ == null ? void 0 : _.textAlign) == "string" ? _.textAlign : "left", Uo = typeof (_ == null ? void 0 : _.verticalAlign) == "string" ? _.verticalAlign : "top";
+              v.fillStyle = oo || R.cellText, v.font = `${Ua} ${Va} ${Ot}px ${Ka}`, v.textBaseline = "alphabetic", v.save(), v.beginPath(), v.rect(U + 5, be + 1, Re - 10, Ve - 2), v.clip();
+              const _a = (_ == null ? void 0 : _.wrap) === "wrap", Zt = se(v, Be, Re - 10, _a);
+              let Lt = 0, yt = 0;
+              for (const $t of Zt) {
+                const Jt = v.measureText($t), zt = Jt.actualBoundingBoxAscent, Ht = Jt.actualBoundingBoxDescent, Ze = zt || Ot * 0.8, Fl = Ht || Ot * 0.2;
+                Lt = Math.max(Lt, Ze), yt = Math.max(yt, Fl);
+              }
+              Lt = Math.max(Lt, Ot * 0.5), yt = Math.max(yt, Ot * 0.15);
+              const Dl = Ot, ja = Zt.length * Dl;
+              let Tl;
+              Uo === "middle" ? Tl = be + (Ve - ja) / 2 + Lt : Uo === "bottom" ? Tl = be + Ve - Y - yt - (Zt.length - 1) * Dl : Tl = be + Y + Lt;
+              for (let $t = 0; $t < Zt.length; $t++) {
+                const Jt = Zt[$t], zt = Tl + $t * Dl, Ht = v.measureText(Jt);
+                let Ze;
+                if (Vo === "center" ? Ze = U + Re / 2 - Ht.width / 2 : Vo === "right" ? Ze = U + Re - 5 - Ht.width : Ze = U + 5, v.fillText(Jt, Ze, zt), Ya && (v.strokeStyle = oo || R.cellText, v.lineWidth = 1, v.beginPath(), v.moveTo(Ze, zt + yt + 1), v.lineTo(Ze + Ht.width, zt + yt + 1), v.stroke()), Xa) {
+                  v.strokeStyle = oo || R.cellText, v.lineWidth = 1;
+                  const Fl = zt - Dl * 0.25;
+                  v.beginPath(), v.moveTo(Ze, Fl), v.lineTo(Ze + Ht.width, Fl), v.stroke();
+                }
+              }
+              v.restore();
+            }
+          }
+          const Ee = (Ke = m[D(X, M)]) == null ? void 0 : Ke.style, Ga = (Ee == null ? void 0 : Ee.borderTopWidth) || 0, Pa = (Ee == null ? void 0 : Ee.borderLeftWidth) || 0, Bl = (Ee == null ? void 0 : Ee.borderBottomWidth) || 0, Sl = (Ee == null ? void 0 : Ee.borderRightWidth) || 0, Ml = Math.max(Ga, xo(X, M - 1, "Bottom")), Rl = Math.max(Pa, xo(X - 1, M, "Right"));
+          if (Ml > 0 || Rl > 0 || Bl > 0 || Sl > 0) {
+            if (v.strokeStyle = qo, Ml > 0) {
+              v.lineWidth = Ml, v.beginPath();
+              const Be = be + Ml / 2 - 0.5;
+              v.moveTo(U, Be), v.lineTo(U + Re, Be), v.stroke();
+            }
+            if (Rl > 0) {
+              v.lineWidth = Rl, v.beginPath();
+              const Be = U + Rl / 2 - 0.5;
+              v.moveTo(Be, be), v.lineTo(Be, be + Ve), v.stroke();
+            }
+            if (M === ct && Bl > 0) {
+              v.lineWidth = Bl, v.beginPath();
+              const Be = be + Ve - Bl / 2 + 0.5;
+              v.moveTo(U, Be), v.lineTo(U + Re, Be), v.stroke();
+            }
+            if (X === ut && Sl > 0) {
+              v.lineWidth = Sl, v.beginPath();
+              const Be = U + Re - Sl / 2 + 0.5;
+              v.moveTo(Be, be), v.lineTo(Be, be + Ve), v.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));
+      v.restore(), v.fillStyle = R.headerBg, v.fillRect(f, 0, n - f, h);
+      for (let M = pe; M <= ut; M++) {
+        const X = f + fe[M] - r, U = ve[M];
+        X + U < f || X > n || (we && M >= we.startCol && M <= we.endCol && (v.fillStyle = R.selectionBg, v.fillRect(X, 0, U, h)), v.strokeStyle = R.headerBorder, v.lineWidth = 0.5, v.strokeRect(X + 0.25, 0.25, U - 0.5, h - 0.5), we && M >= we.startCol && M <= we.endCol && (v.strokeStyle = R.activeCellBorder, v.lineWidth = 2, v.beginPath(), v.moveTo(X, h - 1), v.lineTo(X + U, h - 1), v.stroke()), v.fillStyle = R.headerText, v.font = '11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', v.textAlign = "center", v.textBaseline = "middle", v.fillText(Ue(M), X + U / 2, h / 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));
+      v.strokeStyle = R.headerSep, v.lineWidth = 1, v.beginPath(), v.moveTo(f, h + 0.5), v.lineTo(n, h + 0.5), v.stroke(), v.fillStyle = R.headerBg, v.fillRect(0, h, f, o - h);
+      for (let M = Ae; M <= ct; M++) {
+        const X = h + de[M] - s, U = J[M];
+        X + U < h || X > o || (we && M >= we.startRow && M <= we.endRow && (v.fillStyle = R.selectionBg, v.fillRect(0, X, f, U)), v.strokeStyle = R.headerBorder, v.lineWidth = 0.5, v.strokeRect(0.25, X + 0.25, f - 0.5, U - 0.5), we && M >= we.startRow && M <= we.endRow && (v.strokeStyle = R.activeCellBorder, v.lineWidth = 2, v.beginPath(), v.moveTo(f - 1, X), v.lineTo(f - 1, X + U), v.stroke()), v.fillStyle = R.headerText, v.font = '11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', v.textAlign = "center", v.textBaseline = "middle", v.fillText(String(M + 1), f / 2, X + U / 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);
+      v.strokeStyle = R.headerSep, v.lineWidth = 1, v.beginPath(), v.moveTo(f + 0.5, h), v.lineTo(f + 0.5, o), v.stroke(), v.fillStyle = R.headerBg, v.fillRect(0, 0, f, h), v.strokeStyle = R.headerSep, v.lineWidth = 1, v.strokeRect(0.5, 0.5, f - 0.5, h - 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 Zn = E(() => Ue(y.value.col) + String(y.value.row + 1)), Jn = E(() => A.value ? K.value : oe(y.value.col, y.value.row));
+    function Qn() {
+      A.value || (ce(y.value.col, y.value.row), K.value = oe(y.value.col, y.value.row), at(), g());
     }
-    function Ul(e) {
-      O.value = e.target.value;
+    function ea(e) {
+      K.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 ta(e) {
+      var t, l;
+      e.key === "Enter" ? (e.preventDefault(), rt(), et(0, 1), ce(y.value.col, y.value.row), (t = Pl.value) == null || t.blur(), g(), Me()) : e.key === "Escape" && (e.preventDefault(), vt(), (l = Pl.value) == null || l.blur(), g(), Me());
     }
-    function Kl() {
+    function la() {
       setTimeout(() => {
-        R.value && (be(), v());
+        A.value && (rt(), g());
       }, 0);
     }
-    const ye = N(null), He = N("");
-    function Pl(e) {
-      ye.value === null && (_l(e), v());
+    const mt = T(null), Mt = T("");
+    function oa(e) {
+      mt.value === null && (Pn(e), g());
     }
-    function tl(e) {
-      e !== Z.value && (Ue(), ge(e), v()), ye.value = e, He.value = D.value[e].name, J(() => {
+    function Fo(e) {
+      e !== Se.value && (xt(), st(e), g()), mt.value = e, Mt.value = Z.value[e].name, re(() => {
         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 Ao() {
+      mt.value !== null && (Vn(mt.value, Mt.value), re(Q)), mt.value = null, Mt.value = "";
     }
-    function zl() {
-      ye.value = null, He.value = "";
+    function na() {
+      mt.value = null, Mt.value = "";
     }
-    function Vl(e) {
-      e.key === "Enter" ? (e.preventDefault(), ll()) : e.key === "Escape" && (e.preventDefault(), zl());
+    function aa(e) {
+      e.key === "Enter" ? (e.preventDefault(), Ao()) : e.key === "Escape" && (e.preventDefault(), na());
     }
-    const fe = N(null);
-    let Ke = null;
-    function nl() {
-      Ke && (document.removeEventListener("click", Ke), Ke = null);
+    const lt = T(null);
+    let _t = null;
+    function Eo() {
+      _t && (document.removeEventListener("click", _t), _t = 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 Rt(e, t, l) {
+      Eo();
+      const n = 140, o = l.length * 28 + 8, r = window.innerWidth, s = window.innerHeight;
+      e + n > r && (e -= n), t + o > s && (t -= o), lt.value = { x: e, y: t, items: l }, _t = () => {
+        lt.value = null, Eo();
+      }, setTimeout(() => document.addEventListener("click", _t, { once: !0 }), 0);
     }
-    const tt = N(!1);
-    function Jl(e, t) {
+    const cl = T(!1);
+    function ra(e, t) {
       if (!t.children) {
-        tt.value = !1;
+        cl.value = !1;
         return;
       }
-      const l = e.currentTarget.querySelector(".context-submenu");
-      if (!l) {
-        tt.value = !1;
+      const n = e.currentTarget.querySelector(".context-submenu");
+      if (!n) {
+        cl.value = !1;
         return;
       }
-      const o = l.getBoundingClientRect();
-      tt.value = o.right > window.innerWidth;
+      const o = n.getBoundingClientRect();
+      cl.value = o.right > window.innerWidth;
     }
-    function Zl(e, t) {
-      e.preventDefault(), e.stopPropagation(), _e(e.clientX, e.clientY, [
+    function ia(e, t) {
+      e.preventDefault(), e.stopPropagation(), Rt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "insert"),
+          label: C(c.value, "insert"),
           action: () => {
-            Bt(), v();
+            Nl(), g();
           }
         },
-        { label: C(s.value, "copy"), action: () => {
-          Il(t);
+        { label: C(c.value, "copy"), action: () => {
+          Un(t);
         } },
-        { label: C(s.value, "rename"), action: () => {
-          tl(t);
+        { label: C(c.value, "rename"), action: () => {
+          Fo(t);
         } },
         {
-          label: C(s.value, "delete"),
+          label: C(c.value, "delete"),
           action: () => {
-            El(t), v();
+            Kn(t), g();
           },
-          disabled: Wl.value <= 1
+          disabled: Yn.value <= 1
         },
-        { label: C(s.value, "moveSheetLeft"), action: () => {
-          Gt(t, -1);
+        { label: C(c.value, "moveSheetLeft"), action: () => {
+          Ro(t, -1);
         }, disabled: t === 0 },
-        { label: C(s.value, "moveSheetRight"), action: () => {
-          Gt(t, 1);
-        }, disabled: t === D.value.length - 1 }
+        { label: C(c.value, "moveSheetRight"), action: () => {
+          Ro(t, 1);
+        }, disabled: t === Z.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 sa(e) {
+      e.preventDefault(), !(e.target.closest(".tab-item") || e.target.closest(".tab-bar__add-btn")) && Rt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "insert"),
+          label: C(c.value, "insert"),
           action: () => {
-            Bt(), v();
+            Nl(), g();
           }
         }
       ]);
     }
-    function Gl(e) {
-      e.preventDefault(), mt(), v(), _e(e.clientX, e.clientY, [
+    function ua(e) {
+      e.preventDefault(), V(), g(), Rt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "cut"),
+          label: C(c.value, "cut"),
           action: () => {
-            wt(), A();
+            Il(), Q();
           }
         },
-        { label: C(s.value, "copy"), action: () => Ge() },
+        { label: C(c.value, "copy"), action: () => rl() },
         {
-          label: C(s.value, "paste"),
+          label: C(c.value, "paste"),
           action: () => {
-            K(), Ye().then(() => {
-              v(), J(A);
+            q(), Yt().then(() => {
+              g(), re(Q);
             });
           }
         },
-        { 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: C(c.value, "delete"), action: () => {
+          q(), Wl();
+          for (let t = 0; t < b; t++)
+            L.value[t] = It;
+          for (let t = 0; t < i; t++)
+            G.value[t] = void 0;
+          g(), Q();
         } }
       ]);
     }
-    function Ql(e, t) {
+    function ca(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 l = e.clientX, n = e.clientY, o = k.value;
+      o && o.startCol === 0 && o.endCol === b - 1 && t >= o.startRow && t <= o.endRow || (ue(0, t, b - 1, t), g());
+      const r = k.value;
+      Rt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "insert"),
+          label: C(c.value, "insert"),
           action: () => {
-            K(), Tl(l.startRow, l.endRow), v(), A();
+            q(), Wn(r.startRow, r.endRow), g(), Q();
           },
-          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: C(c.value, "cut"), action: () => {
+          q(), il();
+          for (let s = r.startRow; s <= r.endRow; s++)
+            for (let f = 0; f < b; f++)
+              j(D(f, s));
+          g(), Q();
         } },
-        { label: C(s.value, "copy"), action: () => Qe() },
+        { label: C(c.value, "copy"), action: () => il() },
         {
-          label: C(s.value, "paste"),
+          label: C(c.value, "paste"),
           action: () => {
-            K(), Ye().then(() => {
-              v(), J(A);
+            q(), Yt().then(() => {
+              g(), re(Q);
             });
           }
         },
         {
-          label: C(s.value, "delete"),
+          label: C(c.value, "delete"),
           action: () => {
-            K(), Ml(l.startRow, l.endRow), v(), A();
+            q(), In(r.startRow, r.endRow), g(), Q();
           }
+        },
+        { label: `${C(c.value, "rowHeight")}...`, action: () => $o("row", l, n) },
+        {
+          label: C(c.value, "autoRowHeight"),
+          action: () => ma()
         }
       ]);
     }
-    function en(e, t) {
+    function da(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 l = e.clientX, n = e.clientY, o = k.value;
+      o && o.startRow === 0 && o.endRow === i - 1 && t >= o.startCol && t <= o.endCol || (ue(t, 0, t, i - 1), g());
+      const r = k.value;
+      Rt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "insert"),
+          label: C(c.value, "insert"),
           action: () => {
-            K(), Dl(l.startCol, l.endCol), v(), A();
+            q(), Nn(r.startCol, r.endCol), g(), Q();
           },
-          disabled: l.endCol >= c - 1
+          disabled: r.endCol >= b - 1
         },
-        { label: C(s.value, "cut"), action: () => {
-          K(), Qe();
-          for (let o = l.startCol; o <= l.endCol; o++)
-            for (let a = 0; a < r; a++)
-              X(L(o, a));
-          v(), A();
+        { label: C(c.value, "cut"), action: () => {
+          q(), il();
+          for (let s = r.startCol; s <= r.endCol; s++)
+            for (let f = 0; f < i; f++)
+              j(D(s, f));
+          g(), Q();
         } },
-        { label: C(s.value, "copy"), action: () => Qe() },
+        { label: C(c.value, "copy"), action: () => il() },
         {
-          label: C(s.value, "paste"),
+          label: C(c.value, "paste"),
           action: () => {
-            K(), Ye().then(() => {
-              v(), J(A);
+            q(), Yt().then(() => {
+              g(), re(Q);
             });
           }
         },
         {
-          label: C(s.value, "delete"),
+          label: C(c.value, "delete"),
           action: () => {
-            K(), Hl(l.startCol, l.endCol), v(), A();
+            q(), Gn(r.startCol, r.endCol), g(), Q();
           }
+        },
+        { label: `${C(c.value, "colWidth")}...`, action: () => $o("col", l, n) },
+        {
+          label: C(c.value, "defaultColWidth"),
+          action: () => pa()
         }
       ]);
     }
-    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 va(e, t, l) {
+      e.preventDefault(), P(t, l) || (w(t, l), g());
+      const n = k.value, o = !!(n && n.startCol === n.endCol && n.startRow === n.endRow);
+      Rt(e.clientX, e.clientY, [
         {
-          label: C(s.value, "cut"),
+          label: C(c.value, "cut"),
           action: () => {
-            wt(), A();
+            Il(), Q();
           }
         },
-        { label: C(s.value, "copy"), action: () => Ge() },
+        { label: C(c.value, "copy"), action: () => rl() },
         {
-          label: C(s.value, "paste"),
+          label: C(c.value, "paste"),
           action: () => {
-            K(), Ye().then(() => {
-              v(), J(A);
+            q(), Yt().then(() => {
+              g(), re(Q);
             });
           }
         },
         {
-          label: C(s.value, "delete"),
+          label: C(c.value, "delete"),
           action: () => {
-            K(), yt(), v(), A();
+            q(), Wl(), g(), Q();
           }
         },
         {
-          label: C(s.value, "calculate"),
+          label: C(c.value, "calculate"),
           children: [
-            { label: C(s.value, "sum"), action: Rl, disabled: o }
+            { label: C(c.value, "sum"), action: Hn, disabled: o }
           ]
         }
       ]);
     }
-    const ln = I(() => {
-      const e = !R.value, t = R.value ?? h.value, n = t.col, l = t.row;
-      return {
-        left: `${w + he.value[n] - M.value}px`,
-        top: `${y + pe.value[l] - T.value}px`,
-        width: `${H.value[n]}px`,
-        height: `${E.value[l]}px`,
+    const Oo = T(null), xe = T(null);
+    let jt = null;
+    function Lo() {
+      jt && (document.removeEventListener("mousedown", jt), jt = null);
+    }
+    function $o(e, t, l) {
+      Lo();
+      const n = k.value;
+      let o = "";
+      if (n) {
+        const R = e === "row" ? je(n.startRow) : L.value[n.startCol];
+        o = R != null && R > 0 ? String(Math.round(R)) : "";
+      }
+      const r = 220, s = 118;
+      let f = t, h = l;
+      f + r > window.innerWidth && (f = window.innerWidth - r - 8), h + s > window.innerHeight && (h = window.innerHeight - s - 8), f < 8 && (f = 8), h < 8 && (h = 8), xe.value = { type: e, x: f, y: h, value: o, error: "" }, jt = () => {
+        xe.value = null;
+      }, setTimeout(() => document.addEventListener("mousedown", jt, { once: !0 }), 0), re(() => {
+        const R = Oo.value;
+        R && (R.focus(), R.select());
+      });
+    }
+    function fa(e) {
+      const t = xe.value;
+      if (!t)
+        return;
+      const l = e.target, n = l.value, o = n.replace(/[^\d]/g, "");
+      t.value = o, n !== o && (l.value = o), t.error = "";
+    }
+    function ba(e) {
+      e.key === "Enter" ? (e.preventDefault(), zo()) : e.key === "Escape" && dl();
+    }
+    function ha() {
+      const e = xe.value;
+      if (!e)
+        return;
+      const t = e.value.trim(), l = Number(t), n = e.type === "row", o = n ? el : Qt, r = n ? tl : Al;
+      if (t === "" || !Number.isFinite(l)) {
+        dl();
+        return;
+      }
+      const s = Math.max(o, Math.min(r, Math.round(l)));
+      e.value = String(s), e.error = "";
+    }
+    function zo() {
+      const e = xe.value, t = k.value;
+      if (!e || !t)
+        return;
+      const l = e.value.trim(), n = Number(l), o = e.type === "row", r = o ? el : Qt, s = o ? tl : Al;
+      if (l === "" || !Number.isFinite(n)) {
+        e.error = C(c.value, "dimNumberError");
+        return;
+      }
+      if (n < r || n > s) {
+        e.error = C(c.value, "dimRangeError").replace("{min}", String(r)).replace("{max}", String(s));
+        return;
+      }
+      const f = n;
+      if (q(), o)
+        for (let h = t.startRow; h <= t.endRow; h++)
+          G.value[h] = f;
+      else
+        for (let h = t.startCol; h <= t.endCol; h++)
+          L.value[h] = f;
+      g(), Q(), dl();
+    }
+    function dl() {
+      Lo(), xe.value = null;
+    }
+    function ma() {
+      const e = k.value;
+      if (e) {
+        q();
+        for (let t = e.startRow; t <= e.endRow; t++)
+          G.value[t] = void 0;
+        g(), Q();
+      }
+    }
+    function pa() {
+      const e = k.value;
+      if (e) {
+        q();
+        for (let t = e.startCol; t <= e.endCol; t++)
+          L.value[t] = It;
+        g(), Q();
+      }
+    }
+    const ga = E(() => {
+      var M;
+      const e = !A.value, t = A.value ?? y.value, l = t.col, n = t.row, o = (M = m[D(l, n)]) == null ? void 0 : M.style, r = _e(l, n), s = typeof (o == null ? void 0 : o.fontFamily) == "string" && o.fontFamily ? o.fontFamily : no, f = (o == null ? void 0 : o.fontWeight) === "bold" ? "bold" : "normal", h = (o == null ? void 0 : o.fontStyle) === "italic" ? "italic" : "normal", R = (o == null ? void 0 : o.underline) === "underline" ? "underline" : (o == null ? void 0 : o.strikethrough) === "line-through" ? "line-through" : "none", fe = (o == null ? void 0 : o.underline) === "underline" && (o == null ? void 0 : o.strikethrough) === "line-through" ? "underline line-through" : R, de = typeof (o == null ? void 0 : o.color) == "string" ? o.color : void 0, ve = typeof (o == null ? void 0 : o.backgroundColor) == "string" ? o.backgroundColor : void 0, J = typeof (o == null ? void 0 : o.textAlign) == "string" ? o.textAlign : "left", pe = typeof (o == null ? void 0 : o.verticalAlign) == "string" ? o.verticalAlign : "top", Ne = je(n), ut = 2, { ascent: Ae, descent: Ge } = Xe(s, r, f, h), ct = Ae + Ge, qe = (K.value ? K.value.split(`
+`).length : 1) * ct, gt = Y - ut;
+      let Pe = 0, Ke = 0;
+      return pe === "middle" ? (Pe = Math.floor((Ne - qe) / 2), Ke = Math.max(0, Ne - qe - Pe)) : pe === "top" ? (Pe = gt, Ke = Math.max(0, Ne - qe - Pe)) : pe === "bottom" && (Ke = gt, Pe = Math.max(0, Ne - qe - Ke)), {
+        left: `${W + De.value[l] - S.value}px`,
+        top: `${N + H.value[n] - O.value}px`,
+        width: `${L.value[l]}px`,
+        height: `${Ne}px`,
+        fontFamily: s,
+        fontSize: `${r}px`,
+        lineHeight: 1,
+        fontWeight: f,
+        fontStyle: h,
+        textDecoration: fe,
+        textAlign: J,
+        paddingTop: `${Pe}px`,
+        paddingRight: "3px",
+        paddingBottom: `${Ke}px`,
+        paddingLeft: "3px",
         opacity: e ? 0 : 1,
         pointerEvents: e ? "none" : "auto",
-        color: e ? "transparent" : void 0,
+        color: e ? "transparent" : de,
         caretColor: e ? "transparent" : void 0,
         borderColor: e ? "transparent" : void 0,
-        background: e ? "transparent" : void 0,
+        background: e ? "transparent" : ve,
         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();
+    }), ya = E(() => Math.max(0, ge.w - W - Oe)), wa = E(() => Math.max(0, ge.h - N - Oe)), vl = E(() => Math.max(0, ya.value - 11 * 2)), fl = E(() => Math.max(0, wa.value - 11 * 2));
+    function Vl() {
+      return Math.max(0, ge.w - W - Oe);
+    }
+    function Ul() {
+      return Math.max(0, ge.h - N - Oe);
+    }
+    const bl = E(() => Bt.value <= 0 ? vl.value : Math.max(24, Vl() / le.value * vl.value)), Yl = E(() => Bt.value <= 0 ? 0 : S.value / Bt.value * (vl.value - bl.value)), hl = E(() => St.value <= 0 ? fl.value : Math.max(24, Ul() / u.value * fl.value)), Xl = E(() => St.value <= 0 ? 0 : O.value / St.value * (fl.value - hl.value));
+    let pt = null, ml = 0, pl = 0;
+    function ka(e) {
+      e.preventDefault(), pt = "v", ml = e.clientY, pl = O.value, document.addEventListener("mousemove", _l), document.addEventListener("mouseup", jl);
+    }
+    function Ca(e) {
+      e.preventDefault(), pt = "h", ml = e.clientX, pl = S.value, document.addEventListener("mousemove", _l), document.addEventListener("mouseup", jl);
+    }
+    function _l(e) {
+      if (pt === "v") {
+        const l = (e.clientY - ml) / (fl.value - hl.value);
+        Ce(null, pl + l * St.value), g();
+      } else if (pt === "h") {
+        const l = (e.clientX - ml) / (vl.value - bl.value);
+        Ce(pl + l * Bt.value, null), g();
       }
     }
-    function _t() {
-      Be = null, document.removeEventListener("mousemove", Ht), document.removeEventListener("mouseup", _t);
+    function jl() {
+      pt = null, document.removeEventListener("mousemove", _l), document.removeEventListener("mouseup", jl);
     }
-    function un(e) {
-      if (Be)
+    function xa(e) {
+      if (pt)
         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(), l = e.clientY - t.top;
+      l < Xl.value ? Ce(null, O.value - Ul()) : l > Xl.value + hl.value && Ce(null, O.value + Ul()), g();
     }
-    function sn(e) {
-      if (Be)
+    function Ba(e) {
+      if (pt)
         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(), l = e.clientX - t.left;
+      l < Yl.value ? Ce(S.value - Vl(), null) : l > Yl.value + bl.value && Ce(S.value + Vl(), null), g();
     }
-    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 Dt = !1, Ie = 0, We = 0, Tt = !1, Ft = !1, gl = 0, yl = 0, wl = 0, kl = 0, ql = 0, Zl = 0, Ho = 0, Io = 0, qt = !1, Jl = !1, At = 0, Et = 0, Ql = 0, Wo = -1, No = -1;
+    function Sa(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(), lt.value = null;
+      const t = kt(e, He.value);
+      if (t.y < N && t.x >= W) {
+        const o = t.x - W + S.value, r = $e(o);
+        if (r >= 0 && Math.abs(t.x - (W + De.value[r + 1] - S.value)) <= 4) {
+          q(), Tt = !0, gl = r, wl = L.value[r], kl = o, g();
           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 < W && t.y >= N) {
+        const o = t.y - N + O.value, r = ze(o);
+        if (r >= 0 && Math.abs(t.y - (N + H.value[r + 1] - O.value)) <= 4) {
+          q(), Ft = !0, yl = r, wl = je(r), kl = o, g();
           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 < W || t.y < N) {
+        if (rt(), t.y < N && t.x >= W) {
+          const o = $e(t.x - W + S.value);
+          o >= 0 && (ue(o, 0, o, i - 1), Dt = !0, Ie = o, We = 0);
+        } else if (t.x < W && t.y >= N) {
+          const o = ze(t.y - N + O.value);
+          o >= 0 && (ue(0, o, b - 1, o), Dt = !0, Ie = 0, We = o);
         } else
-          t.x < w && t.y < y && mt();
-        v();
+          t.x < W && t.y < N && V();
+        g();
         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 l = $e(t.x - W + S.value), n = ze(t.y - N + O.value);
+      if (!(l < 0 || n < 0)) {
+        if (rt(), e.shiftKey && k.value) {
+          const o = k.value;
+          ue(o.startCol, o.startRow, l, n);
         } else
-          ee(n, l);
-        Ee = !0, ae = n, re = l, V(), v();
+          w(l, n);
+        Dt = !0, Ie = l, We = n, Me(), g();
       }
     }
-    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 Ma(e) {
+      if (Tt) {
+        const r = kt(e, He.value).x - W + S.value - kl, s = wl + r;
+        s >= Qt && s <= Al ? L.value[gl] = s : s < Qt ? L.value[gl] = Qt : L.value[gl] = Al, g();
         return;
       }
-      if (Ie) {
-        const a = ke(e, oe.value).y - y + T.value - st;
-        We + a >= 24 && (E.value[al] = We + a), v();
+      if (Ft) {
+        const r = kt(e, He.value).y - N + O.value - kl, s = wl + r;
+        s >= el && s <= tl ? G.value[yl] = s : s < el ? G.value[yl] = el : G.value[yl] = tl, g();
         return;
       }
-      if (!Ee) {
-        const o = oe.value;
+      if (!Dt) {
+        const o = He.value;
         if (!o)
           return;
-        const a = ke(e, o);
-        if (a.y < y && a.x >= w) {
-          const d = le(a.x - w + M.value);
-          if (d >= 0 && Math.abs(a.x - (w + he.value[d + 1] - M.value)) <= 4) {
+        if (ft.value) {
+          o.style.cursor = "copy";
+          return;
+        }
+        const r = kt(e, o);
+        if (r.y < N && r.x >= W) {
+          const s = $e(r.x - W + S.value);
+          if (s >= 0 && Math.abs(r.x - (W + De.value[s + 1] - S.value)) <= 4) {
             o.style.cursor = "col-resize";
             return;
           }
         }
-        if (a.x < w && a.y >= y) {
-          const d = ne(a.y - y + T.value);
-          if (d >= 0 && Math.abs(a.y - (y + pe.value[d + 1] - T.value)) <= 4) {
+        if (r.x < W && r.y >= N) {
+          const s = ze(r.y - N + O.value);
+          if (s >= 0 && Math.abs(r.y - (N + H.value[s + 1] - O.value)) <= 4) {
             o.style.cursor = "row-resize";
             return;
           }
@@ -1183,450 +3290,553 @@ const Un = { class: "tab-list" }, jn = ["onClick", "onDblclick", "onContextmenu"
         o.style.cursor = "cell";
         return;
       }
-      const t = ke(e, oe.value);
-      if (ae < 0 || re < 0)
+      const t = kt(e, He.value);
+      if (Ie < 0 || We < 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 < W || t.y < N) {
+        if (t.y < N && t.x >= W) {
+          const o = $e(t.x - W + S.value);
+          o >= 0 && ue(Math.min(Ie, o), 0, Math.max(Ie, o), i - 1);
+        } else if (t.x < W && t.y >= N) {
+          const o = ze(t.y - N + O.value);
+          o >= 0 && ue(0, Math.min(We, o), b - 1, Math.max(We, o));
         }
-        v();
+        g();
         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 l = $e(t.x - W + S.value), n = ze(t.y - N + O.value);
+      l < 0 || n < 0 || (We === 0 && Ie >= 0 && k.value && k.value.startRow === 0 && k.value.endRow === i - 1 ? ue(Math.min(Ie, l), 0, Math.max(Ie, l), i - 1) : Ie === 0 && We >= 0 && k.value && k.value.startCol === 0 && k.value.endCol === b - 1 ? ue(0, Math.min(We, n), b - 1, Math.max(We, n)) : ue(Ie, We, l, n), g());
     }
-    function vn() {
-      const e = $e || Ie;
-      Ee = !1, $e = !1, Ie = !1, e && Qt();
+    function Ra(e) {
+      const t = Tt || Ft;
+      Dt = !1, Tt = !1, Ft = !1, t && Do(), ft.value && on();
     }
-    function dn() {
-      const e = $e || Ie;
-      Ee = !1, $e = !1, Ie = !1, e && Qt();
+    function Da() {
+      const e = Tt || Ft;
+      Dt = !1, Tt = !1, Ft = !1, e && Do();
     }
-    function hn(e) {
+    function Ta(e) {
       e.preventDefault();
-      const t = ke(e, oe.value);
-      if (t.x < w && t.y < y) {
-        Gl(e);
+      const t = kt(e, He.value);
+      if (t.x < W && t.y < N) {
+        ua(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 < N && t.x >= W) {
+        const l = $e(t.x - W + S.value);
+        l >= 0 && da(e, l);
         return;
       }
-      if (t.x < w && t.y >= y) {
-        const n = ne(t.y - y + T.value);
-        n >= 0 && Ql(e, n);
+      if (t.x < W && t.y >= N) {
+        const l = ze(t.y - N + O.value);
+        l >= 0 && ca(e, l);
         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 >= W && t.y >= N) {
+        const l = $e(t.x - W + S.value), n = ze(t.y - N + O.value);
+        l >= 0 && n >= 0 && va(e, l, n);
       }
     }
-    function pn(e) {
-      const t = ke(e, oe.value);
-      if (t.x < w || t.y < y)
+    function Fa(e) {
+      const t = kt(e, He.value);
+      if (t.x < W || t.y < N)
         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 l = $e(t.x - W + S.value), n = ze(t.y - N + O.value);
+      l < 0 || n < 0 || (w(l, n), ce(l, n), at(), g(), Me());
     }
-    function bn(e) {
-      z(M.value + e.deltaX, T.value + e.deltaY), v();
+    function Aa(e) {
+      Ce(S.value + e.deltaX, O.value + e.deltaY), g();
     }
-    function mn(e) {
+    function Ea(e) {
       if (e.touches.length !== 1) {
-        Pe = !1;
+        qt = !1;
         return;
       }
-      const t = e.touches[0], n = oe.value;
-      if (!n)
+      const t = e.touches[0], l = He.value;
+      if (!l)
         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 = l.getBoundingClientRect(), o = t.clientX - n.left, r = t.clientY - n.top;
+      o >= W && r >= N && (e.preventDefault(), qt = !0, Jl = !1, ql = o, Zl = r, Ho = S.value, Io = O.value, At = $e(o - W + S.value), Et = ze(r - N + O.value));
     }
-    function gn(e) {
-      if (!Pe || e.touches.length !== 1)
+    function Oa(e) {
+      if (!qt || e.touches.length !== 1)
         return;
-      const t = e.touches[0], n = oe.value;
-      if (!n)
+      const t = e.touches[0], l = He.value;
+      if (!l)
         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 = l.getBoundingClientRect(), o = t.clientX - n.left, r = t.clientY - n.top;
+      (Math.abs(o - ql) > 8 || Math.abs(r - Zl) > 8) && (Jl = !0, e.preventDefault(), Ce(Ho + (ql - o), Io + (Zl - r)), g());
     }
-    function wn() {
-      if (Pe && (Pe = !1, !It && Ae >= 0 && Ne >= 0)) {
+    function La() {
+      if (qt && (qt = !1, !Jl && At >= 0 && Et >= 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();
+        At === Wo && Et === No && e - Ql < 300 ? (w(At, Et), at(), g(), Me(), Ql = 0) : (rt(), w(At, Et), g(), Ql = e), Wo = At, No = Et, Me();
       }
     }
-    function At(e) {
+    function eo(e) {
       return e.isComposing || e.key === "Process" || e.keyCode === 229;
     }
-    function il(e) {
+    function Go(e) {
       return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
     }
-    function fl(e) {
-      if (R.value)
+    function Po(e) {
+      if (A.value)
         return;
-      const t = e.ctrlKey || e.metaKey, n = e.shiftKey;
+      const t = e.ctrlKey || e.metaKey, l = e.shiftKey;
       switch (!0) {
         case (t && (e.key === "c" || e.key === "C")):
-          e.preventDefault(), Ge();
+          e.preventDefault(), rl();
           return;
         case (t && (e.key === "x" || e.key === "X")):
-          e.preventDefault(), wt();
+          e.preventDefault(), Il();
           return;
         case (t && (e.key === "z" || e.key === "Z")):
-          e.preventDefault(), Sl();
+          e.preventDefault(), fo();
           return;
         case (t && (e.key === "y" || e.key === "Y")):
-          e.preventDefault(), kl();
+          e.preventDefault(), bo();
           return;
         case (t && (e.key === "v" || e.key === "V")):
-          e.preventDefault(), K(), Ye().then(() => {
-            v(), J(A);
+          e.preventDefault(), q(), Yt().then(() => {
+            g(), re(Q);
           });
           return;
         case (t && (e.key === "a" || e.key === "A")):
-          e.preventDefault(), mt(), v();
+          e.preventDefault(), V(), g();
           return;
         case (t && e.key === "Home"):
-          e.preventDefault(), ee(0, 0), W(0, 0), v();
+          e.preventDefault(), w(0, 0), ce(0, 0), g();
           return;
         case (t && e.key === "End"):
-          e.preventDefault(), ee(c - 1, r - 1), W(c - 1, r - 1), v();
+          e.preventDefault(), w(b - 1, i - 1), ce(b - 1, i - 1), g();
           return;
         case e.key === "Home":
-          e.preventDefault(), ee(0, h.value.row), W(0, h.value.row), v();
+          e.preventDefault(), w(0, y.value.row), ce(0, y.value.row), g();
           return;
         case e.key === "End":
-          e.preventDefault(), ee(c - 1, h.value.row), W(c - 1, h.value.row), v();
+          e.preventDefault(), w(b - 1, y.value.row), ce(b - 1, y.value.row), g();
           return;
         case e.key === "ArrowUp":
-          e.preventDefault(), ie(0, -1), W(h.value.col, h.value.row), v();
+          e.preventDefault(), et(0, -1), ce(y.value.col, y.value.row), g();
           return;
         case e.key === "ArrowDown":
-          e.preventDefault(), ie(0, 1), W(h.value.col, h.value.row), v();
+          e.preventDefault(), et(0, 1), ce(y.value.col, y.value.row), g();
           return;
         case e.key === "ArrowLeft":
-          e.preventDefault(), ie(-1, 0), W(h.value.col, h.value.row), v();
+          e.preventDefault(), et(-1, 0), ce(y.value.col, y.value.row), g();
           return;
         case e.key === "ArrowRight":
-          e.preventDefault(), ie(1, 0), W(h.value.col, h.value.row), v();
+          e.preventDefault(), et(1, 0), ce(y.value.col, y.value.row), g();
           return;
         case e.key === "Tab":
-          e.preventDefault(), ie(n ? -1 : 1, 0), W(h.value.col, h.value.row), v();
+          e.preventDefault(), et(l ? -1 : 1, 0), ce(y.value.col, y.value.row), g();
           return;
         case e.key === "Enter":
-          e.preventDefault(), ie(0, n ? -1 : 1), W(h.value.col, h.value.row), v();
+          e.preventDefault(), et(0, l ? -1 : 1), ce(y.value.col, y.value.row), g();
           return;
         case e.key === "F2":
-          e.preventDefault(), W(h.value.col, h.value.row), ve(), v(), V();
+          e.preventDefault(), ce(y.value.col, y.value.row), at(), g(), Me();
           return;
         case e.key === "Delete":
         case e.key === "Backspace":
-          e.preventDefault(), K(), yt(), v();
+          e.preventDefault(), q(), Wl(), g();
           return;
         case e.key === "Escape":
-          e.preventDefault(), me(), v();
+          e.preventDefault(), vt(), ft.value = null, g();
           return;
-        case il(e):
-          if (At(e)) {
-            W(h.value.col, h.value.row), ve(""), v(), V();
+        case Go(e):
+          if (eo(e)) {
+            ce(y.value.col, y.value.row), at(""), g(), Me();
             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(), ce(y.value.col, y.value.row), at(e.key), g(), re(() => {
+            const n = ul.value;
+            n && (n.focus(), n.setSelectionRange(1, 1));
           });
           return;
       }
     }
-    let Nt = !1, Lt = !1;
-    function yn(e) {
+    let to = !1, lo = !1;
+    function $a(e) {
       const t = e.target.value;
-      if (!R.value) {
-        W(h.value.col, h.value.row), ve(t), v();
+      if (!A.value) {
+        ce(y.value.col, y.value.row), at(t), g();
         return;
       }
-      O.value = t;
+      K.value = t;
     }
-    function Bn() {
-      Nt = !0, R.value || (W(h.value.col, h.value.row), ve(""), v());
+    function za() {
+      to = !0, A.value || (ce(y.value.col, y.value.row), at(""), g());
     }
-    function xn(e) {
-      Nt = !1, Lt = !0, setTimeout(() => {
-        Lt = !1;
-      }, 0), O.value = e.target.value;
+    function Ha(e) {
+      to = !1, lo = !0, setTimeout(() => {
+        lo = !1;
+      }, 0), K.value = e.target.value;
     }
-    function Cn(e) {
-      if (!R.value) {
-        if (il(e) || At(e))
+    function Ia(e) {
+      if (!A.value) {
+        if (Go(e) || eo(e))
           return;
-        fl(e);
+        Po(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()));
+      if (!(to || eo(e)) && !(lo && (e.key === "Enter" || e.key === "Escape")))
+        if (e.key === "Enter" && (e.altKey || e.metaKey)) {
+          e.preventDefault();
+          const t = ul.value;
+          if (!t)
+            return;
+          const l = t.selectionStart ?? t.value.length, n = t.selectionEnd ?? t.value.length, o = t.value, r = o.slice(0, l) + `
+` + o.slice(n);
+          K.value = r, t.value = r, t.selectionStart = t.selectionEnd = l + 1, g();
+        } else
+          e.key === "Enter" ? (e.preventDefault(), rt(), et(0, 1), ce(y.value.col, y.value.row), g(), Me()) : e.key === "Tab" ? (e.preventDefault(), rt(), et(e.shiftKey ? -1 : 1, 0), ce(y.value.col, y.value.row), g(), Me()) : e.key === "Escape" && (e.preventDefault(), vt(), g(), Me());
     }
-    function Sn() {
+    function Wa(e) {
+      A.value;
+    }
+    function Na() {
       setTimeout(() => {
-        R.value && (be(), v());
+        A.value && (rt(), g());
       }, 0);
     }
-    function ct() {
+    function Cl() {
       var t;
-      const e = (t = we.value) == null ? void 0 : t.getBoundingClientRect();
+      const e = (t = ht.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 l = wt(p.width), n = wt(p.height);
+        l != null ? ge.w = l : ge.w = e.width, n != null ? ge.h = n : ge.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);
+      Ce(null, null), g();
+    }
+    let Fe = null;
+    return so(() => {
+      const e = wt(p.width), t = wt(p.height);
+      (e == null || t == null) && (Fe = new ResizeObserver(() => Cl()), ht.value && Fe.observe(ht.value)), re(() => {
+        Cl(), Me();
+      }), w(0, 0), B.value && B.value.length > 0 && (F = JSON.stringify(B.value), Z.value = B.value.map((l) => {
+        const n = sl(l.name);
+        for (const [o, r] of Object.entries(l.cells))
+          n.cells[o] = { value: r.value, style: r.style ?? null };
+        if (l.colWidths)
+          for (const [o, r] of Object.entries(l.colWidths)) {
+            const s = Number(o);
+            s >= 0 && s < b && r >= 30 && (n.colWidths[s] = 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 (l.rowHeights)
+          for (const [o, r] of Object.entries(l.rowHeights)) {
+            const s = Number(o);
+            s >= 0 && s < i && r >= 24 && (n.rowHeights[s] = 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;
+      }), Z.value.length > 0 && st(0));
+    }), Je(() => [p.width, p.height], () => {
+      const e = wt(p.width), t = wt(p.height);
+      e != null && t != null ? (Fe == null || Fe.disconnect(), Fe = null) : !Fe && ht.value && (Fe = new ResizeObserver(() => Cl()), Fe.observe(ht.value)), re(() => Cl());
+    }), Je(() => p.theme, () => g()), Je(() => ({ ...m }), () => re(Q), { deep: !1 }), Je(Se, () => re(Q)), Je(() => B.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, Z.value = e.map((l) => {
+        const n = sl(l.name);
+        for (const [o, r] of Object.entries(l.cells))
+          n.cells[o] = { value: r.value, style: r.style ?? null };
+        if (l.colWidths)
+          for (const [o, r] of Object.entries(l.colWidths)) {
+            const s = Number(o);
+            s >= 0 && s < b && r >= 30 && (n.colWidths[s] = 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 (l.rowHeights)
+          for (const [o, r] of Object.entries(l.rowHeights)) {
+            const s = Number(o);
+            s >= 0 && s < i && r >= 24 && (n.rowHeights[s] = r);
           }
-        return l;
-      }), D.value.length > 0 && ge(0), v());
-    }, { deep: !0 }), Tn(() => {
-      q == null || q.disconnect();
-    }), (e, t) => (j(), P("div", {
+        return n;
+      }), Z.value.length > 0 && st(0), g());
+    }, { deep: !0 }), ll(() => {
+      Fe == null || Fe.disconnect();
+    }), (e, t) => (x(), z("div", {
       class: "spreadsheet-outer",
-      style: Ce(Al.value)
+      style: Le(Xn.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(Si, {
+        locale: c.value,
+        "can-undo": Qo.value,
+        "can-redo": en.value,
+        "paint-fmt-active": ft.value !== null,
+        "has-selection": tn.value,
+        "font-family-options": an.value,
+        "font-size-options": rn.value,
+        "sel-font-family": sn.value,
+        "sel-font-size": Te.value,
+        "font-size-input": it.value,
+        "font-size-menu-open": bt.value,
+        "sel-font-weight": mo.value,
+        "sel-font-style": po.value,
+        "sel-underline": go.value,
+        "sel-strikethrough": yo.value,
+        "sel-text-color": On.value,
+        "text-color-menu-open": $l.value,
+        "sel-fill-color": Ln.value,
+        "fill-color-menu-open": zl.value,
+        "cached-text-color": nl.value,
+        "cached-fill-color": al.value,
+        "border-menu-open": wo.value,
+        "cached-border": Hl.value,
+        "h-align-options": dn.value,
+        "v-align-options": vn.value,
+        "sel-h-align": fn.value,
+        "sel-v-align": bn.value,
+        "sel-wrap": ho.value,
+        onUndo: t[0] || (t[0] = (l) => fo()),
+        onRedo: t[1] || (t[1] = (l) => bo()),
+        onPaintFormat: ln,
+        onClearFormat: t[2] || (t[2] = (l) => nn()),
+        onFontFamilyChange: t[3] || (t[3] = (l) => un(l)),
+        onFontSizeInput: t[4] || (t[4] = (l) => gn(l)),
+        onFontSizeBlur: yn,
+        onFontSizeKeydown: t[5] || (t[5] = (l) => wn(l)),
+        onFontSizeChange: t[6] || (t[6] = (l) => cn(l)),
+        "onUpdate:fontSizeMenuOpen": t[7] || (t[7] = (l) => bt.value = l),
+        onFontSizeToggle: t[8] || (t[8] = (l) => kn()),
+        onFontSizeStepUp: Cn,
+        onFontSizeStepDown: xn,
+        onBoldToggle: Bn,
+        onItalicToggle: Sn,
+        onUnderlineToggle: Mn,
+        onStrikethroughToggle: Rn,
+        onTextColorChange: t[9] || (t[9] = (l) => Tn(l)),
+        "onUpdate:textColorMenuOpen": t[10] || (t[10] = (l) => $l.value = l),
+        onFillColorChange: t[11] || (t[11] = (l) => Fn(l)),
+        "onUpdate:fillColorMenuOpen": t[12] || (t[12] = (l) => zl.value = l),
+        onApplyTextColor: An,
+        onApplyFillColor: En,
+        "onUpdate:borderMenuOpen": t[13] || (t[13] = (l) => Dn(l)),
+        onBorderChange: t[14] || (t[14] = (l) => ko(l)),
+        onApplyBorder: zn,
+        onHAlignChange: t[15] || (t[15] = (l) => hn(l)),
+        onVAlignChange: t[16] || (t[16] = (l) => mn(l)),
+        onWrapToggle: pn
+      }, 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", "h-align-options", "v-align-options", "sel-h-align", "sel-v-align", "sel-wrap"]),
+      d("div", Ni, [
+        d("div", Gi, Ye(Zn.value), 1),
+        d("input", {
           ref_key: "formulaBarRef",
-          ref: St,
+          ref: Pl,
           class: "formula-bar__input",
-          value: Xl.value,
-          onFocus: Yl,
-          onInput: Ul,
-          onKeydown: jl,
-          onBlur: Kl
-        }, null, 40, Zn)
+          value: Jn.value,
+          onFocus: Qn,
+          onInput: ea,
+          onKeydown: ta,
+          onBlur: la
+        }, null, 40, Pi)
       ]),
-      $("div", {
+      d("div", {
         ref_key: "wrapperRef",
-        ref: we,
+        ref: ht,
         class: "spreadsheet-wrapper"
       }, [
-        $("canvas", {
+        d("canvas", {
           ref_key: "canvasRef",
-          ref: oe,
+          ref: He,
           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: Sa,
+          onMousemove: Ma,
+          onMouseup: Ra,
+          onMouseleave: Da,
+          onDblclick: Fa,
+          onWheel: he(Aa, ["prevent"]),
+          onFocus: jn,
+          onKeydown: Po,
+          onContextmenu: Ta,
+          onTouchstart: he(Ea, ["prevent"]),
+          onTouchmove: he(Oa, ["prevent"]),
+          onTouchend: La
         }, null, 544),
-        $("input", {
+        d("textarea", {
           ref_key: "editInputRef",
-          ref: Ct,
+          ref: ul,
           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: K.value,
+          style: Le(ga.value),
+          onInput: $a,
+          onKeydown: Ia,
+          onCompositionstart: za,
+          onCompositionend: Ha,
+          onBlur: Na,
+          onPaste: Wa
+        }, null, 44, Ki),
+        St.value > 0 ? (x(), z("div", {
           key: 0,
           class: "v-scrollbar",
-          style: Ce({ top: se(y) + "px", height: `calc(100% - ${se(y) + se(Q)}px)` })
+          style: Le({ top: I(N) + "px", height: `calc(100% - ${I(N) + I(Oe)}px)` })
         }, [
-          $("button", {
+          d("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: I(C)(c.value, "scrollUp"),
+            onMousedown: t[17] || (t[17] = he((l) => {
+              Ce(null, O.value - 50), g();
             }, ["prevent"]))
-          }, [...t[8] || (t[8] = [
-            $("span", { class: "sb-arrow sb-arrow--up" }, null, -1)
-          ])], 40, Gn),
-          $("div", {
+          }, [...t[31] || (t[31] = [
+            d("span", { class: "sb-arrow sb-arrow--up" }, null, -1)
+          ])], 40, Vi),
+          d("div", {
             class: "sb-track sb-track--v",
-            onMousedown: un
+            onMousedown: xa
           }, [
-            $("div", {
+            d("div", {
               class: "sb-thumb sb-thumb--v",
-              style: Ce({ top: Dt.value + "px", height: at.value + "px" }),
-              onMousedown: an
+              style: Le({ top: Xl.value + "px", height: hl.value + "px" }),
+              onMousedown: ka
             }, null, 36)
           ], 32),
-          $("button", {
+          d("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: I(C)(c.value, "scrollDown"),
+            onMousedown: t[18] || (t[18] = he((l) => {
+              Ce(null, O.value + 50), g();
             }, ["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[32] || (t[32] = [
+            d("span", { class: "sb-arrow sb-arrow--down" }, null, -1)
+          ])], 40, Ui)
+        ], 4)) : ye("", !0),
+        Bt.value > 0 ? (x(), z("div", {
           key: 1,
           class: "h-scrollbar",
-          style: Ce({ left: se(w) + "px", width: `calc(100% - ${se(w) + se(Q)}px)` })
+          style: Le({ left: I(W) + "px", width: `calc(100% - ${I(W) + I(Oe)}px)` })
         }, [
-          $("button", {
+          d("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: I(C)(c.value, "scrollLeft"),
+            onMousedown: t[19] || (t[19] = he((l) => {
+              Ce(S.value - 50, null), g();
             }, ["prevent"]))
-          }, [...t[10] || (t[10] = [
-            $("span", { class: "sb-arrow sb-arrow--left" }, null, -1)
-          ])], 40, eo),
-          $("div", {
+          }, [...t[33] || (t[33] = [
+            d("span", { class: "sb-arrow sb-arrow--left" }, null, -1)
+          ])], 40, Yi),
+          d("div", {
             class: "sb-track sb-track--h",
-            onMousedown: sn
+            onMousedown: Ba
           }, [
-            $("div", {
+            d("div", {
               class: "sb-thumb sb-thumb--h",
-              style: Ce({ left: Tt.value + "px", width: ot.value + "px" }),
-              onMousedown: rn
+              style: Le({ left: Yl.value + "px", width: bl.value + "px" }),
+              onMousedown: Ca
             }, null, 36)
           ], 32),
-          $("button", {
+          d("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: I(C)(c.value, "scrollRight"),
+            onMousedown: t[20] || (t[20] = he((l) => {
+              Ce(S.value + 50, null), g();
             }, ["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[34] || (t[34] = [
+            d("span", { class: "sb-arrow sb-arrow--right" }, null, -1)
+          ])], 40, Xi)
+        ], 4)) : ye("", !0),
+        Bt.value > 0 && St.value > 0 ? (x(), z("div", _i)) : 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(Ei, {
+        locale: c.value,
+        sheets: Z.value,
+        "active-sheet-index": Se.value,
+        "ren-tab": mt.value,
+        "ren-tab-val": Mt.value,
+        onTabClick: t[21] || (t[21] = (l) => oa(l)),
+        onTabDblclick: t[22] || (t[22] = (l) => Fo(l)),
+        onTabContextmenu: t[23] || (t[23] = (l) => ia(l.ev, l.i)),
+        onTabRenameInput: t[24] || (t[24] = (l) => Mt.value = l),
+        onTabRenameKeydown: t[25] || (t[25] = (l) => aa(l)),
+        onTabRenameCommit: Ao,
+        onTabbarContextmenu: t[26] || (t[26] = (l) => sa(l)),
+        onAddSheet: t[27] || (t[27] = (l) => {
+          Nl(), g();
+        })
+      }, null, 8, ["locale", "sheets", "active-sheet-index", "ren-tab", "ren-tab-val"]),
+      (x(), ne(ae, { to: "body" }, [
+        ke(Nt, { name: "menu-pop" }, {
+          default: Gt(() => [
+            lt.value ? (x(), z("div", {
+              key: 0,
+              class: "context-menu",
+              style: Le({ left: lt.value.x + "px", top: lt.value.y + "px" }),
+              onClick: t[28] || (t[28] = he(() => {
+              }, ["stop"]))
+            }, [
+              (x(!0), z(Qe, null, ot(lt.value.items, (l, n) => (x(), z("div", {
+                key: n,
+                class: ie(["context-menu__item", { "context-menu__item--disabled": l.disabled }]),
+                onClick: (o) => !l.disabled && l.action && (l.action(), lt.value = null),
+                onMouseenter: (o) => ra(o, l)
+              }, [
+                d("span", qi, Ye(l.label), 1),
+                l.children ? (x(), z("span", Zi)) : ye("", !0),
+                l.children ? (x(), z("div", {
+                  key: 1,
+                  class: ie(["context-submenu", { "context-submenu--left": cl.value }])
+                }, [
+                  (x(!0), z(Qe, null, ot(l.children, (o, r) => (x(), z("div", {
+                    key: r,
+                    class: ie(["context-menu__item", { "context-menu__item--disabled": o.disabled }]),
+                    onClick: he((s) => !o.disabled && o.action && (o.action(), lt.value = null), ["stop"])
+                  }, Ye(o.label), 11, Ji))), 128))
+                ], 2)) : ye("", !0)
+              ], 42, ji))), 128))
+            ], 4)) : ye("", !0)
+          ]),
+          _: 1
+        })
+      ])),
+      (x(), ne(ae, { to: "body" }, [
+        ke(Nt, { name: "menu-pop" }, {
+          default: Gt(() => [
+            xe.value ? (x(), z("div", {
+              key: 0,
+              class: "dim-panel",
+              style: Le({ left: xe.value.x + "px", top: xe.value.y + "px" }),
+              onMousedown: t[29] || (t[29] = he(() => {
+              }, ["stop"])),
+              onClick: t[30] || (t[30] = he(() => {
+              }, ["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)
+              d("div", Qi, Ye(xe.value.type === "row" ? I(C)(c.value, "rowHeight") : I(C)(c.value, "colWidth")), 1),
+              d("div", es, [
+                d("input", {
+                  ref_key: "dimInputRef",
+                  ref: Oo,
+                  class: ie(["dim-panel__input", { "dim-panel__input--error": xe.value.error }]),
+                  type: "number",
+                  step: "1",
+                  min: "1",
+                  inputmode: "numeric",
+                  value: xe.value.value,
+                  onInput: fa,
+                  onKeydown: ba,
+                  onBlur: ha
+                }, null, 42, ts),
+                t[35] || (t[35] = d("span", { class: "dim-panel__unit" }, "px", -1))
+              ]),
+              xe.value.error ? (x(), z("div", ls, Ye(xe.value.error), 1)) : ye("", !0),
+              d("div", os, [
+                d("button", {
+                  class: "dim-panel__btn dim-panel__btn--primary",
+                  onClick: zo
+                }, Ye(I(C)(c.value, "ok")), 1),
+                d("button", {
+                  class: "dim-panel__btn",
+                  onClick: dl
+                }, Ye(I(C)(c.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"]]);
+}), is = /* @__PURE__ */ Vt(as, [["__scopeId", "data-v-c6748ebf"]]);
 export {
-  io as Spreader,
-  io as default
+  is as Spreader,
+  is as default
 };