e-virt-table 1.4.3 → 1.4.5

package/dist/index.es.js

@@ -8,13 +8,13 @@ class Oe {
     this.rules = t;
   }
   validate(t) {
-    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: a, rowIndex: l, value: c, field: d, fieldValue: f } = t;
+    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: a, rowIndex: l, value: c, field: f, fieldValue: d } = t;
     Array.isArray(this.rules) || (this.rules = [this.rules]);
     for (const u of this.rules) {
       if (u.validator) {
         const x = {
-          field: d,
-          fieldValue: f,
+          field: f,
+          fieldValue: d,
           value: c,
           column: i,
           colIndex: a,
@@ -41,8 +41,8 @@ class Oe {
         rowKey: r,
         colIndex: a,
         rowIndex: l,
-        field: d,
-        fieldValue: f,
+        field: f,
+        fieldValue: d,
         message: u.message || `${o} is pattern validation error`
       }), u.required && (c == null || c === "") && e.push({
         value: c,
@@ -52,8 +52,8 @@ class Oe {
         rowKey: r,
         colIndex: a,
         rowIndex: l,
-        field: d,
-        fieldValue: f,
+        field: f,
+        fieldValue: d,
         message: u.message || `${o} is required`
       });
     }
@@ -130,17 +130,17 @@ function le(h) {
     // 递归处理
   } : { ...t });
 }
