e-virt-table 1.2.22 → 1.2.23

package/dist/index.es.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(":root{--evt-header-font: 12px normal Arial;--evt-body-font: 12px normal Arial;--evt-color-white: #fff;--evt-color-black: #000000;--evt-color-primary: rgb(82, 146, 247);--evt-text-color-primary: #333;--evt-text-color-regular: #666;--evt-text-color-secondary: #999;--evt-box-shadow: 0 2px 12px 0 #0000001a;--evt-editor-bg-color: #fff;--evt-editor-text-color: #333;--evt-border-color: #e1e6eb;--evt-stripe-color: #fafafa;--evt-placeholder-color: #cdd0dc;--evt-header-bg-color: #f8faff;--evt-body-bg-color: #fff;--evt-header-text-color: #1d2129;--evt-body-text-color: #4e5969;--evt-footer-text-color: #4e5969;--evt-loading-icon-color: #4e5969;--evt-expand-icon-color: #4e5969;--evt-shrink-icon-color: #4e5969;--evt-error-tip-icon-color: red;--evt-cell-hover-icon-bg-color: #fff;--evt-cell-hover-icon-border-color: #dde0ea;--evt-scroller-color: #dee0e3;--evt-scroller-track-color: #fff;--evt-scroller-focus-color: #bbbec4;--evt-select-border-color: var(--evt-color-primary);--evt-select-area-color: rgba(82, 146, 247, .1);--evt-select-row-col-bg-color: transparent;--evt-autofill-point-border-color: #fff;--evt-edit-bg-color: #fcf6ed;--evt-checkbox-color: var(--evt-color-primary);--evt-readonly-color: #fff;--evt-readonly-text-color: var(--evt-body-text-color);--evt-error-tip-color: #ed3f14;--evt-footer-bg-color: #fafafa;--evt-highlight-hover-row-color: rgba(186, 203, 231, .1);--evt-highlight-selected-row-color: rgba(82, 146, 247, .1);--evt-tooltip-bg-color: #303133;--evt-tooltip-text-color: #fff;--evt-resize-row-line-color: #e1e6eb;--evt-resize-column-line-color: #e1e6eb}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-readonly-text-color: #cfd3dc;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;box-sizing:border-box;z-index:10;border-radius:8px;border:1px solid var(--evt-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--evt-editor-bg-color);border:2px solid var(--evt-color-primary);box-sizing:border-box;box-shadow:var(--evt-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:absolute;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--evt-editor-bg-color);color:var(--evt-editor-text-color);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--evt-text-color-regular);background-color:var(--evt-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--evt-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px;color:var(--evt-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--evt-color-primary);background-color:#f5f7fa}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--evt-header-font: 12px normal Arial;--evt-body-font: 12px normal Arial;--evt-color-white: #fff;--evt-color-black: #000000;--evt-color-primary: rgb(82, 146, 247);--evt-text-color-primary: #333;--evt-text-color-regular: #666;--evt-text-color-secondary: #999;--evt-box-shadow: 0 2px 12px 0 #0000001a;--evt-editor-bg-color: #fff;--evt-editor-text-color: #333;--evt-border-color: #e1e6eb;--evt-stripe-color: #fafafa;--evt-placeholder-color: #cdd0dc;--evt-header-bg-color: #f8faff;--evt-body-bg-color: #fff;--evt-header-text-color: #1d2129;--evt-body-text-color: #4e5969;--evt-footer-text-color: #4e5969;--evt-loading-icon-color: #4e5969;--evt-expand-icon-color: #4e5969;--evt-shrink-icon-color: #4e5969;--evt-error-tip-icon-color: red;--evt-cell-hover-icon-bg-color: #fff;--evt-cell-hover-icon-border-color: #dde0ea;--evt-scroller-color: #dee0e3;--evt-scroller-track-color: #fff;--evt-scroller-focus-color: #bbbec4;--evt-select-border-color: var(--evt-color-primary);--evt-select-area-color: rgba(82, 146, 247, .1);--evt-select-row-col-bg-color: transparent;--evt-autofill-point-border-color: #fff;--evt-edit-bg-color: #fcf6ed;--evt-checkbox-color: var(--evt-color-primary);--evt-readonly-color: #fff;--evt-readonly-text-color: var(--evt-body-text-color);--evt-error-tip-color: #ed3f14;--evt-footer-bg-color: #fafafa;--evt-highlight-hover-row-color: rgba(186, 203, 231, .1);--evt-highlight-selected-row-color: rgba(82, 146, 247, .1);--evt-tooltip-bg-color: #303133;--evt-tooltip-text-color: #fff;--evt-resize-row-line-color: #e1e6eb;--evt-resize-column-line-color: #e1e6eb;--evt-tree-line-color: #e1e6eb}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-readonly-text-color: #cfd3dc;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;box-sizing:border-box;z-index:10;border-radius:8px;border:1px solid var(--evt-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--evt-editor-bg-color);border:2px solid var(--evt-color-primary);box-sizing:border-box;box-shadow:var(--evt-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:absolute;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--evt-editor-bg-color);color:var(--evt-editor-text-color);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--evt-text-color-regular);background-color:var(--evt-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--evt-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px;color:var(--evt-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--evt-color-primary);background-color:#f5f7fa}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 var ee = Object.defineProperty;
 var ie = (c, t, e) => t in c ? ee(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
 var n = (c, t, e) => ie(c, typeof t != "symbol" ? t + "" : t, e);
@@ -8,53 +8,53 @@ class se {
     this.rules = t;
   }
   validate(t) {
-    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: l, rowIndex: a, value: h, field: d, fieldValue: f } = t;
+    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: a, rowIndex: l, value: h, field: d, fieldValue: f } = t;
     Array.isArray(this.rules) || (this.rules = [this.rules]);
-    for (const x of this.rules) {
-      if (x.validator) {
-        const u = {
+    for (const u of this.rules) {
+      if (u.validator) {
+        const x = {
           field: d,
           fieldValue: f,
           value: h,
           column: i,
-          colIndex: l,
-          rowIndex: a,
+          colIndex: a,
+          rowIndex: l,
           row: s,
           key: o,
           rowKey: r,
-          ...x
+          ...u
         };
-        x.validator(u, h, (w) => {
+        u.validator(x, h, (w) => {
           w && e.push({
-            ...u,
+            ...x,
             message: w
           });
         });
       }
-      if (!x.required && (h == null || h === ""))
+      if (!u.required && (h == null || h === ""))
         return e;
-      x.pattern && !x.pattern.test(h) && e.push({
+      u.pattern && !u.pattern.test(h) && e.push({
         value: h,
         column: i,
         row: s,
         key: o,
         rowKey: r,
-        colIndex: l,
-        rowIndex: a,
+        colIndex: a,
+        rowIndex: l,
         field: d,
         fieldValue: f,
-        message: x.message || `${o} is pattern validation error`
-      }), x.required && (h == null || h === "") && e.push({
+        message: u.message || `${o} is pattern validation error`
+      }), u.required && (h == null || h === "") && e.push({
         value: h,
         column: i,
         row: s,
         key: o,
         rowKey: r,
-        colIndex: l,
-        rowIndex: a,
+        colIndex: a,
+        rowIndex: l,
         field: d,
         fieldValue: f,
-        message: x.message || `${o} is required`
+        message: u.message || `${o} is required`
       });
     }
     return e;
@@ -92,12 +92,12 @@ function Ht(c = [], t = 1, e = 0) {
   return c.map((i) => {
     if (i.children) {
       let s = 0, o = i.fixed;
-      i.children.forEach((l) => {
-        l.fixed = o;
+      i.children.forEach((a) => {
+        a.fixed = o;
       });
       const r = Ht(i.children, t - 1, e + 1);
-      return r && r.forEach((l) => {
-        s += l.colspan ?? 0;
+      return r && r.forEach((a) => {
+        s += a.colspan ?? 0;
       }), {
         ...i,
         width: i.width,
@@ -135,12 +135,12 @@ function ne(c) {
     else {
       let o = "";
       if (c.startsWith('"')) {
-        let r = 0, l = !0;
-        for (; l; ) {
-          const a = c.slice(0, 1);
-          a === '"' && (r += 1), o += a, c = c.slice(1), (c.length === 0 || c.match(/^[\t\r\n]/) && r % 2 === 0) && (l = !1);
+        let r = 0, a = !0;
+        for (; a; ) {
+          const l = c.slice(0, 1);
+          l === '"' && (r += 1), o += l, c = c.slice(1), (c.length === 0 || c.match(/^[\t\r\n]/) && r % 2 === 0) && (a = !1);
         }
-        o = o.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (a) => new Array(Math.floor(a.length / 2)).fill('"').join(""));
+        o = o.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (l) => new Array(Math.floor(l.length / 2)).fill('"').join(""));
       } else {
         const r = c.match(re);
         o = r ? r[0] : "", c = c.slice(o.length);
@@ -149,7 +149,7 @@ function ne(c) {
     }
   return Array.isArray(t) && t.length > 1 && t[t.length - 1].length === 1 && t[t.length - 1][0] === "" && (t = t.slice(0, t.length - 1)), t;
 }
-function le(c) {
+function ae(c) {
   let t, e, i, s, o = "", r;
   for (t = 0, e = c.length; t < e; t += 1) {
     for (s = c[t].length, i = 0; i < s; i += 1)
@@ -167,8 +167,8 @@ function Dt(c, t, e = []) {
     if (r === 0)
       s.push(1);
     else {
-      const l = e.reduce((h, d) => `${h}${o[d] ?? ""}`, "") || o[t], a = e.reduce((h, d) => `${h}${c[r - 1][d] ?? ""}`, "") || c[r - 1][t];
-      l === a ? (s[i] += 1, s.push(0)) : (s.push(1), i = r);
+      const a = e.reduce((h, d) => `${h}${o[d] ?? ""}`, "") || o[t], l = e.reduce((h, d) => `${h}${c[r - 1][d] ?? ""}`, "") || c[r - 1][t];
+      a === l ? (s[i] += 1, s.push(0)) : (s.push(1), i = r);
     }
   }), s;
 }
@@ -179,7 +179,7 @@ function kt(c, t) {
     r === 0 ? (e = o.key, i = o.key, s[o.key] = 1) : c[o.key] === c[e] ? (s[o.key] = 0, s[i] += 1) : (s[o.key] = 1, e = o.key, i = o.key);
   }), s;
 }
-function ae(c, t, e = []) {
+function le(c, t, e = []) {
   const { visibleRows: i, rowIndex: s, headIndex: o } = c, r = Dt(i, t, e);
   return r[s - o] === 0 ? {
     rowspan: 0,
@@ -215,7 +215,7 @@ function ce(c, t = document.documentElement) {
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
 class Xt {
-  constructor(t, e, i, s, o, r, l) {
+  constructor(t, e, i, s, o, r, a) {
     n(this, "ctx");
     n(this, "x", 0);
     n(this, "y", 0);
@@ -223,7 +223,7 @@ class Xt {
     n(this, "height", 0);
     n(this, "fixed");
     n(this, "cellType");
-    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = o, this.fixed = l, this.cellType = r;
+    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = o, this.fixed = a, this.cellType = r;
   }
   isHorizontalVisible() {
     if (this.fixed)
@@ -261,8 +261,8 @@ class Xt {
   }
 }
 class $ extends Xt {
-  constructor(e, i, s, o, r, l, a, h, d, f = "body") {
-    super(e, o, r, l, a, f, h.fixed);
+  constructor(e, i, s, o, r, a, l, h, d, f = "body") {
+    super(e, o, r, a, l, f, h.fixed);
     n(this, "formatter");
     n(this, "formatterFooter");
     n(this, "hoverIconName", "");
@@ -362,8 +362,8 @@ class $ extends Xt {
         colspan: s = 1,
         rowspan: o = 1,
         relationRowKeys: r,
-        relationColKeys: l,
-        mergeRow: a = !1,
+        relationColKeys: a,
+        mergeRow: l = !1,
         mergeCol: h = !1
       } = i({
         row: this.row,
@@ -377,7 +377,7 @@ class $ extends Xt {
         visibleLeafColumns: this.ctx.header.visibleLeafColumns,
         rows: this.ctx.body.data
       }) || {};
-      Array.isArray(r) && r.length > 0 ? this.relationRowKeys = r : this.relationRowKeys = [this.key], Array.isArray(l) && l.length > 0 ? this.relationColKeys = l : this.relationColKeys = [this.key], this.mergeCol = h, this.mergeRow = a, this.colspan = s, this.rowspan = o, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
+      Array.isArray(r) && r.length > 0 ? this.relationRowKeys = r : this.relationRowKeys = [this.key], Array.isArray(a) && a.length > 0 ? this.relationColKeys = a : this.relationColKeys = [this.key], this.mergeCol = h, this.mergeRow = l, this.colspan = s, this.rowspan = o, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
     }
   }
   updateSpanInfo() {
@@ -448,23 +448,66 @@ class $ extends Xt {
   }
   updateTree() {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
-    let o, r = 0, l = "";
+    let o, r = 0, a = "";
     if (!(["tree", "selection-tree", "tree-selection"].includes(this.type) && s === "body"))
       return;
-    const a = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = a || {};
+    const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = l || {};
     this.rowExpand = h, this.rowHasChildren = d;
-    const { TREE_INDENT: u = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: E } = this.ctx.config;
-    if (r = x * u, f) {
+    const { TREE_INDENT: x = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: E } = this.ctx.config;
+    if (r = u * x, f) {
       const I = this.ctx.icons.get("loading");
-      l = "loading", o = I;
+      a = "loading", o = I;
     } else if (d) {
       const I = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
-      o = h ? _ : I, l = h ? "shrink" : "expand";
+      o = h ? _ : I, a = h ? "shrink" : "expand";
+    }
+    let g = E, p = E, y = this.drawX;
+    (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
+    let m = y + r + e, b = this.drawY + (this.visibleHeight - p) / 2, C = r + this.drawX + g - 0.5;
+    this.type === "selection-tree" ? (m = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = m + g - e / 2) : this.type === "tree-selection" ? C = m + w + g - e / 2 : C = m + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(m + g + e > this.drawX + this.visibleWidth) && (b + p + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = m, this.drawTreeImageY = b, this.drawTreeImageWidth = g, this.drawTreeImageHeight = p, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
+  }
+  drawTreeLine() {
+    const { TREE_LINE: e, TREE_INDENT: i = 16, TREE_ICON_SIZE: s = 16, TREE_LINE_COLOR: o = "#e1e6eb" } = this.ctx.config;
+    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.drawTreeImageX + this.drawTreeImageWidth / 2, h = this.drawTreeImageY + this.drawTreeImageHeight / 2;
+    let d = this.drawTreeImageX - a * i;
+    const f = Array.isArray(r.parentRowKeys) ? r.parentRowKeys : [];
+    if (a > 0) {
+      for (let g = 0; g < a - 1; g += 1) {
+        const p = f[g + 1];
+        if (!!(p ? this.ctx.database.getRowForRowKey(p) || {} : {}).isLastChild) continue;
+        const b = Math.round(this.drawTreeImageX - (a - g) * i + s / 2);
+        this.ctx.paint.drawLine([b, this.drawY, b, this.drawY + this.visibleHeight], {
+          borderColor: o,
+          borderWidth: 1,
+          lineDash: [4, 4],
+          lineDashOffset: 0
+        });
+      }
+      const u = Math.round(this.drawTreeImageX - i + s / 2), w = !!r.isLastChild ? h : this.drawY + this.visibleHeight;
+      this.ctx.paint.drawLine([u, this.drawY, u, w], {
+        borderColor: o,
+        borderWidth: 1,
+        lineDash: [4, 4],
+        lineDashOffset: 0
+      });
+      const E = Math.round(d + (a - 1) * i + s / 2);
+      this.ctx.paint.drawLine([E, h, l, h], {
+        borderColor: o,
+        borderWidth: 1,
+        lineDash: [4, 4],
+        lineDashOffset: 0
+      });
+    }
+    if (r.hasChildren && r.expand) {
+      const u = this.drawTreeImageY + this.drawTreeImageHeight, x = u + Math.min(this.visibleHeight / 2, Math.max(8, s / 2));
+      this.ctx.paint.drawLine([l, u, l, x], {
+        borderColor: o,
+        borderWidth: 1,
+        lineDash: [4, 4],
+        lineDashOffset: 0
+      });
     }
-    let g = E, p = E, m = this.drawX;
-    (this.align === "center" || this.align === "right") && (m = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
-    let y = m + r + e, b = this.drawY + (this.visibleHeight - p) / 2, C = r + this.drawX + g - 0.5;
-    this.type === "selection-tree" ? (y = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = y + g - e / 2) : this.type === "tree-selection" ? C = y + w + g - e / 2 : C = y + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(y + g + e > this.drawX + this.visibleWidth) && (b + p + e > this.drawY + this.visibleHeight || o && (this.drawTreeImageX = y, this.drawTreeImageY = b, this.drawTreeImageWidth = g, this.drawTreeImageHeight = p, this.drawTreeImageName = l, this.drawTreeImageSource = o));
   }
   updateContainer() {
     const {
@@ -473,18 +516,18 @@ class $ extends Xt {
       BODY_CELL_STYLE_METHOD: s,
       FOOTER_CELL_STYLE_METHOD: o,
       READONLY_TEXT_COLOR: r,
-      BODY_TEXT_COLOR: l,
-      FOOTER_TEXT_COLOR: a,
+      BODY_TEXT_COLOR: a,
+      FOOTER_TEXT_COLOR: l,
       FOOTER_BG_COLOR: h,
       HIGHLIGHT_SELECTED_ROW: d,
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
-      HIGHLIGHT_HOVER_ROW: x,
-      HIGHLIGHT_HOVER_ROW_COLOR: u,
+      HIGHLIGHT_HOVER_ROW: u,
+      HIGHLIGHT_HOVER_ROW_COLOR: x,
       STRIPE: w,
       STRIPE_COLOR: E
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let _ = h, T = a;
+      let _ = h, T = l;
       if (typeof o == "function") {
         const v = o, { backgroundColor: R, color: S } = v({
           row: this.row,
@@ -499,14 +542,14 @@ class $ extends Xt {
       return;
     }
     let g = "transparent";
-    const p = this.ctx.hoverCell, m = this.ctx.currentCell;
-    let y = this.rowIndex, b = this.rowIndex;
-    if (this.rowspan !== 1 && (x || d)) {
+    const p = this.ctx.hoverCell, y = this.ctx.currentCell;
+    let m = this.rowIndex, b = this.rowIndex;
+    if (this.rowspan !== 1 && (u || d)) {
       const _ = this.getSpanInfo(), { yArr: T } = _;
-      y = T[0], b = T[1];
+      m = T[0], b = T[1];
     }
-    x && p && (p.rowKey === this.rowKey && (g = u), p.rowIndex >= y && p.rowIndex <= b && (g = u)), d && m && (m.rowKey === this.rowKey && (g = f), m.rowIndex >= y && m.rowIndex <= b && (g = f)), this.drawCellSkyBgColor = g;
-    let C = e, I = l;
+    u && p && (p.rowKey === this.rowKey && (g = x), p.rowIndex >= m && p.rowIndex <= b && (g = x)), d && y && (y.rowKey === this.rowKey && (g = f), y.rowIndex >= m && y.rowIndex <= b && (g = f)), this.drawCellSkyBgColor = g;
+    let C = e, I = a;
     if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, I = r), w && (this.rowIndex % 2 ? C = E : C = e), typeof s == "function") {
       const _ = s, { backgroundColor: T, color: v } = _({
         row: this.row,
@@ -521,28 +564,28 @@ class $ extends Xt {
     this.drawCellBgColor = C, this.drawTextColor = I;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: l, rowIndex: a, rowKey: h } = this;
-    if (s === 0 || o === 0 || r === "footer" || !["index-selection", "selection", "selection-tree", "tree-selection"].includes(l))
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: l, rowKey: h } = this;
+    if (s === 0 || o === 0 || r === "footer" || !["index-selection", "selection", "selection-tree", "tree-selection"].includes(a))
       return;
-    const d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: f = 0, CELL_PADDING: x } = this.ctx.config;
-    let u = this.drawX + x;
-    (this.align === "center" || this.align === "right") && (u = this.drawX + (e - f) / 2);
-    let w = u, E = this.drawY + (i - f) / 2;
-    if (l !== "selection-tree") {
-      if (l === "tree-selection") {
-        const { TREE_INDENT: m = 16, TREE_ICON_SIZE: y } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, I = C * m;
-        w = u + y + I;
+    const d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: f = 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 w = x, E = this.drawY + (i - f) / 2;
+    if (a !== "selection-tree") {
+      if (a === "tree-selection") {
+        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: m } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, I = C * y;
+        w = x + m + I;
       }
     }
     let g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck";
-    if (l === "selection-tree" || l === "tree-selection") {
-      const m = this.ctx.database.getTreeSelectionState(h);
-      m.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), p = "checkbox-indeterminate") : m.checked && d ? (g = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : !m.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled");
+    if (a === "selection-tree" || a === "tree-selection") {
+      const y = this.ctx.database.getTreeSelectionState(h);
+      y.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), p = "checkbox-indeterminate") : y.checked && d ? (g = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : !y.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled");
     } else {
-      const m = this.ctx.database.getRowSelection(h);
-      m && d ? (g = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : m && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !m && d ? (g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled");
+      const y = this.ctx.database.getRowSelection(h);
+      y && d ? (g = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : y && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !y && d ? (g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled");
     }
-    w + f + x > this.drawX + this.visibleWidth || E + f + x > this.drawY + this.visibleHeight || (l === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === a || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = p, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = p, this.drawSelectionImageSource = g));
+    w + f + u > this.drawX + this.visibleWidth || E + f + u > this.drawY + this.visibleHeight || (a === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = p, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = p, this.drawSelectionImageSource = g));
   }
   updateHoverIcon() {
     if (this.ctx.database.getReadonly(this.rowKey, this.key))
@@ -558,18 +601,18 @@ class $ extends Xt {
       });
       h !== void 0 && (this.hoverIconName = h);
     }
-    const { hoverCell: l } = this.ctx;
-    if (this.hoverIconName && !this.ctx.editing && l) {
-      let a = 0, h = 0;
-      if (l.rowKey === this.rowKey && (a = this.drawX + this.width - s - o, h = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
-        const f = this.getSpanInfo(), { yArr: x } = f, u = x[0], w = x[1];
-        if (l.rowIndex >= u && l.rowIndex <= w) {
-          const { width: E, height: g, offsetTop: p, offsetLeft: m } = f;
-          a = this.drawX - m + E - s - o, h = this.drawY - p + (g - s) / 2;
+    const { hoverCell: a } = this.ctx;
+    if (this.hoverIconName && !this.ctx.editing && a) {
+      let l = 0, h = 0;
+      if (a.rowKey === this.rowKey && (l = this.drawX + this.width - s - o, h = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
+        const f = this.getSpanInfo(), { yArr: u } = f, x = u[0], w = u[1];
+        if (a.rowIndex >= x && a.rowIndex <= w) {
+          const { width: E, height: g, offsetTop: p, offsetLeft: y } = f;
+          l = this.drawX - y + E - s - o, h = this.drawY - p + (g - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
-      this.drawHoverImageX = a, this.drawHoverImageY = h, this.drawHoverImageWidth = s, this.drawHoverImageHeight = s, this.drawHoverImageName = this.hoverIconName, this.drawHoverImageSource = d;
+      this.drawHoverImageX = l, this.drawHoverImageY = h, this.drawHoverImageWidth = s, this.drawHoverImageHeight = s, this.drawHoverImageName = this.hoverIconName, this.drawHoverImageSource = d;
     }
   }
   // 过去跨度配置
@@ -664,17 +707,17 @@ class $ extends Xt {
     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: l } = this.ctx.selector, a = r[1], h = l[1], { colIndex: d, rowIndex: f, drawX: x, drawY: u } = this;
-    if (d === a && f === h) {
+    const { xArr: r, yArr: a } = this.ctx.selector, l = r[1], h = a[1], { colIndex: d, rowIndex: f, drawX: u, drawY: x } = this;
+    if (d === l && f === h) {
       const E = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
-      this.ctx.paint.drawRect(x + this.width - E, u + this.height - E, 6, 6, {
+      this.ctx.paint.drawRect(u + this.width - E, x + this.height - E, 6, 6, {
         borderColor: o,
         fillColor: e
       });
     }
   }
   draw() {
-    this.drawText(), this.drawImage(), this.drawSelector(), this.drawAutofillPiont(), this.drawErrorTip();
+    this.drawTreeLine(), this.drawText(), this.drawImage(), this.drawSelector(), this.drawAutofillPiont(), this.drawErrorTip();
   }
   /**
    * 根据列的索引获取列的宽度
@@ -699,13 +742,13 @@ class $ extends Xt {
     );
     this.ellipsis = o;
     const { placeholder: r } = this.column;
-    let l = this.displayText, a = this.drawTextColor;
-    return !this.ctx.database.getReadonly(this.rowKey, this.key) && r && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (l = r, a = s), this.ctx.paint.drawText(l, this.drawTextX, this.drawTextY, this.drawTextWidth, this.drawTextHeight, {
+    let a = this.displayText, l = this.drawTextColor;
+    return !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), this.ctx.paint.drawText(a, this.drawTextX, this.drawTextY, this.drawTextWidth, this.drawTextHeight, {
       font: i,
       padding: e,
       align: this.align,
       verticalAlign: this.verticalAlign,
-      color: a
+      color: l
     });
   }
   drawImage() {
@@ -771,8 +814,8 @@ class $ extends Xt {
       fillColor: "transparent",
       borderWidth: 1
     });
-    const [l, a] = i, [h, d] = s;
-    !(l === a && h === d) && this.colIndex >= l && this.colIndex <= a && this.rowIndex >= h && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
+    const [a, l] = i, [h, d] = s;
+    !(a === l && h === d) && this.colIndex >= a && this.colIndex <= l && this.rowIndex >= h && this.rowIndex <= d && 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 >= h && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
@@ -783,7 +826,7 @@ class $ extends Xt {
   drawErrorTip() {
     if (this.cellType === "footer" || !this.message || this.rowspan === 0 || this.colspan === 0)
       return;
-    const { ERROR_TIP_ICON_SIZE: e, ERROR_TIP_COLOR: i } = this.ctx.config, { width: s } = this, o = this.drawX, r = this.drawY, l = [
+    const { ERROR_TIP_ICON_SIZE: e, ERROR_TIP_COLOR: i } = this.ctx.config, { width: s } = this, o = this.drawX, r = this.drawY, a = [
       o + s - e - 0.5,
       r,
       o + s - 0.5,
@@ -791,7 +834,7 @@ class $ extends Xt {
       o + s - 0.5,
       r + e
     ];
-    this.ctx.paint.drawLine(l, {
+    this.ctx.paint.drawLine(a, {
       borderColor: i,
       fillColor: i,
       borderWidth: 1,
@@ -800,51 +843,51 @@ class $ extends Xt {
     });
   }
   drawBorder(e) {
-    const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: l, width: a } = this;
+    const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: l } = this;
     let h = i, d = s;
-    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: w = 1, borderColor: E, fillColor: g } = e, p = f[0], m = f[1], y = x[0], b = x[1];
-    if (r >= p && r <= m && o === y) {
-      const C = r === m ? 1 : 0, I = r === p ? 1 : 0;
-      this.ctx.paint.drawLine([h + I, d + 1, h + a - C, d + 1], {
+    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: w = 1, borderColor: E, fillColor: g } = e, p = f[0], y = f[1], m = u[0], b = u[1];
+    if (r >= p && r <= y && o === m) {
+      const C = r === y ? 1 : 0, I = r === p ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + 1, h + l - C, d + 1], {
         borderColor: E,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
         lineJoin: "round",
-        lineDash: u
+        lineDash: x
       });
     }
-    if (r === m && o >= y && o <= b) {
-      const C = o === y ? 1 : 0, I = o === b ? 1 : 0;
-      this.ctx.paint.drawLine([h + a - 1, d + C, h + a - 1, d + l - I], {
+    if (r === y && o >= m && o <= b) {
+      const C = o === m ? 1 : 0, I = o === b ? 1 : 0;
+      this.ctx.paint.drawLine([h + l - 1, d + C, h + l - 1, d + a - I], {
         borderColor: E,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
         lineJoin: "round",
-        lineDash: u
+        lineDash: x
       });
     }
-    if (r >= p && r <= m && o === b) {
-      const C = r === m ? 1 : 0, I = r === p ? 1 : 0;
-      this.ctx.paint.drawLine([h + I, d + l - 1, h + a - C, d + l - 1], {
+    if (r >= p && r <= y && o === b) {
+      const C = r === y ? 1 : 0, I = r === p ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + a - 1, h + l - C, d + a - 1], {
         borderColor: E,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
         lineJoin: "round",
-        lineDash: u
+        lineDash: x
       });
     }
-    if (r === p && o >= y && o <= b) {
-      const C = o === b ? 1 : 0, I = o === y ? 1 : 0;
-      this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + l - C], {
+    if (r === p && o >= m && o <= b) {
+      const C = o === b ? 1 : 0, I = o === m ? 1 : 0;
+      this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + a - C], {
         borderColor: E,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
         lineJoin: "round",
-        lineDash: u
+        lineDash: x
       });
     }
   }
@@ -906,41 +949,44 @@ class de {
    * @param level
    */
   initData(t, e = 0, i = []) {
-    t.forEach((s, o) => {
-      var p;
-      const { ROW_KEY: r = "", DEFAULT_EXPAND_ALL: l, CELL_HEIGHT: a, SELECTABLE_METHOD: h, CHECKBOX_KEY: d } = this.ctx.config, f = s[r], x = f != null ? `${f}` : Lt();
-      this.itemRowKeyMap.set(s, x);
-      const u = s._height || a, w = s._readonly;
-      let E = !0;
-      if (typeof h == "function" && (E = h), d) {
-        const m = s[d];
+    const s = t.length;
+    t.forEach((o, r) => {
+      var y;
+      const { ROW_KEY: a = "", DEFAULT_EXPAND_ALL: l, CELL_HEIGHT: h, SELECTABLE_METHOD: d, CHECKBOX_KEY: f } = this.ctx.config, u = o[a], x = u != null ? `${u}` : Lt();
+      this.itemRowKeyMap.set(o, x);
+      const w = o._height || h, E = o._readonly;
+      let g = !0;
+      if (typeof d == "function" && (g = d), f) {
+        const m = o[f];
         if (this.checkboxKeyMap.has(m)) {
-          const y = this.checkboxKeyMap.get(m) || [];
-          y.push(x), this.checkboxKeyMap.set(m, y);
+          const b = this.checkboxKeyMap.get(m) || [];
+          b.push(x), this.checkboxKeyMap.set(m, b);
         } else
           this.checkboxKeyMap.set(m, [x]);
       }
       this.selectionMap.set(x, {
-        key: d ? s[d] : x,
-        row: s,
-        check: ((p = this.selectionMap.get(x)) == null ? void 0 : p.check) || !1
+        key: f ? o[f] : x,
+        row: o,
+        check: ((y = this.selectionMap.get(x)) == null ? void 0 : y.check) || !1
       });
-      const g = l || this.expandMap.get(x) || s._expand || !1;
-      this.expandMap.set(x, g), this.rowKeyMap.set(x, {
-        readonly: w,
-        index: o,
-        rowIndex: o,
+      const p = l || this.expandMap.get(x) || o._expand || !1;
+      this.expandMap.set(x, p), this.rowKeyMap.set(x, {
+        readonly: E,
+        index: r,
+        rowIndex: r,
         level: e,
-        height: u,
+        height: w,
         check: !1,
-        selectable: E,
-        expand: g,
+        selectable: g,
+        expand: p,
         expandLazy: !1,
-        hasChildren: s._hasChildren || (Array.isArray(s.children) ? s.children.length > 0 : !1),
+        hasChildren: o._hasChildren || (Array.isArray(o.children) ? o.children.length > 0 : !1),
         expandLoading: !1,
-        item: s,
-        parentRowKeys: i
-      }), Array.isArray(s.children) && s.children.length && this.initData(s.children, e + 1, [...i, x]);
+        item: o,
+        parentRowKeys: i,
+        parentRowKey: i[i.length - 1] || "",
+        isLastChild: r === s - 1
+      }), Array.isArray(o.children) && o.children.length && this.initData(o.children, e + 1, [...i, x]);
     });
   }
   /**
@@ -1002,12 +1048,12 @@ class de {
     const i = (o) => {
       o.forEach((r) => {
         t.push(r);
-        const l = this.itemRowKeyMap.get(r), { expand: a, hasChildren: h, height: d } = this.rowKeyMap.get(l), f = this.sumHeight;
-        this.sumHeight += d, this.rowIndexRowKeyMap.set(e, l), this.rowKeyRowIndexMap.set(l, e), this.positions.push({
+        const a = this.itemRowKeyMap.get(r), { expand: l, hasChildren: h, height: d } = this.rowKeyMap.get(a), f = this.sumHeight;
+        this.sumHeight += d, this.rowIndexRowKeyMap.set(e, a), this.rowKeyRowIndexMap.set(a, e), this.positions.push({
           top: f,
           height: d,
           bottom: this.sumHeight
-        }), e += 1, a && h && i(r.children);
+        }), e += 1, l && h && i(r.children);
       });
     };
     this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear();
@@ -1144,37 +1190,37 @@ class de {
    */
   async batchSetItemValue(t, e = !1, i = !0, s = "none") {
     let o = [], r = i;
-    const l = /* @__PURE__ */ new Set();
-    let a = [], h = t.map((u) => {
-      const { rowKey: w, key: E } = u;
-      let g = u.value, p = g;
-      const m = this.getRowDataItemForRowKey(w), y = this.getItemValue(w, E), b = this.getVirtualBodyCellByKey(w, E);
-      return (b == null ? void 0 : b.type) === "number" && (["", void 0, null].includes(g) ? p = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? p = Number(g) : (p = y, a.push({
-        ...u,
+    const a = /* @__PURE__ */ new Set();
+    let l = [], h = t.map((x) => {
+      const { rowKey: w, key: E } = x;
+      let g = x.value, p = g;
+      const y = this.getRowDataItemForRowKey(w), m = this.getItemValue(w, E), b = this.getVirtualBodyCellByKey(w, E);
+      return (b == null ? void 0 : b.type) === "number" && (["", void 0, null].includes(g) ? p = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? p = Number(g) : (p = m, l.push({
+        ...x,
         value: p,
-        oldValue: y,
-        row: m
+        oldValue: m,
+        row: y
       }))), {
-        ...u,
+        ...x,
         value: p,
-        oldValue: y,
-        row: m
+        oldValue: m,
+        row: y
       };
     });
-    if (h = h.filter((u) => !a.some((w) => u.rowKey === w.rowKey && u.key === w.key)), a.length) {
-      const u = {
+    if (h = h.filter((x) => !l.some((w) => x.rowKey === w.rowKey && x.key === w.key)), l.length) {
+      const x = {
         code: "ERR_BATCH_SET_NUMBER_VALUE",
         message: "Assignment failed, not a numeric type",
-        data: a
+        data: l
       };
-      this.ctx.emit("error", u);
+      this.ctx.emit("error", x);
     }
     if (!h.length)
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
-    s === "none" && typeof d == "function" && (h = await d(h), r = !1), h.forEach((u) => {
-      const { value: w, rowKey: E, key: g } = u, p = this.getItemValue(E, g);
-      l.add(E), this.setItemValue(E, g, w, !1, !1, !1, r), o.push({
+    s === "none" && typeof d == "function" && (h = await d(h), r = !1), h.forEach((x) => {
+      const { value: w, rowKey: E, key: g } = x, p = this.getItemValue(E, g);
+      a.add(E), this.setItemValue(E, g, w, !1, !1, !1, r), o.push({
         rowKey: E,
         key: g,
         oldValue: p,
@@ -1182,11 +1228,11 @@ class de {
       });
     });
     let f = [];
-    l.forEach((u) => {
-      f.push(this.ctx.database.getRowDataItemForRowKey(u));
+    a.forEach((x) => {
+      f.push(this.ctx.database.getRowDataItemForRowKey(x));
     });
-    const x = h.map(({ rowKey: u, key: w }) => this.getValidator(u, w));
-    Promise.all(x).then(() => {
+    const u = h.map(({ rowKey: x, key: w }) => this.getValidator(x, w));
+    Promise.all(u).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
     }), this.ctx.emit("change", h, f), e && this.ctx.history.pushState({
       changeList: o,
@@ -1206,20 +1252,20 @@ class de {
    * @param checkReadonly 是否检查只读
    * @returns
    */
-  async setItemValue(t, e, i, s = !1, o = !1, r = !1, l = !0) {
+  async setItemValue(t, e, i, s = !1, o = !1, r = !1, a = !0) {
     if (!this.rowKeyMap.has(t))
       return {};
-    const { item: a } = this.rowKeyMap.get(t);
-    let h = a[e], d = i;
-    if (l && this.ctx.database.getReadonly(t, e))
+    const { item: l } = this.rowKeyMap.get(t);
+    let h = l[e], d = i;
+    if (a && this.ctx.database.getReadonly(t, e))
       return {
         oldValue: h,
         newValue: h
       };
-    a[e] !== null && typeof a[e] == "object" && (h = JSON.parse(JSON.stringify(a[e])));
+    l[e] !== null && typeof l[e] == "object" && (h = JSON.parse(JSON.stringify(l[e])));
     const f = `${t}​_${e}`;
     this.originalDataMap.has(f) || this.originalDataMap.set(f, h);
-    const x = this.originalDataMap.get(f), u = this.getRowDataItemForRowKey(t);
+    const u = this.originalDataMap.get(f), x = this.getRowDataItemForRowKey(t);
     if (r) {
       const w = this.getVirtualBodyCellByKey(t, e);
       if ((w == null ? void 0 : w.type) === "number")
@@ -1238,7 +1284,7 @@ class de {
                 key: e,
                 value: d,
                 oldValue: h,
-                row: u
+                row: x
               }
             ]
           };
@@ -1255,7 +1301,7 @@ class de {
           key: e,
           value: d,
           oldValue: h,
-          row: u
+          row: x
         }
       ];
       this.batchSetItemValue(E, s, !1), this.ctx.emit("editChange", {
@@ -1263,18 +1309,18 @@ class de {
         key: e,
         oldValue: h,
         value: d,
-        originalValue: x,
-        row: u
+        originalValue: u,
+        row: x
       });
     } else
-      this.changedDataMap.set(f, d), a[e] = d;
+      this.changedDataMap.set(f, d), l[e] = d;
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
       oldValue: h,
       value: d,
       originalValue: this.originalDataMap.get(f),
-      row: u
+      row: x
     }), o && this.ctx.emit("draw"), {
       oldValue: h,
       newValue: d
@@ -1302,9 +1348,9 @@ class de {
       if (!this.rowKeyMap.has(t))
         return !1;
       const { item: s } = this.rowKeyMap.get(t), o = s[i];
-      this.checkboxKeyMap.has(o) && (this.checkboxKeyMap.get(o) || []).forEach((l) => {
-        const a = this.selectionMap.get(l);
-        a && (a.check = e);
+      this.checkboxKeyMap.has(o) && (this.checkboxKeyMap.get(o) || []).forEach((a) => {
+        const l = this.selectionMap.get(a);
+        l && (l.check = e);
       });
     }
   }
@@ -1351,10 +1397,10 @@ class de {
     if (!e)
       return;
     const s = this.getTreeChildren(e).map((h) => this.selectionMap.get(h)), o = s.filter((h) => h == null ? void 0 : h.check).length, r = s.length;
-    let l = !1;
-    r > 0 && (o === 0 ? l = !1 : o === r || this.ctx.config.TREE_SELECT_MODE === "auto" ? l = !0 : this.ctx.config.TREE_SELECT_MODE === "cautious" && (l = !1));
-    const a = this.selectionMap.get(e);
-    a && a.check !== l && (a.check = l, this.setRowSelectionByCheckboxKey(e, l), this.updateParentTreeSelection(e));
+    let a = !1;
+    r > 0 && (o === 0 ? a = !1 : o === r || this.ctx.config.TREE_SELECT_MODE === "auto" ? a = !0 : this.ctx.config.TREE_SELECT_MODE === "cautious" && (a = !1));
+    const l = this.selectionMap.get(e);
+    l && l.check !== a && (l.check = a, this.setRowSelectionByCheckboxKey(e, a), this.updateParentTreeSelection(e));
   }
   /**
    * 根据rowKey 设置选中状态
@@ -1385,27 +1431,27 @@ class de {
     const i = this.selectionMap.get(t), s = (i == null ? void 0 : i.check) || !1;
     if (this.getTreeChildren(t).length === 0)
       return { checked: s, indeterminate: !1 };
-    let r = !1, l = s;
+    let r = !1, a = s;
     if (this.ctx.config.TREE_SELECT_MODE === "auto") {
       const h = (g) => {
         const p = this.getTreeChildren(g);
-        let m = [];
-        for (const y of p)
-          m.push(y), m.push(...h(y));
-        return m;
-      }, f = h(t).map((g) => this.selectionMap.get(g)), x = f.filter((g) => g == null ? void 0 : g.check).length, u = f.length, w = x > 0;
-      r = w && !(x === u), l = s || w, s && u > 0 && x === 0 && (l = !1, r = !1);
+        let y = [];
+        for (const m of p)
+          y.push(m), y.push(...h(m));
+        return y;
+      }, f = h(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0;
+      r = w && !(u === x), a = s || w, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else if (this.ctx.config.TREE_SELECT_MODE === "cautious") {
       const h = (g) => {
         const p = this.getTreeChildren(g);
-        let m = [];
-        for (const y of p)
-          m.push(y), m.push(...h(y));
-        return m;
-      }, f = h(t).map((g) => this.selectionMap.get(g)), x = f.filter((g) => g == null ? void 0 : g.check).length, u = f.length, w = x > 0, E = x === u;
-      r = w && !E, l = s || E, s && u > 0 && x === 0 && (l = !1, r = !1);
-    } else this.ctx.config.TREE_SELECT_MODE === "strictly" && (r = !1, l = s);
-    return { checked: l, indeterminate: r };
+        let y = [];
+        for (const m of p)
+          y.push(m), y.push(...h(m));
+        return y;
+      }, f = h(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0, E = u === x;
+      r = w && !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 };
   }
   // 获取树形子节点
   getTreeChildren(t) {
@@ -1414,8 +1460,8 @@ class de {
       return [];
     const i = [], s = (o) => {
       for (const r of o) {
-        const l = this.getRowKeyByItem(r);
-        l && i.push(l), r.children && r.children.length > 0 && s(r.children);
+        const a = this.getRowKeyByItem(r);
+        a && i.push(a), r.children && r.children.length > 0 && s(r.children);
       }
     };
     return s(e.item.children), i;
@@ -1426,8 +1472,8 @@ class de {
       for (const o of i) {
         const r = this.getRowKeyByItem(o);
         if (o.children)
-          for (const l of o.children) {
-            if (this.getRowKeyByItem(l) === s)
+          for (const a of o.children) {
+            if (this.getRowKeyByItem(a) === s)
               return r;
             const h = e(o.children, s);
             if (h)
@@ -1504,17 +1550,17 @@ class de {
       return e;
     const i = this.rowKeyMap.size;
     let s = 0, o = 0;
-    const r = this.selectionMap.size, l = Array.from(this.selectionMap.values()).some((x) => x.check);
-    this.rowKeyMap.forEach((x, u) => {
+    const r = this.selectionMap.size, a = Array.from(this.selectionMap.values()).some((u) => u.check);
+    this.rowKeyMap.forEach((u, x) => {
       var E;
-      (E = this.selectionMap.get(u)) != null && E.check && (s += 1);
-      let w = x.selectable;
+      (E = this.selectionMap.get(x)) != null && E.check && (s += 1);
+      let w = u.selectable;
       typeof w == "function" && (w = w({
-        row: x.item,
-        rowIndex: x.rowIndex
+        row: u.item,
+        rowIndex: u.rowIndex
       })), w && (o += 1);
     });
-    const a = r > i && s === 0 && l, h = o && o > s && s > 0 || a, d = o !== 0, f = !!o && o === s;
+    const l = r > i && s === 0 && a, h = o && o > s && s > 0 || l, d = o !== 0, f = !!o && o === s;
     return this.bufferCheckState = {
       buffer: !0,
       check: f,
@@ -1613,9 +1659,9 @@ class de {
     const s = this.rowKeyMap.get(t), o = this.headerMap.get(e);
     if (!s || !o)
       return !0;
-    const r = s.readonly, l = o.readonly, { BODY_CELL_READONLY_METHOD: a } = this.ctx.config;
-    if (typeof a == "function" && o) {
-      const d = a({
+    const r = s.readonly, a = o.readonly, { BODY_CELL_READONLY_METHOD: l } = this.ctx.config;
+    if (typeof l == "function" && o) {
+      const d = l({
         row: s.item,
         rowIndex: s.rowIndex,
         colIndex: o.colIndex,
@@ -1625,7 +1671,7 @@ class de {
       if (d !== void 0)
         return d;
     }
-    return l || r;
+    return a || r;
   }
   clearValidate() {
     this.validationErrorMap.clear();
@@ -1638,30 +1684,30 @@ class de {
       const s = this.rowKeyMap.get(t), o = this.headerMap.get(e), { BODY_CELL_RULES_METHOD: r } = this.ctx.config;
       if (o === void 0)
         return i([]);
-      const l = o.column;
-      let a = l.rules;
+      const a = o.column;
+      let l = a.rules;
       if (typeof r == "function") {
         const d = r({
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: o.colIndex,
-          column: l,
+          column: a,
           value: this.getItemValue(t, e)
         });
-        d && (a = d);
+        d && (l = d);
       }
-      if (a) {
+      if (l) {
         const h = {
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: o.colIndex,
-          column: l,
+          column: a,
           key: e,
           rowKey: t,
           value: this.getItemValue(t, e),
           field: e,
           fieldValue: this.getItemValue(t, e)
-        }, f = new se(a).validate(h);
+        }, f = new se(l).validate(h);
         this.setValidationError(t, e, f), i(f);
       } else
         this.clearValidationError(t, e), i([]);
@@ -1682,24 +1728,24 @@ class de {
       rowKey: s,
       row: o,
       value: r,
-      colIndex: l,
-      relationRowKeys: a,
+      colIndex: a,
+      relationRowKeys: l,
       relationColKeys: h,
       rowspan: d,
       height: f,
-      width: x,
-      colspan: u,
+      width: u,
+      colspan: x,
       mergeRow: w,
       mergeCol: E
     } = t;
-    if (d === 1 && u === 1)
+    if (d === 1 && x === 1)
       return {
-        xArr: [l, l],
+        xArr: [a, a],
         yArr: [e, e],
         rowspan: d,
-        colspan: u,
+        colspan: x,
         height: f,
-        width: x,
+        width: u,
         offsetTop: 0,
         offsetLeft: 0,
         dataList: [
@@ -1711,15 +1757,15 @@ class de {
           }
         ]
       };
-    let g = e, p = e, m = l, y = l, b = [], C = 0, I = 0, _ = 0, T = 0;
+    let g = e, p = e, y = a, m = a, b = [], C = 0, I = 0, _ = 0, T = 0;
     if (d !== 1 && w) {
-      T = x;
-      const v = a.reduce((R, S) => {
+      T = u;
+      const v = l.reduce((R, S) => {
         const O = this.getItemValue(s, S) ?? "";
         return `${R}${O}`;
       }, "");
       for (let R = e - 1; R >= 0; R--) {
-        const S = this.rowIndexRowKeyMap.get(R) || "", O = a.reduce((M, L) => {
+        const S = this.rowIndexRowKeyMap.get(R) || "", O = l.reduce((M, L) => {
           const H = this.getItemValue(S, L) ?? "";
           return `${M}${H}`;
         }, "");
@@ -1729,7 +1775,7 @@ class de {
           break;
       }
       for (let R = e; R <= this.ctx.maxRowIndex; R++) {
-        const S = this.rowIndexRowKeyMap.get(R) || "", O = a.reduce((M, L) => {
+        const S = this.rowIndexRowKeyMap.get(R) || "", O = l.reduce((M, L) => {
           const H = this.getItemValue(S, L) ?? "";
           return `${M}${H}`;
         }, "");
@@ -1754,35 +1800,35 @@ class de {
         });
       }
     }
-    if (u !== 1 && E) {
+    if (x !== 1 && E) {
       _ = f;
-      for (let v = l - 1; v >= 0; v--) {
+      for (let v = a - 1; v >= 0; v--) {
         const R = this.getColumnByColIndex(v);
         if (!R)
           break;
         const S = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
         if (S === O && h.includes(R.key))
-          m = v;
+          y = v;
         else
           break;
       }
-      for (let v = l; v <= this.ctx.maxColIndex; v++) {
+      for (let v = a; v <= this.ctx.maxColIndex; v++) {
         const R = this.getColumnByColIndex(v);
         if (!R)
           break;
         const S = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
         if (S === O && h.includes(R.key))
-          y = v;
+          m = v;
         else
           break;
       }
-      for (let v = m; v < l; v++) {
+      for (let v = y; v < a; v++) {
         const R = this.getColumnByColIndex(v);
         if (!R)
           break;
         I += R.width || 100;
       }
-      for (let v = m; v <= y; v++) {
+      for (let v = y; v <= m; v++) {
         const R = this.getColumnByColIndex(v);
         if (!R)
           break;
@@ -1795,10 +1841,10 @@ class de {
       }
     }
     return {
-      xArr: [m, y],
+      xArr: [y, m],
       yArr: [g, p],
       rowspan: d,
-      colspan: u,
+      colspan: x,
       height: _,
       width: T,
       offsetTop: C,
@@ -1813,21 +1859,21 @@ class de {
     return this.loading;
   }
   setValidationErrorByRowIndex(t, e, i) {
-    const s = this.rowIndexRowKeyMap.get(t), o = `${s}​_${e}`, r = this.getRowForRowIndex(t), l = this.getColumnByKey(e);
-    if (!s || !l || !r)
+    const s = this.rowIndexRowKeyMap.get(t), o = `${s}​_${e}`, r = this.getRowForRowIndex(t), a = this.getColumnByKey(e);
+    if (!s || !a || !r)
       return;
-    const a = this.getItemValue(s, e), h = [
+    const l = this.getItemValue(s, e), h = [
       {
         key: e,
         rowKey: s,
         rowIndex: t,
-        colIndex: l.colIndex,
-        column: l.column,
+        colIndex: a.colIndex,
+        column: a.column,
         row: r,
-        value: a,
+        value: l,
         message: i,
         field: e,
-        fieldValue: a
+        fieldValue: l
       }
     ];
     this.validationErrorMap.set(o, h);
@@ -2087,21 +2133,21 @@ class ge {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, o) {
-    const { fillColor: r, side: l, shadowWidth: a, colorStart: h, colorEnd: d } = o;
+    const { fillColor: r, side: a, shadowWidth: l, colorStart: h, colorEnd: d } = o;
     this.ctx.save(), r && (this.ctx.fillStyle = r, this.ctx.fillRect(t, e, i, s));
     let f;
-    switch (l) {
+    switch (a) {
       case "left":
-        f = this.ctx.createLinearGradient(t - a, e, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - a, e, a, s);
+        f = this.ctx.createLinearGradient(t - l, e, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - l, e, l, s);
         break;
       case "right":
-        f = this.ctx.createLinearGradient(t + i, e, t + i + a, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, a, s);
+        f = this.ctx.createLinearGradient(t + i, e, t + i + l, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, l, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - a, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - a, i, a);
+        f = this.ctx.createLinearGradient(t, e - l, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - l, i, l);
         break;
       case "bottom":
-        f = this.ctx.createLinearGradient(t, e + s, t, e + s + a), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, a);
+        f = this.ctx.createLinearGradient(t, e + s, t, e + s + l), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, l);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -2117,19 +2163,19 @@ class ge {
     this.ctx.beginPath(), this.ctx.moveTo(t[0] - 0.5, t[1] - 0.5);
     for (let o = 2; o < t.length; o += 2)
       this.ctx.lineTo(t[o] - 0.5, t[o + 1] - 0.5);
-    this.ctx.strokeStyle = i, this.ctx.lineWidth = s, e.lineDash && (this.ctx.lineDashOffset = 4, this.ctx.setLineDash(e.lineDash)), e.fillColor && (this.ctx.fillStyle = e.fillColor, this.ctx.fill()), e.borderColor && (this.ctx.strokeStyle = e.borderColor), this.ctx.stroke(), this.ctx.closePath(), this.ctx.restore();
+    this.ctx.strokeStyle = i, this.ctx.lineWidth = s, e.lineDash && (this.ctx.lineDashOffset = e.lineDashOffset ?? 0, this.ctx.setLineDash(e.lineDash)), e.fillColor && (this.ctx.fillStyle = e.fillColor, this.ctx.fill()), e.borderColor && (this.ctx.strokeStyle = e.borderColor), this.ctx.stroke(), this.ctx.closePath(), this.ctx.restore();
   }
   drawImage(t, e, i, s, o) {
     this.ctx.save(), this.ctx.drawImage(t, e, i, s, o), this.ctx.restore();
   }
-  drawRect(t, e, i, s, { borderWidth: o = 1, borderColor: r, fillColor: l, radius: a = 0 } = {}) {
-    if (this.ctx.save(), this.ctx.beginPath(), l !== void 0 && (this.ctx.fillStyle = l), r !== void 0 && (this.ctx.lineWidth = o, this.ctx.strokeStyle = r), a === 0)
+  drawRect(t, e, i, s, { borderWidth: o = 1, borderColor: r, fillColor: a, radius: l = 0 } = {}) {
+    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 [h, d, f, x] = typeof a == "number" ? [a, a, a, a] : a;
-      this.ctx.moveTo(t + h, 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 - x, x), this.ctx.arcTo(t, e, t + h, e, h);
+      const [h, d, f, u] = typeof l == "number" ? [l, l, l, l] : l;
+      this.ctx.moveTo(t + h, 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 + h, e, h);
     }
-    l !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
+    a !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
   /**
    * 画文本
@@ -2144,19 +2190,19 @@ class ge {
   drawText(t = "", e, i, s, o, r = {}) {
     this.ctx.save();
     const {
-      font: l = "12px Arial",
-      align: a = "center",
+      font: a = "12px Arial",
+      align: l = "center",
       color: h = "#495060",
       padding: d = 0,
       verticalAlign: f = "middle"
     } = r;
-    this.ctx.font = l, this.ctx.fillStyle = h, this.ctx.textBaseline = f, this.ctx.textAlign = a;
-    let x = 0;
-    f === "top" ? x = i + d : f === "bottom" ? x = i + o - d : x = i + (o + 1) / 2;
+    this.ctx.font = a, this.ctx.fillStyle = h, this.ctx.textBaseline = f, this.ctx.textAlign = l;
     let u = 0;
-    a === "left" ? u = e + d : a === "right" ? u = e + s - d : u = e + s / 2;
-    const { _text: w, ellipsis: E } = this.handleEllipsis(t, s, d, l);
-    return this.ctx.fillText(w, u, x), this.ctx.restore(), E;
+    f === "top" ? u = i + d : f === "bottom" ? u = i + o - d : u = i + (o + 1) / 2;
+    let x = 0;
+    l === "left" ? x = e + d : l === "right" ? x = e + s - d : x = e + s / 2;
+    const { _text: w, ellipsis: E } = this.handleEllipsis(t, s, d, a);
+    return this.ctx.fillText(w, x, u), this.ctx.restore(), E;
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     let o = !1, r = t;
@@ -2165,18 +2211,18 @@ class ge {
         _text: "",
         ellipsis: o
       };
-    const l = this.ctx.measureText("...").width;
-    if (e <= l + i * 2)
+    const a = this.ctx.measureText("...").width;
+    if (e <= a + i * 2)
       return {
         _text: "",
         ellipsis: !0
       };
-    const a = this.ctx.measureText(t).width;
-    if (a && a + l >= e - i * 2) {
+    const l = this.ctx.measureText(t).width;
+    if (l && l + a >= e - i * 2) {
       o = !0;
       let h = 0;
       for (let d = 0; d < t.length; d++)
-        if (h += this.ctx.measureText(t[d]).width, h >= e - i * 2 - l) {
+        if (h += this.ctx.measureText(t[d]).width, h >= e - i * 2 - a) {
           r = t.slice(0, d) + "...";
           break;
         }
@@ -2228,8 +2274,11 @@ class Ct {
     n(this, "MAX_HEIGHT", 1e3);
     /** 区域边框圆角 */
     n(this, "BORDER_RADIUS", 8);
+    /** 启用偏移高度内部计算表格高度 */
     n(this, "ENABLE_OFFSET_HEIGHT", !1);
+    /** 偏移高度 */
     n(this, "OFFSET_HEIGHT", 0);
+    /** 表头高度 */
     n(this, "HEADER_HEIGHT", 36);
     /** 启用头部固定,需要外面实现覆盖层，或者所有表头都要是元素 */
     n(this, "ENABLE_HEADER_STICKY", !1);
@@ -2334,6 +2383,10 @@ class Ct {
     n(this, "TREE_INDENT", 20);
     /** 树形图标大小 */
     n(this, "TREE_ICON_SIZE", 20);
+    /**树形划线 */
+    n(this, "TREE_LINE", !1);
+    /** 树形划线颜色 */
+    n(this, "TREE_LINE_COLOR", "#e1e6eb");
     /** 启用单点击立马编辑 */
     n(this, "ENABLE_EDIT_SINGLE_CLICK", !1);
     /** 启用点击选择器编辑 */
@@ -2467,7 +2520,7 @@ class Ct {
     Object.keys(this).forEach((e) => {
       if (e.endsWith("_COLOR") || e.endsWith("_FONT")) {
         const i = `--evt-${e.toLocaleLowerCase().replace(/_/g, "-")}`, s = ce(i);
-        t[e] = s;
+        s && (t[e] = s);
       }
     }), Object.assign(this, t, this._config);
   }
@@ -2560,15 +2613,15 @@ class we {
       const i = this.list[e];
       let s = i.color, o = i.svg;
       if (i.configColorName) {
-        const l = this.ctx.config[i.configColorName];
-        l && (s = l);
+        const a = this.ctx.config[i.configColorName];
+        a && (s = a);
       }
       if (i.configName) {
-        const l = this.ctx.config[i.configName];
-        l && (o = l);
+        const a = this.ctx.config[i.configName];
+        a && (o = a);
       }
-      const r = this.createImageFromSVG(o, s).then((l) => {
-        this.icons.set(i.name, l);
+      const r = this.createImageFromSVG(o, s).then((a) => {
+        this.icons.set(i.name, a);
       });
       t.push(r);
     }
@@ -2587,18 +2640,18 @@ class we {
     e && r.querySelectorAll("*").forEach((h) => {
       h.setAttribute("fill", e);
     });
-    const l = new Image();
-    let a = "";
+    const a = new Image();
+    let l = "";
     if (i) {
       const h = new Blob([new XMLSerializer().serializeToString(r)], {
         type: "image/svg+xml"
       });
-      a = URL.createObjectURL(h);
+      l = URL.createObjectURL(h);
     } else
-      a = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(r));
-    return l.src = a, new Promise((h, d) => {
-      l.onerror = () => d(new Error("Failed to load image")), l.onload = () => {
-        h(l);
+      l = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(r));
+    return a.src = l, new Promise((h, d) => {
+      a.onerror = () => d(new Error("Failed to load image")), a.onload = () => {
+        h(a);
       };
     });
   }
@@ -2607,8 +2660,8 @@ class we {
   }
 }
 class ct extends Xt {
-  constructor(e, i, s, o, r, l, a) {
-    super(e, s, o, r, l, "header", a.fixed);
+  constructor(e, i, s, o, r, a, l) {
+    super(e, s, o, r, a, "header", l.fixed);
     n(this, "align");
     n(this, "hideHeaderSelection", !1);
     n(this, "verticalAlign", "middle");
@@ -2654,7 +2707,7 @@ class ct extends Xt {
     n(this, "drawSelectionImageHeight", 0);
     n(this, "drawSelectionImageName", "");
     n(this, "drawSelectionImageSource");
-    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = l, this.visibleWidth = r, this.visibleHeight = l, this.colIndex = i, this.key = a.key, this.minWidth = a.minWidth, this.maxWidth = a.maxWidth, this.type = a.type || "", this.editorType = a.editorType || "text", this.hideHeaderSelection = a.hideHeaderSelection || !1, this.align = a.headerAlign || a.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = a.headerVerticalAlign || a.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = a.fixed, this.level = a.level || 0, this.operation = a.operation || !1, this.text = a.title, this.column = a, this.colspan = a.colspan || 1, this.widthFillDisable = a.widthFillDisable || !1, this.rowspan = a.rowspan || 1, this.rules = a.rules, this.readonly = a.readonly || !1, this.required = a.required || !1, this.rowKey = Lt(), this.overflowTooltipShow = a.overflowTooltipHeaderShow !== !1, this.hasChildren = a.children && a.children.length > 0 || !1, this.render = a.renderHeader;
+    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = a, this.visibleWidth = r, this.visibleHeight = a, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.type = l.type || "", this.editorType = l.editorType || "text", this.hideHeaderSelection = l.hideHeaderSelection || !1, this.align = l.headerAlign || l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.headerVerticalAlign || l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed, this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.rowKey = Lt(), this.overflowTooltipShow = l.overflowTooltipHeaderShow !== !1, this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2674,11 +2727,11 @@ class ct extends Xt {
     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 l = e, { backgroundColor: a, color: h } = l({
+      const a = e, { backgroundColor: l, color: h } = a({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      a && (o = a), h && (r = h);
+      l && (o = l), h && (r = h);
     }
     this.drawCellBgColor = o, this.drawTextColor = r;
   }
@@ -2730,11 +2783,11 @@ class ct extends Xt {
       return;
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection", "selection-tree", "tree-selection"].includes(s)) {
-      const { indeterminate: o, check: r, selectable: l } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: a = 0, CELL_PADDING: h } = this.ctx.config;
-      let d = this.drawX + (e - a) / 2, f = this.drawY + (i - a) / 2;
-      this.drawTextX = d + a - h / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX, (this.align === "left" || this.align === "right") && (d = this.drawX + h, this.drawTextX = d + a - h / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX), this.verticalAlign === "top" ? f = this.drawY + h / 2 : this.verticalAlign === "bottom" && (f = this.drawY + i - a - h / 2);
-      let x = this.ctx.icons.get("checkbox-uncheck"), u = "checkbox-uncheck";
-      o ? (x = this.ctx.icons.get("checkbox-indeterminate"), u = "checkbox-indeterminate") : r && l ? (x = this.ctx.icons.get("checkbox-check"), u = "checkbox-check") : r && l ? (x = this.ctx.icons.get("checkbox-check-disabled"), u = "checkbox-check-disabled") : !r && l ? (x = this.ctx.icons.get("checkbox-uncheck"), u = "checkbox-uncheck") : (x = this.ctx.icons.get("checkbox-disabled"), u = "checkbox-disabled"), x && (this.drawSelectionImageX = d, this.drawSelectionImageY = f, this.drawSelectionImageWidth = a, this.drawSelectionImageHeight = a, this.drawSelectionImageName = u, this.drawSelectionImageSource = x, this.ctx.paint.drawImage(
+      const { indeterminate: o, check: r, selectable: a } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0, CELL_PADDING: h } = this.ctx.config;
+      let d = this.drawX + (e - l) / 2, f = this.drawY + (i - l) / 2;
+      this.drawTextX = d + l - h / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX, (this.align === "left" || this.align === "right") && (d = this.drawX + h, this.drawTextX = d + l - h / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX), this.verticalAlign === "top" ? f = this.drawY + h / 2 : this.verticalAlign === "bottom" && (f = this.drawY + i - l - h / 2);
+      let u = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
+      o ? (u = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : r && a ? (u = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : r && a ? (u = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !r && a ? (u = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (u = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), u && (this.drawSelectionImageX = d, this.drawSelectionImageY = f, this.drawSelectionImageWidth = l, this.drawSelectionImageHeight = l, this.drawSelectionImageName = x, this.drawSelectionImageSource = u, this.ctx.paint.drawImage(
         this.drawSelectionImageSource,
         this.drawSelectionImageX,
         this.drawSelectionImageY,
@@ -2850,8 +2903,8 @@ class Ee {
   selectionClick(t, e) {
     if (!(["selection", "index-selection", "selection-tree", "tree-selection"].includes(t.type) && this.ctx.isPointer))
       return;
-    const { offsetY: s, offsetX: o } = this.ctx.getOffset(e), r = s, l = o;
-    if (l > t.drawSelectionImageX && l < t.drawSelectionImageX + t.drawSelectionImageWidth && r > t.drawSelectionImageY && r < t.drawSelectionImageY + t.drawSelectionImageHeight)
+    const { offsetY: s, offsetX: o } = this.ctx.getOffset(e), r = s, a = o;
+    if (a > t.drawSelectionImageX && a < t.drawSelectionImageX + t.drawSelectionImageWidth && r > t.drawSelectionImageY && r < t.drawSelectionImageY + t.drawSelectionImageHeight)
       if (t instanceof ct)
         t.drawSelectionImageName === "checkbox-uncheck" || t.drawSelectionImageName === "checkbox-indeterminate" ? this.ctx.database.toggleAllSelection() : t.drawSelectionImageName === "checkbox-check" && this.ctx.database.clearSelection(!0);
       else {
@@ -2867,12 +2920,12 @@ class Ee {
   treeClick(t, e) {
     if (!(["tree", "selection-tree", "tree-selection"].includes(t.type) && this.ctx.isPointer))
       return;
-    const { offsetY: s, offsetX: o } = this.ctx.getOffset(e), r = s, l = o;
-    if (!(l > t.drawTreeImageX && l < t.drawTreeImageX + t.drawTreeImageWidth && r > t.drawTreeImageY && r < t.drawTreeImageY + t.drawTreeImageHeight))
+    const { offsetY: s, offsetX: o } = this.ctx.getOffset(e), r = s, a = o;
+    if (!(a > t.drawTreeImageX && a < t.drawTreeImageX + t.drawTreeImageWidth && r > t.drawTreeImageY && r < t.drawTreeImageY + t.drawTreeImageHeight))
       return;
-    const a = this.ctx.database.getRowForRowKey(t.rowKey), { expand: h = !1, expandLazy: d = !1 } = a || {}, { EXPAND_LAZY: f, EXPAND_LAZY_METHOD: x } = this.ctx.config;
-    if (f && x && !h && !d)
-      typeof x == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), x({
+    const l = this.ctx.database.getRowForRowKey(t.rowKey), { expand: h = !1, expandLazy: d = !1 } = l || {}, { EXPAND_LAZY: f, EXPAND_LAZY_METHOD: u } = this.ctx.config;
+    if (f && u && !h && !d)
+      typeof u == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), u({
         row: t.row,
         rowIndex: t.rowIndex,
         colIndex: t.colIndex,
@@ -2884,8 +2937,8 @@ class Ee {
         this.ctx.database.expandLoading(t.rowKey, !1), console.error(w);
       }));
     else {
-      const u = this.ctx.database.getIsExpand(t.rowKey);
-      this.ctx.database.expandItem(t.rowKey, !u), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
+      const x = this.ctx.database.getIsExpand(t.rowKey);
+      this.ctx.database.expandItem(t.rowKey, !x), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
     }
   }
   /**
@@ -2918,16 +2971,16 @@ class Ee {
   handleBodyEvent(t, e, i, s, o = !1) {
     if (this.isInsideBody(e))
       for (const r of i) {
-        const l = r.fixedCells.concat(r.noFixedCells);
-        for (const a of l) {
-          const h = a.getDrawX(), d = a.getDrawY();
+        const a = r.fixedCells.concat(r.noFixedCells);
+        for (const l of a) {
+          const h = l.getDrawX(), d = l.getDrawY();
           if (o) {
-            if (t > h && t < h + a.visibleWidth && e > d && e < d + a.visibleHeight) {
-              s(a);
+            if (t > h && t < h + l.visibleWidth && e > d && e < d + l.visibleHeight) {
+              s(l);
               return;
             }
-          } else if (t > h && t < h + a.width && e > d && e < d + a.height) {
-            s(a);
+          } else if (t > h && t < h + l.width && e > d && e < d + l.height) {
+            s(l);
             return;
           }
         }
@@ -2935,8 +2988,8 @@ class Ee {
   }
   handleHeaderEvent(t, e, i, s) {
     for (const o of i) {
-      const r = o.getDrawX(), l = o.getDrawY();
-      if (t > r && t < r + o.width && e > l && e < l + o.height) {
+      const r = o.getDrawX(), a = o.getDrawY();
+      if (t > r && t < r + o.width && e > a && e < a + o.height) {
         s(o);
         return;
       }
@@ -3065,20 +3118,20 @@ class pe {
       stageElement: s,
       canvasElement: o,
       overlayerElement: r,
-      editorElement: l,
-      emptyElement: a,
+      editorElement: a,
+      emptyElement: l,
       contextMenuElement: h
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = l, this.emptyElement = a, this.contextMenuElement = h, this.config = new Ct(e.config || {}), this.eventBus = new ue(), this.eventBrowser = new xe(this), this.eventTable = new Ee(this), this.paint = new ge(this.canvasElement), this.database = new de(this, e), this.history = new fe(this), this.icons = new we(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.contextMenuElement = h, this.config = new Ct(e.config || {}), this.eventBus = new ue(), this.eventBrowser = new xe(this), this.eventTable = new Ee(this), this.paint = new ge(this.canvasElement), this.database = new de(this, e), this.history = new fe(this), this.icons = new we(this);
   }
   setConfig(t) {
     this.config = new Ct(t);
   }
   setItemValueByEditor(t, e, i, s = !0, o = !0, r = !0) {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
-      const l = this.database.getVirtualBodyCellByKey(t, e);
-      if (l && (l.mergeRow || l.mergeCol)) {
-        const { dataList: a } = l.getSpanInfo(), h = a.map((d) => ({ ...d, value: i }));
+      const a = this.database.getVirtualBodyCellByKey(t, e);
+      if (a && (a.mergeRow || a.mergeCol)) {
+        const { dataList: l } = a.getSpanInfo(), h = l.map((d) => ({ ...d, value: i }));
         this.database.batchSetItemValue(h, s, r);
         return;
       }
@@ -3089,11 +3142,11 @@ class pe {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
       const s = [];
       t.forEach((o) => {
-        const r = this.database.getRowIndexForRowKey(o.rowKey), l = this.database.getColIndexForKey(o.key);
-        if (r === void 0 || l === void 0) return;
-        const a = this.database.getVirtualBodyCell(r, l);
-        if (a) {
-          const { dataList: h } = a.getSpanInfo(), d = h.map((f) => ({ ...f, value: o.value }));
+        const r = this.database.getRowIndexForRowKey(o.rowKey), a = this.database.getColIndexForKey(o.key);
+        if (r === void 0 || a === void 0) return;
+        const l = this.database.getVirtualBodyCell(r, a);
+        if (l) {
+          const { dataList: h } = l.getSpanInfo(), d = h.map((f) => ({ ...f, value: o.value }));
           s.push(...d);
         }
       }), this.database.batchSetItemValue(s, e, i);
@@ -3137,8 +3190,8 @@ class pe {
     let s = "";
     for (let o = 0; o <= e[1] - e[0]; o++) {
       const r = [];
-      for (let l = 0; l <= i[1] - i[0]; l++) {
-        const a = o + e[0], h = l + i[0], d = this.database.getVirtualBodyCell(a, h);
+      for (let a = 0; a <= i[1] - i[0]; a++) {
+        const l = o + e[0], h = a + i[0], d = this.database.getVirtualBodyCell(l, h);
         d && (d.selectorCellValueType === "displayText" ? r.push(d.displayText) : r.push(d.getValue()));
       }
       s += `${r.join("	")}\r`, t.push(r);
@@ -3257,10 +3310,10 @@ class Rt {
   onMouseMove(t) {
     const { offsetX: e, offsetY: i, clientX: s, clientY: o, buttons: r } = t;
     if (this.isOnScrollbar(e, i) && t.target === this.ctx.canvasElement ? this.isFocus = !0 : this.isFocus = !1, r === 0 || s == this.clientX && o == this.clientY) return;
-    let l = 0;
-    if (this.type === "horizontal" ? l = s - this.clientX : l = o - this.clientY, this.isDragging && l !== 0) {
-      let a = 0;
-      this.type === "vertical" ? a = this.dragStart + l / (this.visibleDistance - this.barHeight) * this.distance : a = this.dragStart + l / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(a, this.distance));
+    let a = 0;
+    if (this.type === "horizontal" ? a = s - this.clientX : a = o - this.clientY, this.isDragging && a !== 0) {
+      let l = 0;
+      this.type === "vertical" ? l = this.dragStart + a / (this.visibleDistance - this.barHeight) * this.distance : l = this.dragStart + a / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(l, this.distance));
     }
   }
   isPointInElement(t, e, i, s, o, r) {
@@ -3285,22 +3338,22 @@ class Rt {
       header: e,
       stageHeight: i,
       stageWidth: s,
-      config: { SCROLLER_TRACK_SIZE: o = 0, SCROLLER_SIZE: r = 0, BORDER: l }
-    } = this.ctx, a = s, h = i, d = e.height, f = e.width, x = t.height, u = this.ctx.footer.height;
+      config: { SCROLLER_TRACK_SIZE: o = 0, SCROLLER_SIZE: r = 0, BORDER: a }
+    } = this.ctx, l = s, h = i, d = e.height, f = e.width, u = t.height, x = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = h - o - d, this.distance = x - this.visibleDistance + u, this.trackX = a - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = h, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
-      const w = this.distance ? this.visibleDistance / (x + u) : 0;
+      this.visibleDistance = h - o - d, this.distance = u - this.visibleDistance + x, this.trackX = l - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = h, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
+      const w = this.distance ? this.visibleDistance / (u + x) : 0;
       let E = Math.floor(w * this.visibleDistance);
       E < 30 ? E = 30 : E > this.visibleDistance && (E = 0), this.barHeight = E, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
-      this.visibleDistance = a - o, this.distance = f - this.visibleDistance, this.splitPoints = [
-        a - o,
+      this.visibleDistance = l - o, this.distance = f - this.visibleDistance, this.splitPoints = [
+        l - o,
         h - o,
-        a - o,
+        l - o,
         h
       ];
-      const w = l ? 0 : 0.5;
-      this.trackX = 0, this.trackY = h - o + w, this.trackWidth = a, this.trackHeight = o;
+      const w = a ? 0 : 0.5;
+      this.trackX = 0, this.trackY = h - o + w, this.trackWidth = l, this.trackHeight = o;
       const E = this.distance ? this.visibleDistance / f : 0;
       let g = Math.floor(E * this.visibleDistance);
       this.barY = this.trackY - 1 + (o - r) / 2, g < 30 ? g = 30 : g >= this.visibleDistance && (g = 0), this.barWidth = g, this.barHeight = r, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
@@ -3441,23 +3494,23 @@ class ye {
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
     const s = Mt(i), o = it(i);
-    this.height = t * s, this.width = o.reduce((f, x) => {
-      const u = x.width || 100, { maxWidth: w, minWidth: E } = x;
-      return w && u > w ? f + w : E && u < E ? f + E : f + u;
+    this.height = t * s, this.width = o.reduce((f, u) => {
+      const x = u.width || 100, { maxWidth: w, minWidth: E } = u;
+      return w && x > w ? f + w : E && x < E ? f + E : f + x;
     }, 0), this.visibleHeight = this.height;
     const r = oe(Ht(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
-    const l = this.ctx.containerElement.getBoundingClientRect();
-    this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(l.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth + "px", this.visibleWidth = this.ctx.stageWidth - e;
-    const a = this.visibleWidth - this.width;
-    if (this.resizeNum && a > 0) {
-      const f = Math.floor(a / this.resizeNum * 100) / 100;
+    const a = this.ctx.containerElement.getBoundingClientRect();
+    this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(a.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth + "px", this.visibleWidth = this.ctx.stageWidth - e;
+    const l = this.visibleWidth - this.width;
+    if (this.resizeNum && l > 0) {
+      const f = Math.floor(l / this.resizeNum * 100) / 100;
       this.resizeAllColumn(f);
     }
     const h = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = h.reduce((f, x) => f + x.width, 0);
+    this.ctx.fixedLeftWidth = h.reduce((f, u) => f + u.width, 0);
     const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedRightWidth = d.reduce((f, x) => f + x.width, e), 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.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
+    this.ctx.fixedRightWidth = d.reduce((f, u) => f + u.width, e), 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.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
   // 调整表头的宽度
   initResizeColumn() {
@@ -3475,9 +3528,9 @@ class ye {
         config: { RESIZE_COLUMN_MIN_WIDTH: s }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const o = this.resizeTarget.width, r = this.resizeTarget.minWidth, l = this.resizeTarget.maxWidth;
-        let a = e.clientX - this.clientX;
-        a + o < s && (a = -(o - s)), r && a + o < r && (a = -(o - r)), l && a + o > l && (a = l - o), this.resizeDiff = a, this.ctx.emit("draw");
+        const o = this.resizeTarget.width, r = this.resizeTarget.minWidth, a = this.resizeTarget.maxWidth;
+        let l = e.clientX - this.clientX;
+        l + o < s && (l = -(o - s)), r && l + o < r && (l = -(o - r)), a && l + o > a && (l = a - o), this.resizeDiff = l, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
@@ -3488,9 +3541,9 @@ class ye {
         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: l, offsetY: a } = this.ctx.getOffset(e), h = l, d = r.getDrawX();
+          const { offsetX: a, offsetY: l } = this.ctx.getOffset(e), h = a, d = r.getDrawX();
           h > d + r.width - 5 && h < d + r.width + 4 && h < i - 4 && // 视窗中最后一列不允许调整宽
-          r.colspan <= 1 && this.ctx.isTarget(e) && a <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = r);
+          r.colspan <= 1 && this.ctx.isTarget(e) && l <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = r);
         }
       }
     }));
@@ -3499,8 +3552,8 @@ class ye {
     const i = (o) => {
       o.forEach((r) => {
         if (r.children && r.children.length > 0 && i(r.children), r.key === t.key) {
-          const l = r.width || 100;
-          r.width = l + e;
+          const a = r.width || 100;
+          r.width = a + e;
         }
       });
     };
@@ -3544,11 +3597,11 @@ class ye {
     let s = e;
     const { HEADER_HEIGHT: o = 0 } = this.ctx.config;
     for (let r = 0; r < i; r++) {
-      const l = t[r], a = o * (l.rowspan || 0), h = o * (l.level || 0);
-      let { minWidth: d, maxWidth: f } = l, x = l.width || 100;
-      d && x < d && (x = d), f && x > f && (x = f), l.children && (x = it(l.children).reduce((E, g) => E + ((g == null ? void 0 : g.width) || 100), 0));
-      const u = new ct(this.ctx, this.columnIndex, s, h, x, a, l);
-      this.ctx.database.setHeader(l.key, u), this.allCellHeaders.push(u), l.children || (this.leafCellHeaders.push(u), u.column.widthFillDisable || this.resizeNum++), l.fixed === "left" ? this.fixedLeftCellHeaders.push(u) : l.fixed === "right" ? this.fixedRightCellHeaders.push(u) : this.centerCellHeaders.push(u), !l.children && this.columnIndex++, l.children && this.render(l.children, s), s += x;
+      const a = t[r], l = o * (a.rowspan || 0), h = 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 = it(a.children).reduce((E, g) => E + ((g == null ? void 0 : g.width) || 100), 0));
+      const x = new ct(this.ctx, this.columnIndex, s, h, 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;
     }
   }
   drawTipLine() {
@@ -3570,7 +3623,7 @@ class ye {
       scrollX: i,
       header: s,
       stageWidth: o,
-      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: l }
+      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: a }
     } = this.ctx;
     if (i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, this.y, t, this.height, {
       fillColor: r,
@@ -3578,9 +3631,9 @@ class ye {
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
-    }), i < Math.floor(s.width - o - 1) && e !== l) {
-      const a = s.width - (this.x + this.width) + o - e;
-      this.ctx.paint.drawShadow(a, this.y, e, this.height, {
+    }), i < Math.floor(s.width - o - 1) && e !== a) {
+      const l = s.width - (this.x + this.width) + o - e;
+      this.ctx.paint.drawShadow(l, this.y, e, this.height, {
         fillColor: r,
         side: "left",
         shadowWidth: 4,
@@ -3621,8 +3674,8 @@ class ye {
     }), this.drawTipLine(), this.drawBottomLine();
   }
 }
-class Bt {
-  constructor(t, e, i = 0, s = 0, o = 0, r = 0, l, a = "body") {
+class Nt {
+  constructor(t, e, i = 0, s = 0, o = 0, r = 0, a, l = "body") {
     n(this, "ctx");
     n(this, "x", 0);
     n(this, "y", 0);
@@ -3635,7 +3688,7 @@ class Bt {
     n(this, "rowKey", "");
     n(this, "rowType", "body");
     n(this, "data");
-    this.ctx = t, this.x = i, this.y = s, this.width = o, this.height = r, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e) || "", this.rowType = a, this.data = l, this.update();
+    this.ctx = t, this.x = i, this.y = s, this.width = o, this.height = r, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e) || "", this.rowType = l, this.data = a, this.update();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
@@ -3712,32 +3765,32 @@ class Ce {
       config: {
         FOOTER_FIXED: o,
         SCROLLER_TRACK_SIZE: r = 0,
-        HEIGHT: l,
-        EMPTY_BODY_HEIGHT: a = 0,
+        HEIGHT: a,
+        EMPTY_BODY_HEIGHT: l = 0,
         MAX_HEIGHT: h = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
-        FOOTER_POSITION: x
+        FOOTER_POSITION: u
       }
     } = this.ctx;
     if (!e.width)
       return;
-    this.x = 0, x === "top" && o ? this.y = e.height + i.height : this.y = e.height;
-    const { data: u, sumHeight: w } = s.getData();
-    this.height = w, this.data = u, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
+    this.x = 0, u === "top" && o ? this.y = e.height + i.height : this.y = e.height;
+    const { data: x, sumHeight: w } = s.getData();
+    this.height = w, this.data = x, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
     const E = this.ctx.footer.height;
-    !this.data.length && !l ? this.height = a : !this.data.length && l && (this.height = l - e.height - E - r);
+    !this.data.length && !a ? this.height = l : !this.data.length && a && (this.height = a - e.height - E - r);
     let g = this.height + e.height + r;
     g += E;
     let p = g;
-    const m = window.innerHeight, { top: y } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
-    if (m > y && d && !l) {
-      const O = m - y - f;
+    const y = window.innerHeight, { top: m } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (y > m && d && !a) {
+      const O = y - m - f;
       O > e.height + r ? p = O : g > h && (p = h);
-    } else this.data.length && l ? p = l : this.data.length && h && g > h && (p = h);
+    } else this.data.length && a ? p = a : this.data.length && h && g > h && (p = h);
     p > 0 && (this.ctx.stageHeight = Math.floor(p), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
     let b = this.ctx.stageHeight - e.height - r;
-    o ? this.visibleHeight = b - E : this.visibleHeight = b, 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 = u;
+    o ? this.visibleHeight = b - E : this.visibleHeight = b, 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, _ = this.ctx.stageHeight * C;
     t.width = Math.round(I), t.height = Math.round(_);
     const T = this.data.length ? "not-empty" : "empty";
@@ -3748,7 +3801,7 @@ class Ce {
       bodyHeight: this.height,
       footerHeight: E,
       width: this.width,
-      height: this.data.length ? 0 : a + E
+      height: this.data.length ? 0 : l + E
     });
     const v = Math.round(t.width / C * 1e4) / 1e4, R = Math.round(t.height / C * 1e4) / 1e4;
     this.ctx.canvasElement.setAttribute("style", `height:${R}px;width:${v}px;`), this.ctx.paint.scale(C);
@@ -3770,15 +3823,15 @@ class Ce {
       this.ctx.isTarget(e) && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
-      const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s, l = e.clientY, {
-        stageHeight: a,
+      const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s, a = e.clientY, {
+        stageHeight: l,
         scrollY: h,
         config: { RESIZE_ROW_MIN_HEIGHT: d = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
         const f = this.resizeTarget.height;
-        let x = l - this.clientY;
-        x + f < d && (x = -(f - d)), this.resizeDiff = x, this.ctx.emit("draw");
+        let u = a - this.clientY;
+        u + f < d && (u = -(f - d)), this.resizeDiff = u, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
@@ -3790,11 +3843,11 @@ class Ce {
           return;
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let f = 0; f < this.renderRows.length; f++) {
-          const x = this.renderRows[f];
-          if (o > x.y - h + x.height - 1.5 && o < x.y - h + x.height + 1.5 && o < a - 4)
-            for (let w = 0; w < x.cells.length; w++) {
-              const E = x.cells[w];
-              r > E.drawX + 10 && r < E.drawX + E.width - 10 && E.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
+          const u = this.renderRows[f];
+          if (o > u.y - h + u.height - 1.5 && o < u.y - h + u.height + 1.5 && o < l - 4)
+            for (let w = 0; w < u.cells.length; w++) {
+              const E = u.cells[w];
+              r > E.drawX + 10 && r < E.drawX + E.width - 10 && E.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = u);
             }
         }
       }
@@ -3817,8 +3870,8 @@ class Ce {
         stageWidth: t,
         scrollY: e,
         config: { RESIZE_ROW_LINE_COLOR: i }
-      } = this.ctx, s = this.resizeTarget.y - e, o = this.resizeTarget.height, r = s + o + this.resizeDiff - 0.5, l = [0, r - 0.5, t, r - 0.5];
-      this.ctx.paint.drawLine(l, {
+      } = this.ctx, s = this.resizeTarget.y - e, o = this.resizeTarget.height, r = s + o + this.resizeDiff - 0.5, a = [0, r - 0.5, t, r - 0.5];
+      this.ctx.paint.drawLine(a, {
         borderColor: i,
         borderWidth: 1
       });
@@ -3831,7 +3884,7 @@ class Ce {
       scrollX: i,
       header: s,
       stageWidth: o,
-      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: l }
+      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: a }
     } = this.ctx;
     if (i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, this.y, t, this.height, {
       fillColor: r,
@@ -3839,9 +3892,9 @@ class Ce {
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
-    }), i < Math.floor(s.width - o - 1) && e !== l) {
-      const a = s.width - (this.x + this.width) + o - e;
-      this.ctx.paint.drawShadow(a, this.y, e, this.height, {
+    }), i < Math.floor(s.width - o - 1) && e !== a) {
+      const l = s.width - (this.x + this.width) + o - e;
+      this.ctx.paint.drawShadow(l, this.y, e, this.height, {
         fillColor: r,
         side: "left",
         shadowWidth: 4,
@@ -3853,10 +3906,10 @@ class Ce {
   binarySearch(t, e) {
     let i = 0, s = t.length - 1, o = -1;
     for (; i <= s; ) {
-      let r = Math.floor((i + s) / 2), l = t[r].bottom;
-      if (l === e)
+      let r = Math.floor((i + s) / 2), a = t[r].bottom;
+      if (a === e)
         return r;
-      l < e ? i = r + 1 : (o = r, s = r - 1);
+      a < e ? i = r + 1 : (o = r, s = r - 1);
     }
     return o;
   }
@@ -3867,17 +3920,17 @@ class Ce {
       database: e,
       scrollY: i,
       config: { CELL_HEIGHT: s }
-    } = this.ctx, o = i, { data: r, positions: l } = e.getData();
+    } = this.ctx, o = i, { data: r, positions: a } = e.getData();
     this.ctx.maxRowIndex = r.length - 1;
-    let a = this.binarySearch(l, o), h = this.binarySearch(l, o + this.visibleHeight);
-    if (h === -1 && (h = this.ctx.maxRowIndex), a === -1 && h === this.ctx.maxRowIndex) {
+    let l = this.binarySearch(a, o), h = this.binarySearch(a, o + this.visibleHeight);
+    if (h === -1 && (h = this.ctx.maxRowIndex), l === -1 && h === this.ctx.maxRowIndex) {
       const f = Math.floor(this.visibleHeight / s);
-      a = this.ctx.maxRowIndex - f;
+      l = this.ctx.maxRowIndex - f;
     }
-    this.headIndex = Math.max(0, a), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 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;
+    this.headIndex = Math.max(0, l), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 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 x = this.headIndex + f, u = this.visibleRows[f], { height: w, top: E } = this.ctx.database.getPositionForRowIndex(x), g = new Bt(this.ctx, x, 0, E + this.y, t.width, w, u);
+      const u = this.headIndex + f, x = this.visibleRows[f], { height: w, top: E } = this.ctx.database.getPositionForRowIndex(u), g = new Nt(this.ctx, u, 0, E + this.y, t.width, w, x);
       d.push(g);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
@@ -3914,7 +3967,7 @@ class be {
       body: e,
       config: { CELL_FOOTER_HEIGHT: i, FOOTER_FIXED: s, SCROLLER_TRACK_SIZE: o, FOOTER_POSITION: r }
     } = this.ctx;
-    this.width = t.width, this.visibleWidth = t.visibleWidth, this.height = this.data.reduce((l) => l + i, 0), this.visibleHeight = this.height, s ? r === "top" ? this.y = this.ctx.header.height : this.y = this.ctx.stageHeight - this.height - o : this.y = e.y + e.height, this.ctx.footer.x = this.x, this.ctx.footer.y = this.y, this.ctx.footer.height = this.height, this.ctx.footer.width = this.width, this.ctx.footer.visibleWidth = this.visibleWidth, this.ctx.footer.visibleHeight = this.visibleHeight;
+    this.width = t.width, this.visibleWidth = t.visibleWidth, this.height = this.data.reduce((a) => a + i, 0), this.visibleHeight = this.height, s ? r === "top" ? this.y = this.ctx.header.height : this.y = this.ctx.stageHeight - this.height - o : this.y = e.y + e.height, this.ctx.footer.x = this.x, this.ctx.footer.y = this.y, this.ctx.footer.height = this.height, this.ctx.footer.width = this.width, this.ctx.footer.visibleWidth = this.visibleWidth, this.ctx.footer.visibleHeight = this.visibleHeight;
   }
   drawFixedShadow() {
     const {
@@ -3923,18 +3976,18 @@ class be {
       scrollX: i,
       header: s,
       stageWidth: o,
-      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: l }
+      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: a }
     } = this.ctx;
-    let a = this.y;
-    if (this.ctx.config.FOOTER_FIXED || (a = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, a, t, this.height, {
+    let l = this.y;
+    if (this.ctx.config.FOOTER_FIXED || (l = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, l, t, this.height, {
       fillColor: r,
       side: "right",
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
-    }), i < Math.floor(s.width - o - 1) && e !== l) {
+    }), i < Math.floor(s.width - o - 1) && e !== a) {
       const h = s.width - (this.x + this.width) + o - e;
-      this.ctx.paint.drawShadow(h, a, e, this.height, {
+      this.ctx.paint.drawShadow(h, l, e, this.height, {
         fillColor: r,
         side: "left",
         shadowWidth: 4,
@@ -3949,7 +4002,7 @@ class be {
     let e = this.y;
     const i = [];
     this.data.forEach((s, o) => {
-      const r = new Bt(this.ctx, o, 0, e, this.width, t, s, "footer");
+      const r = new Nt(this.ctx, o, 0, e, this.width, t, s, "footer");
       e += t, i.push(r);
     }), this.renderRows = i, this.ctx.footer.renderRows = this.renderRows;
   }
@@ -4081,31 +4134,31 @@ class Re {
     const { ENABLE_SELECTOR_SPAN_COL: i, ENABLE_SELECTOR_SPAN_ROW: s } = this.ctx.config;
     let o = t, r = e;
     if (!s) {
-      const [l] = r;
-      r = [l, l];
+      const [a] = r;
+      r = [a, a];
     }
     if (!i) {
-      const [l] = o;
-      o = [l, l];
+      const [a] = o;
+      o = [a, a];
     }
     if (JSON.stringify(this.ctx.selector.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.selector.yArr) !== JSON.stringify(r)) {
       this.ctx.mousedown && (this.ctx.selectorMove = !0), this.ctx.selector.enable = !0;
       const {
-        SELECTOR_AREA_MIN_X: l,
-        SELECTOR_AREA_MAX_X: a,
+        SELECTOR_AREA_MIN_X: a,
+        SELECTOR_AREA_MAX_X: l,
         SELECTOR_AREA_MIN_Y: h,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
-        SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = l, w = a || this.ctx.maxColIndex - f, E = h, g = d || this.ctx.maxRowIndex - x;
-      let [p, m] = o, [y, b] = r;
-      if (p < u || m > w || y < E || b > g)
+        SELECTOR_AREA_MAX_Y_OFFSET: u
+      } = this.ctx.config, x = a, w = l || this.ctx.maxColIndex - f, E = h, g = d || this.ctx.maxRowIndex - u;
+      let [p, y] = o, [m, b] = r;
+      if (p < x || y > w || m < E || b > g)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const I = this.adjustMergeCells(o, r);
-        y = I.yArr[0], b = I.yArr[1], p = I.xArr[0], m = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
+        m = I.yArr[0], b = I.yArr[1], p = I.xArr[0], y = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
       }
-      p === m && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, p), Math.min(w, m)], r = [Math.max(E, y), Math.min(g, b)];
+      p === y && m === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, p), Math.min(w, y)], r = [Math.max(E, m), Math.min(g, b)];
       const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
       if (typeof C == "function") {
         const _ = C({
@@ -4123,40 +4176,40 @@ class Re {
   adjustMergeCells(t, e) {
     var w;
     const [i, s] = e, [o, r] = t;
-    let l = [], a = [];
+    let a = [], l = [];
     for (let E = 0; E <= e[1] - e[0]; E++)
       for (let g = 0; g <= t[1] - t[0]; g++) {
-        const p = E + e[0], m = g + t[0], y = this.ctx.database.getVirtualBodyCell(p, m);
-        y && ((p === i || p === s) && l.push(y), (m === o || m === r) && a.push(y));
+        const p = E + e[0], y = g + t[0], m = this.ctx.database.getVirtualBodyCell(p, y);
+        m && ((p === i || p === s) && a.push(m), (y === o || y === r) && l.push(m));
       }
-    const h = l.reduce(
+    const h = a.reduce(
       (E, g) => {
-        const { yArr: p } = g.getSpanInfo(), [m, y] = p;
-        return E.minY = Math.min(E.minY, m), E.maxY = Math.max(E.maxY, y), E;
+        const { yArr: p } = g.getSpanInfo(), [y, m] = p;
+        return E.minY = Math.min(E.minY, y), E.maxY = Math.max(E.maxY, m), E;
       },
       {
         minY: i,
         maxY: s
       }
-    ), d = a.reduce(
+    ), d = l.reduce(
       (E, g) => {
-        const { xArr: p } = g.getSpanInfo(), [m, y] = p;
-        return E.minX = Math.min(E.minX, m), E.maxX = Math.max(E.maxX, y), E;
+        const { xArr: p } = g.getSpanInfo(), [y, m] = p;
+        return E.minX = Math.min(E.minX, y), E.maxX = Math.max(E.maxX, m), E;
       },
       {
         minX: o,
         maxX: r
       }
-    ), f = [d.minX, d.maxX], x = [h.minY, h.maxY];
-    let u = !1;
+    ), f = [d.minX, d.maxX], u = [h.minY, h.maxY];
+    let x = !1;
     if (d.minX !== d.maxX || h.minY !== h.maxY) {
-      const E = JSON.stringify(f) + JSON.stringify(x), g = (w = this.ctx.focusCell) == null ? void 0 : w.getSpanInfo();
-      u = (g && JSON.stringify(g.xArr) + JSON.stringify(g.yArr)) === E;
+      const E = JSON.stringify(f) + JSON.stringify(u), g = (w = this.ctx.focusCell) == null ? void 0 : w.getSpanInfo();
+      x = (g && JSON.stringify(g.xArr) + JSON.stringify(g.yArr)) === E;
     }
     return {
       xArr: f,
-      yArr: x,
-      onlyMergeCell: u
+      yArr: u,
+      onlyMergeCell: x
     };
   }
   selectCols(t) {
@@ -4168,17 +4221,17 @@ class Re {
     }
     const { SELECTOR_AREA_MIN_Y: e, SELECTOR_AREA_MAX_Y: i, SELECTOR_AREA_MAX_Y_OFFSET: s } = this.ctx.config, o = e, r = i || this.ctx.maxRowIndex - s;
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
-      const { colIndex: l } = this.ctx.focusCellHeader;
-      if (this.ctx.clearSelector(), t.colIndex >= l) {
-        const a = [l, t.colIndex + t.colspan - 1], h = [o, r];
-        this.setSelector(a, h);
+      const { colIndex: a } = this.ctx.focusCellHeader;
+      if (this.ctx.clearSelector(), t.colIndex >= a) {
+        const l = [a, t.colIndex + t.colspan - 1], h = [o, r];
+        this.setSelector(l, h);
       } else {
-        const a = [t.colIndex, l], h = [o, r];
-        this.setSelector(a, h);
+        const l = [t.colIndex, a], h = [o, r];
+        this.setSelector(l, h);
       }
     } else {
-      const l = [t.colIndex, t.colIndex + t.colspan - 1], a = [o, r];
-      this.setSelector(l, a);
+      const a = [t.colIndex, t.colIndex + t.colspan - 1], l = [o, r];
+      this.setSelector(a, l);
     }
   }
   selectAll() {
@@ -4191,28 +4244,28 @@ class Re {
         SELECTOR_AREA_MAX_X: s,
         SELECTOR_AREA_MIN_Y: o,
         SELECTOR_AREA_MAX_Y: r,
-        SELECTOR_AREA_MAX_X_OFFSET: l,
-        SELECTOR_AREA_MAX_Y_OFFSET: a
-      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - l, f = o, x = r || this.ctx.maxRowIndex - a, u = [h, d], w = [f, x];
-      this.setSelector(u, w);
+        SELECTOR_AREA_MAX_X_OFFSET: a,
+        SELECTOR_AREA_MAX_Y_OFFSET: l
+      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l, x = [h, d], w = [f, u];
+      this.setSelector(x, w);
     }
   }
   selectRows(t, e = !0) {
     if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_COLS || this.ctx.autofillMove || this.ctx.editing)
       return;
-    const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: o } = this.ctx.config, r = s || this.ctx.maxColIndex - o, l = i;
+    const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: o } = this.ctx.config, r = s || this.ctx.maxColIndex - o, a = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const a = [l, r], h = [t.rowIndex, t.rowIndex];
-      this.setSelector(a, h);
+      const l = [a, r], h = [t.rowIndex, t.rowIndex];
+      this.setSelector(l, h);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
-      const { rowIndex: a } = this.ctx.focusCell;
-      if (t.rowIndex >= a) {
-        const h = [l, r], d = [a, t.rowIndex];
+      const { rowIndex: l } = this.ctx.focusCell;
+      if (t.rowIndex >= l) {
+        const h = [a, r], d = [l, t.rowIndex];
         this.setSelector(h, d);
       } else {
-        const h = [l, r], d = [t.rowIndex, a];
+        const h = [a, r], d = [t.rowIndex, l];
         this.setSelector(h, d);
       }
     }
@@ -4222,7 +4275,7 @@ class Re {
       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), l = Math.max(i.colIndex, o), a = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), d = [r, l], f = [a, h];
+      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), a = Math.max(i.colIndex, o), l = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), d = [r, a], f = [l, h];
       this.setSelector(d, f);
     }
   }
@@ -4232,8 +4285,8 @@ class Re {
       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: l } = e, a = Math.min(r, s), h = Math.max(r, s), d = Math.min(l, o), f = Math.max(l, o), x = [a, h], u = [d, f];
-        this.setSelector(x, u);
+        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, l = Math.min(r, s), h = Math.max(r, s), d = Math.min(a, o), f = Math.max(a, o), u = [l, h], x = [d, f];
+        this.setSelector(u, x);
       } else {
         this.ctx.emit("cellSelectedClick", e);
         const s = [e.colIndex, e.colIndex], o = [e.rowIndex, e.rowIndex];
@@ -4275,17 +4328,17 @@ class Re {
       }
     const { BEFORE_COPY_METHOD: s } = this.ctx.config;
     if (typeof s == "function") {
-      const l = s({
+      const a = s({
         focusCell: this.ctx.focusCell,
         data: t,
         xArr: e,
         yArr: i
       });
-      if (!l)
+      if (!a)
         return;
-      t = l.data;
+      t = a.data;
     }
-    const o = le(t);
+    const o = ae(t);
     navigator.clipboard ? navigator.clipboard.writeText(o).then(() => {
       this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("copyChange", {
         xArr: this.ctx.selector.xArrCopy,
@@ -4297,13 +4350,13 @@ class Re {
   clearSelectedData(t, e, i = !1, s = null) {
     let o = [];
     const r = /* @__PURE__ */ new Set();
-    for (let a = 0; a <= e[1] - e[0]; a++)
+    for (let l = 0; l <= e[1] - e[0]; l++)
       for (let h = 0; h <= t[1] - t[0]; h++) {
-        const d = a + e[0], f = h + t[0], x = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
-        if (x) {
-          const { rowKey: u, key: w } = x;
-          this.ctx.database.getReadonly(u, w) || (r.add(u), o.push({
-            rowKey: u,
+        const d = l + e[0], f = h + t[0], u = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
+        if (u) {
+          const { rowKey: x, key: w } = u;
+          this.ctx.database.getReadonly(x, w) || (r.add(x), o.push({
+            rowKey: x,
             key: w,
             value: s,
             row: {}
@@ -4316,10 +4369,10 @@ class Re {
     if (i)
       return o;
     this.ctx.database.batchSetItemValue(o, !0);
-    let l = [];
-    return r.forEach((a) => {
-      l.push(this.ctx.database.getRowDataItemForRowKey(a));
-    }), this.ctx.emit("clearSelectedDataChange", o, l), o;
+    let a = [];
+    return r.forEach((l) => {
+      a.push(this.ctx.database.getRowDataItemForRowKey(l));
+    }), this.ctx.emit("clearSelectedDataChange", o, a), o;
   }
   paste() {
     if (!navigator.clipboard) {
@@ -4331,30 +4384,30 @@ class Re {
       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 = ne(o);
-        const l = [i, i + r[0].length - 1], a = [e, e + r.length - 1], [h, d] = a, [f, x] = l, u = d - this.ctx.maxRowIndex, w = x - this.ctx.maxColIndex;
-        (u > 0 || w > 0) && this.ctx.emit("onPastedDataOverflow", {
+        const a = [i, i + r[0].length - 1], l = [e, e + r.length - 1], [h, d] = l, [f, u] = a, x = d - this.ctx.maxRowIndex, w = u - this.ctx.maxColIndex;
+        (x > 0 || w > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
-          maxX: x,
+          maxX: u,
           minY: h,
           minX: f,
-          overflowRowCount: u,
+          overflowRowCount: x,
           overflowColCount: w,
           textArr: r
         });
         const E = r.length === 1 && r[0].length === 1;
-        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(l, a) && !E) {
-          const y = {
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !E) {
+          const m = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
           };
-          this.ctx.hasEvent("error") ? this.ctx.emit("error", y) : alert(y.message);
+          this.ctx.hasEvent("error") ? this.ctx.emit("error", m) : alert(m.message);
           return;
         }
         let g = [];
-        for (let y = 0; y <= r.length - 1; y++) {
-          const b = r[y].length;
+        for (let m = 0; m <= r.length - 1; m++) {
+          const b = r[m].length;
           for (let C = 0; C <= b - 1; C++) {
-            const I = y + e, _ = C + i, T = r[y][C], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const I = m + e, _ = C + i, T = r[m][C], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
               I,
               _
             );
@@ -4371,13 +4424,13 @@ class Re {
           }
         }
         if (this.isCut) {
-          const y = this.clearSelectedData(
+          const m = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
           ), b = g.map((C) => `${C.rowKey}-${C.key}`);
-          y.forEach((C) => {
+          m.forEach((C) => {
             b.includes(`${C.rowKey}-${C.key}`) || g.unshift(C);
           }), this.isCut = !1;
         }
@@ -4385,21 +4438,21 @@ class Re {
           return;
         const { BEFORE_PASTE_DATA_METHOD: p } = this.ctx.config;
         if (typeof p == "function") {
-          const y = p, b = g.map((C) => ({
+          const m = p, b = g.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 (g = await y(b, l, a, r), g && !g.length)
+          if (g = await m(b, a, l, r), g && !g.length)
             return;
         }
         this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(g, !0);
-        let m = [];
-        s.forEach((y) => {
-          m.push(this.ctx.database.getRowDataItemForRowKey(y));
-        }), this.ctx.emit("pasteChange", g, m);
+        let y = [];
+        s.forEach((m) => {
+          y.push(this.ctx.database.getRowDataItemForRowKey(m));
+        }), this.ctx.emit("pasteChange", g, y);
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
       });
@@ -4415,7 +4468,7 @@ class Re {
     if (!e)
       return;
     let { colIndex: i = 0, rowIndex: s = 0 } = e;
-    const o = 0, r = 0, l = this.ctx.maxColIndex, a = this.ctx.maxRowIndex;
+    const o = 0, r = 0, a = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
     switch (t) {
       case "LEFT":
         i > o && i--;
@@ -4424,10 +4477,10 @@ class Re {
         s > r && s--;
         break;
       case "RIGHT":
-        i < l && i++;
+        i < a && i++;
         break;
       case "BOTTOM":
-        s < a && s++;
+        s < l && s++;
         break;
     }
     const h = [i, i], d = [s, s], f = this.getCell(s, i);
@@ -4443,10 +4496,10 @@ class Re {
       SELECTOR_AREA_MAX_X: s,
       SELECTOR_AREA_MIN_Y: o,
       SELECTOR_AREA_MAX_Y: r,
-      SELECTOR_AREA_MAX_X_OFFSET: l,
-      SELECTOR_AREA_MAX_Y_OFFSET: a
-    } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - l, f = o, x = r || this.ctx.maxRowIndex - a;
-    return !(e < h || e > d || t < f || t > x);
+      SELECTOR_AREA_MAX_X_OFFSET: a,
+      SELECTOR_AREA_MAX_Y_OFFSET: l
+    } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l;
+    return !(e < h || e > d || t < f || t > u);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -4456,19 +4509,19 @@ class Re {
     let s = "", o = "";
     if (e < 0 ? s = "left" : e > this.ctx.body.visibleWidth && (s = "right"), i < this.ctx.header.visibleHeight ? o = "top" : i > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight && (o = "bottom"), s && this.adjustPositionX !== s) {
       this.adjustPositionX = s;
-      let l = 10 * (s === "left" ? -1 : 1);
+      let a = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
-        l *= 1.5;
-        const { scrollX: a } = this.ctx, h = a + l;
+        a *= 1.5;
+        const { scrollX: l } = this.ctx, h = l + a;
         (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
       }, 100);
     }
     if (o && this.adjustPositionY !== o) {
       this.adjustPositionY = o;
-      let l = 10 * (o === "top" ? -1 : 1);
+      let a = 10 * (o === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
-        l *= 1.5;
-        const { scrollY: a } = this.ctx, h = a + l;
+        a *= 1.5;
+        const { scrollY: l } = this.ctx, h = l + a;
         (h < 0 || h > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(h);
       }, 100);
     }
@@ -4484,23 +4537,23 @@ class Re {
       fixedRightWidth: s,
       fixedLeftWidth: o,
       header: r,
-      footer: l,
-      body: a,
+      footer: a,
+      body: l,
       scrollX: h,
       scrollY: d,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: w }
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: u, FOOTER_POSITION: x, ENABLE_MERGE_CELL_LINK: w }
     } = this.ctx;
     if (!i)
       return;
     w && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: E, drawY: g, width: p, height: m, fixed: y } = i, b = o - E + 1, C = i.drawX + p - (e - s) + 1;
-    let I = r.height - g, _ = m;
-    _ > a.visibleHeight && (_ = a.visibleHeight);
+    const { drawX: E, drawY: g, width: p, height: y, fixed: m } = i, b = o - E + 1, C = i.drawX + p - (e - s) + 1;
+    let I = r.height - g, _ = y;
+    _ > l.visibleHeight && (_ = l.visibleHeight);
     let T = 0;
-    x && (u === "top" ? I = r.height + l.height - g : T = l.visibleHeight);
+    u && (x === "top" ? I = r.height + a.height - g : T = a.visibleHeight);
     const v = g + _ - (t - T - f);
     let R = h, S = d;
-    C > 0 && !y ? R = Math.floor(h + C) : b > 0 && !y && (R = Math.floor(h - b)), I > 0 ? S = Math.floor(d - I) : v > 0 && (S = Math.floor(d + v)), (Math.abs(h - R) > 2 || Math.abs(d - S) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, S), this.ctx.emit("adjustBoundaryPosition", i));
+    C > 0 && !m ? R = Math.floor(h + C) : b > 0 && !m && (R = Math.floor(h - b)), I > 0 ? S = Math.floor(d - I) : v > 0 && (S = Math.floor(d + v)), (Math.abs(h - R) > 2 || Math.abs(d - S) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, S), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4516,11 +4569,11 @@ class Ie {
     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: l, width: a, height: h } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, x = r + a - d + f, u = l + h - d + f;
-      e > x && i > u && e < x + d && i < u + d && (this.ctx.stageElement.style.cursor = "crosshair");
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: l, height: h } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + l - d + f, x = a + h - d + f;
+      e > u && i > x && e < u + d && i < x + d && (this.ctx.stageElement.style.cursor = "crosshair");
     }), this.ctx.on("cellMouseenter", (t) => {
-      const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], o = i[1], { colIndex: r, rowIndex: l } = t;
-      this.ctx.config.ENABLE_AUTOFILL && r === s && l === o && (this.maxColRowCell = t), this.mouseenter(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);
     }), this.ctx.on("mousedown", () => {
       this.ctx.stageElement.style.cursor === "crosshair" && this.setMousedown();
     }), this.ctx.on("mouseup", () => {
@@ -4547,40 +4600,40 @@ class Ie {
     const { ENABLE_AUTOFILL: i, ENABLE_SELECTOR_SPAN_COL: s, ENABLE_SELECTOR_SPAN_ROW: o } = this.ctx.config;
     if (!i)
       return;
-    let r = t, l = e;
+    let r = t, a = e;
     if (!o) {
-      const [a] = l;
-      l = [a, a];
+      const [l] = a;
+      a = [l, l];
     }
     if (!s) {
-      const [a] = r;
-      r = [a, a];
+      const [l] = r;
+      r = [l, l];
     }
-    if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(l)) {
+    if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a)) {
       const {
-        SELECTOR_AREA_MIN_X: a,
+        SELECTOR_AREA_MIN_X: l,
         SELECTOR_AREA_MAX_X: h,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
-        SELECTOR_AREA_MAX_X_OFFSET: x,
-        SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, w = a, E = h || this.ctx.maxColIndex - x, g = d, p = f || this.ctx.maxRowIndex - u;
-      let [m, y] = r, [b, C] = l;
-      if (m < w || b < g)
+        SELECTOR_AREA_MAX_X_OFFSET: u,
+        SELECTOR_AREA_MAX_Y_OFFSET: x
+      } = this.ctx.config, w = l, E = h || this.ctx.maxColIndex - u, g = d, p = f || this.ctx.maxRowIndex - x;
+      let [y, m] = r, [b, C] = a;
+      if (y < w || b < g)
         return;
-      r = [Math.max(w, m), Math.min(E, y)], l = [Math.max(g, b), Math.min(p, C)];
+      r = [Math.max(w, y), Math.min(E, m)], a = [Math.max(g, b), Math.min(p, C)];
       const { BEFORE_SET_AUTOFILL_METHOD: I } = this.ctx.config;
       if (typeof I == "function") {
         const T = I({
           focusCell: this.ctx.focusCell,
           xArr: r,
-          yArr: l
+          yArr: a
         });
         if (!T)
           return;
-        r = T.xArr, l = T.yArr;
+        r = T.xArr, a = T.yArr;
       }
-      this.ctx.autofill.xArr = r, this.ctx.autofill.yArr = l, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
+      this.ctx.autofill.xArr = r, this.ctx.autofill.yArr = a, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
   }
   /**
@@ -4588,26 +4641,26 @@ class Ie {
    */
   async autofillData() {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
-    for (let u = 0; u <= e.yArr[1] - e.yArr[0]; u++)
+    for (let x = 0; x <= e.yArr[1] - e.yArr[0]; x++)
       for (let w = 0; w <= e.xArr[1] - e.xArr[0]; w++) {
-        const E = u + e.yArr[0], g = w + e.xArr[0];
+        const E = x + e.yArr[0], g = w + e.xArr[0];
         i.set(`${E}-${g}`, !0);
       }
-    const { value: s } = e, o = s[0].length, r = s.length, l = this.ctx.autofill.xArr, a = this.ctx.autofill.yArr, h = o === 1 && r === 1;
-    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(l, a) && !h) {
-      const u = {
+    const { value: s } = e, o = s[0].length, r = s.length, a = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr, h = o === 1 && r === 1;
+    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !h) {
+      const x = {
         code: "ERR_MERGED_CELLS_AUTOFILL",
         message: "Merged cells cannot span autofill data"
       };
-      this.ctx.hasEvent("error") ? this.ctx.emit("error", u) : alert(u.message);
+      this.ctx.hasEvent("error") ? this.ctx.emit("error", x) : alert(x.message);
       return;
     }
     let d = [];
-    for (let u = 0; u <= a[1] - a[0]; u++)
-      for (let w = 0; w <= l[1] - l[0]; w++) {
-        const E = w + l[0], g = u + a[0], p = s[u % r][w % o], m = this.ctx.database.getItemValueForRowIndexAndColIndex(g, E), y = `${g}-${E}`;
-        if (m && !i.has(y)) {
-          const { rowKey: b, key: C } = m;
+    for (let x = 0; x <= l[1] - l[0]; x++)
+      for (let w = 0; w <= a[1] - a[0]; w++) {
+        const E = w + a[0], g = x + l[0], p = s[x % r][w % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(g, E), m = `${g}-${E}`;
+        if (y && !i.has(m)) {
+          const { rowKey: b, key: C } = y;
           this.ctx.database.getReadonly(b, C) || (t.add(b), d.push({
             rowKey: b,
             key: C,
@@ -4621,35 +4674,35 @@ class Ie {
     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 u = f, w = d.map((E) => ({
+      const x = f, w = d.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 u(w, l, a), d && !d.length)
+      if (d = await x(w, a, l), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
-    let x = [];
-    t.forEach((u) => {
-      x.push(this.ctx.database.getRowDataItemForRowKey(u));
-    }), this.ctx.emit("autofillChange", d, x);
+    let u = [];
+    t.forEach((x) => {
+      u.push(this.ctx.database.getRowDataItemForRowKey(x));
+    }), this.ctx.emit("autofillChange", d, u);
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
       return;
     const { selector: e, autofill: i } = this.ctx;
     if (this.ctx.mousedown && e.enable && i.enable) {
-      const { rowIndex: s, colIndex: o } = t, r = e.xArr.slice(), l = e.yArr.slice();
-      s >= e.yArr[0] && s <= e.yArr[1] ? o > e.xArr[1] ? r.splice(1, 1, o) : o < e.xArr[0] && r.splice(0, 1, o) : s > e.yArr[1] ? l.splice(1, 1, s) : s < e.yArr[0] && l.splice(0, 1, s), this.setAutofill(r, l);
+      const { rowIndex: s, colIndex: o } = t, r = e.xArr.slice(), a = e.yArr.slice();
+      s >= e.yArr[0] && s <= e.yArr[1] ? o > e.xArr[1] ? r.splice(1, 1, o) : o < e.xArr[0] && r.splice(0, 1, o) : s > e.yArr[1] ? a.splice(1, 1, s) : s < e.yArr[0] && a.splice(0, 1, s), this.setAutofill(r, a);
     }
   }
   destroy() {
   }
 }
-const q = Math.min, G = Math.max, st = Math.round, N = (c) => ({
+const q = Math.min, G = Math.max, st = Math.round, B = (c) => ({
   x: c,
   y: c
 }), ve = {
@@ -4673,7 +4726,7 @@ function z(c) {
 function tt(c) {
   return c.split("-")[1];
 }
-function Nt(c) {
+function Bt(c) {
   return c === "x" ? "y" : "x";
 }
 function ut(c) {
@@ -4684,7 +4737,7 @@ function V(c) {
   return Se.has(z(c)) ? "y" : "x";
 }
 function gt(c) {
-  return Nt(V(c));
+  return Bt(V(c));
 }
 function Te(c, t, e) {
   e === void 0 && (e = !1);
@@ -4760,48 +4813,48 @@ function _t(c, t, e) {
     reference: i,
     floating: s
   } = c;
-  const o = V(t), r = gt(t), l = ut(r), a = z(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[l] / 2 - s[l] / 2;
-  let u;
-  switch (a) {
+  const o = V(t), r = gt(t), a = ut(r), l = z(t), h = 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;
+  let x;
+  switch (l) {
     case "top":
-      u = {
+      x = {
         x: d,
         y: i.y - s.height
       };
       break;
     case "bottom":
-      u = {
+      x = {
         x: d,
         y: i.y + i.height
       };
       break;
     case "right":
-      u = {
+      x = {
         x: i.x + i.width,
         y: f
       };
       break;
     case "left":
-      u = {
+      x = {
         x: i.x - s.width,
         y: f
       };
       break;
     default:
-      u = {
+      x = {
         x: i.x,
         y: i.y
       };
   }
   switch (tt(t)) {
     case "start":
-      u[r] -= x * (e && h ? -1 : 1);
+      x[r] -= u * (e && h ? -1 : 1);
       break;
     case "end":
-      u[r] += x * (e && h ? -1 : 1);
+      x[r] += u * (e && h ? -1 : 1);
       break;
   }
-  return u;
+  return x;
 }
 const ke = async (c, t, e) => {
   const {
@@ -4809,7 +4862,7 @@ const ke = async (c, t, e) => {
     strategy: s = "absolute",
     middleware: o = [],
     platform: r
-  } = e, l = o.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  } = e, a = o.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(t));
   let h = await r.getElementRects({
     reference: c,
     floating: t,
@@ -4817,23 +4870,23 @@ const ke = async (c, t, e) => {
   }), {
     x: d,
     y: f
-  } = _t(h, i, a), x = i, u = {}, w = 0;
-  for (let E = 0; E < l.length; E++) {
+  } = _t(h, i, l), u = i, x = {}, w = 0;
+  for (let E = 0; E < a.length; E++) {
     const {
       name: g,
       fn: p
-    } = l[E], {
-      x: m,
-      y,
+    } = a[E], {
+      x: y,
+      y: m,
       data: b,
       reset: C
     } = await p({
       x: d,
       y: f,
       initialPlacement: i,
-      placement: x,
+      placement: u,
       strategy: s,
-      middlewareData: u,
+      middlewareData: x,
       rects: h,
       platform: r,
       elements: {
@@ -4841,27 +4894,27 @@ const ke = async (c, t, e) => {
         floating: t
       }
     });
-    d = m ?? d, f = y ?? f, u = {
-      ...u,
+    d = y ?? d, f = m ?? f, x = {
+      ...x,
       [g]: {
-        ...u[g],
+        ...x[g],
         ...b
       }
-    }, C && w <= 50 && (w++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
+    }, C && w <= 50 && (w++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
       reference: c,
       floating: t,
       strategy: s
     }) : C.rects), {
       x: d,
       y: f
-    } = _t(h, x, a)), E = -1);
+    } = _t(h, u, l)), E = -1);
   }
   return {
     x: d,
     y: f,
-    placement: x,
+    placement: u,
     strategy: s,
-    middlewareData: u
+    middlewareData: x
   };
 };
 async function Yt(c, t) {
@@ -4872,36 +4925,36 @@ async function Yt(c, t) {
     y: s,
     platform: o,
     rects: r,
-    elements: l,
-    strategy: a
+    elements: a,
+    strategy: l
   } = c, {
     boundary: h = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
-    altBoundary: x = !1,
-    padding: u = 0
-  } = Q(t, c), w = Kt(u), g = l[x ? f === "floating" ? "reference" : "floating" : f], p = rt(await o.getClippingRect({
-    element: (e = await (o.isElement == null ? void 0 : o.isElement(g))) == null || e ? g : g.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
+    altBoundary: u = !1,
+    padding: x = 0
+  } = Q(t, c), w = Kt(x), g = a[u ? f === "floating" ? "reference" : "floating" : f], p = rt(await o.getClippingRect({
+    element: (e = await (o.isElement == null ? void 0 : o.isElement(g))) == null || e ? g : g.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
     boundary: h,
     rootBoundary: d,
-    strategy: a
-  })), m = f === "floating" ? {
+    strategy: l
+  })), y = f === "floating" ? {
     x: i,
     y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, y = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), b = await (o.isElement == null ? void 0 : o.isElement(y)) ? await (o.getScale == null ? void 0 : o.getScale(y)) || {
+  } : r.reference, m = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), b = await (o.isElement == null ? void 0 : o.isElement(m)) ? await (o.getScale == null ? void 0 : o.getScale(m)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
   }, C = rt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: m,
-    offsetParent: y,
-    strategy: a
-  }) : m);
+    elements: a,
+    rect: y,
+    offsetParent: m,
+    strategy: l
+  }) : y);
   return {
     top: (p.top - C.top + w.top) / b.y,
     bottom: (C.bottom - p.bottom + w.bottom) / b.y,
@@ -4919,25 +4972,25 @@ const Xe = (c) => ({
       placement: s,
       rects: o,
       platform: r,
-      elements: l,
-      middlewareData: a
+      elements: a,
+      middlewareData: l
     } = t, {
       element: h,
       padding: d = 0
     } = Q(c, t) || {};
     if (h == null)
       return {};
-    const f = Kt(d), x = {
+    const f = Kt(d), u = {
       x: e,
       y: i
-    }, u = gt(s), w = ut(u), E = await r.getDimensions(h), g = u === "y", p = g ? "top" : "left", m = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[u] - x[u] - o.floating[w], C = x[u] - o.reference[u], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
-    let _ = I ? I[y] : 0;
-    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = l.floating[y] || o.floating[w]);
-    const T = b / 2 - C / 2, v = _ / 2 - E[w] / 2 - 1, R = q(f[p], v), S = q(f[m], v), O = R, M = _ - E[w] - S, L = _ / 2 - E[w] / 2 + T, H = dt(O, L, M), Y = !a.arrow && tt(s) != null && L !== H && o.reference[w] / 2 - (L < O ? R : S) - E[w] / 2 < 0, D = Y ? L < O ? L - O : L - M : 0;
+    }, x = gt(s), w = ut(x), E = await r.getDimensions(h), g = x === "y", p = g ? "top" : "left", y = g ? "bottom" : "right", m = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    let _ = I ? I[m] : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = a.floating[m] || o.floating[w]);
+    const T = b / 2 - C / 2, v = _ / 2 - E[w] / 2 - 1, R = q(f[p], v), S = q(f[y], v), O = R, M = _ - E[w] - S, L = _ / 2 - E[w] / 2 + T, H = dt(O, L, M), Y = !l.arrow && tt(s) != null && L !== H && o.reference[w] / 2 - (L < O ? R : S) - E[w] / 2 < 0, D = Y ? L < O ? L - O : L - M : 0;
     return {
-      [u]: x[u] + D,
+      [x]: u[x] + D,
       data: {
-        [u]: H,
+        [x]: H,
         centerOffset: L - H - D,
         ...Y && {
           alignmentOffset: D
@@ -4946,7 +4999,7 @@ const Xe = (c) => ({
       reset: Y
     };
   }
-}), Be = function(c) {
+}), Ne = function(c) {
   return c === void 0 && (c = {}), {
     name: "flip",
     options: c,
@@ -4956,23 +5009,23 @@ const Xe = (c) => ({
         placement: s,
         middlewareData: o,
         rects: r,
-        initialPlacement: l,
-        platform: a,
+        initialPlacement: a,
+        platform: l,
         elements: h
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
-        fallbackPlacements: x,
-        fallbackStrategy: u = "bestFit",
+        fallbackPlacements: u,
+        fallbackStrategy: x = "bestFit",
         fallbackAxisSideDirection: w = "none",
         flipAlignment: E = !0,
         ...g
       } = Q(c, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const p = z(s), m = V(l), y = z(l) === l, b = await (a.isRTL == null ? void 0 : a.isRTL(h.floating)), C = x || (y || !E ? [ot(l)] : Oe(l)), I = w !== "none";
-      !x && I && C.push(...He(l, E, w, b));
-      const _ = [l, ...C], T = await Yt(t, g), v = [];
+      const p = z(s), y = V(a), m = z(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = u || (m || !E ? [ot(a)] : Oe(a)), I = w !== "none";
+      !u && I && C.push(...He(a, E, w, b));
+      const _ = [a, ...C], T = await Yt(t, g), v = [];
       let R = ((i = o.flip) == null ? void 0 : i.overflows) || [];
       if (d && v.push(T[p]), f) {
         const L = Te(s, r, b);
@@ -4984,9 +5037,9 @@ const Xe = (c) => ({
       }], !v.every((L) => L <= 0)) {
         var S, O;
         const L = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, H = _[L];
-        if (H && (!(f === "alignment" ? m !== V(H) : !1) || // We leave the current main axis only if every placement on that axis
+        if (H && (!(f === "alignment" ? y !== V(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        R.every((k) => V(k.placement) === m ? k.overflows[0] > 0 : !0)))
+        R.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: L,
@@ -4998,13 +5051,13 @@ const Xe = (c) => ({
           };
         let Y = (O = R.filter((D) => D.overflows[0] <= 0).sort((D, k) => D.overflows[1] - k.overflows[1])[0]) == null ? void 0 : O.placement;
         if (!Y)
-          switch (u) {
+          switch (x) {
             case "bestFit": {
               var M;
               const D = (M = R.filter((k) => {
                 if (I) {
                   const W = V(k.placement);
-                  return W === m || // Create a bias to the `y` side axis due to horizontal
+                  return W === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   W === "y";
                 }
@@ -5014,7 +5067,7 @@ const Xe = (c) => ({
               break;
             }
             case "initialPlacement":
-              Y = l;
+              Y = a;
               break;
           }
         if (s !== Y)
@@ -5027,16 +5080,16 @@ const Xe = (c) => ({
       return {};
     }
   };
-}, Ne = /* @__PURE__ */ new Set(["left", "top"]);
+}, Be = /* @__PURE__ */ new Set(["left", "top"]);
 async function Ke(c, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = c, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = z(e), l = tt(e), a = V(e) === "y", h = Ne.has(r) ? -1 : 1, d = o && a ? -1 : 1, f = Q(t, c);
+  } = c, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = z(e), a = tt(e), l = V(e) === "y", h = Be.has(r) ? -1 : 1, d = o && l ? -1 : 1, f = Q(t, c);
   let {
-    mainAxis: x,
-    crossAxis: u,
+    mainAxis: u,
+    crossAxis: x,
     alignmentAxis: w
   } = typeof f == "number" ? {
     mainAxis: f,
@@ -5047,12 +5100,12 @@ async function Ke(c, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return l && typeof w == "number" && (u = l === "end" ? w * -1 : w), a ? {
-    x: u * d,
-    y: x * h
+  return a && typeof w == "number" && (x = a === "end" ? w * -1 : w), l ? {
+    x: x * d,
+    y: u * h
   } : {
-    x: x * h,
-    y: u * d
+    x: u * h,
+    y: x * d
   };
 }
 const Ye = function(c) {
@@ -5065,13 +5118,13 @@ const Ye = function(c) {
         x: s,
         y: o,
         placement: r,
-        middlewareData: l
-      } = t, a = await Ke(t, c);
-      return r === ((e = l.offset) == null ? void 0 : e.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
-        x: s + a.x,
-        y: o + a.y,
+        middlewareData: a
+      } = t, l = await Ke(t, c);
+      return r === ((e = a.offset) == null ? void 0 : e.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
+        x: s + l.x,
+        y: o + l.y,
         data: {
-          ...a,
+          ...l,
           placement: r
         }
       };
@@ -5089,35 +5142,35 @@ const Ye = function(c) {
       } = t, {
         mainAxis: o = !0,
         crossAxis: r = !1,
-        limiter: l = {
+        limiter: a = {
           fn: (g) => {
             let {
               x: p,
-              y: m
+              y
             } = g;
             return {
               x: p,
-              y: m
+              y
             };
           }
         },
-        ...a
+        ...l
       } = Q(c, t), h = {
         x: e,
         y: i
-      }, d = await Yt(t, a), f = V(z(s)), x = Nt(f);
-      let u = h[x], w = h[f];
+      }, d = await Yt(t, l), f = V(z(s)), u = Bt(f);
+      let x = h[u], w = h[f];
       if (o) {
-        const g = x === "y" ? "top" : "left", p = x === "y" ? "bottom" : "right", m = u + d[g], y = u - d[p];
-        u = dt(m, u, y);
+        const g = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", y = x + d[g], m = x - d[p];
+        x = dt(y, x, m);
       }
       if (r) {
-        const g = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", m = w + d[g], y = w - d[p];
-        w = dt(m, w, y);
+        const g = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", y = w + d[g], m = w - d[p];
+        w = dt(y, w, m);
       }
-      const E = l.fn({
+      const E = a.fn({
         ...t,
-        [x]: u,
+        [u]: x,
         [f]: w
       });
       return {
@@ -5126,7 +5179,7 @@ const Ye = function(c) {
           x: E.x - e,
           y: E.y - i,
           enabled: {
-            [x]: o,
+            [u]: o,
             [f]: r
           }
         }
@@ -5167,7 +5220,7 @@ function et(c) {
     overflowX: e,
     overflowY: i,
     display: s
-  } = B(c);
+  } = N(c);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !We.has(s);
 }
 const Ve = /* @__PURE__ */ new Set(["table", "td", "th"]);
@@ -5175,7 +5228,7 @@ function Pe(c) {
   return Ve.has(Z(c));
 }
 const ze = [":popover-open", ":modal"];
-function lt(c) {
+function at(c) {
   return ze.some((t) => {
     try {
       return c.matches(t);
@@ -5186,7 +5239,7 @@ function lt(c) {
 }
 const $e = ["transform", "translate", "scale", "rotate", "perspective"], Ge = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ue = ["paint", "layout", "strict", "content"];
 function wt(c) {
-  const t = Et(), e = X(c) ? B(c) : c;
+  const t = Et(), e = X(c) ? N(c) : c;
   return $e.some((i) => e[i] ? e[i] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || Ge.some((i) => (e.willChange || "").includes(i)) || Ue.some((i) => (e.contain || "").includes(i));
 }
 function je(c) {
@@ -5194,7 +5247,7 @@ function je(c) {
   for (; K(t) && !j(t); ) {
     if (wt(t))
       return t;
-    if (lt(t))
+    if (at(t))
       return null;
     t = P(t);
   }
@@ -5207,10 +5260,10 @@ const Ze = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function j(c) {
   return Ze.has(Z(c));
 }
-function B(c) {
+function N(c) {
   return A(c).getComputedStyle(c);
 }
-function at(c) {
+function lt(c) {
   return X(c) ? {
     scrollLeft: c.scrollLeft,
     scrollTop: c.scrollTop
@@ -5245,13 +5298,13 @@ function xt(c) {
   return c.parent && Object.getPrototypeOf(c.parent) ? c.frameElement : null;
 }
 function Pt(c) {
-  const t = B(c);
+  const t = N(c);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = K(c), o = s ? c.offsetWidth : e, r = s ? c.offsetHeight : i, l = st(e) !== o || st(i) !== r;
-  return l && (e = o, i = r), {
+  const s = K(c), o = s ? c.offsetWidth : e, r = s ? c.offsetHeight : i, a = st(e) !== o || st(i) !== r;
+  return a && (e = o, i = r), {
     width: e,
     height: i,
-    $: l
+    $: a
   };
 }
 function zt(c) {
@@ -5260,19 +5313,19 @@ function zt(c) {
 function U(c) {
   const t = zt(c);
   if (!K(t))
-    return N(1);
+    return B(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
     $: o
   } = Pt(t);
-  let r = (o ? st(e.width) : e.width) / i, l = (o ? st(e.height) : e.height) / s;
-  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+  let r = (o ? st(e.width) : e.width) / i, a = (o ? st(e.height) : e.height) / s;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
-    y: l
+    y: a
   };
 }
-const qe = /* @__PURE__ */ N(0);
+const qe = /* @__PURE__ */ B(0);
 function $t(c) {
   const t = A(c);
   return !Et() || !t.visualViewport ? qe : {
@@ -5286,27 +5339,27 @@ function Je(c, t, e) {
 function J(c, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = c.getBoundingClientRect(), o = zt(c);
-  let r = N(1);
+  let r = B(1);
   t && (i ? X(i) && (r = U(i)) : r = U(c));
-  const l = Je(o, e, i) ? $t(o) : N(0);
-  let a = (s.left + l.x) / r.x, h = (s.top + l.y) / r.y, d = s.width / r.x, f = s.height / r.y;
+  const a = Je(o, e, i) ? $t(o) : B(0);
+  let l = (s.left + a.x) / r.x, h = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
-    const x = A(o), u = i && X(i) ? A(i) : i;
-    let w = x, E = xt(w);
-    for (; E && i && u !== w; ) {
-      const g = U(E), p = E.getBoundingClientRect(), m = B(E), y = p.left + (E.clientLeft + parseFloat(m.paddingLeft)) * g.x, b = p.top + (E.clientTop + parseFloat(m.paddingTop)) * g.y;
-      a *= g.x, h *= g.y, d *= g.x, f *= g.y, a += y, h += b, w = A(E), E = xt(w);
+    const u = A(o), x = i && X(i) ? A(i) : i;
+    let w = u, E = xt(w);
+    for (; E && i && x !== w; ) {
+      const g = U(E), p = E.getBoundingClientRect(), y = N(E), m = p.left + (E.clientLeft + parseFloat(y.paddingLeft)) * g.x, b = p.top + (E.clientTop + parseFloat(y.paddingTop)) * g.y;
+      l *= g.x, h *= g.y, d *= g.x, f *= g.y, l += m, h += b, w = A(E), E = xt(w);
     }
   }
   return rt({
     width: d,
     height: f,
-    x: a,
+    x: l,
     y: h
   });
 }
 function pt(c, t) {
-  const e = at(c).scrollLeft;
+  const e = lt(c).scrollLeft;
   return t ? t.left + e : J(F(c)).left + e;
 }
 function Gt(c, t, e) {
@@ -5327,62 +5380,62 @@ function Qe(c) {
     offsetParent: i,
     strategy: s
   } = c;
-  const o = s === "fixed", r = F(i), l = t ? lt(t.floating) : !1;
-  if (i === r || l && o)
+  const o = s === "fixed", r = F(i), a = t ? at(t.floating) : !1;
+  if (i === r || a && o)
     return e;
-  let a = {
+  let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, h = N(1);
-  const d = N(0), f = K(i);
-  if ((f || !f && !o) && ((Z(i) !== "body" || et(r)) && (a = at(i)), K(i))) {
-    const u = J(i);
-    h = U(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
+  }, h = B(1);
+  const d = B(0), f = K(i);
+  if ((f || !f && !o) && ((Z(i) !== "body" || et(r)) && (l = lt(i)), K(i))) {
+    const x = J(i);
+    h = U(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
-  const x = r && !f && !o ? Gt(r, a, !0) : N(0);
+  const u = r && !f && !o ? Gt(r, l, !0) : B(0);
   return {
     width: e.width * h.x,
     height: e.height * h.y,
-    x: e.x * h.x - a.scrollLeft * h.x + d.x + x.x,
-    y: e.y * h.y - a.scrollTop * h.y + d.y + x.y
+    x: e.x * h.x - l.scrollLeft * h.x + d.x + u.x,
+    y: e.y * h.y - l.scrollTop * h.y + d.y + u.y
   };
 }
 function ti(c) {
   return Array.from(c.getClientRects());
 }
 function ei(c) {
-  const t = F(c), e = at(c), i = c.ownerDocument.body, s = G(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = G(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  const t = F(c), e = lt(c), i = c.ownerDocument.body, s = G(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = G(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let r = -e.scrollLeft + pt(c);
-  const l = -e.scrollTop;
-  return B(i).direction === "rtl" && (r += G(t.clientWidth, i.clientWidth) - s), {
+  const a = -e.scrollTop;
+  return N(i).direction === "rtl" && (r += G(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: o,
     x: r,
-    y: l
+    y: a
   };
 }
 function ii(c, t) {
   const e = A(c), i = F(c), s = e.visualViewport;
-  let o = i.clientWidth, r = i.clientHeight, l = 0, a = 0;
+  let o = i.clientWidth, r = i.clientHeight, a = 0, l = 0;
   if (s) {
     o = s.width, r = s.height;
     const h = Et();
-    (!h || h && t === "fixed") && (l = s.offsetLeft, a = s.offsetTop);
+    (!h || h && t === "fixed") && (a = s.offsetLeft, l = s.offsetTop);
   }
   return {
     width: o,
     height: r,
-    x: l,
-    y: a
+    x: a,
+    y: l
   };
 }
 const si = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function oi(c, t) {
-  const e = J(c, !0, t === "fixed"), i = e.top + c.clientTop, s = e.left + c.clientLeft, o = K(c) ? U(c) : N(1), r = c.clientWidth * o.x, l = c.clientHeight * o.y, a = s * o.x, h = i * o.y;
+  const e = J(c, !0, t === "fixed"), i = e.top + c.clientTop, s = e.left + c.clientLeft, o = K(c) ? U(c) : B(1), r = c.clientWidth * o.x, a = c.clientHeight * o.y, l = s * o.x, h = i * o.y;
   return {
     width: r,
-    height: l,
-    x: a,
+    height: a,
+    x: l,
     y: h
   };
 }
@@ -5407,18 +5460,18 @@ function Tt(c, t, e) {
 }
 function Ut(c, t) {
   const e = P(c);
-  return e === t || !X(e) || j(e) ? !1 : B(e).position === "fixed" || Ut(e, t);
+  return e === t || !X(e) || j(e) ? !1 : N(e).position === "fixed" || Ut(e, t);
 }
 function ri(c, t) {
   const e = t.get(c);
   if (e)
     return e;
-  let i = Vt(c, []).filter((l) => X(l) && Z(l) !== "body"), s = null;
-  const o = B(c).position === "fixed";
+  let i = Vt(c, []).filter((a) => X(a) && Z(a) !== "body"), s = null;
+  const o = N(c).position === "fixed";
   let r = o ? P(c) : c;
   for (; X(r) && !j(r); ) {
-    const l = B(r), a = wt(r);
-    !a && l.position === "fixed" && (s = null), (o ? !a && !s : !a && l.position === "static" && !!s && si.has(s.position) || et(r) && !a && Ut(c, r)) ? i = i.filter((d) => d !== r) : s = l, r = P(r);
+    const a = N(r), l = wt(r);
+    !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && si.has(s.position) || et(r) && !l && Ut(c, r)) ? i = i.filter((d) => d !== r) : s = a, r = P(r);
   }
   return t.set(c, i), i;
 }
@@ -5429,18 +5482,18 @@ function ni(c) {
     rootBoundary: i,
     strategy: s
   } = c;
-  const r = [...e === "clippingAncestors" ? lt(t) ? [] : ri(t, this._c) : [].concat(e), i], l = r[0], a = r.reduce((h, d) => {
+  const r = [...e === "clippingAncestors" ? at(t) ? [] : ri(t, this._c) : [].concat(e), i], a = r[0], l = r.reduce((h, d) => {
     const f = Tt(t, d, s);
     return h.top = G(f.top, h.top), h.right = q(f.right, h.right), h.bottom = q(f.bottom, h.bottom), h.left = G(f.left, h.left), h;
-  }, Tt(t, l, s));
+  }, Tt(t, a, s));
   return {
-    width: a.right - a.left,
-    height: a.bottom - a.top,
-    x: a.left,
-    y: a.top
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
   };
 }
-function li(c) {
+function ai(c) {
   const {
     width: t,
     height: e
@@ -5450,35 +5503,35 @@ function li(c) {
     height: e
   };
 }
-function ai(c, t, e) {
+function li(c, t, e) {
   const i = K(t), s = F(t), o = e === "fixed", r = J(c, !0, o, t);
-  let l = {
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = N(0);
+  const l = B(0);
   function h() {
-    a.x = pt(s);
+    l.x = pt(s);
   }
   if (i || !i && !o)
-    if ((Z(t) !== "body" || et(s)) && (l = at(t)), i) {
-      const u = J(t, !0, o, t);
-      a.x = u.x + t.clientLeft, a.y = u.y + t.clientTop;
+    if ((Z(t) !== "body" || et(s)) && (a = lt(t)), i) {
+      const x = J(t, !0, o, t);
+      l.x = x.x + t.clientLeft, l.y = x.y + t.clientTop;
     } else s && h();
   o && !i && s && h();
-  const d = s && !i && !o ? Gt(s, l) : N(0), f = r.left + l.scrollLeft - a.x - d.x, x = r.top + l.scrollTop - a.y - d.y;
+  const d = s && !i && !o ? Gt(s, a) : B(0), f = r.left + a.scrollLeft - l.x - d.x, u = r.top + a.scrollTop - l.y - d.y;
   return {
     x: f,
-    y: x,
+    y: u,
     width: r.width,
     height: r.height
   };
 }
 function ht(c) {
-  return B(c).position === "static";
+  return N(c).position === "static";
 }
 function Ot(c, t) {
-  if (!K(c) || B(c).position === "fixed")
+  if (!K(c) || N(c).position === "fixed")
     return null;
   if (t)
     return t(c);
@@ -5487,7 +5540,7 @@ function Ot(c, t) {
 }
 function jt(c, t) {
   const e = A(c);
-  if (lt(c))
+  if (at(c))
     return e;
   if (!K(c)) {
     let s = P(c);
@@ -5506,7 +5559,7 @@ function jt(c, t) {
 const hi = async function(c) {
   const t = this.getOffsetParent || jt, e = this.getDimensions, i = await e(c.floating);
   return {
-    reference: ai(c.reference, await t(c.floating), c.strategy),
+    reference: li(c.reference, await t(c.floating), c.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -5516,7 +5569,7 @@ const hi = async function(c) {
   };
 };
 function ci(c) {
-  return B(c).direction === "rtl";
+  return N(c).direction === "rtl";
 }
 const di = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Qe,
@@ -5525,11 +5578,11 @@ const di = {
   getOffsetParent: jt,
   getElementRects: hi,
   getClientRects: ti,
-  getDimensions: li,
+  getDimensions: ai,
   getScale: U,
   isElement: X,
   isRTL: ci
-}, Zt = Ye, qt = Fe, Jt = Be, fi = Xe, Qt = (c, t, e) => {
+}, Zt = Ye, qt = Fe, Jt = Ne, fi = Xe, Qt = (c, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: di,
     ...e
@@ -5552,7 +5605,7 @@ let xi = class {
     this.ctx = t;
     const { TOOLTIP_BG_COLOR: e, TOOLTIP_TEXT_COLOR: i, TOOLTIP_ZINDEX: s, TOOLTIP_CUSTOM_STYLE: o, CSS_PREFIX: r } = this.ctx.config;
     this.contentEl = document.createElement("div"), this.arrowEl = document.createElement("div"), this.floatingEl = document.createElement("div"), this.floatingEl.className = `${r}-tooltip`, this.contentEl.className = `${r}-tooltip-content`, this.arrowEl.className = `${r}-tooltip-arrow`;
-    const l = {
+    const a = {
       display: "none",
       position: "absolute",
       background: e,
@@ -5563,16 +5616,16 @@ let xi = class {
       borderRadius: "4px",
       fontSize: "12px",
       ...o
-    }, a = {
+    }, l = {
       position: "absolute",
       width: "10px",
       height: "10px",
-      background: l.background,
-      backgroundColor: l.backgroundColor,
+      background: a.background,
+      backgroundColor: a.backgroundColor,
       transform: "rotate(45deg)",
-      zIndex: l.zIndex
+      zIndex: a.zIndex
     };
-    Object.assign(this.arrowEl.style, a), Object.assign(this.floatingEl.style, l), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.containerElement.appendChild(this.floatingEl), this.init();
+    Object.assign(this.arrowEl.style, l), Object.assign(this.floatingEl.style, a), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.containerElement.appendChild(this.floatingEl), this.init();
   }
   init() {
     this.floatingEl.addEventListener("mouseleave", () => {
@@ -5620,32 +5673,32 @@ let xi = class {
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
       middleware: [qt(), Jt(), Zt(6), fi({ element: this.arrowEl })]
-    }).then((l) => {
-      const { x: a, y: h, placement: d, middlewareData: f } = l;
+    }).then((a) => {
+      const { x: l, y: h, placement: d, middlewareData: f } = a;
       if (Object.assign(this.floatingEl.style, {
         top: `${h}px`,
-        left: `${a}px`
+        left: `${l}px`
       }), f.arrow) {
-        const x = f.arrow;
+        const u = f.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${x.y}px`,
+          top: `${u.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
         }) : ["right", "right-start", "right-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${x.y}px`,
+          top: `${u.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
         }) : ["bottom", "bottom-start", "bottom-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
-          left: `${x.x}px`,
+          left: `${u.x}px`,
           right: ""
         }) : ["top", "top-start", "top-end"].includes(d) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
-          left: `${x.x}px`,
+          left: `${u.x}px`,
           right: ""
         });
       }
@@ -5689,15 +5742,15 @@ class ui {
         return;
       if (t.code === "Escape" && this.ctx.editing) {
         this.cancel = !0;
-        const { focusCell: a } = this.ctx;
-        a && (this.ctx.emit("setSelectorCell", a), this.cellTarget = a), this.doneEdit();
+        const { focusCell: l } = this.ctx;
+        l && (this.ctx.emit("setSelectorCell", l), this.cellTarget = l), this.doneEdit();
         return;
       }
       if ((t.altKey || t.metaKey) && t.code === "Enter" && this.ctx.editing && this.inputEl) {
         t.preventDefault();
-        const a = this.inputEl.selectionStart, h = this.inputEl.value.substring(0, a), d = this.inputEl.value.substring(a);
+        const l = this.inputEl.selectionStart, h = this.inputEl.value.substring(0, l), d = this.inputEl.value.substring(l);
         this.inputEl.value = h + `
-` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = a + 1, this.autoSize();
+` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = l + 1, this.autoSize();
         return;
       }
       if (t.code === "Tab" && this.ctx.editing) {
@@ -5777,8 +5830,8 @@ class ui {
     });
   }
   isInSelectorRange(t, e) {
-    const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [l, a] = s;
-    return !(e < o || e > r || t < l || t > a);
+    const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [a, l] = s;
+    return !(e < o || e > r || t < a || t > l);
   }
   initTextEditor() {
     this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
@@ -5794,14 +5847,14 @@ class ui {
       footer: s,
       header: o,
       config: { SCROLLER_TRACK_SIZE: r }
-    } = this.ctx, l = i - s.height - r;
-    this.editorEl.style.bottom = "auto", this.drawY < o.height && (this.editorEl.style.top = `${o.height - 1}px`), this.drawY + t > l && (this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = "auto", this.editorEl.style.bottom = `${i - l}px`), this.inputEl.style.height = `${t}px`;
+    } = this.ctx, a = i - s.height - r;
+    this.editorEl.style.bottom = "auto", this.drawY < o.height && (this.editorEl.style.top = `${o.height - 1}px`), this.drawY + t > a && (this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = "auto", this.editorEl.style.bottom = `${i - a}px`), this.inputEl.style.height = `${t}px`;
   }
   startEditByInput(t, e = !1) {
     const i = e ? null : t.getValue(), { editorType: s } = t;
     t.update(), this.ctx.config.ENABLE_MERGE_CELL_LINK && t.updateSpanInfo();
-    let { height: o, width: r, drawY: l, drawX: a } = t;
-    this.drawX = a, this.drawY = l;
+    let { height: o, width: r, drawY: a, drawX: l } = t;
+    this.drawX = l, this.drawY = a;
     const {
       config: { CELL_PADDING: h },
       header: d
@@ -5809,8 +5862,8 @@ class ui {
     let f = this.ctx.body.visibleHeight;
     if (o > f && (o = f), this.editorEl.style.display = "inline-block", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
       this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, i !== null && (this.inputEl.value = i), this.inputEl.focus({ preventScroll: !0 });
-      const x = this.inputEl.value.length;
-      this.inputEl.setSelectionRange(x, x);
+      const u = this.inputEl.value.length;
+      this.inputEl.setSelectionRange(u, u);
     } else
       this.inputEl.style.display = "none";
     (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
@@ -5829,11 +5882,11 @@ class ui {
     const i = this.ctx.focusCell;
     if (!i || ["index", "index-selection", "selection"].includes(i.type) || this.enable || (this.ctx.emit("drawView"), !(i.isVerticalVisible() && i.isHorizontalVisible())))
       return;
-    const { rowKey: o, key: r, editorType: l } = i;
-    if (l === "none")
+    const { rowKey: o, key: r, editorType: a } = i;
+    if (a === "none")
       return;
-    const a = this.ctx.database.getReadonly(o, r);
-    i && !a && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget));
+    const l = this.ctx.database.getReadonly(o, r);
+    i && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget));
   }
   editCell(t, e) {
     const i = this.ctx.body.renderRows.find((h) => h.rowIndex === t);
@@ -5846,8 +5899,8 @@ class ui {
     const o = this.ctx.focusCell;
     if (!o || ["index", "index-selection", "selection"].includes(o.type) || this.enable)
       return;
-    const { rowKey: r, key: l } = o, a = this.ctx.database.getReadonly(r, l);
-    o && !a && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+    const { rowKey: r, key: a } = o, l = this.ctx.database.getReadonly(r, a);
+    o && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
     this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.ctx.containerElement.focus({ preventScroll: !0 }), this.editorEl.style.display = "none", this.ctx.emit("drawView"));
@@ -5866,14 +5919,14 @@ class gi {
     n(this, "emptyEl");
     this.ctx = t;
     const { EMPTY_TEXT: e, EMPTY_CUSTOM_STYLE: i } = this.ctx.config;
-    this.ctx.emptyElement ? this.emptyEl = this.ctx.emptyElement : (this.emptyEl = document.createElement("div"), this.emptyEl.innerText = e), this.emptyEl.className = "e-virt-table-empty", this.emptyEl.style.display = "none", this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: s, headerHeight: o, bodyHeight: r, footerHeight: l }) => {
-      const a = o + (r + l) / 2, h = {
+    this.ctx.emptyElement ? this.emptyEl = this.ctx.emptyElement : (this.emptyEl = document.createElement("div"), this.emptyEl.innerText = e), this.emptyEl.className = "e-virt-table-empty", this.emptyEl.style.display = "none", this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: s, headerHeight: o, bodyHeight: r, footerHeight: a }) => {
+      const l = o + (r + a) / 2, h = {
         display: s === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
         color: "#666",
         left: "50%",
-        top: `${a}px`,
+        top: `${l}px`,
         transform: "translate(-50%, -50%)",
         ...i
       };
@@ -5912,12 +5965,12 @@ class wi {
       fixedLeftWidth: t,
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
-    } = this.ctx, { visibleWidth: o, visibleHeight: r, renderCellHeaders: l } = this.ctx.header;
-    let a = [], h = [], d = [];
-    l.forEach((g) => {
-      g.render && (g.fixed === "left" ? h.push(g) : g.fixed === "right" ? d.push(g) : a.push(g));
+    } = this.ctx, { visibleWidth: o, visibleHeight: r, renderCellHeaders: a } = this.ctx.header;
+    let l = [], h = [], d = [];
+    a.forEach((g) => {
+      g.render && (g.fixed === "left" ? h.push(g) : g.fixed === "right" ? d.push(g) : l.push(g));
     });
-    const f = e - i, x = {
+    const f = e - i, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -5928,7 +5981,7 @@ class wi {
         height: `${r}px`
       },
       cells: h
-    }, u = {
+    }, x = {
       key: "center",
       style: {
         position: "absolute",
@@ -5938,7 +5991,7 @@ class wi {
         width: `${o - t - f + 1}px`,
         height: `${r}px`
       },
-      cells: a
+      cells: l
     }, w = {
       key: "right",
       style: {
@@ -5960,7 +6013,7 @@ class wi {
         width: `${o}px`,
         height: `${r}px`
       },
-      views: [x, u, w]
+      views: [u, x, w]
     };
   }
   getBody() {
@@ -5974,8 +6027,8 @@ class wi {
     const {
       fixedLeftWidth: o,
       fixedRightWidth: r,
-      config: { SCROLLER_TRACK_SIZE: l, CSS_PREFIX: a }
-    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = r - l, x = {
+      config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: l }
+    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = r - a, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -5986,7 +6039,7 @@ class wi {
         height: `${d}px`
       },
       cells: e
-    }, u = {
+    }, x = {
       key: "center",
       style: {
         position: "absolute",
@@ -6011,14 +6064,14 @@ class wi {
     };
     return {
       type: "body",
-      class: `${a}-overlayer-body`,
+      class: `${l}-overlayer-body`,
       style: {
         position: "relative",
         overflow: "hidden",
         width: `${h}px`,
         height: `${d}px`
       },
-      views: [x, u, w]
+      views: [u, x, w]
     };
   }
   getFooter() {
@@ -6031,8 +6084,8 @@ class wi {
     const {
       fixedLeftWidth: s,
       fixedRightWidth: o,
-      config: { SCROLLER_TRACK_SIZE: r, CSS_PREFIX: l }
-    } = this.ctx, { visibleWidth: a, visibleHeight: h } = this.ctx.footer, d = o - r, f = {
+      config: { SCROLLER_TRACK_SIZE: r, CSS_PREFIX: a }
+    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, d = o - r, f = {
       key: "left",
       style: {
         position: "absolute",
@@ -6043,18 +6096,18 @@ class wi {
         height: `${h}px`
       },
       cells: e
-    }, x = {
+    }, u = {
       key: "center",
       style: {
         position: "absolute",
         top: `${0.5}px`,
         left: `${s - 0.5}px`,
         overflow: "hidden",
-        width: `${a - s - d}px`,
+        width: `${l - s - d}px`,
         height: `${h}px`
       },
       cells: t
-    }, u = {
+    }, x = {
       key: "right",
       style: {
         position: "absolute",
@@ -6068,14 +6121,14 @@ class wi {
     };
     return {
       type: "footer",
-      class: `${l}-overlayer-footer`,
+      class: `${a}-overlayer-footer`,
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${a}px`,
+        width: `${l}px`,
         height: `${h}px`
       },
-      views: [f, x, u]
+      views: [f, u, x]
     };
   }
 }
@@ -6090,9 +6143,9 @@ class Ei {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [l, a] = s, { rowIndex: h, colIndex: d } = t;
-      h >= l && h <= a && d >= o && d <= r || this.ctx.emit("setSelectorCell", t, e);
-      const x = {
+      const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [a, l] = s, { rowIndex: h, colIndex: d } = t;
+      h >= a && h <= l && d >= o && d <= r || this.ctx.emit("setSelectorCell", t, e);
+      const u = {
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
@@ -6105,11 +6158,11 @@ class Ei {
         }),
         contextElement: document.body
       };
-      Qt(x, this.contextMenuEl, {
+      Qt(u, this.contextMenuEl, {
         placement: "right-start",
         middleware: [Zt(), qt(), Jt()]
-      }).then(({ x: u, y: w }) => {
-        this.show(u, w);
+      }).then(({ x, y: w }) => {
+        this.show(x, w);
       });
     }), this.ctx.on("click", this.hide.bind(this)), this.ctx.on("onScroll", this.hide.bind(this)), this.ctx.on("resize", this.hide.bind(this));
   }
@@ -6181,14 +6234,14 @@ class yi {
     n(this, "contextMenu");
     n(this, "ctx");
     this.options = e;
-    const { overlayerElement: i, editorElement: s, emptyElement: o, contextMenuElement: r } = this.options, l = this.createContainer(
+    const { overlayerElement: i, editorElement: s, emptyElement: o, contextMenuElement: r } = this.options, a = this.createContainer(
       t,
       i,
       s,
       o,
       r
     );
-    this.ctx = new pe(l, this.options), this.header = new ye(this.ctx), this.footer = new be(this.ctx), this.body = new Ce(this.ctx), this.scroller = new me(this.ctx), this.selector = new Re(this.ctx), this.autofill = new Ie(this.ctx), this.tooltip = new xi(this.ctx), this.empty = new gi(this.ctx), this.editor = new ui(this.ctx), this.overlayer = new wi(this.ctx), this.contextMenu = new Ei(this.ctx), this.ctx.on("draw", () => {
+    this.ctx = new pe(a, this.options), this.header = new ye(this.ctx), this.footer = new be(this.ctx), this.body = new Ce(this.ctx), this.scroller = new me(this.ctx), this.selector = new Re(this.ctx), this.autofill = new Ie(this.ctx), this.tooltip = new xi(this.ctx), this.empty = new gi(this.ctx), this.editor = new ui(this.ctx), this.overlayer = new wi(this.ctx), this.contextMenu = new Ei(this.ctx), this.ctx.on("draw", () => {
       this.draw();
     }), this.ctx.on("drawView", () => {
       this.draw(!0);
@@ -6196,16 +6249,16 @@ class yi {
   }
   createContainer(t, e, i, s, o) {
     t.className = "e-virt-table-container";
-    const r = document.createElement("div"), l = document.createElement("canvas"), a = e || document.createElement("div");
-    r.className = "e-virt-table-stage", t.tabIndex = 0, l.className = "e-virt-table-canvas", a.className = "e-virt-table-overlayer";
+    const r = document.createElement("div"), a = document.createElement("canvas"), l = e || document.createElement("div");
+    r.className = "e-virt-table-stage", t.tabIndex = 0, a.className = "e-virt-table-canvas", l.className = "e-virt-table-overlayer";
     const h = i || document.createElement("div");
     h.className = "e-virt-table-editor";
     const d = s, f = o;
-    return r.appendChild(l), r.appendChild(a), t.appendChild(r), {
+    return r.appendChild(a), r.appendChild(l), t.appendChild(r), {
       containerElement: t,
       stageElement: r,
-      canvasElement: l,
-      overlayerElement: a,
+      canvasElement: a,
+      overlayerElement: l,
       editorElement: h,
       emptyElement: d,
       contextMenuElement: f
@@ -6293,15 +6346,15 @@ class yi {
     return new Promise(async (i, s) => {
       let o = [];
       for (let r = 0; r < t.length; r++) {
-        const { rowKey: l, key: a } = t[r], h = await this.ctx.database.getValidator(l, a);
+        const { rowKey: a, key: l } = t[r], h = await this.ctx.database.getValidator(a, l);
         Array.isArray(h) && h.length && o.push(h);
       }
       if (o.length) {
         if (s(o), e) {
           const [r] = o;
           if (Array.isArray(r) && r.length) {
-            const [l] = r, { rowKey: a, key: h } = l;
-            this.scrollToRowkey(a), this.scrollToColkey(h);
+            const [a] = r, { rowKey: l, key: h } = a;
+            this.scrollToRowkey(l), this.scrollToColkey(h);
           }
         }
         this.ctx.emit("draw");
@@ -6318,12 +6371,12 @@ class yi {
         if (t && Array.isArray(s) && s.length) {
           const [o] = s;
           if (Array.isArray(o) && o.length) {
-            const [r] = o, { rowKey: l, key: a } = r, h = this.ctx.database.getRowForRowKey(l);
+            const [r] = o, { rowKey: a, key: l } = r, h = this.ctx.database.getRowForRowKey(a);
             if (h) {
               const { parentRowKeys: d = [] } = h;
               d && d.length && this.setExpandRowKeys(d, !0);
             }
-            this.scrollToRowkey(l), this.scrollToColkey(a);
+            this.scrollToRowkey(a), this.scrollToColkey(l);
           }
         }
         i(s);
@@ -6347,8 +6400,8 @@ class yi {
       const i = this.ctx.database.getAllRowsData(), s = this.ctx.header.leafCellHeaders;
       let o = [];
       for (let r = 0; r < i.length; r++)
-        for (let l = 0; l < s.length; l++) {
-          const a = this.ctx.database.getRowKeyByItem(i[r]), d = s[l].key, f = await this.ctx.database.getValidator(a, d);
+        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);
         }
       o.length ? (e(o), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
@@ -6429,7 +6482,7 @@ class yi {
   getUtils() {
     return {
       mergeColCell: he,
-      mergeRowCell: ae,
+      mergeRowCell: le,
       getSpanArrByRow: Dt,
       getSpanObjByColumn: kt
     };