-const Pt = /^(\r\n|\n\r|\r|\n)/, Me = /^[^\t\r\n]+/, zt = /^\t/;
+const zt = /^(\r\n|\n\r|\r|\n)/, Me = /^[^\t\r\n]+/, Pt = /^\t/;
 function Ae(h) {
   let t = [[""]];
   if (h.length === 0)
     return t;
   let e = 0, i = 0, s;
   for (; h.length > 0 && s !== h.length; )
-    if (s = h.length, h.match(zt))
-      h = h.replace(zt, ""), e += 1, t[i][e] = "";
-    else if (h.match(Pt))
-      h = h.replace(Pt, ""), e = 0, i += 1, t[i] = [""];
+    if (s = h.length, h.match(Pt))
+      h = h.replace(Pt, ""), e += 1, t[i][e] = "";
+    else if (h.match(zt))
+      h = h.replace(zt, ""), e = 0, i += 1, t[i] = [""];
     else {
       let o = "";
       if (h.startsWith('"')) {
@@ -176,7 +176,7 @@ function ce(h, t, e = []) {
     if (r === 0)
       s.push(1);
     else {
-      const a = e.reduce((c, d) => `${c}${o[d] ?? ""}`, "") || o[t], l = e.reduce((c, d) => `${c}${h[r - 1][d] ?? ""}`, "") || h[r - 1][t];
+      const a = e.reduce((c, f) => `${c}${o[f] ?? ""}`, "") || o[t], l = e.reduce((c, f) => `${c}${h[r - 1][f] ?? ""}`, "") || h[r - 1][t];
       a === l ? (s[i] += 1, s.push(0)) : (s.push(1), i = r);
     }
   }), s;
@@ -223,7 +223,7 @@ function ke(h, t = document.documentElement) {
   const e = h.startsWith("--") ? h : `--${h}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
-function Gt(h) {
+function $t(h) {
   if (!h) return /* @__PURE__ */ new Date(0);
   if (typeof h == "number")
     return new Date(h);
@@ -261,14 +261,14 @@ function Gt(h) {
     if (o) {
       const r = o.slice(1).map(Number);
       if (s.source.includes("YYYY-MM-DD") || s.source.includes("YYYY/MM/DD") || s.source.includes("YYYY.MM.DD")) {
-        const [a, l, c, d = 0, f = 0, u = 0] = r;
-        return new Date(a, l - 1, c, d, f, u);
+        const [a, l, c, f = 0, d = 0, u = 0] = r;
+        return new Date(a, l - 1, c, f, d, u);
       } else if (s.source.includes("DD-MM-YYYY") || s.source.includes("DD/MM/YYYY") || s.source.includes("DD.MM.YYYY")) {
-        const [a, l, c, d = 0, f = 0, u = 0] = r;
-        return new Date(c, l - 1, a, d, f, u);
+        const [a, l, c, f = 0, d = 0, u = 0] = r;
+        return new Date(c, l - 1, a, f, d, u);
       } else if (s.source.includes("MM-DD-YYYY") || s.source.includes("MM/DD/YYYY") || s.source.includes("MM.DD.YYYY")) {
-        const [a, l, c, d = 0, f = 0, u = 0] = r;
-        return new Date(c, a - 1, l, d, f, u);
+        const [a, l, c, f = 0, d = 0, u = 0] = r;
+        return new Date(c, a - 1, l, f, d, u);
       } else if (s.source.includes("YYYYMMDD")) {
         const [a, l, c] = r;
         return new Date(a, l - 1, c);
@@ -278,7 +278,7 @@ function Gt(h) {
   return /* @__PURE__ */ new Date(NaN);
 }
 function Be(h, t) {
-  const e = Gt(h), i = Gt(t);
+  const e = $t(h), i = $t(t);
   return isNaN(e.getTime()) && isNaN(i.getTime()) ? 0 : isNaN(e.getTime()) ? -1 : isNaN(i.getTime()) ? 1 : e.getTime() - i.getTime();
 }
 function Xe(h) {
@@ -297,7 +297,7 @@ function B(h) {
 function de(h) {
   return h.SCROLLER_TRACK_SIZE || 0;
 }
-function $t(h, t) {
+function Gt(h, t) {
   return !V(h) || !t ? 0 : de(h);
 }
 function Ke(h) {
@@ -312,7 +312,7 @@ function We(h) {
 function Ve(h, t) {
   return V(h) && t;
 }
-function Pe(h, t) {
+function ze(h, t) {
   return V(h) ? t.innerVisible || t.isFocus || t.isDragging : !0;
 }
 class fe {
@@ -381,8 +381,15 @@ class fe {
     const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), o = this.getImage(t);
     return o ? o.isInside(i, s) : !1;
   }
+  // 判断图片点击方向返回点击上下左右
+  getImageClickDirection(t, e) {
+    const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), o = this.getImage(t);
+    if (!o) return null;
+    const r = i - o.x, a = s - o.y, l = o.width / 2, c = o.height / 2;
+    return a < c ? r < l ? "up-left" : "up-right" : r < l ? "down-left" : "down-right";
+  }
 }
-class q {
+class Z {
   constructor(t, e, i, s, o, r) {
     n(this, "source");
     n(this, "name");
@@ -417,19 +424,19 @@ function kt(h) {
   const t = rt(h);
   return t === "default" || t === "inner";
 }
-function ze(h) {
+function Pe(h) {
   const t = rt(h);
   return t === "default" || t === "outer";
 }
 function St(h) {
   return rt(h) === "default";
 }
-function Ge(h, t) {
+function $e(h, t) {
   return St(h) || t;
 }
 class ue extends fe {
-  constructor(e, i, s, o, r, a, l, c, d, f = "body", u = !0) {
-    super(e, o, r, a, l, f, c.fixed);
+  constructor(e, i, s, o, r, a, l, c, f, d = "body", u = !0) {
+    super(e, o, r, a, l, d, c.fixed);
     n(this, "parentRowKey", "");
     n(this, "parentRowKeys", []);
     n(this, "formatter");
@@ -499,7 +506,7 @@ class ue extends fe {
     n(this, "mixedRender", !1);
     n(this, "renderType", "default");
     n(this, "renderFooterType", "default");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "", this.editorType = c.editorType || "text", this.selectorCellValueType = c.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = c.editorProps || {}, this.cellType = f, this.align = c.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = c.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = c.fixed || "", this.level = c.level || 0, this.operation = c.operation || !1, this.column = c, this.rules = c.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.autoRowHeight = c.autoRowHeight !== void 0 ? c.autoRowHeight : this.ctx.config.AUTO_ROW_HEIGHT, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.maxLineClamp = c.maxLineClamp || "auto", this.precision = c.precision, this.min = c.min, this.max = c.max, this.maxlength = c.maxlength, this.mixedRender = c.mixedRender || !1, this.renderType = c.renderType || "default", this.renderFooterType = c.renderFooterType || "default";
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "", this.editorType = c.editorType || "text", this.selectorCellValueType = c.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = c.editorProps || {}, this.cellType = d, this.align = c.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = c.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = c.fixed || "", this.level = c.level || 0, this.operation = c.operation || !1, this.column = c, this.rules = c.rules || [], this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.autoRowHeight = c.autoRowHeight !== void 0 ? c.autoRowHeight : this.ctx.config.AUTO_ROW_HEIGHT, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.maxLineClamp = c.maxLineClamp || "auto", this.precision = c.precision, this.min = c.min, this.max = c.max, this.maxlength = c.maxlength, this.mixedRender = c.mixedRender || !1, this.renderType = c.renderType || "default", this.renderFooterType = c.renderFooterType || "default";
     const x = this.ctx.database.getRowForRowKey(this.rowKey);
     this.cellType === "body" && x && (this.parentRowKey = x.parentRowKey, this.parentRowKeys = x.parentRowKeys), u && this.update();
   }
@@ -624,29 +631,29 @@ class ue extends fe {
     let o, r = 0, a = "";
     if (!(["tree", "selection-tree", "tree-selection"].includes(this.type) && s === "body"))
       return;
-    const l = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = l || {};
-    this.rowExpand = c, this.rowHasChildren = d;
+    const l = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: f = !1, expandLoading: d = !1, level: u = 0 } = l || {};
+    this.rowExpand = c, this.rowHasChildren = f;
     const { TREE_INDENT: x = 16, CHECKBOX_SIZE: g, TREE_ICON_SIZE: E } = this.ctx.config;
-    if (r = u * x, f) {
+    if (r = u * x, d) {
       const _ = this.ctx.icons.get("loading");
       a = "loading", o = _;
-    } else if (d) {
+    } else if (f) {
       const _ = this.ctx.icons.get("expand"), R = this.ctx.icons.get("shrink");
       o = c ? R : _, a = c ? "shrink" : "expand";
     }
-    let m = E, w = E, y = this.drawX;
-    (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - m - 2 * e) / 2, this.align = "left");
-    let b = y + r + e, p = this.drawY + (this.visibleHeight - w) / 2, C = r + this.drawX + m - 0.5;
-    const v = this.getImage("selection"), I = this.getImage("drag"), T = I ? I.width : 0;
-    if (this.type === "selection-tree" && v) {
-      const _ = v.x, R = v.width;
-      b = r + _ + R, C = b + m - e / 2;
-    } else this.type === "tree-selection" ? (b += T, C = b + g + m - e / 2) : (b += T, C = b + m - e / 2);
-    this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(b + m + e > this.drawX + this.visibleWidth) && (p + w + e > this.drawY + this.visibleHeight || this.setImage("tree", new q(a, b, p, m, w, o)));
+    let w = E, m = E, y = this.drawX;
+    (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - w - 2 * e) / 2, this.align = "left");
+    let b = y + r + e, p = this.drawY + (this.visibleHeight - m) / 2, C = r + this.drawX + w - 0.5;
+    const I = this.getImage("selection"), v = this.getImage("drag"), T = v ? v.width : 0;
+    if (this.type === "selection-tree" && I) {
+      const _ = I.x, R = I.width;
+      b = r + _ + R, C = b + w - e / 2;
+    } else this.type === "tree-selection" ? (b += T, C = b + g + w - e / 2) : (b += T, C = b + w - e / 2);
+    this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(b + w + e > this.drawX + this.visibleWidth) && (p + m + e > this.drawY + this.visibleHeight || this.setImage("tree", new Z(a, b, p, w, m, o)));
   }
   updateDragImage() {
     if (this.cellType === "body" && this.column.dragRow) {
-      const { DRAG_ROW_ICON_SIZE: e, CELL_PADDING: i } = this.ctx.config, s = this.drawX + i / 2, o = this.drawY + (this.visibleHeight - e) / 2, r = new q("drag", s, o, e, e, this.ctx.icons.get("drag"));
+      const { DRAG_ROW_ICON_SIZE: e, CELL_PADDING: i } = this.ctx.config, s = this.drawX + i / 2, o = this.drawY + (this.visibleHeight - e) / 2, r = new Z("drag", s, o, e, e, this.ctx.icons.get("drag"));
       this.rowspan === 0 && r.setVisible(!1), this.setImage("drag", r);
     }
   }
@@ -655,13 +662,13 @@ class ue extends fe {
     if (!e || this.cellType !== "body" || !["tree", "selection-tree", "tree-selection"].includes(this.type) || this.rowspan === 0 || this.colspan === 0) return;
     const r = this.ctx.database.getRowForRowKey(this.rowKey) || {}, a = r.level ?? 0, l = this.getImage("tree");
     if (!l) return;
-    const c = l.x, d = l.y, f = l.width, u = l.height, x = c + f / 2, g = d + u / 2;
+    const c = l.x, f = l.y, d = l.width, u = l.height, x = c + d / 2, g = f + u / 2;
     let E = c - a * i;
-    const m = Array.isArray(r.parentRowKeys) ? r.parentRowKeys : [];
+    const w = Array.isArray(r.parentRowKeys) ? r.parentRowKeys : [];
     if (a > 0) {
       for (let C = 0; C < a - 1; C += 1) {
-        const v = m[C + 1];
-        if (!!(v ? this.ctx.database.getRowForRowKey(v) || {} : {}).isLastChild) continue;
+        const I = w[C + 1];
+        if (!!(I ? this.ctx.database.getRowForRowKey(I) || {} : {}).isLastChild) continue;
         const _ = Math.round(c - (a - C) * i + s / 2);
         this.ctx.paint.drawLine([_, this.drawY, _, this.drawY + this.visibleHeight], {
           borderColor: o,
@@ -670,8 +677,8 @@ class ue extends fe {
           lineDashOffset: 0
         });
       }
-      const w = Math.round(c - i + s / 2), b = !!r.isLastChild ? g : this.drawY + this.visibleHeight;
-      this.ctx.paint.drawLine([w, this.drawY, w, b], {
+      const m = Math.round(c - i + s / 2), b = !!r.isLastChild ? g : this.drawY + this.visibleHeight;
+      this.ctx.paint.drawLine([m, this.drawY, m, b], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -686,8 +693,8 @@ class ue extends fe {
       });
     }
     if (r.hasChildren && r.expand) {
-      const w = d + u, y = this.drawY + this.visibleHeight;
-      this.ctx.paint.drawLine([x, w, x, y], {
+      const m = f + u, y = this.drawY + this.visibleHeight;
+      this.ctx.paint.drawLine([x, m, x, y], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -705,13 +712,13 @@ class ue extends fe {
       BODY_TEXT_COLOR: a,
       FOOTER_TEXT_COLOR: l,
       FOOTER_BG_COLOR: c,
-      HIGHLIGHT_SELECTED_ROW: d,
-      HIGHLIGHT_SELECTED_ROW_COLOR: f,
+      HIGHLIGHT_SELECTED_ROW: f,
+      HIGHLIGHT_SELECTED_ROW_COLOR: d,
       HIGHLIGHT_HOVER_ROW: u,
       HIGHLIGHT_HOVER_ROW_COLOR: x,
       STRIPE: g,
       STRIPE_COLOR: E,
-      FINDER_CELL_BG_COLOR: m
+      FINDER_CELL_BG_COLOR: w
     } = this.ctx.config;
     if (this.cellType === "footer") {
       let S = c, O = l;
@@ -728,16 +735,16 @@ class ue extends fe {
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = S, this.drawTextColor = O;
       return;
     }
-    let w = "transparent";
+    let m = "transparent";
     const y = this.ctx.hoverCell, b = this.ctx.currentCell;
     let p = this.rowIndex, C = this.rowIndex;
-    if (this.rowspan !== 1 && (u || d)) {
+    if (this.rowspan !== 1 && (u || f)) {
       const S = this.getSpanInfo(), { yArr: O } = S;
       p = O[0], C = O[1];
     }
-    u && y && !this.ctx.dragRowIng && (y.rowKey === this.rowKey && (w = x), y.rowIndex >= p && y.rowIndex <= C && (w = x)), d && b && !this.ctx.dragRowIng && (b.rowKey === this.rowKey && (w = f), b.rowIndex >= p && b.rowIndex <= C && (w = f)), this.drawCellSkyBgColor = w;
-    let v = e, I = a;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (v = i, I = r), g && (this.rowIndex % 2 ? v = E : v = e), typeof s == "function") {
+    u && y && !this.ctx.dragRowIng && (y.rowKey === this.rowKey && (m = x), y.rowIndex >= p && y.rowIndex <= C && (m = x)), f && b && !this.ctx.dragRowIng && (b.rowKey === this.rowKey && (m = d), b.rowIndex >= p && b.rowIndex <= C && (m = d)), this.drawCellSkyBgColor = m;
+    let I = e, v = a;
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (I = i, v = r), g && (this.rowIndex % 2 ? I = E : I = e), typeof s == "function") {
       const S = s, { backgroundColor: O, color: M, font: L } = S({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -746,42 +753,42 @@ class ue extends fe {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      O && (v = O), M && (I = M), L && (this.drawTextFont = L);
+      O && (I = O), M && (v = M), L && (this.drawTextFont = L);
     }
     const { rowIndex: T, colIndex: _, type: R } = this.ctx.finderBar;
-    T === this.rowIndex && _ === this.colIndex && R === "body" && (v = m), this.drawCellBgColor = v, this.drawTextColor = I;
+    T === this.rowIndex && _ === this.colIndex && R === "body" && (I = w), this.drawCellBgColor = I, this.drawTextColor = v;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: l, rowKey: c } = this;
     if (s === 0 || o === 0 || r === "footer" || !["index-selection", "selection", "selection-tree", "tree-selection"].includes(a))
       return;
-    const d = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: f = 0, CELL_PADDING: u } = this.ctx.config;
+    const f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: d = 0, CELL_PADDING: u } = this.ctx.config;
     let x = this.drawX + u;
-    (this.align === "center" || this.align === "right") && (x = this.drawX + (e - f) / 2);
-    let g = x, E = this.drawY + (i - f) / 2;
+    (this.align === "center" || this.align === "right") && (x = this.drawX + (e - d) / 2);
+    let g = x, E = this.drawY + (i - d) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: C = 16, TREE_ICON_SIZE: v } = this.ctx.config, I = this.ctx.database.getRowForRowKey(c), { level: T = 0 } = I || {}, _ = T * C;
-        g = x + v + _;
+        const { TREE_INDENT: C = 16, TREE_ICON_SIZE: I } = this.ctx.config, v = this.ctx.database.getRowForRowKey(c), { level: T = 0 } = v || {}, _ = T * C;
+        g = x + I + _;
       }
     }
-    let m = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
+    let w = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck";
     if (a === "selection-tree" || a === "tree-selection") {
       const C = this.ctx.database.getTreeSelectionState(c);
-      C.indeterminate && d ? (m = this.ctx.icons.get("checkbox-indeterminate"), w = "checkbox-indeterminate") : C.checked && d ? (m = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : !C.checked && d ? (m = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (m = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled");
+      C.indeterminate && f ? (w = this.ctx.icons.get("checkbox-indeterminate"), m = "checkbox-indeterminate") : C.checked && f ? (w = this.ctx.icons.get("checkbox-check"), m = "checkbox-check") : !C.checked && f ? (w = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), m = "checkbox-disabled");
     } else {
       const C = this.ctx.database.getRowSelection(c);
-      C && d ? (m = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : C && !d ? (m = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !C && d ? (m = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (m = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled");
+      C && f ? (w = this.ctx.icons.get("checkbox-check"), m = "checkbox-check") : C && !f ? (w = this.ctx.icons.get("checkbox-check-disabled"), m = "checkbox-check-disabled") : !C && f ? (w = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), m = "checkbox-disabled");
     }
     const y = this.getImage("drag"), b = y ? y.width : 0;
-    if (g += b, g + f + u > this.drawX + this.visibleWidth || E + f + u > this.drawY + this.visibleHeight)
+    if (g += b, g + d + u > this.drawX + this.visibleWidth || E + d + u > this.drawY + this.visibleHeight)
       return;
-    const p = new q(w, g, E, f, f, m);
+    const p = new Z(m, g, E, d, d, w);
     if (a === "index-selection") {
-      p.setVisible(!1), (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(w)) && p.setVisible(!0);
-      let C = this.rowIndex, v = this.rowIndex;
-      const I = this.ctx.hoverCell, T = this.getSpanInfo(), { yArr: _ } = T;
-      C = _[0], v = _[1], I && I.rowIndex >= C && I.rowIndex <= v && p.setVisible(!0);
+      p.setVisible(!1), (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(m)) && p.setVisible(!0);
+      let C = this.rowIndex, I = this.rowIndex;
+      const v = this.ctx.hoverCell, T = this.getSpanInfo(), { yArr: _ } = T;
+      C = _[0], I = _[1], v && v.rowIndex >= C && v.rowIndex <= I && p.setVisible(!0);
     }
     this.setImage("selection", p);
   }
@@ -805,12 +812,12 @@ class ue extends fe {
       if (a.rowKey === this.rowKey && (l = this.drawX + this.width - s - o, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
         const u = this.getSpanInfo(), { yArr: x } = u, g = x[0], E = x[1];
         if (a.rowIndex >= g && a.rowIndex <= E) {
-          const { width: m, height: w, offsetTop: y, offsetLeft: b } = u;
-          l = this.drawX - b + m - s - o, c = this.drawY - y + (w - s) / 2;
+          const { width: w, height: m, offsetTop: y, offsetLeft: b } = u;
+          l = this.drawX - b + w - s - o, c = this.drawY - y + (m - s) / 2;
         }
       }
-      const d = this.ctx.icons.get(this.hoverIconName), f = new q(this.hoverIconName, l, c, s, s, d);
-      (this.rowspan === 0 || this.colspan === 0) && f.setVisible(!1), this.setImage("hover", f);
+      const f = this.ctx.icons.get(this.hoverIconName), d = new Z(this.hoverIconName, l, c, s, s, f);
+      (this.rowspan === 0 || this.colspan === 0) && d.setVisible(!1), this.setImage("hover", d);
     }
   }
   /**
@@ -961,9 +968,9 @@ class ue extends fe {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: o } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: r, yArr: a } = this.ctx.selector, l = r[1], c = a[1], { colIndex: d, rowIndex: f, drawX: u, drawY: x } = this;
-    if (d === l && f === c) {
-      const E = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
+    const { xArr: r, yArr: a } = this.ctx.selector, l = r[1], c = a[1], { colIndex: f, rowIndex: d, drawX: u, drawY: x } = this;
+    if (f === l && d === c) {
+      const E = f === this.ctx.maxColIndex || d === this.ctx.maxRowIndex || f === this.ctx.lastCenterColIndex ? 6 : 4;
       this.ctx.paint.drawRect(u + this.width - E, x + this.height - E, 6, 6, {
         borderColor: o,
         fillColor: e
@@ -993,7 +1000,7 @@ class ue extends fe {
     if (!this.ctx.database.getReadonly(this.rowKey, this.key) && r && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (a = r, l = s), ["", null, void 0].includes(a))
       return !1;
     typeof a != "string" && (a = `${a}`);
-    const d = `${a}_${this.drawTextWidth}_${this.drawTextFont}`;
+    const f = `${a}_${this.drawTextWidth}_${this.drawTextFont}`;
     return this.ellipsis = this.ctx.paint.drawText(
       a,
       this.drawTextX,
@@ -1009,12 +1016,12 @@ class ue extends fe {
         autoRowHeight: this.autoRowHeight,
         lineHeight: o,
         maxLineClamp: this.maxLineClamp,
-        cacheTextKey: d,
-        layoutCallback: (f) => {
+        cacheTextKey: f,
+        layoutCallback: (d) => {
           this.ctx.emit(
             "registerTextLayout",
             `${this.cellType}-${this.rowIndex}-${this.colIndex}`,
-            f
+            d
           );
         }
       }
@@ -1068,11 +1075,11 @@ class ue extends fe {
       fillColor: "transparent",
       borderWidth: 1
     });
-    const [a, l] = i, [c, d] = s;
-    !(a === l && c === d) && this.colIndex >= a && this.colIndex <= l && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
+    const [a, l] = i, [c, f] = s;
+    !(a === l && c === f) && this.colIndex >= a && this.colIndex <= l && this.rowIndex >= c && this.rowIndex <= f && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
       borderColor: "transparent",
       fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)"
-    }), this.operation && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
+    }), this.operation && this.rowIndex >= c && this.rowIndex <= f && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
       borderColor: "transparent",
       fillColor: this.ctx.config.SELECT_ROW_COL_BG_COLOR || "transparent"
     });
@@ -1098,13 +1105,13 @@ class ue extends fe {
   }
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: l } = this;
-    let c = i, d = s;
-    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: g = 1, borderColor: E, fillColor: m } = e, w = f[0], y = f[1], b = u[0], p = u[1];
-    if (r >= w && r <= y && o === b) {
-      const C = r === y ? 1 : 0, v = r === w ? 1 : 0;
-      this.ctx.paint.drawLine([c + v, d + 1, c + l - C, d + 1], {
+    let c = i, f = s;
+    const { xArr: d, yArr: u, lineDash: x = [], borderWidth: g = 1, borderColor: E, fillColor: w } = e, m = d[0], y = d[1], b = u[0], p = u[1];
+    if (r >= m && r <= y && o === b) {
+      const C = r === y ? 1 : 0, I = r === m ? 1 : 0;
+      this.ctx.paint.drawLine([c + I, f + 1, c + l - C, f + 1], {
         borderColor: E,
-        fillColor: m,
+        fillColor: w,
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
@@ -1112,32 +1119,32 @@ class ue extends fe {
       });
     }
     if (r === y && o >= b && o <= p) {
-      const C = o === b ? 1 : 0, v = o === p ? 1 : 0;
-      this.ctx.paint.drawLine([c + l - 1, d + C, c + l - 1, d + a - v], {
+      const C = o === b ? 1 : 0, I = o === p ? 1 : 0;
+      this.ctx.paint.drawLine([c + l - 1, f + C, c + l - 1, f + a - I], {
         borderColor: E,
-        fillColor: m,
+        fillColor: w,
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: x
       });
     }
-    if (r >= w && r <= y && o === p) {
-      const C = r === y ? 1 : 0, v = r === w ? 1 : 0;
-      this.ctx.paint.drawLine([c + v, d + a - 1, c + l - C, d + a - 1], {
+    if (r >= m && r <= y && o === p) {
+      const C = r === y ? 1 : 0, I = r === m ? 1 : 0;
+      this.ctx.paint.drawLine([c + I, f + a - 1, c + l - C, f + a - 1], {
         borderColor: E,
-        fillColor: m,
+        fillColor: w,
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: x
       });
     }
-    if (r === w && o >= b && o <= p) {
-      const C = o === p ? 1 : 0, v = o === b ? 1 : 0;
-      this.ctx.paint.drawLine([c + 1, d + v, c + 1, d + a - C], {
+    if (r === m && o >= b && o <= p) {
+      const C = o === p ? 1 : 0, I = o === b ? 1 : 0;
+      this.ctx.paint.drawLine([c + 1, f + I, c + 1, f + a - C], {
         borderColor: E,
-        fillColor: m,
+        fillColor: w,
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
@@ -1146,7 +1153,7 @@ class ue extends fe {
     }
   }
 }
-class $e {
+class Ge {
   constructor(t, e) {
     n(this, "ctx");
     n(this, "data");
@@ -1221,17 +1228,17 @@ class $e {
       CELL_HEIGHT: a,
       SELECTABLE_METHOD: l,
       CHECKBOX_KEY: c,
-      TREE_CHILDREN_KEY: d
+      TREE_CHILDREN_KEY: f
     } = this.ctx.config;
-    t.forEach((f, u) => {
+    t.forEach((d, u) => {
       var b;
-      d !== "children" && (f.children = f[d]);
-      const x = f[o], g = x ?? ae();
-      this.itemRowKeyMap.set(f, g);
-      const E = f._height || a, m = f._readonly;
-      let w = !0;
-      if (typeof l == "function" && (w = l), c) {
-        const p = f[c];
+      f !== "children" && (d.children = d[f]);
+      const x = d[o], g = x ?? ae();
+      this.itemRowKeyMap.set(d, g);
+      const E = d._height || a, w = d._readonly;
+      let m = !0;
+      if (typeof l == "function" && (m = l), c) {
+        const p = d[c];
         if (this.checkboxKeyMap.has(p)) {
           const C = this.checkboxKeyMap.get(p) || [];
           C.push(g), this.checkboxKeyMap.set(p, C);
@@ -1239,29 +1246,29 @@ class $e {
           this.checkboxKeyMap.set(p, [g]);
       }
       this.selectionMap.set(g, {
-        key: c ? f[c] : g,
-        row: f,
+        key: c ? d[c] : g,
+        row: d,
         check: ((b = this.selectionMap.get(g)) == null ? void 0 : b.check) || !1
       });
-      const y = r || this.expandMap.get(g) || f._expand || !1;
+      const y = r || this.expandMap.get(g) || d._expand || !1;
       this.expandMap.set(g, y), this.rowKeyMap.set(g, {
-        readonly: m,
+        readonly: w,
         index: u,
         rowIndex: u,
         level: e,
         height: E,
         calculatedHeight: -1,
         check: !1,
-        selectable: w,
+        selectable: m,
         expand: y,
         expandLazy: !1,
-        hasChildren: f._hasChildren || (Array.isArray(f.children) ? f.children.length > 0 : !1),
+        hasChildren: d._hasChildren || (Array.isArray(d.children) ? d.children.length > 0 : !1),
         expandLoading: !1,
-        item: f,
+        item: d,
         parentRowKeys: i,
         parentRowKey: i[i.length - 1] || "",
         isLastChild: u === s - 1
-      }), Array.isArray(f.children) && f.children.length && this.initData(f.children, e + 1, [...i, g]);
+      }), Array.isArray(d.children) && d.children.length && this.initData(d.children, e + 1, [...i, g]);
     });
   }
   /**
@@ -1311,16 +1318,16 @@ class $e {
   }
   generateColumns(t) {
     const e = (i) => i.map((s) => {
-      var c, d, f, u, x, g, E, m;
+      var c, f, d, u, x, g, E, w;
       const o = s.children && Array.isArray(s.children) ? e(s.children) : void 0, r = {
-        hide: (d = (c = this.customHeader) == null ? void 0 : c.hideData) == null ? void 0 : d[s.key],
-        fixed: (u = (f = this.customHeader) == null ? void 0 : f.fixedData) == null ? void 0 : u[s.key],
+        hide: (f = (c = this.customHeader) == null ? void 0 : c.hideData) == null ? void 0 : f[s.key],
+        fixed: (u = (d = this.customHeader) == null ? void 0 : d.fixedData) == null ? void 0 : u[s.key],
         sort: (g = (x = this.customHeader) == null ? void 0 : x.sortData) == null ? void 0 : g[s.key],
-        width: (m = (E = this.customHeader) == null ? void 0 : E.resizableData) == null ? void 0 : m[s.key]
+        width: (w = (E = this.customHeader) == null ? void 0 : E.resizableData) == null ? void 0 : w[s.key]
       }, a = {};
-      for (const [w, y] of Object.entries(r))
-        y !== void 0 && (a[w] = y);
-      const l = o && o.every((w) => w.hide);
+      for (const [m, y] of Object.entries(r))
+        y !== void 0 && (a[m] = y);
+      const l = o && o.every((m) => m.hide);
       return {
         ...s,
         children: o,
@@ -1358,12 +1365,12 @@ class $e {
     const i = (o) => {
       o == null || o.forEach((r) => {
         t.push(r);
-        const a = this.itemRowKeyMap.get(r), { expand: l, hasChildren: c, height: d, calculatedHeight: f } = this.rowKeyMap.get(a), u = this.sumHeight, x = Math.max(f, d);
+        const a = this.itemRowKeyMap.get(r), { expand: l, hasChildren: c, height: f, calculatedHeight: d } = this.rowKeyMap.get(a), u = this.sumHeight, x = Math.max(d, f);
         this.sumHeight += x, this.rowIndexRowKeyMap.set(e, a), this.rowKeyRowIndexMap.set(a, e), this.positions.push({
           top: u,
           height: x,
           bottom: this.sumHeight,
-          calculatedHeight: f
+          calculatedHeight: d
         }), e += 1, l && c && i(r.children);
       });
     };
@@ -1446,11 +1453,11 @@ class $e {
       if (typeof s == "function")
         c = s(o, r);
       else if (s === "number") {
-        const d = Number(a) || 0, f = Number(l) || 0;
-        c = d - f;
+        const f = Number(a) || 0, d = Number(l) || 0;
+        c = f - d;
       } else if (s === "string") {
-        const d = String(a || ""), f = String(l || "");
-        c = d.localeCompare(f);
+        const f = String(a || ""), d = String(l || "");
+        c = f.localeCompare(d);
       } else s === "date" && (c = Be(a, l));
       return i === "asc" ? c : -c;
     });
@@ -1566,21 +1573,21 @@ class $e {
     const a = /* @__PURE__ */ new Map(), l = [];
     let c = [];
     for (const g of t) {
-      const { rowKey: E, key: m } = g;
-      let w = g.value;
-      const y = this.getRowDataItemForRowKey(E), b = this.getItemValue(E, m), p = this.getVirtualBodyCellByKey(E, m), C = {
+      const { rowKey: E, key: w } = g;
+      let m = g.value;
+      const y = this.getRowDataItemForRowKey(E), b = this.getItemValue(E, w), p = this.getVirtualBodyCellByKey(E, w), C = {
         ...g,
         oldValue: b,
         row: y
       };
       if ((p == null ? void 0 : p.type) === "number")
-        if (["", void 0, null].includes(w))
-          w = null;
-        else if (/^-?\d+(\.\d+)?$/.test(String(w))) {
-          const v = Xe(w);
-          if (typeof p.precision == "number" && p.precision >= 0 && v > p.precision) {
-            const I = 10 ** p.precision;
-            w = Math.round(Number(w) * I) / I;
+        if (["", void 0, null].includes(m))
+          m = null;
+        else if (/^-?\d+(\.\d+)?$/.test(String(m))) {
+          const I = Xe(m);
+          if (typeof p.precision == "number" && p.precision >= 0 && I > p.precision) {
+            const v = 10 ** p.precision;
+            m = Math.round(Number(m) * v) / v;
             const T = this.ctx.locale.getText("numberTruncated", { precision: p.precision });
             l.push({
               ...C,
@@ -1588,44 +1595,44 @@ class $e {
               code: "ERR_NUMBER_PRECISION",
               message: T
             });
-          } else if (typeof p.min == "number" && Number(w) < p.min) {
-            const I = this.ctx.locale.getText("numberMin", { min: p.min });
-            w = p.min, l.push({
+          } else if (typeof p.min == "number" && Number(m) < p.min) {
+            const v = this.ctx.locale.getText("numberMin", { min: p.min });
+            m = p.min, l.push({
               ...C,
               column: p == null ? void 0 : p.column,
               code: "ERR_NUMBER_MIN",
-              message: I
+              message: v
             });
-          } else if (typeof p.max == "number" && Number(w) > p.max) {
-            const I = this.ctx.locale.getText("numberMax", { max: p.max });
-            w = p.max, l.push({
+          } else if (typeof p.max == "number" && Number(m) > p.max) {
+            const v = this.ctx.locale.getText("numberMax", { max: p.max });
+            m = p.max, l.push({
               ...C,
               column: p == null ? void 0 : p.column,
               code: "ERR_NUMBER_MAX",
-              message: I
+              message: v
             });
           } else
-            w = Number(w);
+            m = Number(m);
         } else
-          w = b, l.push({
+          m = b, l.push({
             ...C,
             column: p == null ? void 0 : p.column,
             code: "ERR_INVALID_NUMBER",
             message: this.ctx.locale.getText("invalidNumber")
           });
-      else if ((p == null ? void 0 : p.editorType) === "text" && typeof p.maxlength == "number" && String(w).length > p.maxlength) {
-        w = String(w).slice(0, p.maxlength);
-        const v = this.ctx.locale.getText("stringMaxlength", { maxlength: p.maxlength });
+      else if ((p == null ? void 0 : p.editorType) === "text" && typeof p.maxlength == "number" && String(m).length > p.maxlength) {
+        m = String(m).slice(0, p.maxlength);
+        const I = this.ctx.locale.getText("stringMaxlength", { maxlength: p.maxlength });
         l.push({
           ...C,
           column: p == null ? void 0 : p.column,
           code: "ERR_STRING_MAXLENGTH",
-          message: v
+          message: I
         });
       }
-      w !== b && c.push({
+      m !== b && c.push({
         ...g,
-        value: w,
+        value: m,
         oldValue: b,
         row: y
       });
@@ -1640,21 +1647,21 @@ class $e {
     }
     if (!c.length)
       return;
-    const { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
-    s === "none" && typeof d == "function" && (c = await d(c), r = !1);
-    const f = [];
+    const { BEFORE_VALUE_CHANGE_METHOD: f } = this.ctx.config;
+    s === "none" && typeof f == "function" && (c = await f(c), r = !1);
+    const d = [];
     c.forEach((g) => {
-      f.push(this.getValidator(g.rowKey, g.key));
-      const { value: E, rowKey: m, key: w, row: y } = g, b = this.getItemValue(m, w);
-      a.set(m, y), this.setItemValue(m, w, E, !1, !1, !1, r), o.push({
-        rowKey: m,
-        key: w,
+      d.push(this.getValidator(g.rowKey, g.key));
+      const { value: E, rowKey: w, key: m, row: y } = g, b = this.getItemValue(w, m);
+      a.set(w, y), this.setItemValue(w, m, E, !1, !1, !1, r), o.push({
+        rowKey: w,
+        key: m,
         oldValue: b,
         newValue: E
       });
     });
     const u = Array.from(a.values());
-    await Promise.all(f), this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
+    await Promise.all(d), this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
     const x = c.map((g) => {
       const E = !!this.getValidationError(g.rowKey, g.key).length;
       return {
@@ -1684,24 +1691,24 @@ class $e {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: l } = this.rowKeyMap.get(t);
-    let c = l[e], d = i;
+    let c = l[e], f = i;
     if (a && this.ctx.database.getReadonly(t, e))
       return {
         oldValue: c,
         newValue: c
       };
     l[e] !== null && typeof l[e] == "object" && (c = JSON.parse(JSON.stringify(l[e])));
-    const f = `${t}​_${e}`;
-    this.originalDataMap.has(f) || this.originalDataMap.set(f, c);
-    const u = this.originalDataMap.get(f), x = this.getRowDataItemForRowKey(t), g = {
+    const d = `${t}​_${e}`;
+    this.originalDataMap.has(d) || this.originalDataMap.set(d, c);
+    const u = this.originalDataMap.get(d), x = this.getRowDataItemForRowKey(t), g = {
       rowKey: t,
       key: e,
-      value: d,
+      value: f,
       oldValue: c,
       row: x
     };
     if (r) {
-      if (d === c)
+      if (f === c)
         return {
           oldValue: c,
           newValue: c
@@ -1711,13 +1718,13 @@ class $e {
         originalValue: u
       });
     } else
-      this.changedDataMap.set(f, d), l[e] = d;
+      this.changedDataMap.set(d, f), l[e] = f;
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       ...g,
       originalValue: u
     }), o && this.ctx.emit("draw"), {
       oldValue: c,
-      newValue: d
+      newValue: f
     };
   }
   /**
@@ -1831,22 +1838,22 @@ class $e {
       return { checked: s, indeterminate: !1 };
     let r = !1, a = s;
     if (this.ctx.config.TREE_SELECT_MODE === "auto") {
-      const c = (m) => {
-        const w = this.getTreeChildren(m);
+      const c = (w) => {
+        const m = this.getTreeChildren(w);
         let y = [];
-        for (const b of w)
+        for (const b of m)
           y.push(b), y.push(...c(b));
         return y;
-      }, f = c(t).map((m) => this.selectionMap.get(m)), u = f.filter((m) => m == null ? void 0 : m.check).length, x = f.length, g = u > 0;
+      }, d = c(t).map((w) => this.selectionMap.get(w)), u = d.filter((w) => w == null ? void 0 : w.check).length, x = d.length, g = u > 0;
       r = g && !(u === x), a = s || g, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else if (this.ctx.config.TREE_SELECT_MODE === "cautious") {
-      const c = (m) => {
-        const w = this.getTreeChildren(m);
+      const c = (w) => {
+        const m = this.getTreeChildren(w);
         let y = [];
-        for (const b of w)
+        for (const b of m)
           y.push(b), y.push(...c(b));
         return y;
-      }, f = c(t).map((m) => this.selectionMap.get(m)), u = f.filter((m) => m == null ? void 0 : m.check).length, x = f.length, g = u > 0, E = u === x;
+      }, d = c(t).map((w) => this.selectionMap.get(w)), u = d.filter((w) => w == null ? void 0 : w.check).length, x = d.length, g = u > 0, E = u === x;
       r = g && !E, a = s || E, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else this.ctx.config.TREE_SELECT_MODE === "strictly" && (r = !1, a = s);
     return { checked: a, indeterminate: r };
@@ -1958,16 +1965,16 @@ class $e {
         rowIndex: u.rowIndex
       })), g && (o += 1);
     });
-    const l = r > i && s === 0 && a, c = o && o > s && s > 0 || l, d = o !== 0, f = !!o && o === s;
+    const l = r > i && s === 0 && a, c = o && o > s && s > 0 || l, f = o !== 0, d = !!o && o === s;
     return this.bufferCheckState = {
       buffer: !0,
-      check: f,
+      check: d,
       indeterminate: c,
-      selectable: d
+      selectable: f
     }, {
-      check: f,
+      check: d,
       indeterminate: c,
-      selectable: d
+      selectable: f
     };
   }
   /**
@@ -2060,15 +2067,15 @@ class $e {
       return !0;
     const r = s.readonly, a = o.readonly, { BODY_CELL_READONLY_METHOD: l } = this.ctx.config;
     if (typeof l == "function" && o) {
-      const d = l({
+      const f = l({
         row: s.item,
         rowIndex: s.rowIndex,
         colIndex: o.colIndex,
         column: o.column,
         value: this.getItemValue(t, e)
       });
-      if (d !== void 0)
-        return d;
+      if (f !== void 0)
+        return f;
     }
     return a || r;
   }
@@ -2088,17 +2095,17 @@ class $e {
       const l = r.column;
       let c = l.rules;
       if (typeof a == "function") {
-        const f = a({
+        const d = a({
           row: o.item,
           rowIndex: o.rowIndex,
           colIndex: r.colIndex,
           column: l,
           value: this.getItemValue(t, e)
         });
-        f && (c = f);
+        d && (c = d);
       }
       if (c) {
-        const d = {
+        const f = {
           row: o.item,
           rowIndex: o.rowIndex,
           colIndex: r.colIndex,
@@ -2108,7 +2115,7 @@ class $e {
           value: this.getItemValue(t, e),
           field: e,
           fieldValue: this.getItemValue(t, e)
-        }, u = new Oe(c).validate(d);
+        }, u = new Oe(c).validate(f);
         this.setValidationError(t, e, u), s(u);
       } else
         this.clearValidationError(t, e), s([]);
@@ -2132,20 +2139,20 @@ class $e {
       colIndex: a,
       relationRowKeys: l,
       relationColKeys: c,
-      rowspan: d,
-      height: f,
+      rowspan: f,
+      height: d,
       width: u,
       colspan: x,
       mergeRow: g,
       mergeCol: E
     } = t;
-    if (d === 1 && x === 1)
+    if (f === 1 && x === 1)
       return {
         xArr: [a, a],
         yArr: [e, e],
-        rowspan: d,
+        rowspan: f,
         colspan: x,
-        height: f,
+        height: d,
         width: u,
         offsetTop: 0,
         offsetLeft: 0,
@@ -2158,8 +2165,8 @@ class $e {
           }
         ]
       };
-    let m = e, w = e, y = a, b = a, p = [], C = 0, v = 0, I = 0, T = 0;
-    if (d !== 1 && g) {
+    let w = e, m = e, y = a, b = a, p = [], C = 0, I = 0, v = 0, T = 0;
+    if (f !== 1 && g) {
       T = u;
       const _ = l.reduce((R, S) => {
         const O = this.getItemValue(s, S) ?? "";
@@ -2171,7 +2178,7 @@ class $e {
           return `${M}${H}`;
         }, "");
         if (_ === O)
-          m = R;
+          w = R;
         else
           break;
       }
@@ -2181,17 +2188,17 @@ class $e {
           return `${M}${H}`;
         }, "");
         if (_ === O)
-          w = R;
+          m = R;
         else
           break;
       }
-      for (let R = m; R < e; R++) {
+      for (let R = w; R < e; R++) {
         const { height: S } = this.positions[R];
         C += S;
       }
-      for (let R = m; R <= w; R++) {
+      for (let R = w; R <= m; R++) {
         const { height: S } = this.positions[R];
-        I += S;
+        v += S;
         const O = this.rowIndexRowKeyMap.get(R) || "", { item: M } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
         p.push({
           rowKey: O,
@@ -2202,7 +2209,7 @@ class $e {
       }
     }
     if (x !== 1 && E) {
-      I = f;
+      v = d;
       for (let _ = a - 1; _ >= 0; _--) {
         const R = this.getColumnByColIndex(_);
         if (!R)
@@ -2227,7 +2234,7 @@ class $e {
         const R = this.getColumnByColIndex(_);
         if (!R)
           break;
-        v += R.width || 100;
+        I += R.width || 100;
       }
       for (let _ = y; _ <= b; _++) {
         const R = this.getColumnByColIndex(_);
@@ -2243,13 +2250,13 @@ class $e {
     }
     return {
       xArr: [y, b],
-      yArr: [m, w],
-      rowspan: d,
+      yArr: [w, m],
+      rowspan: f,
       colspan: x,
-      height: I,
+      height: v,
       width: T,
       offsetTop: C,
-      offsetLeft: v,
+      offsetLeft: I,
       dataList: p
     };
   }
@@ -2375,9 +2382,9 @@ class $e {
       s.forEach((r) => {
         r.children && r.children.length > 0 && e(r.children, o);
         const a = (l, c) => {
-          var f, u;
-          const d = (f = this.customHeader[l]) == null ? void 0 : f[r.key];
-          d !== void 0 && d !== c && (o[l] || (o[l] = {}), o[l][r.key] = d, l === "fixedData" && !d && !c && ((u = o[l]) == null || delete u[r.key]));
+          var d, u;
+          const f = (d = this.customHeader[l]) == null ? void 0 : d[r.key];
+          f !== void 0 && f !== c && (o[l] || (o[l] = {}), o[l][r.key] = f, l === "fixedData" && !f && !c && ((u = o[l]) == null || delete u[r.key]));
         };
         a("fixedData", r.fixed), a("sortData", r.sort), a("hideData", r.hide), a("resizableData", r.width);
       });
@@ -2483,7 +2490,7 @@ class je {
     this.clearDomSelection(), t.button === 0 && (this.ctx.mousedown = !0), this.ctx.emit("mousedown", t);
   }
   handleMousemove(t) {
-    const e = t, i = this.ctx.containerElement.getBoundingClientRect(), s = this.ctx.zoomScale.toLogical(e.clientX - i.left), o = this.ctx.zoomScale.toLogical(e.clientY - i.top);
+    const e = t, i = this.ctx.containerElement.getBoundingClientRect(), s = e.clientX - i.left, o = e.clientY - i.top;
     this.ctx.mouseX = s, this.ctx.mouseY = o, this.ctx.emit("mousemove", t);
   }
   handleMouseUp(t) {
@@ -2497,13 +2504,6 @@ class je {
     e && this.ctx.isTarget(t) && (this.ctx.dragHeaderIng || this.ctx.emit("keydown", t));
   }
   handleWheel(t) {
-    const e = t, { ENABLE_ZOOM_WHEEL: i } = this.ctx.config;
-    if (i && (e.ctrlKey || e.metaKey)) {
-      t.preventDefault();
-      const s = e.deltaY > 0 ? -0.1 : 0.1;
-      this.ctx.setZoom(this.ctx.getZoom() + s);
-      return;
-    }
     this.ctx.emit("wheel", t);
   }
   handleTouchstart(t) {
@@ -2542,7 +2542,7 @@ class je {
       }
   }
 }
-class Ze {
+class qe {
   constructor() {
     n(this, "events", /* @__PURE__ */ new Map());
   }
@@ -2580,7 +2580,7 @@ class Ze {
     this.events.clear();
   }
 }
-class qe {
+class Ze {
   constructor(t) {
     n(this, "ctx");
     n(this, "textCacheMap", /* @__PURE__ */ new Map());
@@ -2594,8 +2594,8 @@ class qe {
   clearTextCache() {
     this.textCacheMap.clear();
   }
-  scale(t, e = 1) {
-    this.ctx.setTransform(1, 0, 0, 1, 0, 0), this.ctx.scale(t * e, t * e);
+  scale(t) {
+    this.ctx.setTransform(1, 0, 0, 1, 0, 0), this.ctx.scale(t, t);
   }
   save() {
     this.ctx.save();
@@ -2623,21 +2623,21 @@ class qe {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, o) {
-    const { fillColor: r, side: a, shadowWidth: l, colorStart: c, colorEnd: d } = o;
+    const { fillColor: r, side: a, shadowWidth: l, colorStart: c, colorEnd: f } = o;
     this.ctx.save(), r && (this.ctx.fillStyle = r, this.ctx.fillRect(t, e, i, s));
-    let f;
+    let d;
     switch (a) {
       case "left":
-        f = this.ctx.createLinearGradient(t - l, e, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - l, e, l, s);
+        d = this.ctx.createLinearGradient(t - l, e, t, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t - l, e, l, s);
         break;
       case "right":
-        f = this.ctx.createLinearGradient(t + i, e, t + i + l, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, l, s);
+        d = this.ctx.createLinearGradient(t + i, e, t + i + l, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t + i, e, l, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - l, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - l, i, l);
+        d = this.ctx.createLinearGradient(t, e - l, t, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e - l, i, l);
         break;
       case "bottom":
-        f = this.ctx.createLinearGradient(t, e + s, t, e + s + l), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, l);
+        d = this.ctx.createLinearGradient(t, e + s, t, e + s + l), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e + s, i, l);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -2663,8 +2663,8 @@ class qe {
     if (this.ctx.save(), this.ctx.beginPath(), a !== void 0 && (this.ctx.fillStyle = a), r !== void 0 && (this.ctx.lineWidth = o, this.ctx.strokeStyle = r), l === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [c, d, f, u] = typeof l == "number" ? [l, l, l, l] : l;
-      this.ctx.moveTo(t + c, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - u, u), this.ctx.arcTo(t, e, t + c, e, c);
+      const [c, f, d, u] = typeof l == "number" ? [l, l, l, l] : l;
+      this.ctx.moveTo(t + c, e), this.ctx.arcTo(t + i, e, t + i, e + f, f), this.ctx.arcTo(t + i, e + s, t + i - d, e + s, d), this.ctx.arcTo(t, e + s, t, e + s - u, u), this.ctx.arcTo(t, e, t + c, e, c);
     }
     a !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -2685,8 +2685,8 @@ class qe {
       font: a = "12px Arial",
       align: l = "center",
       color: c = "#495060",
-      padding: d = 0,
-      verticalAlign: f = "middle",
+      padding: f = 0,
+      verticalAlign: d = "middle",
       maxLineClamp: u = 1,
       autoRowHeight: x = !1,
       offsetLeft: g = 0,
@@ -2694,33 +2694,33 @@ class qe {
     } = r;
     if (this.ctx.font = a, this.ctx.fillStyle = c, ["", null, void 0].includes(t))
       return this.ctx.restore(), !1;
-    const w = parseInt(((b = a.match(/\d+/)) == null ? void 0 : b[0]) || "12") * (r.lineHeight || 1.2), y = this.buildTextLayout(t, e, i, s, o, {
+    const m = parseInt(((b = a.match(/\d+/)) == null ? void 0 : b[0]) || "12") * (r.lineHeight || 1.2), y = this.buildTextLayout(t, e, i, s, o, {
       font: a,
       color: c,
       align: l,
-      padding: d,
-      verticalAlign: f,
+      padding: f,
+      verticalAlign: d,
       maxLineClamp: u,
       autoRowHeight: x,
-      lineHeight: w,
+      lineHeight: m,
       offsetLeft: g,
       offsetRight: E
     });
-    if (this.ctx.textBaseline = "top", this.ctx.textAlign = "left", y.lines.forEach((v) => {
-      this.ctx.fillText(v.text, v.drawX, v.drawY);
+    if (this.ctx.textBaseline = "top", this.ctx.textAlign = "left", y.lines.forEach((I) => {
+      this.ctx.fillText(I.text, I.drawX, I.drawY);
     }), r.textCallback && y.lines.length) {
-      const v = y.lines.reduce((S, O) => Math.max(S, O.width), 0), I = Math.round(v);
-      let T = ((p = y.lines[0]) == null ? void 0 : p.drawX) ?? e + d + g, _ = T + I;
-      l === "center" ? (T = e + s / 2 - I / 2, _ = e + s / 2 + I / 2) : l === "right" && (T = e + s - d - E - I, _ = e + s - d - E);
+      const I = y.lines.reduce((S, O) => Math.max(S, O.width), 0), v = Math.round(I);
+      let T = ((p = y.lines[0]) == null ? void 0 : p.drawX) ?? e + f + g, _ = T + v;
+      l === "center" ? (T = e + s / 2 - v / 2, _ = e + s / 2 + v / 2) : l === "right" && (T = e + s - f - E - v, _ = e + s - f - E);
       const R = {
         x: ((C = y.lines[0]) == null ? void 0 : C.drawX) ?? T,
         y: y.contentY,
-        width: I,
-        height: y.lines.length * w,
+        width: v,
+        height: y.lines.length * m,
         left: T,
         right: _,
         top: y.contentY,
-        bottom: y.contentY + y.lines.length * w
+        bottom: y.contentY + y.lines.length * m
       };
       r.textCallback(R);
     }
@@ -2731,43 +2731,43 @@ class qe {
       font: a,
       color: l,
       align: c,
-      padding: d,
-      verticalAlign: f,
+      padding: f,
+      verticalAlign: d,
       maxLineClamp: u,
       autoRowHeight: x,
       lineHeight: g,
       offsetLeft: E,
-      offsetRight: m
+      offsetRight: w
     } = r;
     this.ctx.save(), this.ctx.font = a;
-    const w = s - d * 2 - E - m, y = w, b = o - d * 2, p = Array.from(t);
-    let C = this.wrapTextToLines(t, w);
-    const v = Math.round(b / g);
-    let I = Math.min(C.length, Math.max(v, 1));
-    u === "auto" && x ? I = C.length : typeof u == "number" && u < I && u !== 1 ? I = u : (u === 1 && (C = [{ items: p.map((M, L) => ({ char: M, sourceIndex: L })), text: t, caretIndex: 0, lineIndex: 0, drawX: 0, drawY: 0, width: 0, segments: [] }], I = 1), u === "auto" && v === 1 && (C = [{ items: p.map((M, L) => ({ char: M, sourceIndex: L })), text: t, caretIndex: 0, lineIndex: 0, drawX: 0, drawY: 0, width: 0, segments: [] }], I = 1));
+    const m = s - f * 2 - E - w, y = m, b = o - f * 2, p = Array.from(t);
+    let C = this.wrapTextToLines(t, m);
+    const I = Math.round(b / g);
+    let v = Math.min(C.length, Math.max(I, 1));
+    u === "auto" && x ? v = C.length : typeof u == "number" && u < v && u !== 1 ? v = u : (u === 1 && (C = [{ items: p.map((M, L) => ({ char: M, sourceIndex: L })), text: t, caretIndex: 0, lineIndex: 0, drawX: 0, drawY: 0, width: 0, segments: [] }], v = 1), u === "auto" && I === 1 && (C = [{ items: p.map((M, L) => ({ char: M, sourceIndex: L })), text: t, caretIndex: 0, lineIndex: 0, drawX: 0, drawY: 0, width: 0, segments: [] }], v = 1));
     let T = !1;
-    const _ = C.slice(0, I);
-    if (C.length > I) {
+    const _ = C.slice(0, v);
+    if (C.length > v) {
       T = !0;
-      const M = C.slice(I - 1), L = this.buildEllipsisLine(M, s, d);
-      L.lineIndex = I - 1, _[I - 1] = L;
-    } else if (I > 0) {
-      const M = I - 1, L = C.slice(M), H = L.map((A) => A.text).join(""), { ellipsis: D } = this.handleEllipsis(H, s, d, a);
+      const M = C.slice(v - 1), L = this.buildEllipsisLine(M, s, f);
+      L.lineIndex = v - 1, _[v - 1] = L;
+    } else if (v > 0) {
+      const M = v - 1, L = C.slice(M), H = L.map((A) => A.text).join(""), { ellipsis: D } = this.handleEllipsis(H, s, f, a);
       if (D) {
         T = !0;
-        const A = this.buildEllipsisLine(L, s, d);
+        const A = this.buildEllipsisLine(L, s, f);
         A.lineIndex = M, _[M] = A;
       }
     }
     const R = _.length * g;
-    let S = i + d;
-    f === "middle" ? S = i + (o - R) / 2 : f === "bottom" && (S = i + o - R - d);
+    let S = i + f;
+    d === "middle" ? S = i + (o - R) / 2 : d === "bottom" && (S = i + o - R - f);
     const O = [];
     return _.forEach((M, L) => {
       M.lineIndex = L;
-      const H = this.buildLineSegments(M), D = H.reduce((N, vt) => N + vt.width, 0);
-      let A = e + d + E;
-      c === "center" ? A = e + (s - D) / 2 : c === "right" && (A = e + s - d - m - D);
+      const H = this.buildLineSegments(M), D = H.reduce((N, It) => N + It.width, 0);
+      let A = e + f + E;
+      c === "center" ? A = e + (s - D) / 2 : c === "right" && (A = e + s - f - w - D);
       const k = S + L * g;
       M.drawX = A, M.drawY = k, M.width = D, M.segments = H, H.forEach((N) => {
         N.sourceIndex < 0 || O.push({
@@ -2786,7 +2786,7 @@ class qe {
       glyphs: O,
       lines: _,
       box: { x: e, y: i, width: s, height: o },
-      contentBox: { x: e + d + E, y: i + d, width: y, height: b },
+      contentBox: { x: e + f + E, y: i + f, width: y, height: b },
       contentY: S,
       lineHeight: g,
       font: a,
@@ -2801,10 +2801,10 @@ class qe {
     const i = Array.from(t), s = [];
     let o = [], r = 0, a = 0;
     const l = (c) => {
-      const d = o.map((f) => f.char).join("");
+      const f = o.map((d) => d.char).join("");
       s.push({
         items: o,
-        text: d,
+        text: f,
         caretIndex: a,
         lineIndex: s.length,
         drawX: 0,
@@ -2814,26 +2814,26 @@ class qe {
       }), o = [], r = 0, a = c;
     };
     for (let c = 0; c < i.length; c++) {
-      const d = i[c];
-      if (d === `
+      const f = i[c];
+      if (f === `
 `) {
         l(c + 1);
         continue;
       }
-      const f = this.ctx.measureText(d).width;
-      if (r + f > e && o.length > 0) {
-        l(o[o.length - 1].sourceIndex + 1), o.push({ char: d, sourceIndex: c }), r = f;
+      const d = this.ctx.measureText(f).width;
+      if (r + d > e && o.length > 0) {
+        l(o[o.length - 1].sourceIndex + 1), o.push({ char: f, sourceIndex: c }), r = d;
         continue;
       }
-      o.push({ char: d, sourceIndex: c }), r += f;
+      o.push({ char: f, sourceIndex: c }), r += d;
     }
     return (o.length > 0 || s.length === 0) && l(i.length), s;
   }
   buildEllipsisLine(t, e, i) {
-    var d;
-    const s = t.flatMap((f) => f.items), o = s.map((f) => f.char).join(""), { _text: r, ellipsis: a } = this.handleEllipsis(o, e, i, this.ctx.font), l = a ? r.slice(0, -3) : r, c = [];
-    for (let f = 0; f < l.length; f++) {
-      const u = s[f];
+    var f;
+    const s = t.flatMap((d) => d.items), o = s.map((d) => d.char).join(""), { _text: r, ellipsis: a } = this.handleEllipsis(o, e, i, this.ctx.font), l = a ? r.slice(0, -3) : r, c = [];
+    for (let d = 0; d < l.length; d++) {
+      const u = s[d];
       if (!u)
         break;
       c.push({ char: u.char, sourceIndex: u.sourceIndex });
@@ -2845,7 +2845,7 @@ class qe {
     ), {
       items: c,
       text: r,
-      caretIndex: ((d = t[0]) == null ? void 0 : d.caretIndex) ?? 0,
+      caretIndex: ((f = t[0]) == null ? void 0 : f.caretIndex) ?? 0,
       lineIndex: 0,
       drawX: 0,
       drawY: 0,
@@ -2886,9 +2886,9 @@ class qe {
       }
       const l = a.split("");
       let c = "";
-      for (const d of l) {
-        const f = c + d;
-        this.ctx.measureText(f).width <= e ? c = f : c ? (s.push(c), c = d) : (s.push(d), c = "");
+      for (const f of l) {
+        const d = c + f;
+        this.ctx.measureText(d).width <= e ? c = d : c ? (s.push(c), c = f) : (s.push(f), c = "");
       }
       c && s.push(c);
     }
@@ -2913,9 +2913,9 @@ class qe {
       cacheTextKey: c = ""
     } = i;
     this.ctx.save(), this.ctx.font = s, this.ctx.fillStyle = a, this.ctx.textAlign = r;
-    const d = parseInt(((E = s.match(/\d+/)) == null ? void 0 : E[0]) || "12"), f = d * (i.lineHeight || 1.2), u = e - o * 2, x = this.wrapText(t, u, c);
+    const f = parseInt(((E = s.match(/\d+/)) == null ? void 0 : E[0]) || "12"), d = f * (i.lineHeight || 1.2), u = e - o * 2, x = this.wrapText(t, u, c);
     let g = 1;
-    return l === "auto" ? g = x.length : x.length > l ? g = l : g = x.length, this.ctx.restore(), Math.max(Math.floor(g * f + o * 2), Math.floor(d + o * 2));
+    return l === "auto" ? g = x.length : x.length > l ? g = l : g = x.length, this.ctx.restore(), Math.max(Math.floor(g * d + o * 2), Math.floor(f + o * 2));
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     this.ctx.save();
@@ -2934,10 +2934,10 @@ class qe {
     const l = this.ctx.measureText(t).width, c = e - i * 2;
     if (l && l >= c) {
       o = !0;
-      let d = 0;
-      for (let f = 0; f < t.length; f++)
-        if (d += this.ctx.measureText(t[f]).width, d >= c - a) {
-          r = t.slice(0, f) + "...", o = !0;
+      let f = 0;
+      for (let d = 0; d < t.length; d++)
+        if (f += this.ctx.measureText(t[d]).width, f >= c - a) {
+          r = t.slice(0, d) + "...", o = !0;
           break;
         }
     }
@@ -3042,12 +3042,6 @@ class Ut {
     n(this, "CELL_HOVER_ICON_BG_COLOR", "#fff");
     /** hover编辑图标边框颜色 */
     n(this, "CELL_HOVER_ICON_BORDER_COLOR", "#DDE0EA");
-    /** 内容缩放最小比例 */
-    n(this, "MIN_ZOOM", 0.5);
-    /** 内容缩放最大比例 */
-    n(this, "MAX_ZOOM", 2);
-    /** 启用 Ctrl + 滚轮内容缩放 */
-    n(this, "ENABLE_ZOOM_WHEEL", !0);
     /** 滚动条轨道尺寸 */
     n(this, "SCROLLER_TRACK_SIZE", 14);
     /** 滚动条模式，outer 为外部预留区域，inner 为覆盖在内容上 */
@@ -3333,7 +3327,7 @@ class Ut {
 }
 const ft = `<svg t="1724122015492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4237" width="32" height="32"><path d="M401.472 316.992l159.04 217.664L591.488 512l-30.976-22.656-159.04 217.728q-2.24 3.008-3.84 6.464-1.6 3.456-2.496 7.104-0.896 3.648-1.024 7.424-0.192 3.84 0.384 7.552 0.64 3.712 1.92 7.296 1.28 3.52 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992 3.072 2.24 6.464 3.84 3.456 1.6 7.168 2.496 3.648 0.896 7.424 1.024 3.776 0.192 7.488-0.448 3.776-0.576 7.296-1.856 3.584-1.28 6.784-3.264 3.2-1.92 6.016-4.48 2.816-2.56 5.056-5.632l159.04-217.728q3.584-4.928 5.504-10.752 1.92-5.76 1.92-11.904 0-6.08-1.92-11.904-1.92-5.76-5.504-10.752L463.488 271.68q-2.24-3.072-5.056-5.632-2.752-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.52-1.28-7.296-1.856-3.712-0.576-7.488-0.448-3.84 0.192-7.424 1.088-3.712 0.896-7.168 2.496-3.392 1.6-6.4 3.84-3.136 2.176-5.696 4.992-2.56 2.752-4.48 6.016-1.984 3.2-3.264 6.784-1.28 3.52-1.92 7.296-0.576 3.712-0.384 7.488 0.128 3.84 1.024 7.488 0.896 3.648 2.496 7.04 1.6 3.456 3.84 6.528z m30.976-61.056q-3.776 0-7.488 0.704-3.712 0.768-7.168 2.24-3.52 1.408-6.656 3.52-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.176 7.232-0.768 3.712-0.768 7.488 0 3.776 0.768 7.488 0.704 3.712 2.176 7.232 1.408 3.456 3.52 6.592 2.112 3.2 4.8 5.824 2.688 2.688 5.76 4.8 3.2 2.112 6.72 3.52 3.456 1.472 7.168 2.176 3.712 0.768 7.488 0.768 3.84 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.656 1.472-3.52 2.24-7.232 0.704-3.712 0.704-7.488 0-3.84-0.704-7.488-0.768-3.712-2.24-7.232-1.408-3.456-3.52-6.592-2.112-3.2-4.8-5.824-2.624-2.688-5.76-4.8-3.2-2.112-6.656-3.52-3.52-1.472-7.232-2.24Q436.224 256 432.448 256z m0 435.392q-3.776 0-7.488 0.704-3.712 0.768-7.168 2.176-3.52 1.472-6.656 3.584-3.2 2.112-5.824 4.736-2.688 2.688-4.8 5.824-2.112 3.2-3.52 6.656-1.472 3.52-2.176 7.232-0.768 3.712-0.768 7.488 0 3.776 0.768 7.488 0.704 3.712 2.176 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.76 2.688 2.752 5.76 4.8 3.2 2.112 6.72 3.584 3.456 1.472 7.168 2.176 3.712 0.768 7.488 0.768 3.84 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.472 6.592-3.584 3.2-2.048 5.824-4.736 2.688-2.688 4.8-5.824 2.112-3.2 3.52-6.656 1.472-3.456 2.24-7.168 0.704-3.712 0.704-7.488 0-3.84-0.704-7.488-0.768-3.712-2.24-7.232-1.408-3.52-3.52-6.656-2.112-3.136-4.8-5.76-2.624-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704z" p-id="4238"></path></svg>\r
 `, jt = `<svg t="1722595535853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M640 128H384c-170.496 0-256 85.504-256 256v256c0 170.496 85.504 256 256 256h256c170.496 0 256-85.504 256-256V384c0-170.496-85.504-256-256-256z m67.584 302.592c-2.048 4.608-4.608 8.704-8.192 12.288L506.88 634.88c-3.584 3.584-7.68 6.144-12.288 8.192-4.608 2.048-9.728 3.072-14.848 3.072s-10.24-1.024-14.848-3.072c-4.608-2.048-8.704-4.608-12.288-8.192l-96.256-96.256c-3.584-3.584-6.144-7.68-8.192-12.288-2.048-4.608-3.072-9.728-3.072-14.848 0-2.56 0-5.12 1.024-7.68 0.512-2.56 1.024-5.12 2.048-7.168 1.024-2.56 2.048-4.608 3.584-6.656 1.536-2.048 3.072-4.096 4.608-5.632 1.536-2.048 3.584-3.584 5.632-4.608 2.048-1.536 4.096-2.56 6.656-3.584 2.56-1.024 4.608-1.536 7.168-2.048 2.56-0.512 5.12-0.512 7.68-0.512 5.12 0 10.24 1.024 14.848 3.072 4.608 2.048 8.704 4.608 12.288 8.192l69.12 68.608L645.12 389.12c3.584-3.584 7.68-6.144 12.288-8.192 4.608-2.048 9.728-3.072 14.848-3.072 2.56 0 5.12 0 7.68 0.512s5.12 1.024 7.168 2.048c2.56 1.024 4.608 2.048 6.656 3.584 2.048 1.536 4.096 3.072 5.632 4.608 1.536 1.536 3.584 3.584 4.608 5.632 1.536 2.048 2.56 4.096 3.584 6.656 1.024 2.56 1.536 4.608 2.048 7.168 0.512 2.56 1.024 5.12 1.024 7.68 0 5.12-1.024 10.24-3.072 14.848z" p-id="4552"></path></svg>
-`, Zt = `<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>
+`, qt = `<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>
 `, Bt = `<svg t="1755138507987" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5079" width="200" height="200"><path d="M512 938.688a42.688 42.688 0 0 1-35.072-18.432l-192-277.312A42.56 42.56 0 0 1 320 576h384a42.752 42.752 0 0 1 35.072 66.944l-192 277.312a42.688 42.688 0 0 1-35.072 18.432" fill="currentColor" p-id="2016"></path><path d="M704 448H320a42.752 42.752 0 0 1-35.072-66.944l192-277.312c16-23.04 54.208-23.04 70.144 0l192 277.312A42.56 42.56 0 0 1 704 448" fill="currentColor" p-id="2015"></path></svg>
 `, xe = `<svg t="1724133395728" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2893" width="32" height="32"><path d="M512 226.8476541a19.82487759 19.82487759 0 0 1 14.66497778 5.70304692c3.80203107 3.82918865 5.70304692 8.71751457 5.70304693 14.66497779v122.20814825a19.82487759 19.82487759 0 0 1-5.70304693 14.66497778 19.82487759 19.82487759 0 0 1-14.66497778 5.70304691 19.82487759 19.82487759 0 0 1-14.66497778-5.70304691 19.82487759 19.82487759 0 0 1-5.70304693-14.66497778v-122.20814825a19.82487759 19.82487759 0 0 1 5.70304693-14.66497779 19.82487759 19.82487759 0 0 1 14.66497778-5.70304692z m0 407.36049415a19.82487759 19.82487759 0 0 1 14.66497778 5.70304691c3.80203107 3.82918865 5.70304692 8.71751457 5.70304693 14.66497778v122.20814827a19.82487759 19.82487759 0 0 1-5.70304693 14.66497776 19.82487759 19.82487759 0 0 1-14.66497778 5.70304693 19.82487759 19.82487759 0 0 1-14.66497778-5.70304693 19.82487759 19.82487759 0 0 1-5.70304693-14.66497776v-122.20814827a19.82487759 19.82487759 0 0 1 5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 14.66497778-5.70304691zM797.1523459 512a19.82487759 19.82487759 0 0 1-5.70304692 14.66497778 19.82487759 19.82487759 0 0 1-14.66497779 5.70304693h-122.20814825a19.82487759 19.82487759 0 0 1-14.66497778-5.70304693 19.82487759 19.82487759 0 0 1-5.70304691-14.66497778 19.82487759 19.82487759 0 0 1 5.70304691-14.66497778 19.82487759 19.82487759 0 0 1 14.66497778-5.70304693h122.20814825a19.82487759 19.82487759 0 0 1 14.66497779 5.70304693c3.80203107 3.82918865 5.70304692 8.71751457 5.70304692 14.66497778z m-407.36049415 0a19.82487759 19.82487759 0 0 1-5.70304691 14.66497778 19.82487759 19.82487759 0 0 1-14.66497778 5.70304693h-122.20814827a19.82487759 19.82487759 0 0 1-14.66497776-5.70304693 19.82487759 19.82487759 0 0 1-5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 14.66497776-5.70304693h122.20814827a19.82487759 19.82487759 0 0 1 14.66497778 5.70304693c3.80203107 3.82918865 5.70304692 8.71751457 5.70304691 14.66497778zM310.22076878 310.22076878a21.29137537 21.29137537 0 0 1 14.66497779-5.70304693c5.51294514 0 10.18401235 1.90101585 14.01320099 5.70304693l86.55052591 86.57768347a20.91117183 20.91117183 0 0 1 5.73020449 14.31193182 19.28172983 19.28172983 0 0 1-6.05609289 14.013201 19.11878565 19.11878565 0 0 1-14.013201 6.05609289 20.96548698 20.96548698 0 0 1-14.31193182-5.70304692L310.22076878 338.87178998a19.06447114 19.06447114 0 0 1-5.70304693-14.01320099c0-5.54010272 1.90101585-10.42842865 5.70304693-14.66497778z m288.32975775 288.32975775a19.79772001 19.79772001 0 0 1 14.3390894-6.35482371c5.29568642 0 10.04822572 2.11827457 14.31193182 6.38198066l86.57768347 86.55052651c3.80203107 3.80203107 5.70304692 8.47309828 5.70304691 14.01320102a19.55330372 19.55330372 0 0 1-6.05609225 14.31193182 19.66193339 19.66193339 0 0 1-14.31193245 6.05609288 19.01015661 19.01015661 0 0 1-14.01320099-5.70304692l-86.55052591-86.57768347a19.79772001 19.79772001 0 0 1-6.38198129-14.31193245c0-5.29568642 2.11827457-10.07538268 6.38198129-14.33908939zM713.77923122 310.22076878c3.80203107 4.26370672 5.70304692 9.15203265 5.70304693 14.66497779s-1.90101585 10.18401235-5.70304693 14.01320099l-86.57768347 86.55052591a20.91117183 20.91117183 0 0 1-14.31193182 5.73020449 19.28172983 19.28172983 0 0 1-14.013201-6.05609289 19.11878565 19.11878565 0 0 1-6.05609289-14.013201c0-5.29568642 1.90101585-10.07538268 5.70304692-14.31193182l86.57768348-86.57768347c3.80203107-3.80203107 8.50025585-5.70304692 14.01320099-5.70304693 5.54010272 0 10.40127108 1.90101585 14.66497779 5.70304693zM425.44947347 598.57768347a19.79772001 19.79772001 0 0 1 6.35482371 14.33908939c0 5.29568642-2.11827457 10.04822572-6.38198066 14.31193245L338.89894756 713.77923122a19.06447114 19.06447114 0 0 1-14.01320099 5.70304693 19.55330372 19.55330372 0 0 1-14.31193245-6.05609227 19.68909035 19.68909035 0 0 1-6.05609227-14.31193245 19.01015661 19.01015661 0 0 1 5.70304693-14.01320099l86.57768347-86.55052591a19.79772001 19.79772001 0 0 1 14.31193182-6.38198129c5.29568642 0 10.07538268 2.11827457 14.3390894 6.38198129z" fill="#000000" fill-opacity=".65" p-id="2894"></path></svg>
 `, Je = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z" fill="currentColor"></path></svg>
@@ -3364,7 +3358,7 @@ class ri {
         name: "shrink",
         configName: "SHRINK_ICON_SVG",
         configColorName: "SHRINK_ICON_COLOR",
-        svg: Zt,
+        svg: qt,
         color: "#4E5969"
       },
       {
@@ -3412,7 +3406,7 @@ class ri {
         name: "icon-select",
         configName: "ICON_SELECT_SVG",
         configColorName: "ICON_SELECT_COLOR",
-        svg: Zt,
+        svg: qt,
         color: "#4E5969"
       },
       {
@@ -3476,8 +3470,8 @@ class ri {
   async createImageFromSVG(t, e, i = !1) {
     const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
     e && r.querySelectorAll("*").forEach((c) => {
-      const d = c.getAttribute("fill");
-      (d === "currentColor" || d === null) && c.setAttribute("fill", e);
+      const f = c.getAttribute("fill");
+      (f === "currentColor" || f === null) && c.setAttribute("fill", e);
     });
     const a = new Image();
     let l = "";
@@ -3488,8 +3482,8 @@ class ri {
       l = URL.createObjectURL(c);
     } else
       l = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(r));
-    return a.src = l, new Promise((c, d) => {
-      a.onerror = () => d(new Error("Failed to load image:" + t)), a.onload = () => {
+    return a.src = l, new Promise((c, f) => {
+      a.onerror = () => f(new Error("Failed to load image:" + t)), a.onload = () => {
         c(a);
       };
     });
@@ -3696,97 +3690,7 @@ class li {
     return s ? s.replace(/{(\w+)}/g, (o, r) => (e == null ? void 0 : e[r]) || o) : "";
   }
 }
-const ci = /^-?\d*\.?\d+px$/;
-class hi {
-  constructor() {
-    n(this, "value", 1);
-  }
-  get isDefault() {
-    return this.value === 1;
-  }
-  clamp(t, e, i) {
-    return Math.min(i, Math.max(e, t));
-  }
-  /** @returns 是否发生变化 */
-  set(t, e, i) {
-    const s = this.clamp(t, e, i);
-    return Math.abs(s - this.value) < 1e-4 ? !1 : (this.value = s, !0);
-  }
-  /** 逻辑 -> 物理 */
-  toVisual(t) {
-    return t * this.value;
-  }
-  /** 物理 -> 逻辑 */
-  toLogical(t) {
-    return t / this.value;
-  }
-  toPx(t) {
-    return `${this.toVisual(t)}px`;
-  }
-  /** DOM 测量高度 -> 逻辑高度 */
-  domHeightToLogical(t) {
-    return Math.round(t / this.value);
-  }
-  /** 逻辑内容尺寸 -> 物理尺寸 */
-  contentToPhysical(t) {
-    return t * this.value;
-  }
-  scaleStyle(t) {
-    if (this.isDefault)
-      return t;
-    const e = { ...t };
-    for (const i of Object.keys(e)) {
-      const s = e[i];
-      typeof s == "string" && ci.test(s) && (e[i] = `${parseFloat(s) * this.value}px`);
-    }
-    return e;
-  }
-  assignScaledStyle(t, e) {
-    Object.assign(t.style, this.scaleStyle(e));
-  }
-  /** 容器物理宽度 -> 逻辑可视宽度 */
-  containerWidth(t) {
-    return Math.floor(t / this.value);
-  }
-  resolveStageWidth(t) {
-    const e = this.containerWidth(t.containerPhysicalWidth), i = t.fillContainer ? e : Math.min(Math.floor(t.contentWidth + t.scrollerTrackSize), e), s = Math.min(
-      Math.round(this.toVisual(i)),
-      Math.floor(t.containerPhysicalWidth)
-    );
-    return { stageWidth: i, stagePhysicalWidth: s };
-  }
-  applyStageHeight(t, e) {
-    const i = Math.floor(e), s = Math.floor(i / this.value);
-    return t.style.height = `${i}px`, { stageHeight: s, stagePhysicalHeight: i };
-  }
-  /** floating-ui 锚点：逻辑单元格 -> 视口物理矩形 */
-  getViewportRect(t, e) {
-    const i = this.toVisual(t.x) + e.x, s = this.toVisual(t.y) + e.y, o = this.toVisual(t.width), r = this.toVisual(t.height);
-    return {
-      x: i,
-      y: s,
-      left: i,
-      top: s,
-      right: i + o,
-      bottom: s + r,
-      width: o,
-      height: r
-    };
-  }
-  /** overlayer 单元格：外层物理定位 + 内层 zoom 缩放自定义 render */
-  createOverlayerCellElement(t, e) {
-    const i = document.createElement("div");
-    if (this.assignScaledStyle(i, t.style), Object.keys(t.domDataset || {}).forEach((l) => {
-      i.setAttribute(l, t.domDataset[l]);
-    }), typeof t.render != "function")
-      return i;
-    if (this.isDefault)
-      return t.render(i, t), i;
-    const s = "visibleWidth" in t ? t.visibleWidth : t.width, o = "visibleHeight" in t ? t.visibleHeight : t.height, r = "autoRowHeight" in t && t.autoRowHeight && "renderType" in t && t.renderType === "default", a = document.createElement("div");
-    return a.className = `${e}-overlayer-cell-content`, a.style.width = `${s}px`, a.style.boxSizing = "border-box", r ? (a.style.height = "auto", a.style.minHeight = `${o}px`, i.style.height = "auto") : (a.style.height = `${o}px`, i.style.height = this.toPx(o)), a.style.zoom = String(this.value), i.style.width = this.toPx(s), i.appendChild(a), t.render(a, t), i;
-  }
-}
-class di {
+class ci {
   constructor(t, e) {
     n(this, "eventBus");
     n(this, "eventBrowser");
@@ -3801,12 +3705,7 @@ class di {
     n(this, "contextMenuElement");
     n(this, "loadingElement");
     n(this, "stageWidth", 0);
-    // 逻辑可视宽度(物理宽度/zoom)
     n(this, "stageHeight", 0);
-    // 逻辑可视高度(物理高度/zoom)
-    n(this, "stagePhysicalWidth", 0);
-    n(this, "stagePhysicalHeight", 0);
-    n(this, "zoomScale");
     n(this, "paint");
     n(this, "icons");
     n(this, "domSelectionStr", "");
@@ -3938,12 +3837,9 @@ class di {
       editorElement: a,
       emptyElement: l,
       loadingElement: c,
-      contextMenuElement: d
+      contextMenuElement: f
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = c, this.contextMenuElement = d, this.config = new Ut(e.config || {}), this.eventBus = new Ze(), this.eventBrowser = new je(this), this.eventTable = new ni(this), this.paint = new qe(this.canvasElement), this.database = new $e(this, e), this.history = new Ue(this), this.icons = new ri(this), this.zoomScale = new hi();
-  }
-  get zoom() {
-    return this.zoomScale.value;
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = c, this.contextMenuElement = f, this.config = new Ut(e.config || {}), this.eventBus = new qe(), this.eventBrowser = new je(this), this.eventTable = new ni(this), this.paint = new Ze(this.canvasElement), this.database = new Ge(this, e), this.history = new Ue(this), this.icons = new ri(this);
   }
   setConfig(t) {
     this.config = new Ut(t);
@@ -3952,7 +3848,7 @@ class di {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
       const a = this.database.getVirtualBodyCellByKey(t, e);
       if (a && (a.mergeRow || a.mergeCol)) {
-        const { dataList: l } = a.getSpanInfo(), c = l.map((d) => ({ ...d, value: i }));
+        const { dataList: l } = a.getSpanInfo(), c = l.map((f) => ({ ...f, value: i }));
         this.database.batchSetItemValue(c, s, r);
         return;
       }
@@ -3967,8 +3863,8 @@ class di {
         if (r === void 0 || a === void 0) return;
         const l = this.database.getVirtualBodyCell(r, a);
         if (l) {
-          const { dataList: c } = l.getSpanInfo(), d = c.map((f) => ({ ...f, value: o.value }));
-          s.push(...d);
+          const { dataList: c } = l.getSpanInfo(), f = c.map((d) => ({ ...d, value: o.value }));
+          s.push(...f);
         }
       }), this.database.batchSetItemValue(s, e, i);
     } else
@@ -4007,15 +3903,31 @@ class di {
    * @returns
    */
   getSelectedData() {
+    var o;
     const t = [], e = this.selector.yArr, i = this.selector.xArr;
     let s = "";
-    for (let o = 0; o <= e[1] - e[0]; o++) {
-      const r = [];
-      for (let a = 0; a <= i[1] - i[0]; a++) {
-        const l = o + e[0], c = a + i[0], d = this.database.getVirtualBodyCell(l, c);
-        d && (d.selectorCellValueType === "displayText" ? r.push(d.displayText) : r.push(d.getValue()));
+    for (let r = 0; r <= e[1] - e[0]; r++) {
+      const a = [];
+      for (let l = 0; l <= i[1] - i[0]; l++) {
+        const c = r + e[0], f = l + i[0], d = this.database.getVirtualBodyCell(c, f);
+        if (d)
+          if ((o = d == null ? void 0 : d.column) != null && o.formatterSelectorValue) {
+            const {
+              row: u,
+              rowIndex: x,
+              colIndex: g,
+              column: E
+            } = d, w = d.column.formatterSelectorValue({
+              row: u,
+              rowIndex: x,
+              colIndex: g,
+              column: E,
+              value: d.getValue()
+            });
+            a.push(w);
+          } else d.selectorCellValueType === "displayText" ? a.push(d.displayText) : a.push(d.getValue());
       }
-      s += `${r.join("	")}\r`, t.push(r);
+      s += `${a.join("	")}\r`, t.push(a);
     }
     return s = s ? s.replace(/\r$/, "") : " ", {
       xArr: i,
@@ -4054,29 +3966,10 @@ class di {
   getOffset(t) {
     const { left: e, top: i } = this.containerElement.getBoundingClientRect();
     return {
-      offsetX: this.zoomScale.toLogical(t.clientX - e),
-      offsetY: this.zoomScale.toLogical(t.clientY - i)
+      offsetX: t.clientX - e,
+      offsetY: t.clientY - i
     };
   }
-  toVisual(t) {
-    return this.zoomScale.toVisual(t);
-  }
-  toLogical(t) {
-    return this.zoomScale.toLogical(t);
-  }
-  toVisualPx(t) {
-    return this.zoomScale.toPx(t);
-  }
-  scaleStyle(t) {
-    return this.zoomScale.scaleStyle(t);
-  }
-  setZoom(t) {
-    const { MIN_ZOOM: e, MAX_ZOOM: i } = this.config;
-    this.zoomScale.set(t, e, i) && (this.emit("zoomChange", this.zoomScale.value), this.emit("resetHeader"));
-  }
-  getZoom() {
-    return this.zoomScale.value;
-  }
   hasEvent(t) {
     return this.eventBus.has(t);
   }
@@ -4096,7 +3989,7 @@ class di {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-function qt(h, t, e, i = t, s = 30) {
+function Zt(h, t, e, i = t, s = 30) {
   if (h <= 0 || t <= 0 || e <= 0 || i <= 0)
     return 0;
   const o = Math.floor(t / e * i);
@@ -4137,7 +4030,7 @@ class Jt {
     this.updateScroll(t);
   }
   onTouchmove(t) {
-    const { clientY: e, clientX: i } = t.touches[0], s = this.ctx.zoomScale.toLogical(e - this.clientY), o = this.ctx.zoomScale.toLogical(i - this.clientX);
+    const { clientY: e, clientX: i } = t.touches[0], s = e - this.clientY, o = i - this.clientX;
     let r = 0;
     this.type === "vertical" ? (r = Math.max(0, Math.min(this.dragStart - s, this.distance)), this.hasScrollbar() && !(r === 0 && s > 0 || r === this.distance && s < 0) && t.preventDefault()) : this.type === "horizontal" && (r = Math.max(0, Math.min(this.dragStart - o, this.distance))), this.scroll = r;
   }
@@ -4150,7 +4043,7 @@ class Jt {
       return;
     if (this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize")
       return !0;
-    const { clientX: e, clientY: i } = t, s = this.ctx.zoomScale.toLogical(t.offsetX), o = this.ctx.zoomScale.toLogical(t.offsetY);
+    const { clientX: e, clientY: i } = t, { offsetX: s, offsetY: o } = this.ctx.getOffset(t);
     if (!(e == this.clientX && i == this.clientY) && !(this.isInnerMode() && !this.canInteractWithScrollbar())) {
       if (this.isOnScrollbar(s, o))
         this.clientX = e, this.clientY = i, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll, t.preventDefault();
@@ -4164,13 +4057,13 @@ class Jt {
     this.isDragging = !1, this.isFocus = !1, this.clientX = 0, this.clientY = 0;
   }
   onMouseMove(t, e) {
-    const { clientX: i, clientY: s, buttons: o } = t, r = this.ctx.zoomScale.toLogical(t.offsetX), a = this.ctx.zoomScale.toLogical(t.offsetY);
+    const { clientX: i, clientY: s, buttons: o } = t, { offsetX: r, offsetY: a } = this.ctx.getOffset(t);
     let l = !1;
-    if (Ve(this.ctx.config, e) ? this.startInnerShowTimer() : l = this.hideInnerScrollbar(), this.canInteractWithScrollbar() && (this.isOnScrollbar(r, a) || this.isOnTrack(r, a)) && t.target === this.ctx.canvasElement ? (this.isFocus = !0, this.ctx.stageElement.style.cursor = "pointer") : this.isFocus = !1, o === 0 || i == this.clientX && s == this.clientY) return l;
-    let d = 0;
-    if (this.type === "horizontal" ? d = i - this.clientX : d = s - this.clientY, d = this.ctx.zoomScale.toLogical(d), this.isDragging && d !== 0) {
-      let f = 0;
-      this.type === "vertical" ? f = this.dragStart + d / this.thumbTravelDistance * this.distance : f = this.dragStart + d / this.thumbTravelDistance * this.distance, this.scroll = Math.max(0, Math.min(f, this.distance));
+    if (Ve(this.ctx.config, e) ? this.startInnerShowTimer() : l = this.hideInnerScrollbar(), this.canInteractWithScrollbar() && (this.isOnScrollbar(r, a) || this.isOnTrack(r, a)) && e ? (this.isFocus = !0, this.ctx.stageElement.style.cursor = "pointer") : this.isFocus = !1, o === 0 || i == this.clientX && s == this.clientY) return l;
+    let f = 0;
+    if (this.type === "horizontal" ? f = i - this.clientX : f = s - this.clientY, this.isDragging && f !== 0) {
+      let d = 0;
+      this.type === "vertical" ? d = this.dragStart + f / this.thumbTravelDistance * this.distance : d = this.dragStart + f / this.thumbTravelDistance * this.distance, this.scroll = Math.max(0, Math.min(d, this.distance));
     }
     return l;
   }
@@ -4190,7 +4083,7 @@ class Jt {
     return V(this.ctx.config);
   }
   shouldDrawInnerScrollbar() {
-    return Pe(this.ctx.config, {
+    return ze(this.ctx.config, {
       innerVisible: this.innerVisible,
       isFocus: this.isFocus,
       isDragging: this.isDragging
@@ -4227,36 +4120,36 @@ class Jt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_SIZE: o = 0, BORDER: r }
-    } = this.ctx, a = B(this.ctx.config), l = de(this.ctx.config), c = s, d = i, f = e.height, u = e.width, x = t.height, g = this.ctx.footer.height, E = d - a - f, m = c - a, w = Math.max(0, x - E + g), y = Math.max(0, u - m), b = Ke(this.ctx.config);
+    } = this.ctx, a = B(this.ctx.config), l = de(this.ctx.config), c = s, f = i, d = e.height, u = e.width, x = t.height, g = this.ctx.footer.height, E = f - a - d, w = c - a, m = Math.max(0, x - E + g), y = Math.max(0, u - w), b = Ke(this.ctx.config);
     if (this.type === "vertical") {
-      this.visibleDistance = E, this.distance = w;
-      const p = $t(this.ctx.config, y > 0);
-      this.thumbTrackDistance = Math.max(0, this.visibleDistance - p), this.trackX = c - l, this.trackY = 0, this.splitPoints = [this.trackX, f, this.trackX + l, f], this.trackWidth = l, this.trackHeight = Math.max(0, d - p), this.barX = this.trackX - 1 + (l - o) / 2, this.barWidth = o, this.barHeight = qt(
+      this.visibleDistance = E, this.distance = m;
+      const p = Gt(this.ctx.config, y > 0);
+      this.thumbTrackDistance = Math.max(0, this.visibleDistance - p), this.trackX = c - l, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + l, d], this.trackWidth = l, this.trackHeight = Math.max(0, f - p), this.barX = this.trackX - 1 + (l - o) / 2, this.barWidth = o, this.barHeight = Zt(
         this.distance,
         this.visibleDistance,
         x + g,
         this.thumbTrackDistance
       ), this.thumbTravelDistance = Math.max(0, this.thumbTrackDistance - this.barHeight - b);
       const C = this.distance ? this.scroll / this.distance : 0;
-      this.barY = f + C * this.thumbTravelDistance, this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      this.barY = d + C * this.thumbTravelDistance, this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
-      this.visibleDistance = m, this.distance = y;
-      const p = $t(this.ctx.config, w > 0);
+      this.visibleDistance = w, this.distance = y;
+      const p = Gt(this.ctx.config, m > 0);
       this.thumbTrackDistance = Math.max(0, this.visibleDistance - p), this.splitPoints = [
         c - l,
-        d - l,
+        f - l,
         c - l,
-        d
+        f
       ];
       const C = St(r) ? 0 : 0.5;
-      this.trackX = 0, this.trackY = d - l + C, this.trackWidth = Math.max(0, c - p), this.trackHeight = l, this.barWidth = qt(
+      this.trackX = 0, this.trackY = f - l + C, this.trackWidth = Math.max(0, c - p), this.trackHeight = l, this.barWidth = Zt(
         this.distance,
         this.visibleDistance,
         u,
         this.thumbTrackDistance
       ), this.thumbTravelDistance = Math.max(0, this.thumbTrackDistance - this.barWidth - b), this.barY = this.trackY - 1 + (l - o) / 2, this.barHeight = o;
-      const v = this.distance ? this.scroll / this.distance : 0;
-      this.barX = v * this.thumbTravelDistance, this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      const I = this.distance ? this.scroll / this.distance : 0;
+      this.barX = I * this.thumbTravelDistance, this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
   draw() {
@@ -4265,15 +4158,15 @@ class Jt {
     } = this.ctx;
     if (this.updatedSize(), this.isInnerMode() && !this.shouldDrawInnerScrollbar())
       return this.isFocus || this.isDragging;
-    const r = Fe(this.ctx.config), a = We(this.ctx.config), l = r && St(s) ? i : "transparent", c = this.hasScrollbar(), d = Ge(s, c);
-    return a && d ? (this.ctx.paint.drawRect(this.trackX, this.trackY, this.trackWidth, this.trackHeight, {
+    const r = Fe(this.ctx.config), a = We(this.ctx.config), l = r && St(s) ? i : "transparent", c = this.hasScrollbar(), f = $e(s, c);
+    return a && f ? (this.ctx.paint.drawRect(this.trackX, this.trackY, this.trackWidth, this.trackHeight, {
       fillColor: o
     }), this.drawTrackHeaderBackground(), r && (this.ctx.paint.drawRect(this.trackX, this.trackY, this.trackWidth, this.trackHeight, {
       borderColor: l
     }), this.drawRightBoundaryBorder())) : a && this.drawInactiveTrackBackground(), c && this.ctx.paint.drawRect(this.barX, this.barY, this.barWidth, this.barHeight, {
       fillColor: this.isFocus || this.isDragging ? t : e,
       radius: 4
-    }), r && d && this.splitPoints.length > 0 && this.ctx.paint.drawLine(this.splitPoints, {
+    }), r && f && this.splitPoints.length > 0 && this.ctx.paint.drawLine(this.splitPoints, {
       borderColor: l,
       borderWidth: 1
     }), this.isFocus || this.isDragging;
@@ -4303,16 +4196,16 @@ class Jt {
         FOOTER_FIXED: a,
         FOOTER_POSITION: l,
         HEADER_BG_COLOR: c,
-        SCROLLER_TRACK_SIZE: d = 0
+        SCROLLER_TRACK_SIZE: f = 0
       }
-    } = this.ctx, f = Math.max(0, s - d);
-    if (f <= 0 || this.trackWidth <= 0 || (this.ctx.paint.drawRect(this.trackX, 0, this.trackWidth, f, {
+    } = this.ctx, d = Math.max(0, s - f);
+    if (d <= 0 || this.trackWidth <= 0 || (this.ctx.paint.drawRect(this.trackX, 0, this.trackWidth, d, {
       fillColor: o
     }), this.ctx.paint.drawRect(this.trackX, 0, this.trackWidth, e.height, {
       fillColor: c
     }), !t.height))
       return;
-    const u = a ? l === "top" ? e.height : f - t.height : t.y - i, x = Math.max(e.height, Math.min(u, f)), g = Math.max(0, Math.min(t.height, f - x));
+    const u = a ? l === "top" ? e.height : d - t.height : t.y - i, x = Math.max(e.height, Math.min(u, d)), g = Math.max(0, Math.min(t.height, d - x));
     g > 0 && this.ctx.paint.drawRect(this.trackX, x, this.trackWidth, g, {
       fillColor: r
     });
@@ -4325,7 +4218,7 @@ class Jt {
     this.type;
   }
 }
-class fi {
+class hi {
   // 垂直滚动定时器
   constructor(t) {
     n(this, "ctx");
@@ -4427,8 +4320,8 @@ class fi {
       let c = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
         c *= 1.5;
-        const { scrollX: d } = this.ctx, f = d + c;
-        (f < 0 || f > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(f);
+        const { scrollX: f } = this.ctx, d = f + c;
+        (d < 0 || d > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(d);
       }, 100);
     }
     if (o && this.adjustPositionY !== o) {
@@ -4436,8 +4329,8 @@ class fi {
       let c = 10 * (o === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         c *= 1.5;
-        const { scrollY: d } = this.ctx, f = d + c;
-        (f < 0 || f > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(f);
+        const { scrollY: f } = this.ctx, d = f + c;
+        (d < 0 || d > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(d);
       }, 100);
     }
   }
@@ -4445,7 +4338,7 @@ class fi {
     t && (this.adjustPositionX = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0)), e && (this.adjustPositionY = "", this.timerY && (clearInterval(this.timerY), this.timerY = 0));
   }
 }
-class ui extends fe {
+class di extends fe {
   constructor(e, i, s, o, r, a, l) {
     super(e, s, o, r, a, "header", l.fixed);
     n(this, "align");
@@ -4534,11 +4427,11 @@ class ui extends fe {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
     let o = i, r = s;
     if (typeof e == "function") {
-      const c = e, { backgroundColor: d, color: f, font: u } = c({
+      const c = e, { backgroundColor: f, color: d, font: u } = c({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      d && (o = d), f && (r = f), u && (this.drawTextFont = u);
+      f && (o = f), d && (r = d), u && (this.drawTextFont = u);
     }
     const { colKey: a, type: l } = this.ctx.finderBar;
     l === "header" && a === this.key && (o = this.ctx.config.FINDER_CELL_BG_COLOR), this.drawCellBgColor = o, this.drawTextColor = r;
@@ -4631,10 +4524,10 @@ class ui extends fe {
       const { indeterminate: e, check: i, selectable: s } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: o = 0, CELL_PADDING: r } = this.ctx.config;
       let a = this.drawX + (this.width - o) / 2, l = this.drawY + (this.height - o) / 2;
       this.drawTextX = a + o - r / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX, (this.align === "left" || this.align === "right") && (a = this.drawX + r, this.drawTextX = a + o - r / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX), this.verticalAlign === "top" ? l = this.drawY + r / 2 : this.verticalAlign === "bottom" && (l = this.drawY + this.height - o - r / 2), this.column.dragRow && (a += this.ctx.config.DRAG_ROW_ICON_SIZE, this.drawTextX += this.ctx.config.DRAG_ROW_ICON_SIZE, this.drawTextWidth -= this.ctx.config.DRAG_ROW_ICON_SIZE);
-      let c = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck";
-      e ? (c = this.ctx.icons.get("checkbox-indeterminate"), d = "checkbox-indeterminate") : i && s ? (c = this.ctx.icons.get("checkbox-check"), d = "checkbox-check") : i && !s ? (c = this.ctx.icons.get("checkbox-check-disabled"), d = "checkbox-check-disabled") : !i && s ? (c = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck") : (c = this.ctx.icons.get("checkbox-disabled"), d = "checkbox-disabled");
-      const f = new q(d, a, l, o, o, c);
-      f.setVisible(!this.hideHeaderSelection), this.setImage("selection", f);
+      let c = this.ctx.icons.get("checkbox-uncheck"), f = "checkbox-uncheck";
+      e ? (c = this.ctx.icons.get("checkbox-indeterminate"), f = "checkbox-indeterminate") : i && s ? (c = this.ctx.icons.get("checkbox-check"), f = "checkbox-check") : i && !s ? (c = this.ctx.icons.get("checkbox-check-disabled"), f = "checkbox-check-disabled") : !i && s ? (c = this.ctx.icons.get("checkbox-uncheck"), f = "checkbox-uncheck") : (c = this.ctx.icons.get("checkbox-disabled"), f = "checkbox-disabled");
+      const d = new Z(f, a, l, o, o, c);
+      d.setVisible(!this.hideHeaderSelection), this.setImage("selection", d);
     }
   }
   updateSortIcon() {
@@ -4644,8 +4537,8 @@ class ui extends fe {
     let l = this.sortIconName;
     const c = this.ctx.database.getSortState(this.key);
     c.direction === "asc" ? l = this.sortAscIconName : c.direction === "desc" && (l = this.sortDescIconName);
-    const d = this.ctx.icons.get(l), f = new q(l, o, r, a, a, d);
-    this.setImage("sort", f);
+    const f = this.ctx.icons.get(l), d = new Z(l, o, r, a, a, f);
+    this.setImage("sort", d);
   }
   getText() {
     return this.render && this.renderHeaderType === "default" || ["", null, void 0].includes(this.text) ? "" : `${this.text}`;
@@ -4684,17 +4577,17 @@ class ge {
     if (!s) return;
     const o = this.findNodeWithParent(this.root, e);
     if (!o) return;
-    const { parent: r, index: a, node: l } = s, { parent: c, index: d, node: f } = o;
+    const { parent: r, index: a, node: l } = s, { parent: c, index: f, node: d } = o;
     if (this.isDescendant(l, e))
       return;
     const u = r ? r[this.childrenKey] : this.root;
     if (u.splice(a, 1), r && u.length === 0 && delete r[this.childrenKey], i === "inside") {
-      Array.isArray(f[this.childrenKey]) || (f[this.childrenKey] = []), f[this.childrenKey].push(l);
+      Array.isArray(d[this.childrenKey]) || (d[this.childrenKey] = []), d[this.childrenKey].push(l);
       return;
     }
     const x = c ? c[this.childrenKey] : this.root;
-    let g = d;
-    r === c && a < d && g--, i === "after" && g++, x.splice(g, 0, l);
+    let g = f;
+    r === c && a < f && g--, i === "after" && g++, x.splice(g, 0, l);
   }
   findNodeWithParent(t, e, i = null) {
     for (let s = 0; s < t.length; s++) {
@@ -4716,7 +4609,7 @@ class ge {
     return !1;
   }
 }
-class xi {
+class fi {
   constructor(t) {
     n(this, "ctx");
     // 上下文
@@ -4772,41 +4665,43 @@ class xi {
       config: { HEADER_HEIGHT: e }
     } = this.ctx, i = B(this.ctx.config);
     if (!t) {
-      const x = this.ctx.database.getColumns();
-      this.columns = x;
+      const d = this.ctx.database.getColumns();
+      this.columns = d;
     }
     this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [], this.visibleColumns = le(this.columns);
     const s = ht(this.visibleColumns), o = st(this.visibleColumns);
-    this.height = e * s, this.visibleHeight = this.height, this.width = o.reduce((x, g) => {
-      const E = g.width || 100, { maxWidth: m, minWidth: w } = g;
-      return m && E > m ? x + m : w && E < w ? x + w : x + E;
+    this.height = e * s, this.visibleHeight = this.height, this.width = o.reduce((d, u) => {
+      const x = u.width || 100, { maxWidth: g, minWidth: E } = u;
+      return g && x > g ? d + g : E && x < E ? d + E : d + x;
     }, 0), this.columnIndex = 0, this.resizeNum = 0;
     const r = Le(dt(this.visibleColumns, s));
     this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
-    const a = this.ctx.containerElement.getBoundingClientRect(), { stageWidth: l, stagePhysicalWidth: c } = this.ctx.zoomScale.resolveStageWidth({
-      containerPhysicalWidth: a.width,
-      contentWidth: this.width,
-      scrollerTrackSize: i,
-      fillContainer: this.resizeNum > 0
-    });
-    this.ctx.stageWidth = l, this.ctx.stagePhysicalWidth = c, this.ctx.stageElement.style.width = `${c}px`, this.visibleWidth = this.ctx.stageWidth - i;
-    const d = this.visibleWidth - this.width;
-    if (this.resizeNum && d > 0) {
-      const x = Math.floor(d / this.resizeNum * 100) / 100;
-      this.resizeAllColumn(x);
-    }
-    const f = this.fixedLeftCellHeaders.filter((x) => !x.hasChildren);
-    this.ctx.fixedLeftWidth = f.reduce((x, g) => x + g.width, 0);
-    const u = this.fixedRightCellHeaders.filter((x) => !x.hasChildren);
-    this.ctx.fixedRightWidth = u.reduce((x, g) => x + g.width, i), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.allCellHeaders = this.allCellHeaders, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
+    const a = this.ctx.containerElement.getBoundingClientRect();
+    this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(a.width) : this.ctx.stageWidth = Math.min(
+      Math.floor(this.width + i),
+      Math.floor(a.width)
+    ), this.ctx.stageElement.style.width = `${this.ctx.stageWidth}px`, this.visibleWidth = this.ctx.stageWidth - i;
+    const l = this.visibleWidth - this.width;
+    if (this.resizeNum && l > 0) {
+      const d = Math.floor(l / this.resizeNum * 100) / 100;
+      this.resizeAllColumn(d);
+    }
+    const c = this.fixedLeftCellHeaders.filter((d) => !d.hasChildren);
+    this.ctx.fixedLeftWidth = c.reduce((d, u) => d + u.width, 0);
+    const f = this.fixedRightCellHeaders.filter((d) => !d.hasChildren);
+    this.ctx.fixedRightWidth = f.reduce((d, u) => d + u.width, i), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.allCellHeaders = this.allCellHeaders, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
   initSort() {
     this.ctx.on("cellHeaderClick", (t, e) => {
       if (!t.isImageInside("sort", e))
         return;
-      const i = this.ctx.database.getSortState(t.key);
-      let s;
-      i.direction === "none" ? s = "asc" : i.direction === "asc" ? s = "desc" : s = "none", this.ctx.database.setSortState(t.key, s);
+      const { sortIconType: i = "up-down" } = t.column, s = t.getImageClickDirection("sort", e);
+      let o = "none";
+      const r = this.ctx.database.getSortState(t.key);
+      function a(l, c) {
+        return l === "none" ? c : l === c ? "none" : c;
+      }
+      i === "loop" ? r.direction === "none" ? o = "asc" : r.direction === "asc" ? o = "desc" : o = "none" : s && i === "up-down" ? s.includes("up") ? o = a(r.direction, "asc") : s.includes("down") && (o = a(r.direction, "desc")) : s && i === "left-right" && (s.includes("left") ? o = a(r.direction, "asc") : s.includes("right") && (o = a(r.direction, "desc"))), this.ctx.database.setSortState(t.key, o);
     });
   }
   initSelection() {
@@ -4844,11 +4739,11 @@ class xi {
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
         const o = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
         for (const r of o) {
-          const { offsetX: a, offsetY: l } = this.ctx.getOffset(t), c = a, d = l, f = r.getDrawX(), u = r.getDrawY();
-          if (c > f + r.width - 5 && c < f + r.width + 4 && c < e - 4 && // 视窗中最后一列不允许调整宽
-          d > u) {
+          const { offsetX: a, offsetY: l } = this.ctx.getOffset(t), c = a, f = l, d = r.getDrawX(), u = r.getDrawY();
+          if (c > d + r.width - 5 && c < d + r.width + 4 && c < e - 4 && // 视窗中最后一列不允许调整宽
+          f > u) {
             const x = r.colIndex + r.colspan - 1, g = this.leafCellHeaders.find((E) => E.colIndex === x);
-            if (!g || !g.fixed && this.ctx.stageWidth - this.ctx.fixedRightWidth < f + r.width)
+            if (!g || !g.fixed && this.ctx.stageWidth - this.ctx.fixedRightWidth < d + r.width)
               return;
             this.ctx.isTarget(t) && l <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = g);
           }
@@ -4864,9 +4759,9 @@ class xi {
     }), this.ctx.on("mouseup", () => {
       if (this.ctx.config.ENABLE_DRAG_COLUMN) {
         if (this.dragingCell && this.dragTarget) {
-          const t = (c, d = {}) => (c.forEach((f, u) => {
-            f.children && t(f.children, d), d[f.key] = u;
-          }), d), e = this.ctx.database.getColumns(), i = dt(e, ht(e)), s = new ge(i, {
+          const t = (c, f = {}) => (c.forEach((d, u) => {
+            d.children && t(d.children, f), f[d.key] = u;
+          }), f), e = this.ctx.database.getColumns(), i = dt(e, ht(e)), s = new ge(i, {
             key: "key",
             // 节点唯一标识字段（对应我们之前的field）
             childrenKey: "children"
@@ -4970,9 +4865,9 @@ class xi {
     const { HEADER_HEIGHT: o = 0 } = this.ctx.config;
     for (let r = 0; r < i; r++) {
       const a = t[r], l = o * (a.rowspan || 0), c = o * (a.level || 0);
-      let { minWidth: d, maxWidth: f } = a, u = a.width || 100;
-      d && u < d && (u = d), f && u > f && (u = f), a.children && (u = st(a.children).reduce((E, m) => E + ((m == null ? void 0 : m.width) || 100), 0));
-      const x = new ui(this.ctx, this.columnIndex, s, c, u, l, a);
+      let { minWidth: f, maxWidth: d } = a, u = a.width || 100;
+      f && u < f && (u = f), d && u > d && (u = d), a.children && (u = st(a.children).reduce((E, w) => E + ((w == null ? void 0 : w.width) || 100), 0));
+      const x = new di(this.ctx, this.columnIndex, s, c, u, l, a);
       this.ctx.database.setHeader(a.key, x), this.allCellHeaders.push(x), a.children || (this.leafCellHeaders.push(x), x.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(x) : a.fixed === "right" ? this.fixedRightCellHeaders.push(x) : this.centerCellHeaders.push(x), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += u;
     }
   }
@@ -4990,12 +4885,12 @@ class xi {
       if (this.ctx.paint.drawLine(c, {
         borderColor: e
       }), o) {
-        const f = `${Math.floor(a + this.resizeDiff)}px`, u = 45, x = 24;
+        const d = `${Math.floor(a + this.resizeDiff)}px`, u = 45, x = 24;
         this.ctx.paint.drawRect(l + u / 2, this.ctx.mouseY - x / 2, u, x, {
           fillColor: s,
           borderWidth: 0,
           borderColor: "transparent"
-        }), this.ctx.paint.drawText(f, l + u / 2, this.ctx.mouseY - x / 2, u, x + 2, {
+        }), this.ctx.paint.drawText(d, l + u / 2, this.ctx.mouseY - x / 2, u, x + 2, {
           padding: 0,
           color: i,
           align: "center",
@@ -5021,12 +4916,12 @@ class xi {
         const { drawX: s, drawY: o, visibleWidth: r, colIndex: a } = this.dragingCell;
         let l = s, c = o;
         a > this.dragTarget.colIndex && (l = s + r), a === 0 && (l = l + 1), a === this.ctx.maxColIndex && (l = l - 1);
-        const d = [l, c, l, this.ctx.stageHeight], f = [l - 4, c, l + 4, c, l, c + 6, l - 4, c];
-        this.ctx.paint.drawLine(f, {
+        const f = [l, c, l, this.ctx.stageHeight], d = [l - 4, c, l + 4, c, l, c + 6, l - 4, c];
+        this.ctx.paint.drawLine(d, {
           borderColor: e,
           borderWidth: 1.2,
           fillColor: e
-        }), this.ctx.paint.drawLine(d, {
+        }), this.ctx.paint.drawLine(f, {
           borderColor: e,
           borderWidth: 1.2
         });
@@ -5094,7 +4989,7 @@ class xi {
     }), this.drawBottomLine(), this.drawTipLine(), this.drawDragTip();
   }
 }
-class me {
+class we {
   constructor(t, e, i = 0, s = 0, o = 0, r = 0, a, l = "body") {
     n(this, "ctx");
     n(this, "x", 0);
@@ -5168,7 +5063,7 @@ class me {
     });
   }
 }
-class gi {
+class ui {
   constructor(t) {
     n(this, "resizeTarget", null);
     //调整行大小的目标
@@ -5215,49 +5110,42 @@ class gi {
         EMPTY_BODY_HEIGHT: a = 0,
         MAX_HEIGHT: l = 0,
         ENABLE_OFFSET_HEIGHT: c = 0,
-        OFFSET_HEIGHT: d = 0,
-        FOOTER_POSITION: f
+        OFFSET_HEIGHT: f = 0,
+        FOOTER_POSITION: d
       }
     } = this.ctx, u = B(this.ctx.config);
     if (!e.width)
       return;
-    this.x = 0, f === "top" && o ? this.y = e.height + i.height : this.y = e.height;
+    this.x = 0, d === "top" && o ? this.y = e.height + i.height : this.y = e.height;
     const { data: x, sumHeight: g } = s.getData();
     this.height = g, this.data = x, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - u;
     const E = this.ctx.footer.height;
     this.ctx.isEmpty = !this.data.length, !this.data.length && !r ? this.height = a : !this.data.length && r && (this.height = r - e.height - E - u);
-    const { zoomScale: m } = this.ctx;
     let w = this.height + e.height + u;
     w += E;
-    let y = m.contentToPhysical(w);
-    const b = window.innerHeight, { top: p } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
-    if (b > p && c && !r) {
-      const M = b - p - d;
-      M > m.contentToPhysical(e.height + u) ? y = M : m.contentToPhysical(w) > l && (y = l);
-    } else this.data.length && r ? y = r : this.data.length && l && m.contentToPhysical(w) > l && (y = l);
-    if (y > 0) {
-      const { stageHeight: O, stagePhysicalHeight: M } = m.applyStageHeight(
-        this.ctx.stageElement,
-        y
-      );
-      this.ctx.stageHeight = O, this.ctx.stagePhysicalHeight = M;
-    }
-    let C = this.ctx.stageHeight - e.height - u;
-    o ? this.visibleHeight = C - E : this.visibleHeight = C, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
-    const v = window.devicePixelRatio || 1, I = this.ctx.stagePhysicalWidth * v, T = this.ctx.stagePhysicalHeight * v;
-    t.width = Math.round(I), t.height = Math.round(T);
-    const _ = this.data.length ? "not-empty" : "empty";
+    let m = w;
+    const y = window.innerHeight, { top: b } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (y > b && c && !r) {
+      const O = y - b - f;
+      O > e.height + u ? m = O : w > l && (m = l);
+    } else this.data.length && r ? m = r : this.data.length && l && w > l && (m = l);
+    m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
+    let p = this.ctx.stageHeight - e.height - u;
+    o ? this.visibleHeight = p - E : this.visibleHeight = p, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
+    const C = window.devicePixelRatio || 1, I = this.ctx.stageWidth * C, v = this.ctx.stageHeight * C;
+    t.width = Math.round(I), t.height = Math.round(v);
+    const T = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: _,
-      type: _,
+      isEmpty: T,
+      type: T,
       headerHeight: e.height,
       bodyHeight: this.height,
       footerHeight: E,
       width: this.width,
       height: this.data.length ? 0 : a + E
     });
-    const R = Math.round(t.width / v * 1e4) / 1e4, S = Math.round(t.height / v * 1e4) / 1e4;
-    this.ctx.canvasElement.setAttribute("style", `height:${S}px;width:${R}px;`), this.ctx.paint.scale(v, this.ctx.zoomScale.value);
+    const _ = Math.round(t.width / C * 1e4) / 1e4, R = Math.round(t.height / C * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${R}px;width:${_}px;`), this.ctx.paint.scale(C);
   }
   initTree() {
     this.ctx.on("cellClick", (t, e) => {
@@ -5307,10 +5195,10 @@ class gi {
         config: { RESIZE_ROW_MIN_HEIGHT: c = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const d = this.resizeTarget.height;
-        let f = r - this.clientY;
+        const f = this.resizeTarget.height;
+        let d = r - this.clientY;
         const { calculatedHeight: u } = this.resizeTarget, x = u === -1 ? c : u;
-        f + d < x && (f = -(d - x)), this.resizeDiff = f, this.ctx.emit("draw");
+        d + f < x && (d = -(f - x)), this.resizeDiff = d, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
@@ -5321,12 +5209,12 @@ class gi {
         if (this.ctx.stageElement.style.cursor === "crosshair")
           return;
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
-        for (let d = 0; d < this.renderRows.length; d++) {
-          const f = this.renderRows[d];
-          if (s > f.y - l + f.height - 1.5 && s < f.y - l + f.height + 1.5 && s < a - 4)
-            for (let x = 0; x < f.cells.length; x++) {
-              const g = f.cells[x];
-              o > g.drawX + 10 && o < g.drawX + g.width - 10 && g.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = f);
+        for (let f = 0; f < this.renderRows.length; f++) {
+          const d = this.renderRows[f];
+          if (s > d.y - l + d.height - 1.5 && s < d.y - l + d.height + 1.5 && s < a - 4)
+            for (let x = 0; x < d.cells.length; x++) {
+              const g = d.cells[x];
+              o > g.drawX + 10 && o < g.drawX + g.width - 10 && g.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = d);
             }
         }
       }
@@ -5483,16 +5371,16 @@ class gi {
     this.ctx.maxRowIndex = r.length - 1;
     let l = this.binarySearch(a, o), c = this.binarySearch(a, o + this.visibleHeight);
     if (c === -1 && (c = this.ctx.maxRowIndex), l === -1 && c === this.ctx.maxRowIndex) {
-      const f = Math.floor(this.visibleHeight / s);
-      l = this.ctx.maxRowIndex - f;
+      const d = Math.floor(this.visibleHeight / s);
+      l = this.ctx.maxRowIndex - d;
     }
     this.headIndex = Math.max(0, l), this.tailIndex = Math.min(this.ctx.maxRowIndex, c + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
-    const d = [];
-    for (let f = 0; f < this.visibleRows.length; f++) {
-      const u = this.headIndex + f, x = this.visibleRows[f], { height: g, top: E } = this.ctx.database.getPositionForRowIndex(u), m = new me(this.ctx, u, 0, E + this.y, t.width, g, x);
-      d.push(m);
+    const f = [];
+    for (let d = 0; d < this.visibleRows.length; d++) {
+      const u = this.headIndex + d, x = this.visibleRows[d], { height: g, top: E } = this.ctx.database.getPositionForRowIndex(u), w = new we(this.ctx, u, 0, E + this.y, t.width, g, x);
+      f.push(w);
     }
-    this.renderRows = d, this.ctx.body.renderRows = d;
+    this.renderRows = f, this.ctx.body.renderRows = f;
   }
   updateAutoHeight() {
     const t = this.ctx.body.renderRows;
@@ -5523,7 +5411,7 @@ class gi {
     }), this.drawTipLine();
   }
 }
-class mi {
+class xi {
   constructor(t) {
     n(this, "ctx");
     n(this, "renderRows", []);
@@ -5578,7 +5466,7 @@ class mi {
     let e = this.y;
     const i = [];
     this.data.forEach((s, o) => {
-      const r = new me(this.ctx, o, 0, e, this.width, t, s, "footer");
+      const r = new we(this.ctx, o, 0, e, this.width, t, s, "footer");
       e += t, i.push(r);
     }), this.renderRows = i, this.ctx.footer.renderRows = this.renderRows;
   }
@@ -5611,7 +5499,7 @@ class mi {
     }), this.drawTopLine();
   }
 }
-class wi {
+class gi {
   constructor(t) {
     n(this, "isCut", !1);
     n(this, "isMultipleRow", !1);
@@ -5728,30 +5616,30 @@ class wi {
         SELECTOR_AREA_MIN_X: a,
         SELECTOR_AREA_MAX_X: l,
         SELECTOR_AREA_MIN_Y: c,
-        SELECTOR_AREA_MAX_Y: d,
-        SELECTOR_AREA_MAX_X_OFFSET: f,
+        SELECTOR_AREA_MAX_Y: f,
+        SELECTOR_AREA_MAX_X_OFFSET: d,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, x = a, g = l || this.ctx.maxColIndex - f, E = c, m = d || this.ctx.maxRowIndex - u;
-      let [w, y] = o, [b, p] = r;
-      if (w < x || y > g || b < E || p > m)
+      } = this.ctx.config, x = a, g = l || this.ctx.maxColIndex - d, E = c, w = f || this.ctx.maxRowIndex - u;
+      let [m, y] = o, [b, p] = r;
+      if (m < x || y > g || b < E || p > w)
         return;
       if (this.ctx.config.ENABLE_MERGE_CELL_LINK) {
-        const v = this.adjustMergeCells(o, r);
-        b = v.yArr[0], p = v.yArr[1], w = v.xArr[0], y = v.xArr[1], this.ctx.onlyMergeCell = v.onlyMergeCell;
+        const I = this.adjustMergeCells(o, r);
+        b = I.yArr[0], p = I.yArr[1], m = I.xArr[0], y = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
       }
-      w === y && b === p ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, w), Math.min(g, y)], r = [Math.max(E, b), Math.min(m, p)];
+      m === y && b === p ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, m), Math.min(g, y)], r = [Math.max(E, b), Math.min(w, p)];
       const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
       if (typeof C == "function") {
-        const I = C({
+        const v = C({
           focusCell: this.ctx.focusCell,
           xArr: o,
           yArr: r
         });
-        if (!I)
+        if (!v)
           return;
-        o = I.xArr, r = I.yArr;
+        o = v.xArr, r = v.yArr;
       }
-      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, p === this.ctx.maxRowIndex && b === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, y === this.ctx.maxColIndex && w === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
+      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, p === this.ctx.maxRowIndex && b === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, y === this.ctx.maxColIndex && m === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
   }
   adjustMergeCells(t, e) {
@@ -5765,36 +5653,36 @@ class wi {
       };
     let a = [], l = [];
     for (let E = 0; E <= e[1] - e[0]; E++)
-      for (let m = 0; m <= t[1] - t[0]; m++) {
-        const w = E + e[0], y = m + t[0], b = this.ctx.database.getVirtualBodyCell(w, y);
-        b && ((w === i || w === s) && a.push(b), (y === o || y === r) && l.push(b));
+      for (let w = 0; w <= t[1] - t[0]; w++) {
+        const m = E + e[0], y = w + t[0], b = this.ctx.database.getVirtualBodyCell(m, y);
+        b && ((m === i || m === s) && a.push(b), (y === o || y === r) && l.push(b));
       }
     const c = a.reduce(
-      (E, m) => {
-        const { yArr: w } = m.getSpanInfo(), [y, b] = w;
+      (E, w) => {
+        const { yArr: m } = w.getSpanInfo(), [y, b] = m;
         return E.minY = Math.min(E.minY, y), E.maxY = Math.max(E.maxY, b), E;
       },
       {
         minY: i,
         maxY: s
       }
-    ), d = l.reduce(
-      (E, m) => {
-        const { xArr: w } = m.getSpanInfo(), [y, b] = w;
+    ), f = l.reduce(
+      (E, w) => {
+        const { xArr: m } = w.getSpanInfo(), [y, b] = m;
         return E.minX = Math.min(E.minX, y), E.maxX = Math.max(E.maxX, b), E;
       },
       {
         minX: o,
         maxX: r
       }
-    ), f = [d.minX, d.maxX], u = [c.minY, c.maxY];
+    ), d = [f.minX, f.maxX], u = [c.minY, c.maxY];
     let x = !1;
-    if (d.minX !== d.maxX || c.minY !== c.maxY) {
-      const E = JSON.stringify(f) + JSON.stringify(u), m = (g = this.ctx.focusCell) == null ? void 0 : g.getSpanInfo();
-      x = (m && JSON.stringify(m.xArr) + JSON.stringify(m.yArr)) === E;
+    if (f.minX !== f.maxX || c.minY !== c.maxY) {
+      const E = JSON.stringify(d) + JSON.stringify(u), w = (g = this.ctx.focusCell) == null ? void 0 : g.getSpanInfo();
+      x = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === E;
     }
     return {
-      xArr: f,
+      xArr: d,
       yArr: u,
       onlyMergeCell: x
     };
@@ -5826,7 +5714,7 @@ class wi {
         SELECTOR_AREA_MAX_Y: r,
         SELECTOR_AREA_MAX_X_OFFSET: a,
         SELECTOR_AREA_MAX_Y_OFFSET: l
-      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l, x = [c, d], g = [f, u];
+      } = this.ctx.config, c = i, f = s || this.ctx.maxColIndex - a, d = o, u = r || this.ctx.maxRowIndex - l, x = [c, f], g = [d, u];
       this.setSelector(x, g);
     }
   }
@@ -5842,11 +5730,11 @@ class wi {
     if (this.ctx.focusCell && this.ctx.mousedown) {
       const { rowIndex: l } = this.ctx.focusCell;
       if (t.rowIndex >= l) {
-        const c = [a, r], d = [l, t.rowIndex];
-        this.setSelector(c, d);
+        const c = [a, r], f = [l, t.rowIndex];
+        this.setSelector(c, f);
       } else {
-        const c = [a, r], d = [t.rowIndex, l];
-        this.setSelector(c, d);
+        const c = [a, r], f = [t.rowIndex, l];
+        this.setSelector(c, f);
       }
     }
   }
@@ -5855,8 +5743,8 @@ class wi {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), a = Math.max(i.colIndex, o), l = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), d = [r, a], f = [l, c];
-      this.setSelector(d, f);
+      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), a = Math.max(i.colIndex, o), l = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), f = [r, a], d = [l, c];
+      this.setSelector(f, d);
     }
   }
   click(t = !1) {
@@ -5865,7 +5753,7 @@ class wi {
       if (this.ctx.selector.enable = !0, i && t) {
         if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
           return;
-        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, l = Math.min(r, s), c = Math.max(r, s), d = Math.min(a, o), f = Math.max(a, o), u = [l, c], x = [d, f];
+        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, l = Math.min(r, s), c = Math.max(r, s), f = Math.min(a, o), d = Math.max(a, o), u = [l, c], x = [f, d];
         this.setSelector(u, x);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -5932,7 +5820,7 @@ class wi {
     const r = /* @__PURE__ */ new Set();
     for (let l = 0; l <= e[1] - e[0]; l++)
       for (let c = 0; c <= t[1] - t[0]; c++) {
-        const d = l + e[0], f = c + t[0], u = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
+        const f = l + e[0], d = c + t[0], u = this.ctx.database.getItemValueForRowIndexAndColIndex(f, d);
         if (u) {
           const { rowKey: x, key: g } = u;
           this.ctx.database.getReadonly(x, g) || (r.add(x), o.push({
@@ -5964,12 +5852,12 @@ class wi {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then(async (o) => {
         let r = Ae(o);
-        const a = [i, i + r[0].length - 1], l = [e, e + r.length - 1], [c, d] = l, [f, u] = a, x = d - this.ctx.maxRowIndex, g = u - this.ctx.maxColIndex;
+        const a = [i, i + r[0].length - 1], l = [e, e + r.length - 1], [c, f] = l, [d, u] = a, x = f - this.ctx.maxRowIndex, g = u - this.ctx.maxColIndex;
         (x > 0 || g > 0) && this.ctx.emit("onPastedDataOverflow", {
-          maxY: d,
+          maxY: f,
           maxX: u,
           minY: c,
-          minX: f,
+          minX: d,
           overflowRowCount: x,
           overflowColCount: g,
           textArr: r
@@ -5984,17 +5872,17 @@ class wi {
           this.ctx.hasEvent("error") ? this.ctx.emit("error", b) : console.error(b.message);
           return;
         }
-        let m = [];
+        let w = [];
         for (let b = 0; b <= r.length - 1; b++) {
           const p = r[b].length;
           for (let C = 0; C <= p - 1; C++) {
-            const v = b + e, I = C + i, T = r[b][C], _ = this.ctx.database.getItemValueForRowIndexAndColIndex(
-              v,
-              I
+            const I = b + e, v = C + i, T = r[b][C], _ = this.ctx.database.getItemValueForRowIndexAndColIndex(
+              I,
+              v
             );
             if (_) {
               const { rowKey: R, key: S } = _;
-              this.ctx.database.getReadonly(R, S) || (s.add(R), m.push({
+              this.ctx.database.getReadonly(R, S) || (s.add(R), w.push({
                 rowKey: R,
                 key: S,
                 value: T,
@@ -6010,30 +5898,30 @@ class wi {
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), p = m.map((C) => `${C.rowKey}-${C.key}`);
+          ), p = w.map((C) => `${C.rowKey}-${C.key}`);
           b.forEach((C) => {
-            p.includes(`${C.rowKey}-${C.key}`) || m.unshift(C);
+            p.includes(`${C.rowKey}-${C.key}`) || w.unshift(C);
           }), this.isCut = !1;
         }
-        if (!m.length)
+        if (!w.length)
           return;
-        const { BEFORE_PASTE_DATA_METHOD: w } = this.ctx.config;
-        if (typeof w == "function") {
-          const b = w, p = m.map((C) => ({
+        const { BEFORE_PASTE_DATA_METHOD: m } = this.ctx.config;
+        if (typeof m == "function") {
+          const b = m, p = w.map((C) => ({
             rowKey: C.rowKey,
             key: C.key,
             value: C.value,
             oldValue: this.ctx.database.getItemValue(C.rowKey, C.key),
             row: this.ctx.database.getRowDataItemForRowKey(C.rowKey)
           }));
-          if (m = await b(p, a, l, r), m && !m.length)
+          if (w = await b(p, a, l, r), w && !w.length)
             return;
         }
-        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(m, !0);
+        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(w, !0);
         let y = [];
         s.forEach((b) => {
           y.push(this.ctx.database.getRowDataItemForRowKey(b));
-        }), this.ctx.emit("pasteChange", m, y), this.ctx.emit("draw");
+        }), this.ctx.emit("pasteChange", w, y), this.ctx.emit("draw");
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
       });
@@ -6064,8 +5952,8 @@ class wi {
         s < l && s++;
         break;
     }
-    const c = [i, i], d = [s, s], f = this.getCell(s, i);
-    f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(c, d), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", f), this.ctx.emit("draw")));
+    const c = [i, i], f = [s, s], d = this.getCell(s, i);
+    d && (d.operation || this.isInSettingRange(d.rowIndex, d.colIndex) && (this.ctx.setFocusCell(d), this.setSelector(c, f), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", d), this.ctx.emit("draw")));
   }
   // 判断是否在设置范围内
   isInSettingRange(t, e) {
@@ -6076,8 +5964,8 @@ class wi {
       SELECTOR_AREA_MAX_Y: r,
       SELECTOR_AREA_MAX_X_OFFSET: a,
       SELECTOR_AREA_MAX_Y_OFFSET: l
-    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l;
-    return !(e < c || e > d || t < f || t > u);
+    } = this.ctx.config, c = i, f = s || this.ctx.maxColIndex - a, d = o, u = r || this.ctx.maxRowIndex - l;
+    return !(e < c || e > f || t < d || t > u);
   }
   /**
    * 调整滚动条位置，让焦点单元格始终出现在可视区域内
@@ -6093,25 +5981,25 @@ class wi {
       footer: a,
       body: l,
       scrollX: c,
-      scrollY: d,
-      config: { FOOTER_FIXED: f, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: x }
+      scrollY: f,
+      config: { FOOTER_FIXED: d, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: x }
     } = this.ctx, g = B(this.ctx.config);
     if (!i)
       return;
     x && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: E, drawY: m, width: w, height: y, fixed: b } = i, p = o - E + 1, C = i.drawX + w - (e - s) + 1;
-    let v = r.height - m, I = y;
-    I > l.visibleHeight && (I = l.visibleHeight);
+    const { drawX: E, drawY: w, width: m, height: y, fixed: b } = i, p = o - E + 1, C = i.drawX + m - (e - s) + 1;
+    let I = r.height - w, v = y;
+    v > l.visibleHeight && (v = l.visibleHeight);
     let T = 0;
-    f && (u === "top" ? v = r.height + a.height - m : T = a.visibleHeight);
-    const _ = m + I - (t - T - g);
-    let R = c, S = d;
-    C > 0 && !b ? R = Math.floor(c + C) : p > 0 && !b && (R = Math.floor(c - p)), v > 0 ? S = Math.floor(d - v) : _ > 0 && (S = Math.floor(d + _)), (Math.abs(c - R) > 2.5 || Math.abs(d - S) > 2.5) && this.ctx.setScroll(R, S);
+    d && (u === "top" ? I = r.height + a.height - w : T = a.visibleHeight);
+    const _ = w + v - (t - T - g);
+    let R = c, S = f;
+    C > 0 && !b ? R = Math.floor(c + C) : p > 0 && !b && (R = Math.floor(c - p)), I > 0 ? S = Math.floor(f - I) : _ > 0 && (S = Math.floor(f + _)), (Math.abs(c - R) > 2.5 || Math.abs(f - S) > 2.5) && this.ctx.setScroll(R, S);
   }
   destroy() {
   }
 }
-class Ei {
+class wi {
   constructor(t) {
     n(this, "ctx");
     n(this, "maxColRowCell");
@@ -6121,8 +6009,8 @@ class Ei {
     this.ctx.on("mousemove", (t) => {
       if (this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default"), this.ctx.editing || !this.ctx.focusCell || !this.maxColRowCell)
         return;
-      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: l, height: c } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + l - d + f, x = a + c - d + f;
-      e > u && i > x && e < u + d && i < x + d && (this.ctx.stageElement.style.cursor = "crosshair"), this.ctx.autofillMove && this.ctx.startAdjustPosition(t);
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: l, height: c } = this.maxColRowCell, f = 6, d = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + l - f + d, x = a + c - f + d;
+      e > u && i > x && e < u + f && i < x + f && (this.ctx.stageElement.style.cursor = "crosshair"), this.ctx.autofillMove && this.ctx.startAdjustPosition(t);
     }), this.ctx.on("cellMouseenter", (t) => {
       const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], o = i[1], { colIndex: r, rowIndex: a } = t;
       this.ctx.config.ENABLE_AUTOFILL && r === s && a === o && (this.maxColRowCell = t), this.mouseenter(t);
@@ -6158,17 +6046,17 @@ class Ei {
     const l = this.ctx.selector.xArr, c = this.ctx.selector.yArr;
     if (!(!o && JSON.stringify(c) !== JSON.stringify(a)) && !(!s && JSON.stringify(l) !== JSON.stringify(r)) && (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a))) {
       const {
-        SELECTOR_AREA_MIN_X: d,
-        SELECTOR_AREA_MAX_X: f,
+        SELECTOR_AREA_MIN_X: f,
+        SELECTOR_AREA_MAX_X: d,
         SELECTOR_AREA_MIN_Y: u,
         SELECTOR_AREA_MAX_Y: x,
         SELECTOR_AREA_MAX_X_OFFSET: g,
         SELECTOR_AREA_MAX_Y_OFFSET: E
-      } = this.ctx.config, m = d, w = f || this.ctx.maxColIndex - g, y = u, b = x || this.ctx.maxRowIndex - E;
-      let [p, C] = r, [v, I] = a;
-      if (p < m || v < y)
+      } = this.ctx.config, w = f, m = d || this.ctx.maxColIndex - g, y = u, b = x || this.ctx.maxRowIndex - E;
+      let [p, C] = r, [I, v] = a;
+      if (p < w || I < y)
         return;
-      r = [Math.max(m, p), Math.min(w, C)], a = [Math.max(y, v), Math.min(b, I)];
+      r = [Math.max(w, p), Math.min(m, C)], a = [Math.max(y, I), Math.min(b, v)];
       const { BEFORE_SET_AUTOFILL_METHOD: T } = this.ctx.config;
       if (typeof T == "function") {
         const R = T({
@@ -6190,8 +6078,8 @@ class Ei {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
     for (let x = 0; x <= e.yArr[1] - e.yArr[0]; x++)
       for (let g = 0; g <= e.xArr[1] - e.xArr[0]; g++) {
-        const E = x + e.yArr[0], m = g + e.xArr[0];
-        i.set(`${E}-${m}`, !0);
+        const E = x + e.yArr[0], w = g + e.xArr[0];
+        i.set(`${E}-${w}`, !0);
       }
     const { value: s } = e, o = s[0].length, r = s.length, a = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr, c = o === 1 && r === 1;
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !c) {
@@ -6203,40 +6091,40 @@ class Ei {
       this.ctx.hasEvent("error") ? this.ctx.emit("error", x) : console.error(x.message);
       return;
     }
-    let d = [];
+    let f = [];
     for (let x = 0; x <= l[1] - l[0]; x++)
       for (let g = 0; g <= a[1] - a[0]; g++) {
-        const E = g + a[0], m = x + l[0], w = s[x % r][g % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(m, E), b = `${m}-${E}`;
+        const E = g + a[0], w = x + l[0], m = s[x % r][g % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(w, E), b = `${w}-${E}`;
         if (y && !i.has(b)) {
           const { rowKey: p, key: C } = y;
-          this.ctx.database.getReadonly(p, C) || (t.add(p), d.push({
+          this.ctx.database.getReadonly(p, C) || (t.add(p), f.push({
             rowKey: p,
             key: C,
-            value: w,
+            value: m,
             row: {}
           }));
         }
       }
-    if (!d.length)
+    if (!f.length)
       return;
     this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr;
-    const { BEFORE_AUTOFILL_DATA_METHOD: f } = this.ctx.config;
-    if (typeof f == "function") {
-      const x = f, g = d.map((E) => ({
+    const { BEFORE_AUTOFILL_DATA_METHOD: d } = this.ctx.config;
+    if (typeof d == "function") {
+      const x = d, g = f.map((E) => ({
         rowKey: E.rowKey,
         key: E.key,
         value: E.value,
         oldValue: this.ctx.database.getItemValue(E.rowKey, E.key),
         row: this.ctx.database.getRowDataItemForRowKey(E.rowKey)
       }));
-      if (d = await x(g, a, l), d && !d.length)
+      if (f = await x(g, a, l), f && !f.length)
         return;
     }
-    this.ctx.batchSetItemValueByEditor(d, !0);
+    this.ctx.batchSetItemValueByEditor(f, !0);
     let u = [];
     t.forEach((x) => {
       u.push(this.ctx.database.getRowDataItemForRowKey(x));
-    }), this.ctx.emit("autofillChange", d, u), this.ctx.emit("draw");
+    }), this.ctx.emit("autofillChange", f, u), this.ctx.emit("draw");
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -6253,7 +6141,7 @@ class Ei {
 const Q = Math.min, U = Math.max, ut = Math.round, ct = Math.floor, F = (h) => ({
   x: h,
   y: h
-}), pi = {
+}), mi = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -6271,55 +6159,55 @@ function j(h) {
 function at(h) {
   return h.split("-")[1];
 }
-function we(h) {
+function me(h) {
   return h === "x" ? "y" : "x";
 }
 function Xt(h) {
   return h === "y" ? "height" : "width";
 }
-function z(h) {
+function P(h) {
   const t = h[0];
   return t === "t" || t === "b" ? "y" : "x";
 }
 function Yt(h) {
-  return we(z(h));
+  return me(P(h));
 }
-function yi(h, t, e) {
+function Ei(h, t, e) {
   e === void 0 && (e = !1);
   const i = at(h), s = Yt(h), o = Xt(s);
   let r = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[o] > t.floating[o] && (r = xt(r)), [r, xt(r)];
 }
-function Ci(h) {
+function pi(h) {
   const t = xt(h);
   return [Lt(h), t, Lt(t)];
 }
 function Lt(h) {
   return h.includes("start") ? h.replace("start", "end") : h.replace("end", "start");
 }
-const Qt = ["left", "right"], te = ["right", "left"], bi = ["top", "bottom"], Ri = ["bottom", "top"];
-function vi(h, t, e) {
+const Qt = ["left", "right"], te = ["right", "left"], yi = ["top", "bottom"], Ci = ["bottom", "top"];
+function bi(h, t, e) {
   switch (h) {
     case "top":
     case "bottom":
       return e ? t ? te : Qt : t ? Qt : te;
     case "left":
     case "right":
-      return t ? bi : Ri;
+      return t ? yi : Ci;
     default:
       return [];
   }
 }
-function Ii(h, t, e, i) {
+function Ri(h, t, e, i) {
   const s = at(h);
-  let o = vi(j(h), e === "start", i);
+  let o = bi(j(h), e === "start", i);
   return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(Lt)))), o;
 }
 function xt(h) {
   const t = j(h);
-  return pi[t] + h.slice(t.length);
+  return mi[t] + h.slice(t.length);
 }
-function _i(h) {
+function Ii(h) {
   return {
     top: 0,
     right: 0,
@@ -6329,7 +6217,7 @@ function _i(h) {
   };
 }
 function Ee(h) {
-  return typeof h != "number" ? _i(h) : {
+  return typeof h != "number" ? Ii(h) : {
     top: h,
     right: h,
     bottom: h,
@@ -6359,31 +6247,31 @@ function ee(h, t, e) {
     reference: i,
     floating: s
   } = h;
-  const o = z(t), r = Yt(t), a = Xt(r), l = j(t), c = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
+  const o = P(t), r = Yt(t), a = Xt(r), l = j(t), c = o === "y", f = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
   let x;
   switch (l) {
     case "top":
       x = {
-        x: d,
+        x: f,
         y: i.y - s.height
       };
       break;
     case "bottom":
       x = {
-        x: d,
+        x: f,
         y: i.y + i.height
       };
       break;
     case "right":
       x = {
         x: i.x + i.width,
-        y: f
+        y: d
       };
       break;
     case "left":
       x = {
         x: i.x - s.width,
-        y: f
+        y: d
       };
       break;
     default:
@@ -6402,7 +6290,7 @@ function ee(h, t, e) {
   }
   return x;
 }
-async function Ti(h, t) {
+async function vi(h, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -6414,16 +6302,16 @@ async function Ti(h, t) {
     strategy: l
   } = h, {
     boundary: c = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: f = "floating",
+    rootBoundary: f = "viewport",
+    elementContext: d = "floating",
     altBoundary: u = !1,
     padding: x = 0
-  } = nt(t, h), g = Ee(x), m = a[u ? f === "floating" ? "reference" : "floating" : f], w = gt(await o.getClippingRect({
-    element: (e = await (o.isElement == null ? void 0 : o.isElement(m))) == null || e ? m : m.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
+  } = nt(t, h), g = Ee(x), w = a[u ? d === "floating" ? "reference" : "floating" : d], m = gt(await o.getClippingRect({
+    element: (e = await (o.isElement == null ? void 0 : o.isElement(w))) == null || e ? w : w.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
     boundary: c,
-    rootBoundary: d,
+    rootBoundary: f,
     strategy: l
-  })), y = f === "floating" ? {
+  })), y = d === "floating" ? {
     x: i,
     y: s,
     width: r.floating.width,
@@ -6441,13 +6329,13 @@ async function Ti(h, t) {
     strategy: l
   }) : y);
   return {
-    top: (w.top - C.top + g.top) / p.y,
-    bottom: (C.bottom - w.bottom + g.bottom) / p.y,
-    left: (w.left - C.left + g.left) / p.x,
-    right: (C.right - w.right + g.right) / p.x
+    top: (m.top - C.top + g.top) / p.y,
+    bottom: (C.bottom - m.bottom + g.bottom) / p.y,
+    left: (m.left - C.left + g.left) / p.x,
+    right: (C.right - m.right + g.right) / p.x
   };
 }
-const Si = 50, Oi = async (h, t, e) => {
+const _i = 50, Ti = async (h, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
@@ -6455,32 +6343,32 @@ const Si = 50, Oi = async (h, t, e) => {
     platform: r
   } = e, a = r.detectOverflow ? r : {
     ...r,
-    detectOverflow: Ti
+    detectOverflow: vi
   }, l = await (r.isRTL == null ? void 0 : r.isRTL(t));
   let c = await r.getElementRects({
     reference: h,
     floating: t,
     strategy: s
   }), {
-    x: d,
-    y: f
+    x: f,
+    y: d
   } = ee(c, i, l), u = i, x = 0;
   const g = {};
   for (let E = 0; E < o.length; E++) {
-    const m = o[E];
-    if (!m)
+    const w = o[E];
+    if (!w)
       continue;
     const {
-      name: w,
+      name: m,
       fn: y
-    } = m, {
+    } = w, {
       x: b,
       y: p,
       data: C,
-      reset: v
+      reset: I
     } = await y({
-      x: d,
-      y: f,
+      x: f,
+      y: d,
       initialPlacement: i,
       placement: u,
       strategy: s,
@@ -6492,26 +6380,26 @@ const Si = 50, Oi = async (h, t, e) => {
         floating: t
       }
     });
-    d = b ?? d, f = p ?? f, g[w] = {
-      ...g[w],
+    f = b ?? f, d = p ?? d, g[m] = {
+      ...g[m],
       ...C
-    }, v && x < Si && (x++, typeof v == "object" && (v.placement && (u = v.placement), v.rects && (c = v.rects === !0 ? await r.getElementRects({
+    }, I && x < _i && (x++, typeof I == "object" && (I.placement && (u = I.placement), I.rects && (c = I.rects === !0 ? await r.getElementRects({
       reference: h,
       floating: t,
       strategy: s
-    }) : v.rects), {
-      x: d,
-      y: f
+    }) : I.rects), {
+      x: f,
+      y: d
     } = ee(c, u, l)), E = -1);
   }
   return {
-    x: d,
-    y: f,
+    x: f,
+    y: d,
     placement: u,
     strategy: s,
     middlewareData: g
   };
-}, Li = (h) => ({
+}, Si = (h) => ({
   name: "arrow",
   options: h,
   async fn(t) {
@@ -6525,17 +6413,17 @@ const Si = 50, Oi = async (h, t, e) => {
       middlewareData: l
     } = t, {
       element: c,
-      padding: d = 0
+      padding: f = 0
     } = nt(h, t) || {};
     if (c == null)
       return {};
-    const f = Ee(d), u = {
+    const d = Ee(f), u = {
       x: e,
       y: i
-    }, x = Yt(s), g = Xt(x), E = await r.getDimensions(c), m = x === "y", w = m ? "top" : "left", y = m ? "bottom" : "right", b = m ? "clientHeight" : "clientWidth", p = o.reference[g] + o.reference[x] - u[x] - o.floating[g], C = u[x] - o.reference[x], v = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
-    let I = v ? v[b] : 0;
-    (!I || !await (r.isElement == null ? void 0 : r.isElement(v))) && (I = a.floating[b] || o.floating[g]);
-    const T = p / 2 - C / 2, _ = I / 2 - E[g] / 2 - 1, R = Q(f[w], _), S = Q(f[y], _), O = R, M = I - E[g] - S, L = I / 2 - E[g] / 2 + T, H = Ot(O, L, M), D = !l.arrow && at(s) != null && L !== H && o.reference[g] / 2 - (L < O ? R : S) - E[g] / 2 < 0, A = D ? L < O ? L - O : L - M : 0;
+    }, x = Yt(s), g = Xt(x), E = await r.getDimensions(c), w = x === "y", m = w ? "top" : "left", y = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", p = o.reference[g] + o.reference[x] - u[x] - o.floating[g], C = u[x] - o.reference[x], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let v = I ? I[b] : 0;
+    (!v || !await (r.isElement == null ? void 0 : r.isElement(I))) && (v = a.floating[b] || o.floating[g]);
+    const T = p / 2 - C / 2, _ = v / 2 - E[g] / 2 - 1, R = Q(d[m], _), S = Q(d[y], _), O = R, M = v - E[g] - S, L = v / 2 - E[g] / 2 + T, H = Ot(O, L, M), D = !l.arrow && at(s) != null && L !== H && o.reference[g] / 2 - (L < O ? R : S) - E[g] / 2 < 0, A = D ? L < O ? L - O : L - M : 0;
     return {
       [x]: u[x] + A,
       data: {
@@ -6548,7 +6436,7 @@ const Si = 50, Oi = async (h, t, e) => {
       reset: D
     };
   }
-}), Mi = function(h) {
+}), Oi = function(h) {
   return h === void 0 && (h = {}), {
     name: "flip",
     options: h,
@@ -6562,22 +6450,22 @@ const Si = 50, Oi = async (h, t, e) => {
         platform: l,
         elements: c
       } = t, {
-        mainAxis: d = !0,
-        crossAxis: f = !0,
+        mainAxis: f = !0,
+        crossAxis: d = !0,
         fallbackPlacements: u,
         fallbackStrategy: x = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: E = !0,
-        ...m
+        ...w
       } = nt(h, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const w = j(s), y = z(a), b = j(a) === a, p = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = u || (b || !E ? [xt(a)] : Ci(a)), v = g !== "none";
-      !u && v && C.push(...Ii(a, E, g, p));
-      const I = [a, ...C], T = await l.detectOverflow(t, m), _ = [];
+      const m = j(s), y = P(a), b = j(a) === a, p = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = u || (b || !E ? [xt(a)] : pi(a)), I = g !== "none";
+      !u && I && C.push(...Ri(a, E, g, p));
+      const v = [a, ...C], T = await l.detectOverflow(t, w), _ = [];
       let R = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d && _.push(T[w]), f) {
-        const L = yi(s, r, p);
+      if (f && _.push(T[m]), d) {
+        const L = Ei(s, r, p);
         _.push(T[L[0]], T[L[1]]);
       }
       if (R = [...R, {
@@ -6585,10 +6473,10 @@ const Si = 50, Oi = async (h, t, e) => {
         overflows: _
       }], !_.every((L) => L <= 0)) {
         var S, O;
-        const L = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, H = I[L];
-        if (H && (!(f === "alignment" ? y !== z(H) : !1) || // We leave the current main axis only if every placement on that axis
+        const L = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, H = v[L];
+        if (H && (!(d === "alignment" ? y !== P(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        R.every((k) => z(k.placement) === y ? k.overflows[0] > 0 : !0)))
+        R.every((k) => P(k.placement) === y ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: L,
@@ -6604,14 +6492,14 @@ const Si = 50, Oi = async (h, t, e) => {
             case "bestFit": {
               var M;
               const A = (M = R.filter((k) => {
-                if (v) {
-                  const N = z(k.placement);
+                if (I) {
+                  const N = P(k.placement);
                   return N === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   N === "y";
                 }
                 return !0;
-              }).map((k) => [k.placement, k.overflows.filter((N) => N > 0).reduce((N, vt) => N + vt, 0)]).sort((k, N) => k[1] - N[1])[0]) == null ? void 0 : M[0];
+              }).map((k) => [k.placement, k.overflows.filter((N) => N > 0).reduce((N, It) => N + It, 0)]).sort((k, N) => k[1] - N[1])[0]) == null ? void 0 : M[0];
               A && (D = A);
               break;
             }
@@ -6629,35 +6517,35 @@ const Si = 50, Oi = async (h, t, e) => {
       return {};
     }
   };
-}, Ai = /* @__PURE__ */ new Set(["left", "top"]);
-async function Hi(h, t) {
+}, Li = /* @__PURE__ */ new Set(["left", "top"]);
+async function Mi(h, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = h, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = j(e), a = at(e), l = z(e) === "y", c = Ai.has(r) ? -1 : 1, d = o && l ? -1 : 1, f = nt(t, h);
+  } = h, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = j(e), a = at(e), l = P(e) === "y", c = Li.has(r) ? -1 : 1, f = o && l ? -1 : 1, d = nt(t, h);
   let {
     mainAxis: u,
     crossAxis: x,
     alignmentAxis: g
-  } = typeof f == "number" ? {
-    mainAxis: f,
+  } = typeof d == "number" ? {
+    mainAxis: d,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: f.mainAxis || 0,
-    crossAxis: f.crossAxis || 0,
-    alignmentAxis: f.alignmentAxis
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
   };
   return a && typeof g == "number" && (x = a === "end" ? g * -1 : g), l ? {
-    x: x * d,
+    x: x * f,
     y: u * c
   } : {
     x: u * c,
-    y: x * d
+    y: x * f
   };
 }
-const Di = function(h) {
+const Ai = function(h) {
   return h === void 0 && (h = 0), {
     name: "offset",
     options: h,
@@ -6668,7 +6556,7 @@ const Di = function(h) {
         y: o,
         placement: r,
         middlewareData: a
-      } = t, l = await Hi(t, h);
+      } = t, l = await Mi(t, h);
       return r === ((e = a.offset) == null ? void 0 : e.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
         x: s + l.x,
         y: o + l.y,
@@ -6679,7 +6567,7 @@ const Di = function(h) {
       };
     }
   };
-}, Ni = function(h) {
+}, Hi = function(h) {
   return h === void 0 && (h = {}), {
     name: "shift",
     options: h,
@@ -6693,11 +6581,11 @@ const Di = function(h) {
         mainAxis: r = !0,
         crossAxis: a = !1,
         limiter: l = {
-          fn: (w) => {
+          fn: (m) => {
             let {
               x: y,
               y: b
-            } = w;
+            } = m;
             return {
               x: y,
               y: b
@@ -6705,29 +6593,29 @@ const Di = function(h) {
           }
         },
         ...c
-      } = nt(h, t), d = {
+      } = nt(h, t), f = {
         x: e,
         y: i
-      }, f = await o.detectOverflow(t, c), u = z(j(s)), x = we(u);
-      let g = d[x], E = d[u];
+      }, d = await o.detectOverflow(t, c), u = P(j(s)), x = me(u);
+      let g = f[x], E = f[u];
       if (r) {
-        const w = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = g + f[w], p = g - f[y];
+        const m = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = g + d[m], p = g - d[y];
         g = Ot(b, g, p);
       }
       if (a) {
-        const w = u === "y" ? "top" : "left", y = u === "y" ? "bottom" : "right", b = E + f[w], p = E - f[y];
+        const m = u === "y" ? "top" : "left", y = u === "y" ? "bottom" : "right", b = E + d[m], p = E - d[y];
         E = Ot(b, E, p);
       }
-      const m = l.fn({
+      const w = l.fn({
         ...t,
         [x]: g,
         [u]: E
       });
       return {
-        ...m,
+        ...w,
         data: {
-          x: m.x - e,
-          y: m.y - i,
+          x: w.x - e,
+          y: w.y - i,
           enabled: {
             [x]: r,
             [u]: a
@@ -6757,7 +6645,7 @@ function pe(h) {
 function Y(h) {
   return yt() ? h instanceof Element || h instanceof X(h).Element : !1;
 }
-function P(h) {
+function z(h) {
   return yt() ? h instanceof HTMLElement || h instanceof X(h).HTMLElement : !1;
 }
 function ie(h) {
@@ -6772,7 +6660,7 @@ function lt(h) {
   } = K(h);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && s !== "inline" && s !== "contents";
 }
-function ki(h) {
+function Di(h) {
   return /^(table|td|th)$/.test(et(h));
 }
 function Ct(h) {
@@ -6787,25 +6675,25 @@ function Ct(h) {
     return !1;
   }
 }
-const Bi = /transform|translate|scale|rotate|perspective|filter/, Xi = /paint|layout|strict|content/, $ = (h) => !!h && h !== "none";
-let It;
+const Ni = /transform|translate|scale|rotate|perspective|filter/, ki = /paint|layout|strict|content/, G = (h) => !!h && h !== "none";
+let vt;
 function Kt(h) {
   const t = Y(h) ? K(h) : h;
-  return $(t.transform) || $(t.translate) || $(t.scale) || $(t.rotate) || $(t.perspective) || !Ft() && ($(t.backdropFilter) || $(t.filter)) || Bi.test(t.willChange || "") || Xi.test(t.contain || "");
+  return G(t.transform) || G(t.translate) || G(t.scale) || G(t.rotate) || G(t.perspective) || !Ft() && (G(t.backdropFilter) || G(t.filter)) || Ni.test(t.willChange || "") || ki.test(t.contain || "");
 }
-function Yi(h) {
-  let t = G(h);
-  for (; P(t) && !tt(t); ) {
+function Bi(h) {
+  let t = $(h);
+  for (; z(t) && !tt(t); ) {
     if (Kt(t))
       return t;
     if (Ct(t))
       return null;
-    t = G(t);
+    t = $(t);
   }
   return null;
 }
 function Ft() {
-  return It == null && (It = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), It;
+  return vt == null && (vt = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), vt;
 }
 function tt(h) {
   return /^(html|body|#document)$/.test(et(h));
@@ -6822,7 +6710,7 @@ function bt(h) {
     scrollTop: h.scrollY
   };
 }
-function G(h) {
+function $(h) {
   if (et(h) === "html")
     return h;
   const t = (
@@ -6835,8 +6723,8 @@ function G(h) {
   return ie(t) ? t.host : t;
 }
 function ye(h) {
-  const t = G(h);
-  return tt(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : P(t) && lt(t) ? t : ye(t);
+  const t = $(h);
+  return tt(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : z(t) && lt(t) ? t : ye(t);
 }
 function ot(h, t, e) {
   var i;
@@ -6854,7 +6742,7 @@ function Mt(h) {
 function Ce(h) {
   const t = K(h);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = P(h), o = s ? h.offsetWidth : e, r = s ? h.offsetHeight : i, a = ut(e) !== o || ut(i) !== r;
+  const s = z(h), o = s ? h.offsetWidth : e, r = s ? h.offsetHeight : i, a = ut(e) !== o || ut(i) !== r;
   return a && (e = o, i = r), {
     width: e,
     height: i,
@@ -6866,7 +6754,7 @@ function Wt(h) {
 }
 function J(h) {
   const t = Wt(h);
-  if (!P(t))
+  if (!z(t))
     return F(1);
   const e = t.getBoundingClientRect(), {
     width: i,
@@ -6879,42 +6767,42 @@ function J(h) {
     y: a
   };
 }
-const Ki = /* @__PURE__ */ F(0);
+const Xi = /* @__PURE__ */ F(0);
 function be(h) {
   const t = X(h);
-  return !Ft() || !t.visualViewport ? Ki : {
+  return !Ft() || !t.visualViewport ? Xi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Fi(h, t, e) {
+function Yi(h, t, e) {
   return t === void 0 && (t = !1), !e || t && e !== X(h) ? !1 : t;
 }
-function Z(h, t, e, i) {
+function q(h, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = h.getBoundingClientRect(), o = Wt(h);
   let r = F(1);
   t && (i ? Y(i) && (r = J(i)) : r = J(h));
-  const a = Fi(o, e, i) ? be(o) : F(0);
-  let l = (s.left + a.x) / r.x, c = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
+  const a = Yi(o, e, i) ? be(o) : F(0);
+  let l = (s.left + a.x) / r.x, c = (s.top + a.y) / r.y, f = s.width / r.x, d = s.height / r.y;
   if (o) {
     const u = X(o), x = i && Y(i) ? X(i) : i;
     let g = u, E = Mt(g);
     for (; E && i && x !== g; ) {
-      const m = J(E), w = E.getBoundingClientRect(), y = K(E), b = w.left + (E.clientLeft + parseFloat(y.paddingLeft)) * m.x, p = w.top + (E.clientTop + parseFloat(y.paddingTop)) * m.y;
-      l *= m.x, c *= m.y, d *= m.x, f *= m.y, l += b, c += p, g = X(E), E = Mt(g);
+      const w = J(E), m = E.getBoundingClientRect(), y = K(E), b = m.left + (E.clientLeft + parseFloat(y.paddingLeft)) * w.x, p = m.top + (E.clientTop + parseFloat(y.paddingTop)) * w.y;
+      l *= w.x, c *= w.y, f *= w.x, d *= w.y, l += b, c += p, g = X(E), E = Mt(g);
     }
   }
   return gt({
-    width: d,
-    height: f,
+    width: f,
+    height: d,
     x: l,
     y: c
   });
 }
 function Rt(h, t) {
   const e = bt(h).scrollLeft;
-  return t ? t.left + e : Z(W(h)).left + e;
+  return t ? t.left + e : q(W(h)).left + e;
 }
 function Re(h, t) {
   const e = h.getBoundingClientRect(), i = e.left + t.scrollLeft - Rt(h, e), s = e.top + t.scrollTop;
@@ -6923,7 +6811,7 @@ function Re(h, t) {
     y: s
   };
 }
-function Wi(h) {
+function Ki(h) {
   let {
     elements: t,
     rect: e,
@@ -6937,23 +6825,23 @@ function Wi(h) {
     scrollLeft: 0,
     scrollTop: 0
   }, c = F(1);
-  const d = F(0), f = P(i);
-  if ((f || !f && !o) && ((et(i) !== "body" || lt(r)) && (l = bt(i)), f)) {
-    const x = Z(i);
-    c = J(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+  const f = F(0), d = z(i);
+  if ((d || !d && !o) && ((et(i) !== "body" || lt(r)) && (l = bt(i)), d)) {
+    const x = q(i);
+    c = J(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
   }
-  const u = r && !f && !o ? Re(r, l) : F(0);
+  const u = r && !d && !o ? Re(r, l) : F(0);
   return {
     width: e.width * c.x,
     height: e.height * c.y,
-    x: e.x * c.x - l.scrollLeft * c.x + d.x + u.x,
-    y: e.y * c.y - l.scrollTop * c.y + d.y + u.y
+    x: e.x * c.x - l.scrollLeft * c.x + f.x + u.x,
+    y: e.y * c.y - l.scrollTop * c.y + f.y + u.y
   };
 }
-function Vi(h) {
+function Fi(h) {
   return Array.from(h.getClientRects());
 }
-function Pi(h) {
+function Wi(h) {
   const t = W(h), e = bt(h), i = h.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let r = -e.scrollLeft + Rt(h);
   const a = -e.scrollTop;
@@ -6965,17 +6853,17 @@ function Pi(h) {
   };
 }
 const se = 25;
-function zi(h, t) {
+function Vi(h, t) {
   const e = X(h), i = W(h), s = e.visualViewport;
   let o = i.clientWidth, r = i.clientHeight, a = 0, l = 0;
   if (s) {
     o = s.width, r = s.height;
-    const d = Ft();
-    (!d || d && t === "fixed") && (a = s.offsetLeft, l = s.offsetTop);
+    const f = Ft();
+    (!f || f && t === "fixed") && (a = s.offsetLeft, l = s.offsetTop);
   }
   const c = Rt(i);
   if (c <= 0) {
-    const d = i.ownerDocument, f = d.body, u = getComputedStyle(f), x = d.compatMode === "CSS1Compat" && parseFloat(u.marginLeft) + parseFloat(u.marginRight) || 0, g = Math.abs(i.clientWidth - f.clientWidth - x);
+    const f = i.ownerDocument, d = f.body, u = getComputedStyle(d), x = f.compatMode === "CSS1Compat" && parseFloat(u.marginLeft) + parseFloat(u.marginRight) || 0, g = Math.abs(i.clientWidth - d.clientWidth - x);
     g <= se && (o -= g);
   } else c <= se && (o += c);
   return {
@@ -6985,8 +6873,8 @@ function zi(h, t) {
     y: l
   };
 }
-function Gi(h, t) {
-  const e = Z(h, !0, t === "fixed"), i = e.top + h.clientTop, s = e.left + h.clientLeft, o = P(h) ? J(h) : F(1), r = h.clientWidth * o.x, a = h.clientHeight * o.y, l = s * o.x, c = i * o.y;
+function zi(h, t) {
+  const e = q(h, !0, t === "fixed"), i = e.top + h.clientTop, s = e.left + h.clientLeft, o = z(h) ? J(h) : F(1), r = h.clientWidth * o.x, a = h.clientHeight * o.y, l = s * o.x, c = i * o.y;
   return {
     width: r,
     height: a,
@@ -6997,11 +6885,11 @@ function Gi(h, t) {
 function oe(h, t, e) {
   let i;
   if (t === "viewport")
-    i = zi(h, e);
+    i = Vi(h, e);
   else if (t === "document")
-    i = Pi(W(h));
+    i = Wi(W(h));
   else if (Y(t))
-    i = Gi(t, e);
+    i = zi(t, e);
   else {
     const s = be(h);
     i = {
@@ -7013,44 +6901,44 @@ function oe(h, t, e) {
   }
   return gt(i);
 }
-function ve(h, t) {
-  const e = G(h);
-  return e === t || !Y(e) || tt(e) ? !1 : K(e).position === "fixed" || ve(e, t);
+function Ie(h, t) {
+  const e = $(h);
+  return e === t || !Y(e) || tt(e) ? !1 : K(e).position === "fixed" || Ie(e, t);
 }
-function $i(h, t) {
+function Pi(h, t) {
   const e = t.get(h);
   if (e)
     return e;
   let i = ot(h, [], !1).filter((a) => Y(a) && et(a) !== "body"), s = null;
   const o = K(h).position === "fixed";
-  let r = o ? G(h) : h;
+  let r = o ? $(h) : h;
   for (; Y(r) && !tt(r); ) {
     const a = K(r), l = Kt(r);
-    !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && (s.position === "absolute" || s.position === "fixed") || lt(r) && !l && ve(h, r)) ? i = i.filter((d) => d !== r) : s = a, r = G(r);
+    !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && (s.position === "absolute" || s.position === "fixed") || lt(r) && !l && Ie(h, r)) ? i = i.filter((f) => f !== r) : s = a, r = $(r);
   }
   return t.set(h, i), i;
 }
-function Ui(h) {
+function $i(h) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
   } = h;
-  const r = [...e === "clippingAncestors" ? Ct(t) ? [] : $i(t, this._c) : [].concat(e), i], a = oe(t, r[0], s);
-  let l = a.top, c = a.right, d = a.bottom, f = a.left;
+  const r = [...e === "clippingAncestors" ? Ct(t) ? [] : Pi(t, this._c) : [].concat(e), i], a = oe(t, r[0], s);
+  let l = a.top, c = a.right, f = a.bottom, d = a.left;
   for (let u = 1; u < r.length; u++) {
     const x = oe(t, r[u], s);
-    l = U(x.top, l), c = Q(x.right, c), d = Q(x.bottom, d), f = U(x.left, f);
+    l = U(x.top, l), c = Q(x.right, c), f = Q(x.bottom, f), d = U(x.left, d);
   }
   return {
-    width: c - f,
-    height: d - l,
-    x: f,
+    width: c - d,
+    height: f - l,
+    x: d,
     y: l
   };
 }
-function ji(h) {
+function Gi(h) {
   const {
     width: t,
     height: e
@@ -7060,8 +6948,8 @@ function ji(h) {
     height: e
   };
 }
-function Zi(h, t, e) {
-  const i = P(t), s = W(t), o = e === "fixed", r = Z(h, !0, o, t);
+function Ui(h, t, e) {
+  const i = z(t), s = W(t), o = e === "fixed", r = q(h, !0, o, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
@@ -7072,13 +6960,13 @@ function Zi(h, t, e) {
   }
   if (i || !i && !o)
     if ((et(t) !== "body" || lt(s)) && (a = bt(t)), i) {
-      const x = Z(t, !0, o, t);
+      const x = q(t, !0, o, t);
       l.x = x.x + t.clientLeft, l.y = x.y + t.clientTop;
     } else s && c();
   o && !i && s && c();
-  const d = s && !i && !o ? Re(s, a) : F(0), f = r.left + a.scrollLeft - l.x - d.x, u = r.top + a.scrollTop - l.y - d.y;
+  const f = s && !i && !o ? Re(s, a) : F(0), d = r.left + a.scrollLeft - l.x - f.x, u = r.top + a.scrollTop - l.y - f.y;
   return {
-    x: f,
+    x: d,
     y: u,
     width: r.width,
     height: r.height
@@ -7088,35 +6976,35 @@ function _t(h) {
   return K(h).position === "static";
 }
 function re(h, t) {
-  if (!P(h) || K(h).position === "fixed")
+  if (!z(h) || K(h).position === "fixed")
     return null;
   if (t)
     return t(h);
   let e = h.offsetParent;
   return W(h) === e && (e = e.ownerDocument.body), e;
 }
-function Ie(h, t) {
+function ve(h, t) {
   const e = X(h);
   if (Ct(h))
     return e;
-  if (!P(h)) {
-    let s = G(h);
+  if (!z(h)) {
+    let s = $(h);
     for (; s && !tt(s); ) {
       if (Y(s) && !_t(s))
         return s;
-      s = G(s);
+      s = $(s);
     }
     return e;
   }
   let i = re(h, t);
-  for (; i && ki(i) && _t(i); )
+  for (; i && Di(i) && _t(i); )
     i = re(i, t);
-  return i && tt(i) && _t(i) && !Kt(i) ? e : i || Yi(h) || e;
+  return i && tt(i) && _t(i) && !Kt(i) ? e : i || Bi(h) || e;
 }
-const qi = async function(h) {
-  const t = this.getOffsetParent || Ie, e = this.getDimensions, i = await e(h.floating);
+const ji = async function(h) {
+  const t = this.getOffsetParent || ve, e = this.getDimensions, i = await e(h.floating);
   return {
-    reference: Zi(h.reference, await t(h.floating), h.strategy),
+    reference: Ui(h.reference, await t(h.floating), h.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -7125,25 +7013,25 @@ const qi = async function(h) {
     }
   };
 };
-function Ji(h) {
+function qi(h) {
   return K(h).direction === "rtl";
 }
-const Qi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Wi,
+const Zi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ki,
   getDocumentElement: W,
-  getClippingRect: Ui,
-  getOffsetParent: Ie,
-  getElementRects: qi,
-  getClientRects: Vi,
-  getDimensions: ji,
+  getClippingRect: $i,
+  getOffsetParent: ve,
+  getElementRects: ji,
+  getClientRects: Fi,
+  getDimensions: Gi,
   getScale: J,
   isElement: Y,
-  isRTL: Ji
+  isRTL: qi
 };
 function _e(h, t) {
   return h.x === t.x && h.y === t.y && h.width === t.width && h.height === t.height;
 }
-function ts(h, t) {
+function Ji(h, t) {
   let e = null, i;
   const s = W(h);
   function o() {
@@ -7153,28 +7041,28 @@ function ts(h, t) {
   function r(a, l) {
     a === void 0 && (a = !1), l === void 0 && (l = 1), o();
     const c = h.getBoundingClientRect(), {
-      left: d,
-      top: f,
+      left: f,
+      top: d,
       width: u,
       height: x
     } = c;
     if (a || t(), !u || !x)
       return;
-    const g = ct(f), E = ct(s.clientWidth - (d + u)), m = ct(s.clientHeight - (f + x)), w = ct(d), b = {
-      rootMargin: -g + "px " + -E + "px " + -m + "px " + -w + "px",
+    const g = ct(d), E = ct(s.clientWidth - (f + u)), w = ct(s.clientHeight - (d + x)), m = ct(f), b = {
+      rootMargin: -g + "px " + -E + "px " + -w + "px " + -m + "px",
       threshold: U(0, Q(1, l)) || 1
     };
     let p = !0;
-    function C(v) {
-      const I = v[0].intersectionRatio;
-      if (I !== l) {
+    function C(I) {
+      const v = I[0].intersectionRatio;
+      if (v !== l) {
         if (!p)
           return r();
-        I ? r(!1, I) : i = setTimeout(() => {
+        v ? r(!1, v) : i = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      I === 1 && !_e(c, h.getBoundingClientRect()) && r(), p = !1;
+      v === 1 && !_e(c, h.getBoundingClientRect()) && r(), p = !1;
     }
     try {
       e = new IntersectionObserver(C, {
@@ -7197,48 +7085,48 @@ function At(h, t, e, i) {
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = i, c = Wt(h), d = s || o ? [...c ? ot(c) : [], ...t ? ot(t) : []] : [];
-  d.forEach((w) => {
-    s && w.addEventListener("scroll", e, {
+  } = i, c = Wt(h), f = s || o ? [...c ? ot(c) : [], ...t ? ot(t) : []] : [];
+  f.forEach((m) => {
+    s && m.addEventListener("scroll", e, {
       passive: !0
-    }), o && w.addEventListener("resize", e);
+    }), o && m.addEventListener("resize", e);
   });
-  const f = c && a ? ts(c, e) : null;
+  const d = c && a ? Ji(c, e) : null;
   let u = -1, x = null;
-  r && (x = new ResizeObserver((w) => {
-    let [y] = w;
+  r && (x = new ResizeObserver((m) => {
+    let [y] = m;
     y && y.target === c && x && t && (x.unobserve(t), cancelAnimationFrame(u), u = requestAnimationFrame(() => {
       var b;
       (b = x) == null || b.observe(t);
     })), e();
   }), c && !l && x.observe(c), t && x.observe(t));
-  let g, E = l ? Z(h) : null;
-  l && m();
-  function m() {
-    const w = Z(h);
-    E && !_e(E, w) && e(), E = w, g = requestAnimationFrame(m);
+  let g, E = l ? q(h) : null;
+  l && w();
+  function w() {
+    const m = q(h);
+    E && !_e(E, m) && e(), E = m, g = requestAnimationFrame(w);
   }
   return e(), () => {
-    var w;
-    d.forEach((y) => {
+    var m;
+    f.forEach((y) => {
       s && y.removeEventListener("scroll", e), o && y.removeEventListener("resize", e);
-    }), f == null || f(), (w = x) == null || w.disconnect(), x = null, l && cancelAnimationFrame(g);
+    }), d == null || d(), (m = x) == null || m.disconnect(), x = null, l && cancelAnimationFrame(g);
   };
 }
-const mt = Di, wt = Ni, Vt = Mi, es = Li, Et = (h, t, e) => {
+const wt = Ai, mt = Hi, Vt = Oi, Qi = Si, Et = (h, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: Qi,
+    platform: Zi,
     ...e
   }, o = {
     ...s.platform,
     _c: i
   };
-  return Oi(h, t, {
+  return Ti(h, t, {
     ...s,
     platform: o
   });
 };
-let is = class {
+let ts = class {
   constructor(t) {
     n(this, "ctx");
     n(this, "enable", !1);
@@ -7307,48 +7195,49 @@ let is = class {
     if (!s)
       return;
     this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.minWidth = "100px", this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = i;
-    const o = this.ctx.zoomScale.getViewportRect(
-      {
-        x: t.drawX,
-        y: t.drawY,
-        width: t.visibleWidth,
-        height: t.visibleHeight
-      },
-      s
-    );
+    const o = t.drawX + s.x, r = t.drawY + s.y;
     Et({
       getBoundingClientRect() {
-        return o;
+        return {
+          width: t.visibleWidth,
+          height: t.visibleHeight,
+          x: o,
+          y: r,
+          left: o,
+          right: o + t.visibleWidth,
+          top: r,
+          bottom: r + t.visibleHeight
+        };
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [wt(), Vt(), mt(6), es({ element: this.arrowEl })]
-    }).then((a) => {
-      const { x: l, y: c, placement: d, middlewareData: f } = a;
+      middleware: [mt(), Vt(), wt(6), Qi({ element: this.arrowEl })]
+    }).then((l) => {
+      const { x: c, y: f, placement: d, middlewareData: u } = l;
       if (Object.assign(this.floatingEl.style, {
-        top: `${c}px`,
-        left: `${l}px`
-      }), f.arrow) {
-        const u = f.arrow;
+        top: `${f}px`,
+        left: `${c}px`
+      }), u.arrow) {
+        const x = u.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${u.y}px`,
+          top: `${x.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
         }) : ["right", "right-start", "right-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${u.y}px`,
+          top: `${x.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
         }) : ["bottom", "bottom-start", "bottom-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
-          left: `${u.x}px`,
+          left: `${x.x}px`,
           right: ""
         }) : ["top", "top-start", "top-end"].includes(d) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
-          left: `${u.x}px`,
+          left: `${x.x}px`,
           right: ""
         });
       }
@@ -7361,7 +7250,7 @@ let is = class {
     this.contentEl.remove(), this.arrowEl.remove(), this.floatingEl.remove();
   }
 };
-class ss {
+class es {
   constructor(t) {
     n(this, "editorEl");
     n(this, "inputEl");
@@ -7391,15 +7280,15 @@ class ss {
       const { focusCell: e } = this.ctx;
       if (t.code === "Escape" && this.ctx.editing) {
         this.cancel = !0;
-        const { focusCell: d } = this.ctx;
-        d && (this.ctx.emit("setSelectorCell", d), this.cellTarget = d), this.doneEdit();
+        const { focusCell: f } = this.ctx;
+        f && (this.ctx.emit("setSelectorCell", f), this.cellTarget = f), this.doneEdit();
         return;
       }
       if ((t.altKey || t.metaKey) && t.key === "Enter" && this.ctx.editing && this.inputEl) {
         t.preventDefault();
-        const d = this.inputEl.selectionStart, f = this.inputEl.value.substring(0, d), u = this.inputEl.value.substring(d);
-        this.inputEl.value = f + `
-` + u, this.inputEl.selectionStart = this.inputEl.selectionEnd = d + 1, this.autoSize();
+        const f = this.inputEl.selectionStart, d = this.inputEl.value.substring(0, f), u = this.inputEl.value.substring(f);
+        this.inputEl.value = d + `
+` + u, this.inputEl.selectionStart = this.inputEl.selectionEnd = f + 1, this.autoSize();
         return;
       }
       if (t.code === "Tab" && this.ctx.editing) {
@@ -7496,20 +7385,18 @@ class ss {
       return;
     const t = this.inputEl.value;
     if (this.cellTarget && this.cellTarget.type === "number" && t !== "" && (this.ctx.emit("cellHideTooltip"), !/^-?\d+(\.\d+)?$/.test(t))) {
-      const c = this.ctx.locale.getText("numberErrorTip");
-      this.ctx.emit("cellShowTooltip", this.cellTarget, c);
+      const l = this.ctx.locale.getText("numberErrorTip");
+      this.ctx.emit("cellShowTooltip", this.cellTarget, l);
     }
     this.inputEl.style.height = "auto";
-    let e = this.inputEl.scrollHeight;
-    const i = this.ctx.toLogical(e);
-    let s = this.ctx.body.visibleHeight;
-    i > s && (e = this.ctx.toVisual(s));
+    let e = this.inputEl.scrollHeight, i = this.ctx.body.visibleHeight;
+    e > i && (e = i);
     const {
-      stageHeight: o,
-      footer: r,
-      header: a
-    } = this.ctx, l = o - r.height - B(this.ctx.config);
-    this.editorEl.style.bottom = "auto", this.drawY < a.height && (this.editorEl.style.top = this.ctx.toVisualPx(a.height - 1)), this.drawY + this.ctx.toLogical(e) > l && (this.editorEl.style.left = this.ctx.toVisualPx(this.drawX - 1), this.editorEl.style.top = "auto", this.editorEl.style.bottom = this.ctx.toVisualPx(o - l)), this.inputEl.style.height = `${e}px`;
+      stageHeight: s,
+      footer: o,
+      header: r
+    } = this.ctx, a = s - o.height - B(this.ctx.config);
+    this.editorEl.style.bottom = "auto", this.drawY < r.height && (this.editorEl.style.top = `${r.height - 1}px`), this.drawY + e > a && (this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = "auto", this.editorEl.style.bottom = `${s - a}px`), this.inputEl.style.height = `${e}px`;
   }
   startEditByInput(t, e = !1) {
     const i = e ? null : t.getValue(), { editorType: s } = t;
@@ -7520,12 +7407,10 @@ class ss {
     this.drawX = l, this.drawY = a;
     const {
       config: { CELL_PADDING: c },
-      header: d
+      header: f
     } = this.ctx;
-    let f = this.ctx.body.visibleHeight;
-    o > f && (o = f);
-    const u = this.ctx.toVisual(f);
-    this.editorEl.style.zIndex = "100", this.editorEl.style.left = this.ctx.toVisualPx(this.drawX - 1), this.editorEl.style.top = this.ctx.toVisualPx(this.drawY), this.editorEl.style.bottom = "auto", this.editorEl.style.maxWidth = "none", this.editorEl.style.border = "", this.editorEl.style.maxHeight = `${u}px`, ["text"].includes(s) ? (this.inputEl.style.opacity = "1", this.inputEl.style.position = "relative", this.inputEl.style.minWidth = this.ctx.toVisualPx(r - 1), this.inputEl.style.minHeight = this.ctx.toVisualPx(o - 1), this.inputEl.style.maxHeight = `${u}px`, this.inputEl.style.width = this.ctx.toVisualPx(r), this.inputEl.style.height = "auto", this.inputEl.style.padding = this.ctx.toVisualPx(c), this.inputEl.value = "", i !== null && (this.inputEl.value = i), (this.ctx.toLogical(this.inputEl.scrollHeight) > o || this.drawY < d.height) && this.autoSize()) : (this.inputEl.style.opacity = "0", this.inputEl.style.width = "1px", this.inputEl.style.height = "1px", this.inputEl.style.position = "absolute", this.inputEl.style.left = "0px", this.inputEl.style.top = "0px");
+    let d = this.ctx.body.visibleHeight;
+    o > d && (o = d), this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxWidth = "none", this.editorEl.style.border = "", this.editorEl.style.maxHeight = `${d}px`, ["text"].includes(s) ? (this.inputEl.style.opacity = "1", this.inputEl.style.position = "relative", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${d}px`, this.inputEl.style.width = `${r}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${c}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i), (this.inputEl.scrollHeight > o || this.drawY < f.height) && this.autoSize()) : (this.inputEl.style.opacity = "0", this.inputEl.style.width = "1px", this.inputEl.style.height = "1px", this.inputEl.style.position = "absolute", this.inputEl.style.left = "0px", this.inputEl.style.top = "0px");
   }
   doneEditByInput() {
     if (this.cellTarget && this.cellTarget.editorType === "text") {
@@ -7549,18 +7434,18 @@ class ss {
     i.isVerticalVisible() && i.isHorizontalVisible() || this.ctx.emit("scrollToIndex", i.rowIndex, i.colIndex), this.editCell(i.rowIndex, i.colIndex, t);
   }
   editCell(t, e, i = !1) {
-    const s = this.ctx.body.renderRows.find((f) => f.rowIndex === t);
+    const s = this.ctx.body.renderRows.find((d) => d.rowIndex === t);
     if (!s)
       return;
-    const o = s.cells.find((f) => f.colIndex === e);
+    const o = s.cells.find((d) => d.colIndex === e);
     if (!o || !(o.isVerticalVisible() && o.isHorizontalVisible()))
       return;
     this.ctx.emit("setSelectorCell", o);
     const a = this.ctx.focusCell;
     if (!a || ["index", "index-selection", "selection"].includes(a.type) || this.enable)
       return;
-    const { rowKey: l, key: c } = a, d = this.ctx.database.getReadonly(l, c);
-    a && !d && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = a, this.startEditByInput(this.cellTarget, i), this.ctx.emit("startEdit", this.cellTarget), this.ctx.emit("draw"));
+    const { rowKey: l, key: c } = a, f = this.ctx.database.getReadonly(l, c);
+    a && !f && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = a, this.startEditByInput(this.cellTarget, i), this.ctx.emit("startEdit", this.cellTarget), this.ctx.emit("draw"));
   }
   doneEdit() {
     this.enable && (this.doneEditByInput(), this.ctx.emit("cellHideTooltip"), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.resetEditorStyle(), setTimeout(() => {
@@ -7569,7 +7454,7 @@ class ss {
   }
   resetEditorStyle() {
     const t = this.cellTarget;
-    t && (this.editorEl.style.left = this.ctx.toVisualPx(t.drawX), this.editorEl.style.top = this.ctx.toVisualPx(t.drawY), this.editorEl.style.maxWidth = "1px", this.editorEl.style.maxHeight = "1px", this.editorEl.style.zIndex = "-1", this.editorEl.style.border = "none");
+    t && (this.editorEl.style.left = `${t.drawX}px`, this.editorEl.style.top = `${t.drawY}px`, this.editorEl.style.maxWidth = "1px", this.editorEl.style.maxHeight = "1px", this.editorEl.style.zIndex = "-1", this.editorEl.style.border = "none");
   }
   clearEditor() {
     this.doneEdit(), this.cellTarget = null, this.selectorArrStr = "", this.ctx.clearSelector(), this.ctx.focusCell = void 0, this.inputEl.blur(), this.ctx.emit("draw");
@@ -7579,7 +7464,7 @@ class ss {
     (t = this.editorEl) == null || t.remove();
   }
 }
-let os = class {
+let is = class {
   constructor(t) {
     n(this, "ctx");
     n(this, "emptyEl");
@@ -7588,7 +7473,7 @@ let os = class {
     this.ctx.emptyElement ? this.emptyEl = this.ctx.emptyElement : (this.emptyEl = document.createElement("div"), this.emptyEl.innerText = this.getText()), this.emptyEl.className = "e-virt-table-empty", this.emptyEl.style.display = "none", this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: i, headerHeight: s, bodyHeight: o, footerHeight: r }) => {
       const a = s + (o + r) / 2, l = {
         display: i === "empty" ? "block" : "none",
-        top: this.ctx.toVisualPx(a),
+        top: `${a}px`,
         ...e
       };
       Object.assign(this.emptyEl.style, l);
@@ -7604,7 +7489,7 @@ let os = class {
     this.emptyEl.remove();
   }
 };
-class rs {
+class ss {
   constructor(t) {
     n(this, "ctx");
     n(this, "observer");
@@ -7625,7 +7510,7 @@ class rs {
           if (isNaN(r) || isNaN(a))
             return;
           const l = o.getBoundingClientRect(), c = `${r}​_${a}`;
-          e.set(c, this.ctx.zoomScale.domHeightToLogical(l.height));
+          e.set(c, Math.round(l.height));
         });
         const i = this.ctx.database.getOverlayerAutoHeightMap();
         if (!this.arerMapsEqual(i, e)) {
@@ -7643,14 +7528,13 @@ class rs {
       const e = this.ctx.overlayerElement;
       e.replaceChildren(), Object.assign(e.style, t.style), t.views.forEach((i) => {
         const s = document.createElement("div");
-        s.className = i.class, this.ctx.zoomScale.assignScaledStyle(s, i.style), i.views.forEach((o) => {
+        s.className = i.class, Object.assign(s.style, i.style), i.views.forEach((o) => {
           const r = document.createElement("div");
-          this.ctx.zoomScale.assignScaledStyle(r, o.style), o.cells.forEach((a) => {
-            const l = this.ctx.zoomScale.createOverlayerCellElement(
-              a,
-              this.ctx.config.CSS_PREFIX
-            );
-            r.appendChild(l);
+          Object.assign(r.style, o.style), o.cells.forEach((a) => {
+            const l = document.createElement("div");
+            Object.assign(l.style, a.style), Object.keys(a.domDataset || {}).forEach((c) => {
+              l.setAttribute(c, a.domDataset[c]);
+            }), typeof a.render == "function" && a.render(l, a), r.appendChild(l);
           }), s.appendChild(r);
         }), e.appendChild(s);
       });
@@ -7680,11 +7564,11 @@ class rs {
       fixedRightWidth: e,
       config: { CSS_PREFIX: i }
     } = this.ctx, s = B(this.ctx.config), { visibleWidth: o, visibleHeight: r, renderCellHeaders: a } = this.ctx.header;
-    let l = [], c = [], d = [];
-    a.forEach((m) => {
-      m.render && (m.fixed === "left" ? c.push(m) : m.fixed === "right" ? d.push(m) : l.push(m));
+    let l = [], c = [], f = [];
+    a.forEach((w) => {
+      w.render && (w.fixed === "left" ? c.push(w) : w.fixed === "right" ? f.push(w) : l.push(w));
     });
-    const f = e - s, u = {
+    const d = e - s, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -7702,7 +7586,7 @@ class rs {
         top: "0px",
         left: `${t}px`,
         overflow: "hidden",
-        width: `${o - t - f + 1}px`,
+        width: `${o - t - d + 1}px`,
         height: `${r}px`
       },
       cells: l
@@ -7713,10 +7597,10 @@ class rs {
         top: "0px",
         right: "0px",
         overflow: "hidden",
-        width: `${f + 1}px`,
+        width: `${d + 1}px`,
         height: `${r}px`
       },
-      cells: d
+      cells: f
     };
     return {
       type: "header",
@@ -7733,16 +7617,16 @@ class rs {
   getBody() {
     const t = [], e = [], i = [];
     let s = this.ctx.body.renderRows;
-    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((m) => {
-      m.cells.forEach((w) => {
-        w.cellType === "footer" && (w.render = w.renderFooter), w.render && (w.fixed === "left" ? e.push(w) : w.fixed === "right" ? i.push(w) : t.push(w));
+    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((w) => {
+      w.cells.forEach((m) => {
+        m.cellType === "footer" && (m.render = m.renderFooter), m.render && (m.fixed === "left" ? e.push(m) : m.fixed === "right" ? i.push(m) : t.push(m));
       });
     });
     const {
       fixedLeftWidth: o,
       fixedRightWidth: r,
       config: { CSS_PREFIX: a }
-    } = this.ctx, l = B(this.ctx.config), { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = r - l, u = {
+    } = this.ctx, l = B(this.ctx.config), { visibleWidth: c, visibleHeight: f } = this.ctx.body, d = r - l, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -7750,7 +7634,7 @@ class rs {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${o}px`,
-        height: `${d}px`
+        height: `${f}px`
       },
       cells: e
     }, x = {
@@ -7760,8 +7644,8 @@ class rs {
         top: `${0.5}px`,
         left: `${o - 0.5}px`,
         overflow: "hidden",
-        width: `${c - o - f}px`,
-        height: `${d}px`
+        width: `${c - o - d}px`,
+        height: `${f}px`
       },
       cells: t
     }, g = {
@@ -7771,8 +7655,8 @@ class rs {
         top: "0px",
         right: "0px",
         overflow: "hidden",
-        width: `${f}px`,
-        height: `${d}px`
+        width: `${d}px`,
+        height: `${f}px`
       },
       cells: i
     };
@@ -7783,7 +7667,7 @@ class rs {
         position: "relative",
         overflow: "hidden",
         width: `${c}px`,
-        height: `${d}px`
+        height: `${f}px`
       },
       views: [u, x, g]
     };
@@ -7791,15 +7675,15 @@ class rs {
   getFooter() {
     const t = [], e = [], i = [];
     this.ctx.footer.renderRows.forEach((E) => {
-      E.cells.forEach((m) => {
-        m.cellType === "footer" && m.renderFooter && (m.render = m.renderFooter, m.fixed === "left" ? e.push(m) : m.fixed === "right" ? i.push(m) : t.push(m));
+      E.cells.forEach((w) => {
+        w.cellType === "footer" && w.renderFooter && (w.render = w.renderFooter, w.fixed === "left" ? e.push(w) : w.fixed === "right" ? i.push(w) : t.push(w));
       });
     });
     const {
       fixedLeftWidth: s,
       fixedRightWidth: o,
       config: { CSS_PREFIX: r }
-    } = this.ctx, a = B(this.ctx.config), { visibleWidth: l, visibleHeight: c } = this.ctx.footer, d = o - a, f = {
+    } = this.ctx, a = B(this.ctx.config), { visibleWidth: l, visibleHeight: c } = this.ctx.footer, f = o - a, d = {
       key: "left",
       style: {
         position: "absolute",
@@ -7817,7 +7701,7 @@ class rs {
         top: `${0.5}px`,
         left: `${s - 0.5}px`,
         overflow: "hidden",
-        width: `${l - s - d}px`,
+        width: `${l - s - f}px`,
         height: `${c}px`
       },
       cells: t
@@ -7828,7 +7712,7 @@ class rs {
         top: `${0.5}px`,
         right: `${0.5}px`,
         overflow: "hidden",
-        width: `${d}px`,
+        width: `${f}px`,
         height: `${c}px`
       },
       cells: i
@@ -7842,7 +7726,7 @@ class rs {
         width: `${l}px`,
         height: `${c}px`
       },
-      views: [f, u, x]
+      views: [d, u, x]
     };
   }
 }
@@ -7935,13 +7819,13 @@ class ne {
     if (this.activeSubmenus.has(e)) return;
     this.activeSubmenus.add(e), e.classList.add("show");
     const i = At(t, e, async () => {
-      const s = this.container.getBoundingClientRect(), o = window.innerWidth, r = e.offsetWidth || 200, a = o - s.right, l = s.left, c = a >= r || a >= l ? "right-start" : "left-start", { x: d, y: f } = await Et(t, e, {
+      const s = this.container.getBoundingClientRect(), o = window.innerWidth, r = e.offsetWidth || 200, a = o - s.right, l = s.left, c = a >= r || a >= l ? "right-start" : "left-start", { x: f, y: d } = await Et(t, e, {
         placement: c,
-        middleware: [mt(8), wt({ padding: 8 })]
+        middleware: [wt(8), mt({ padding: 8 })]
       });
       Object.assign(e.style, {
-        left: `${d}px`,
-        top: `${f}px`
+        left: `${f}px`,
+        top: `${d}px`
       });
     });
     e._cleanup = i;
@@ -8007,7 +7891,7 @@ class ne {
     At(e, this.container, () => {
       Et(e, this.container, {
         placement: "right-start",
-        middleware: [mt(), wt(), Vt()]
+        middleware: [wt(), mt(), Vt()]
       }).then(({ x: i, y: s }) => {
         this.container && Object.assign(this.container.style, {
           left: `${i}px`,
@@ -8069,7 +7953,7 @@ class ne {
     }), t.remove();
   }
 }
-class ns {
+class os {
   constructor(t) {
     n(this, "ctx");
     n(this, "contextMenuEl");
@@ -8086,16 +7970,16 @@ class ns {
         return;
       }
       const { ENABLE_CONTEXT_MENU: i, CUSTOM_BODY_CONTEXT_MENU: s, CONTEXT_MENU: o, BEFORE_BODY_CONTEXT_MENU_METHOD: r } = this.ctx.config;
-      let a = o.map((w) => ({
-        ...w,
-        label: w.label || this.ctx.locale.getText(w.value)
+      let a = o.map((m) => ({
+        ...m,
+        label: m.label || this.ctx.locale.getText(m.value)
       }));
       if (a = [...a, ...s], r && (a = await r({ list: a, cell: t, hide: this.hide.bind(this) })), !i || a.length === 0) return;
       e.preventDefault();
-      const { xArr: l, yArr: c } = this.ctx.selector, [d, f] = l, [u, x] = c, { rowIndex: g, colIndex: E } = t;
-      g >= u && g <= x && E >= d && E <= f || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new ne(this.contextMenuEl, a, {
-        onClick: (w, y) => {
-          y === "copy" ? (this.ctx.emit("contextMenuCopy"), this.hide()) : y === "paste" ? (this.ctx.emit("contextMenuPaste"), this.hide()) : y === "cut" ? (this.ctx.emit("contextMenuCut"), this.hide()) : y === "clearSelected" ? (this.ctx.emit("contextMenuClearSelected"), this.hide()) : w.event && w.event(e, {
+      const { xArr: l, yArr: c } = this.ctx.selector, [f, d] = l, [u, x] = c, { rowIndex: g, colIndex: E } = t;
+      g >= u && g <= x && E >= f && E <= d || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new ne(this.contextMenuEl, a, {
+        onClick: (m, y) => {
+          y === "copy" ? (this.ctx.emit("contextMenuCopy"), this.hide()) : y === "paste" ? (this.ctx.emit("contextMenuPaste"), this.hide()) : y === "cut" ? (this.ctx.emit("contextMenuCut"), this.hide()) : y === "clearSelected" ? (this.ctx.emit("contextMenuClearSelected"), this.hide()) : m.event && m.event(e, {
             hide: this.hide.bind(this),
             cell: t
           });
@@ -8109,30 +7993,30 @@ class ns {
       const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: o, BEFORE_HEADER_CONTEXT_MENU_METHOD: r } = this.ctx.config, a = i, l = s || this.ctx.maxColIndex - o;
       if (t.colIndex < a || t.colIndex > l)
         return;
-      const { HEADER_CONTEXT_MENU: c, CUSTOM_HEADER_CONTEXT_MENU: d, ENABLE_HEADER_CONTEXT_MENU: f } = this.ctx.config;
+      const { HEADER_CONTEXT_MENU: c, CUSTOM_HEADER_CONTEXT_MENU: f, ENABLE_HEADER_CONTEXT_MENU: d } = this.ctx.config;
       let u = c.map((p) => ({
         ...p,
         label: p.label || this.ctx.locale.getText(p.value)
       }));
-      if (u = [...u, ...d], r && (u = await r({ list: u, cell: t, hide: this.hide.bind(this) })), !f || u.length === 0) return;
+      if (u = [...u, ...f], r && (u = await r({ list: u, cell: t, hide: this.hide.bind(this) })), !d || u.length === 0) return;
       e.preventDefault();
-      const { xArr: x } = this.ctx.selector, [g, E] = x, { colIndex: m } = t;
-      m >= g && m <= E || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
+      const { xArr: x } = this.ctx.selector, [g, E] = x, { colIndex: w } = t;
+      w >= g && w <= E || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
       const y = this.ctx.database.getColumns(), b = u.map((p) => p.value === "visible" ? {
         ...p,
         children: this.filterColumns(y)
       } : p);
       this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new ne(this.contextMenuEl, b, {
         onClick: (p, C) => {
-          const { xArr: v } = this.ctx.selector, [I, T] = v;
+          const { xArr: I } = this.ctx.selector, [v, T] = I;
           if (C === "fixedLeft" || C === "fixedRight" || C === "fixedNone") {
-            const _ = this.ctx.header.allCellHeaders.filter((R) => R.colIndex >= I && R.colIndex <= T).filter((R) => R.level === 0).filter((R) => !R.column.fixedDisabled).map((R) => R.key);
+            const _ = this.ctx.header.allCellHeaders.filter((R) => R.colIndex >= v && R.colIndex <= T).filter((R) => R.level === 0).filter((R) => !R.column.fixedDisabled).map((R) => R.key);
             this.ctx.database.setCustomHeaderFixedData(
               _,
               C === "fixedLeft" ? "left" : C === "fixedRight" ? "right" : ""
             ), this.hide();
           } else if (C === "hide") {
-            const _ = this.ctx.header.leafCellHeaders.filter((R) => R.colIndex >= I && R.colIndex <= T).filter((R) => !R.children.length).filter((R) => !R.column.hideDisabled).map((R) => R.key);
+            const _ = this.ctx.header.leafCellHeaders.filter((R) => R.colIndex >= v && R.colIndex <= T).filter((R) => !R.children.length).filter((R) => !R.column.hideDisabled).map((R) => R.key);
             _.length > 0 && this.ctx.database.setCustomHeaderHideData(_, !0), this.hide();
           } else if (C !== "visible") if (C.startsWith("visible_")) {
             if (!p.key) return;
@@ -8171,7 +8055,7 @@ class ns {
     At(e, this.contextMenuEl, () => {
       Et(e, this.contextMenuEl, {
         placement: "right-start",
-        middleware: [mt(), wt(), Vt()]
+        middleware: [wt(), mt(), Vt()]
       }).then(({ x: i, y: s }) => {
         this.contextMenuEl && Object.assign(this.contextMenuEl.style, {
           left: `${i}px`,
@@ -8207,7 +8091,7 @@ class ns {
     this.hide(), (t = this.contextMenuEl) == null || t.remove();
   }
 }
-class as {
+class rs {
   constructor(t) {
     n(this, "ctx");
     n(this, "loadingEl");
@@ -8243,7 +8127,7 @@ class as {
     this.loadingEl.remove();
   }
 }
-class ls {
+class ns {
   constructor(t) {
     n(this, "ctx");
     n(this, "container");
@@ -8496,11 +8380,11 @@ const it = class it {
     const c = s.filter((g) => g.line === l);
     if (!c.length)
       return null;
-    const d = 2, f = o + l * r;
-    if (i < f - d || i >= f + r + d)
+    const f = 2, d = o + l * r;
+    if (i < d - f || i >= d + r + f)
       return null;
     const u = c[0], x = c[c.length - 1];
-    if (e < u.x - d || e > x.x + x.width + d)
+    if (e < u.x - f || e > x.x + x.width + f)
       return null;
     if (e <= u.x)
       return u.index;
@@ -8534,8 +8418,8 @@ const it = class it {
     r.save(), r.font = t.font, r.textBaseline = "top", r.textAlign = "left", o.forEach((a) => {
       const l = a[0], c = a[a.length - 1];
       r.fillStyle = s, r.fillRect(l.x, l.y - 1, c.x + c.width - l.x, l.height), r.fillStyle = i;
-      for (const d of a)
-        r.fillText(d.char, d.x, d.y);
+      for (const f of a)
+        r.fillText(f.char, f.x, f.y);
     }), r.restore();
   }
   getSelectionRange() {
@@ -8584,7 +8468,7 @@ const pt = class pt {
       o,
       r
     );
-    this.ctx = new di(a, this.options), this.textSelector = new Ht(this.ctx), this.header = new xi(this.ctx), this.footer = new mi(this.ctx), this.body = new gi(this.ctx), this.scroller = new fi(this.ctx), this.selector = new wi(this.ctx), this.autofill = new Ei(this.ctx), this.tooltip = new is(this.ctx), this.empty = new os(this.ctx), this.editor = new ss(this.ctx), this.overlayer = new rs(this.ctx), this.contextMenu = new ns(this.ctx), this.loading = new as(this.ctx), this.finderBar = new ls(this.ctx), this.ctx.on("loadData", (l) => {
+    this.ctx = new ci(a, this.options), this.textSelector = new Ht(this.ctx), this.header = new fi(this.ctx), this.footer = new xi(this.ctx), this.body = new ui(this.ctx), this.scroller = new hi(this.ctx), this.selector = new gi(this.ctx), this.autofill = new wi(this.ctx), this.tooltip = new ts(this.ctx), this.empty = new is(this.ctx), this.editor = new es(this.ctx), this.overlayer = new ss(this.ctx), this.contextMenu = new os(this.ctx), this.loading = new rs(this.ctx), this.finderBar = new ns(this.ctx), this.ctx.on("loadData", (l) => {
       this.loadData(l);
     }), this.ctx.on("draw", () => {
       this.draw();
@@ -8601,15 +8485,15 @@ const pt = class pt {
     r.className = "e-virt-table-stage", t.tabIndex = 0, a.className = "e-virt-table-canvas", l.className = "e-virt-table-overlayer", l.setAttribute("data-overlayer", e ? "custom" : "default");
     const c = i || document.createElement("div");
     c.className = "e-virt-table-editor";
-    const d = s, f = o;
+    const f = s, d = o;
     return r.appendChild(a), r.appendChild(l), t.appendChild(r), {
       containerElement: t,
       stageElement: r,
       canvasElement: a,
       overlayerElement: l,
       editorElement: c,
-      emptyElement: d,
-      contextMenuElement: f
+      emptyElement: f,
+      contextMenuElement: d
     };
   }
   doDraw(t = !1) {
@@ -8617,7 +8501,7 @@ const pt = class pt {
   }
   updateStageBorder() {
     const { BORDER: t, BORDER_COLOR: e, BORDER_RADIUS: i } = this.ctx.config;
-    this.ctx.stageElement.dataset.borderStyle = rt(t), this.ctx.stageElement.style.borderColor = ze(t) ? e : "transparent", this.ctx.stageElement.style.borderRadius = `${i}px`;
+    this.ctx.stageElement.dataset.borderStyle = rt(t), this.ctx.stageElement.style.borderColor = Pe(t) ? e : "transparent", this.ctx.stageElement.style.borderRadius = `${i}px`;
   }
   draw(t = !1) {
     this.animationFrameId && cancelAnimationFrame(this.animationFrameId), this.animationFrameId = requestAnimationFrame(() => {
@@ -8685,16 +8569,6 @@ const pt = class pt {
   doLayout() {
     this.ctx.emit("draw");
   }
-  /**
-   * 设置内容缩放比例(容器大小不变,内容变大/变小,基于原生分辨率重绘不失清晰度)
-   * @param zoom 缩放比例,范围 MIN_ZOOM ~ MAX_ZOOM
-   */
-  setZoom(t) {
-    this.ctx.setZoom(t);
-  }
-  getZoom() {
-    return this.ctx.getZoom();
-  }
   getChangedData() {
     return this.ctx.database.getChangedData();
   }
@@ -8750,8 +8624,8 @@ const pt = class pt {
           if (Array.isArray(o) && o.length) {
             const [r] = o, { rowKey: a, key: l } = r, c = this.ctx.database.getRowForRowKey(a);
             if (c) {
-              const { parentRowKeys: d = [] } = c;
-              d && d.length && this.setExpandRowKeys(d, !0);
+              const { parentRowKeys: f = [] } = c;
+              f && f.length && this.setExpandRowKeys(f, !0);
             }
             this.scrollToRowkey(a), this.scrollToColkey(l);
           }
@@ -8786,8 +8660,8 @@ const pt = class pt {
       let o = [];
       for (let r = 0; r < i.length; r++)
         for (let a = 0; a < s.length; a++) {
-          const l = this.ctx.database.getRowKeyByItem(i[r]), d = s[a].key, f = await this.ctx.database.getValidator(l, d);
-          Array.isArray(f) && f.length && o.push(f);
+          const l = this.ctx.database.getRowKeyByItem(i[r]), f = s[a].key, d = await this.ctx.database.getValidator(l, f);
+          Array.isArray(d) && d.length && o.push(d);
         }
       o.length ? (e(o), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
     });