e-virt-table 1.2.26 → 1.2.27

package/dist/index.es.js

@@ -1,21 +1,21 @@
 (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;--evt-tree-line-color: #e1e6eb;--evt-sort-icon-color: rgb(82, 146, 247)}.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)}})();
 var se = Object.defineProperty;
-var oe = (h, t, e) => t in h ? se(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var n = (h, t, e) => oe(h, typeof t != "symbol" ? t + "" : t, e);
+var oe = (l, t, e) => t in l ? se(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var n = (l, t, e) => oe(l, typeof t != "symbol" ? t + "" : t, e);
 class re {
   constructor(t) {
     n(this, "rules");
     this.rules = t;
   }
   validate(t) {
-    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: a, rowIndex: c, value: l, field: d, fieldValue: f } = t;
+    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: a, rowIndex: c, value: h, field: d, fieldValue: f } = t;
     Array.isArray(this.rules) || (this.rules = [this.rules]);
     for (const u of this.rules) {
       if (u.validator) {
         const x = {
           field: d,
           fieldValue: f,
-          value: l,
+          value: h,
           column: i,
           colIndex: a,
           rowIndex: c,
@@ -24,17 +24,17 @@ class re {
           rowKey: r,
           ...u
         };
-        u.validator(x, l, (w) => {
+        u.validator(x, h, (w) => {
           w && e.push({
             ...x,
             message: w
           });
         });
       }
-      if (!u.required && (l == null || l === ""))
+      if (!u.required && (h == null || h === ""))
         return e;
-      u.pattern && !u.pattern.test(l) && e.push({
-        value: l,
+      u.pattern && !u.pattern.test(h) && e.push({
+        value: h,
         column: i,
         row: s,
         key: o,
@@ -44,8 +44,8 @@ class re {
         field: d,
         fieldValue: f,
         message: u.message || `${o} is pattern validation error`
-      }), u.required && (l == null || l === "") && e.push({
-        value: l,
+      }), u.required && (h == null || h === "") && e.push({
+        value: h,
         column: i,
         row: s,
         key: o,
@@ -61,26 +61,26 @@ class re {
   }
 }
 function Mt() {
-  return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(h) {
+  return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(l) {
     const t = Math.random() * 16 | 0;
-    return (h === "x" ? t : t & 3 | 8).toString(16);
+    return (l === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Ht(h, t) {
+function Ht(l, t) {
   let e = 0, i;
   return function(...s) {
     const o = (/* @__PURE__ */ new Date()).getTime(), r = o - e;
-    !e || r >= t ? (h.apply(this, s), e = o) : i || (i = setTimeout(() => {
-      h.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
+    !e || r >= t ? (l.apply(this, s), e = o) : i || (i = setTimeout(() => {
+      l.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
     }, t - r));
   };
 }
-function Dt(h = []) {
-  return h.length ? h.map((t) => Dt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function Dt(l = []) {
+  return l.length ? l.map((t) => Dt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
-function ne(h = []) {
+function ne(l = []) {
   let t = [], e = [], i = [];
-  return h.forEach((s) => {
+  return l.forEach((s) => {
     s.fixed === "left" ? t.push(s) : s.fixed === "right" ? i.push(s) : e.push(s);
   }), [
     ...t.sort((s, o) => (s.sort ?? 0) - (o.sort ?? 0)),
@@ -88,8 +88,8 @@ function ne(h = []) {
     ...i.sort((s, o) => (s.sort ?? 0) - (o.sort ?? 0))
   ];
 }
-function Nt(h = [], t = 1, e = 0) {
-  return h.map((i) => {
+function Nt(l = [], t = 1, e = 0) {
+  return l.map((i) => {
     if (i.children) {
       let s = 0, o = i.fixed;
       i.children.forEach((a) => {
@@ -115,72 +115,72 @@ function Nt(h = [], t = 1, e = 0) {
     };
   });
 }
-function et(h = []) {
+function et(l = []) {
   let t = [];
-  return h.forEach((e) => {
+  return l.forEach((e) => {
     e.children ? t = t.concat(et(e.children)) : t.push(e);
   }), t;
 }
 const yt = /^(\r\n|\n\r|\r|\n)/, ae = /^[^\t\r\n]+/, Ct = /^\t/;
-function ce(h) {
+function ce(l) {
   let t = [[""]];
-  if (h.length === 0)
+  if (l.length === 0)
     return t;
   let e = 0, i = 0, s;
-  for (; h.length > 0 && s !== h.length; )
-    if (s = h.length, h.match(Ct))
-      h = h.replace(Ct, ""), e += 1, t[i][e] = "";
-    else if (h.match(yt))
-      h = h.replace(yt, ""), e = 0, i += 1, t[i] = [""];
+  for (; l.length > 0 && s !== l.length; )
+    if (s = l.length, l.match(Ct))
+      l = l.replace(Ct, ""), e += 1, t[i][e] = "";
+    else if (l.match(yt))
+      l = l.replace(yt, ""), e = 0, i += 1, t[i] = [""];
     else {
       let o = "";
-      if (h.startsWith('"')) {
+      if (l.startsWith('"')) {
         let r = 0, a = !0;
         for (; a; ) {
-          const c = h.slice(0, 1);
-          c === '"' && (r += 1), o += c, h = h.slice(1), (h.length === 0 || h.match(/^[\t\r\n]/) && r % 2 === 0) && (a = !1);
+          const c = l.slice(0, 1);
+          c === '"' && (r += 1), o += c, l = l.slice(1), (l.length === 0 || l.match(/^[\t\r\n]/) && r % 2 === 0) && (a = !1);
         }
         o = o.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (c) => new Array(Math.floor(c.length / 2)).fill('"').join(""));
       } else {
-        const r = h.match(ae);
-        o = r ? r[0] : "", h = h.slice(o.length);
+        const r = l.match(ae);
+        o = r ? r[0] : "", l = l.slice(o.length);
       }
       t[i][e] = o;
     }
   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(h) {
+function he(l) {
   let t, e, i, s, o = "", r;
-  for (t = 0, e = h.length; t < e; t += 1) {
-    for (s = h[t].length, i = 0; i < s; i += 1)
-      i > 0 && (o += "	"), r = h[t][i], typeof r == "string" ? r.indexOf(`
+  for (t = 0, e = l.length; t < e; t += 1) {
+    for (s = l[t].length, i = 0; i < s; i += 1)
+      i > 0 && (o += "	"), r = l[t][i], typeof r == "string" ? r.indexOf(`
 `) > -1 ? o += `"${r.replace(/"/g, '""')}"` : o += r : r == null ? o += "" : o += r;
     t !== e - 1 && (o += `
 `);
   }
   return o;
 }
-function kt(h, t, e = []) {
+function kt(l, t, e = []) {
   let i = 0;
   const s = [];
-  return h.forEach((o, r) => {
+  return l.forEach((o, r) => {
     if (r === 0)
       s.push(1);
     else {
-      const a = e.reduce((l, d) => `${l}${o[d] ?? ""}`, "") || o[t], c = e.reduce((l, d) => `${l}${h[r - 1][d] ?? ""}`, "") || h[r - 1][t];
+      const a = e.reduce((h, d) => `${h}${o[d] ?? ""}`, "") || o[t], c = e.reduce((h, d) => `${h}${l[r - 1][d] ?? ""}`, "") || l[r - 1][t];
       a === c ? (s[i] += 1, s.push(0)) : (s.push(1), i = r);
     }
   }), s;
 }
-function Xt(h, t) {
+function Xt(l, t) {
   let e = "", i = "";
   const s = {};
   return t.forEach((o, r) => {
-    r === 0 ? (e = o.key, i = o.key, s[o.key] = 1) : h[o.key] === h[e] ? (s[o.key] = 0, s[i] += 1) : (s[o.key] = 1, e = o.key, i = o.key);
+    r === 0 ? (e = o.key, i = o.key, s[o.key] = 1) : l[o.key] === l[e] ? (s[o.key] = 0, s[i] += 1) : (s[o.key] = 1, e = o.key, i = o.key);
   }), s;
 }
-function he(h, t, e = []) {
-  const { visibleRows: i, rowIndex: s, headIndex: o } = h, r = kt(i, t, e);
+function le(l, t, e = []) {
+  const { visibleRows: i, rowIndex: s, headIndex: o } = l, r = kt(i, t, e);
   return r[s - o] === 0 ? {
     rowspan: 0,
     colspan: 0,
@@ -193,8 +193,8 @@ function he(h, t, e = []) {
     mergeRow: !0
   };
 }
-function de(h, t = []) {
-  const { column: e, row: i, visibleLeafColumns: s } = h, o = s.filter((r) => t.includes(r.key));
+function de(l, t = []) {
+  const { column: e, row: i, visibleLeafColumns: s } = l, o = s.filter((r) => t.includes(r.key));
   if (t.includes(e.key)) {
     const r = Xt(i, o);
     return r[e.key] === 0 ? {
@@ -210,15 +210,15 @@ function de(h, t = []) {
     };
   }
 }
-function fe(h, t = document.documentElement) {
-  const e = h.startsWith("--") ? h : `--${h}`;
+function fe(l, t = document.documentElement) {
+  const e = l.startsWith("--") ? l : `--${l}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
-function bt(h) {
-  if (!h) return /* @__PURE__ */ new Date(0);
-  if (typeof h == "number")
-    return new Date(h);
-  const t = String(h).trim(), e = new Date(t);
+function bt(l) {
+  if (!l) return /* @__PURE__ */ new Date(0);
+  if (typeof l == "number")
+    return new Date(l);
+  const t = String(l).trim(), e = new Date(t);
   if (!isNaN(e.getTime()))
     return e;
   const i = [
@@ -252,24 +252,24 @@ function bt(h) {
     if (o) {
       const r = o.slice(1).map(Number);
       if (s.source.includes("YYYY-MM-DD") || s.source.includes("YYYY/MM/DD") || s.source.includes("YYYY.MM.DD")) {
-        const [a, c, l, d = 0, f = 0, u = 0] = r;
-        return new Date(a, c - 1, l, d, f, u);
+        const [a, c, h, d = 0, f = 0, u = 0] = r;
+        return new Date(a, c - 1, h, d, f, u);
       } else if (s.source.includes("DD-MM-YYYY") || s.source.includes("DD/MM/YYYY") || s.source.includes("DD.MM.YYYY")) {
-        const [a, c, l, d = 0, f = 0, u = 0] = r;
-        return new Date(l, c - 1, a, d, f, u);
+        const [a, c, h, d = 0, f = 0, u = 0] = r;
+        return new Date(h, c - 1, a, d, f, u);
       } else if (s.source.includes("MM-DD-YYYY") || s.source.includes("MM/DD/YYYY") || s.source.includes("MM.DD.YYYY")) {
-        const [a, c, l, d = 0, f = 0, u = 0] = r;
-        return new Date(l, a - 1, c, d, f, u);
+        const [a, c, h, d = 0, f = 0, u = 0] = r;
+        return new Date(h, a - 1, c, d, f, u);
       } else if (s.source.includes("YYYYMMDD")) {
-        const [a, c, l] = r;
-        return new Date(a, c - 1, l);
+        const [a, c, h] = r;
+        return new Date(a, c - 1, h);
       }
     }
   }
   return /* @__PURE__ */ new Date(NaN);
 }
-function xe(h, t) {
-  const e = bt(h), i = bt(t);
+function xe(l, t) {
+  const e = bt(l), i = bt(t);
   return isNaN(e.getTime()) && isNaN(i.getTime()) ? 0 : isNaN(e.getTime()) ? -1 : isNaN(i.getTime()) ? 1 : e.getTime() - i.getTime();
 }
 class Yt {
@@ -319,8 +319,8 @@ class Yt {
   }
 }
 class xt extends Yt {
-  constructor(e, i, s, o, r, a, c, l, d, f = "body") {
-    super(e, o, r, a, c, f, l.fixed);
+  constructor(e, i, s, o, r, a, c, h, d, f = "body") {
+    super(e, o, r, a, c, f, h.fixed);
     n(this, "formatter");
     n(this, "formatterFooter");
     n(this, "hoverIconName", "");
@@ -395,7 +395,7 @@ class xt extends Yt {
     n(this, "selectorCellValueType", "value");
     n(this, "overflowTooltipMaxWidth", 500);
     n(this, "overflowTooltipPlacement", "top");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = l.key, this.type = l.type || "", this.editorType = l.editorType || "text", this.selectorCellValueType = l.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = l.editorProps || {}, this.cellType = f, this.align = l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed, this.level = l.level || 0, this.operation = l.operation || !1, this.column = l, this.rules = l.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = l.render, this.overflowTooltipShow = l.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = l.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = l.overflowTooltipPlacement || "top", this.renderFooter = l.renderFooter, this.hoverIconName = l.hoverIconName, this.formatter = l.formatter, this.formatterFooter = l.formatterFooter, this.update();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "", this.editorType = h.editorType || "text", this.selectorCellValueType = h.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = h.editorProps || {}, this.cellType = f, this.align = h.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = h.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = h.fixed, this.level = h.level || 0, this.operation = h.operation || !1, this.column = h, this.rules = h.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = h.render, this.overflowTooltipShow = h.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.formatterFooter = h.formatterFooter, this.update();
   }
   setWidthHeight(e, i) {
     this.width = e, this.height = i;
@@ -422,7 +422,7 @@ class xt extends Yt {
         relationRowKeys: r,
         relationColKeys: a,
         mergeRow: c = !1,
-        mergeCol: l = !1
+        mergeCol: h = !1
       } = i({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -435,7 +435,7 @@ class xt extends Yt {
         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(a) && a.length > 0 ? this.relationColKeys = a : this.relationColKeys = [this.key], this.mergeCol = l, this.mergeRow = c, 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 = c, 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() {
@@ -509,15 +509,15 @@ class xt extends Yt {
     let o, r = 0, a = "";
     if (!(["tree", "selection-tree", "tree-selection"].includes(this.type) && s === "body"))
       return;
-    const c = this.ctx.database.getRowForRowKey(i), { expand: l = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = c || {};
-    this.rowExpand = l, this.rowHasChildren = d;
+    const c = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = c || {};
+    this.rowExpand = h, this.rowHasChildren = d;
     const { TREE_INDENT: x = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: m } = this.ctx.config;
     if (r = u * x, f) {
       const R = this.ctx.icons.get("loading");
       a = "loading", o = R;
     } else if (d) {
       const R = this.ctx.icons.get("expand"), v = this.ctx.icons.get("shrink");
-      o = l ? v : R, a = l ? "shrink" : "expand";
+      o = h ? v : R, a = h ? "shrink" : "expand";
     }
     let g = m, E = m, y = this.drawX;
     (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
@@ -527,7 +527,7 @@ class xt extends Yt {
   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, c = this.drawTreeImageX + this.drawTreeImageWidth / 2, l = this.drawTreeImageY + this.drawTreeImageHeight / 2;
+    const r = this.ctx.database.getRowForRowKey(this.rowKey) || {}, a = r.level ?? 0, c = 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) {
@@ -542,7 +542,7 @@ class xt extends Yt {
           lineDashOffset: 0
         });
       }
-      const u = Math.round(this.drawTreeImageX - i + s / 2), w = !!r.isLastChild ? l : this.drawY + this.visibleHeight;
+      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,
@@ -550,7 +550,7 @@ class xt extends Yt {
         lineDashOffset: 0
       });
       const m = Math.round(d + (a - 1) * i + s / 2);
-      this.ctx.paint.drawLine([m, l, c, l], {
+      this.ctx.paint.drawLine([m, h, c, h], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -576,7 +576,7 @@ class xt extends Yt {
       READONLY_TEXT_COLOR: r,
       BODY_TEXT_COLOR: a,
       FOOTER_TEXT_COLOR: c,
-      FOOTER_BG_COLOR: l,
+      FOOTER_BG_COLOR: h,
       HIGHLIGHT_SELECTED_ROW: d,
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
       HIGHLIGHT_HOVER_ROW: u,
@@ -585,7 +585,7 @@ class xt extends Yt {
       STRIPE_COLOR: m
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let v = l, T = c;
+      let v = h, T = c;
       if (typeof o == "function") {
         const S = o, { backgroundColor: I, color: _ } = S({
           row: this.row,
@@ -622,25 +622,25 @@ class xt extends Yt {
     this.drawCellBgColor = C, this.drawTextColor = R;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: c, rowKey: l } = this;
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: c, 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(l), { CHECKBOX_SIZE: f = 0, CELL_PADDING: u } = this.ctx.config;
+    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, m = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: p } = this.ctx.config, b = this.ctx.database.getRowForRowKey(l), { level: C = 0 } = b || {}, R = C * y;
+        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: p } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, R = C * y;
         w = x + p + R;
       }
     }
     let g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck";
     if (a === "selection-tree" || a === "tree-selection") {
-      const y = this.ctx.database.getTreeSelectionState(l);
+      const y = this.ctx.database.getTreeSelectionState(h);
       y.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), E = "checkbox-indeterminate") : y.checked && d ? (g = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : !y.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
     } else {
-      const y = this.ctx.database.getRowSelection(l);
+      const y = this.ctx.database.getRowSelection(h);
       y && d ? (g = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : y && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), E = "checkbox-check-disabled") : !y && d ? (g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
     }
     w + f + u > this.drawX + this.visibleWidth || m + f + u > this.drawY + this.visibleHeight || (a === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === c || ["checkbox-disabled", "checkbox-check"].includes(E)) && (this.drawSelectionImageX = w, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = g));
@@ -650,27 +650,27 @@ class xt extends Yt {
       return;
     const { BODY_CELL_HOVER_ICON_METHOD: i, CELL_HOVER_ICON_SIZE: s, CELL_PADDING: o, ENABLE_MERGE_CELL_LINK: r } = this.ctx.config;
     if (typeof i == "function") {
-      const l = i({
+      const h = i({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       });
-      l !== void 0 && (this.hoverIconName = l);
+      h !== void 0 && (this.hoverIconName = h);
     }
     const { hoverCell: a } = this.ctx;
     if (this.hoverIconName && !this.ctx.editing && a) {
-      let c = 0, l = 0;
-      if (a.rowKey === this.rowKey && (c = this.drawX + this.width - s - o, l = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
+      let c = 0, h = 0;
+      if (a.rowKey === this.rowKey && (c = 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: m, height: g, offsetTop: E, offsetLeft: y } = f;
-          c = this.drawX - y + m - s - o, l = this.drawY - E + (g - s) / 2;
+          c = this.drawX - y + m - s - o, h = this.drawY - E + (g - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
-      this.drawHoverImageX = c, this.drawHoverImageY = l, this.drawHoverImageWidth = s, this.drawHoverImageHeight = s, this.drawHoverImageName = this.hoverIconName, this.drawHoverImageSource = d;
+      this.drawHoverImageX = c, this.drawHoverImageY = h, this.drawHoverImageWidth = s, this.drawHoverImageHeight = s, this.drawHoverImageName = this.hoverIconName, this.drawHoverImageSource = d;
     }
   }
   // 过去跨度配置
@@ -765,8 +765,8 @@ class xt extends Yt {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: o } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: r, yArr: a } = this.ctx.selector, c = r[1], l = a[1], { colIndex: d, rowIndex: f, drawX: u, drawY: x } = this;
-    if (d === c && f === l) {
+    const { xArr: r, yArr: a } = this.ctx.selector, c = r[1], h = a[1], { colIndex: d, rowIndex: f, drawX: u, drawY: x } = this;
+    if (d === c && f === h) {
       const m = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
       this.ctx.paint.drawRect(u + this.width - m, x + this.height - m, 6, 6, {
         borderColor: o,
@@ -872,11 +872,11 @@ class xt extends Yt {
       fillColor: "transparent",
       borderWidth: 1
     });
-    const [a, c] = i, [l, d] = s;
-    !(a === c && l === d) && this.colIndex >= a && this.colIndex <= c && this.rowIndex >= l && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
+    const [a, c] = i, [h, d] = s;
+    !(a === c && h === d) && this.colIndex >= a && this.colIndex <= c && 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 >= l && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
+    }), this.operation && this.rowIndex >= h && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
       borderColor: "transparent",
       fillColor: this.ctx.config.SELECT_ROW_COL_BG_COLOR || "transparent"
     });
@@ -902,11 +902,11 @@ class xt extends Yt {
   }
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: c } = this;
-    let l = i, d = s;
+    let h = i, d = s;
     const { xArr: f, yArr: u, lineDash: x = [], borderWidth: w = 1, borderColor: m, fillColor: g } = e, E = f[0], y = f[1], p = u[0], b = u[1];
     if (r >= E && r <= y && o === p) {
       const C = r === y ? 1 : 0, R = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([l + R, d + 1, l + c - C, d + 1], {
+      this.ctx.paint.drawLine([h + R, d + 1, h + c - C, d + 1], {
         borderColor: m,
         fillColor: g,
         borderWidth: w,
@@ -917,7 +917,7 @@ class xt extends Yt {
     }
     if (r === y && o >= p && o <= b) {
       const C = o === p ? 1 : 0, R = o === b ? 1 : 0;
-      this.ctx.paint.drawLine([l + c - 1, d + C, l + c - 1, d + a - R], {
+      this.ctx.paint.drawLine([h + c - 1, d + C, h + c - 1, d + a - R], {
         borderColor: m,
         fillColor: g,
         borderWidth: w,
@@ -928,7 +928,7 @@ class xt extends Yt {
     }
     if (r >= E && r <= y && o === b) {
       const C = r === y ? 1 : 0, R = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([l + R, d + a - 1, l + c - C, d + a - 1], {
+      this.ctx.paint.drawLine([h + R, d + a - 1, h + c - C, d + a - 1], {
         borderColor: m,
         fillColor: g,
         borderWidth: w,
@@ -939,7 +939,7 @@ class xt extends Yt {
     }
     if (r === E && o >= p && o <= b) {
       const C = o === b ? 1 : 0, R = o === p ? 1 : 0;
-      this.ctx.paint.drawLine([l + 1, d + R, l + 1, d + a - C], {
+      this.ctx.paint.drawLine([h + 1, d + R, h + 1, d + a - C], {
         borderColor: m,
         fillColor: g,
         borderWidth: w,
@@ -1011,9 +1011,9 @@ class ue {
     const s = t.length;
     t.forEach((o, r) => {
       var y;
-      const { ROW_KEY: a = "", DEFAULT_EXPAND_ALL: c, CELL_HEIGHT: l, SELECTABLE_METHOD: d, CHECKBOX_KEY: f } = this.ctx.config, u = o[a], x = u != null ? `${u}` : Mt();
+      const { ROW_KEY: a = "", DEFAULT_EXPAND_ALL: c, CELL_HEIGHT: h, SELECTABLE_METHOD: d, CHECKBOX_KEY: f } = this.ctx.config, u = o[a], x = u != null ? `${u}` : Mt();
       this.itemRowKeyMap.set(o, x);
-      const w = o._height || l, m = o._readonly;
+      const w = o._height || h, m = o._readonly;
       let g = !0;
       if (typeof d == "function" && (g = d), f) {
         const p = o[f];
@@ -1107,12 +1107,12 @@ class ue {
     const i = (o) => {
       o.forEach((r) => {
         t.push(r);
-        const a = this.itemRowKeyMap.get(r), { expand: c, hasChildren: l, height: d } = this.rowKeyMap.get(a), f = this.sumHeight;
+        const a = this.itemRowKeyMap.get(r), { expand: c, 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, c && l && i(r.children);
+        }), e += 1, c && h && i(r.children);
       });
     };
     this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear();
@@ -1190,17 +1190,17 @@ class ue {
   applySingleColumnSort(t, e, i, s) {
     return t.sort((o, r) => {
       const a = o[e], c = r[e];
-      let l = 0;
+      let h = 0;
       if (typeof s == "function")
-        l = s(o, r);
+        h = s(o, r);
       else if (s === "number") {
         const d = Number(a) || 0, f = Number(c) || 0;
-        l = d - f;
+        h = d - f;
       } else if (s === "string") {
         const d = String(a || ""), f = String(c || "");
-        l = d.localeCompare(f);
-      } else s === "date" && (l = xe(a, c));
-      return i === "asc" ? l : -l;
+        h = d.localeCompare(f);
+      } else s === "date" && (h = xe(a, c));
+      return i === "asc" ? h : -h;
     });
   }
   /**
@@ -1312,7 +1312,7 @@ class ue {
   async batchSetItemValue(t, e = !1, i = !0, s = "none") {
     let o = [], r = i;
     const a = /* @__PURE__ */ new Set();
-    let c = [], l = t.map((x) => {
+    let c = [], h = t.map((x) => {
       const { rowKey: w, key: m } = x;
       let g = x.value, E = g;
       const y = this.getRowDataItemForRowKey(w), p = this.getItemValue(w, m), b = this.getVirtualBodyCellByKey(w, m);
@@ -1328,7 +1328,7 @@ class ue {
         row: y
       };
     });
-    if (l = l.filter((x) => !c.some((w) => x.rowKey === w.rowKey && x.key === w.key)), c.length) {
+    if (h = h.filter((x) => !c.some((w) => x.rowKey === w.rowKey && x.key === w.key)), c.length) {
       const x = {
         code: "ERR_BATCH_SET_NUMBER_VALUE",
         message: "Assignment failed, not a numeric type",
@@ -1336,10 +1336,10 @@ class ue {
       };
       this.ctx.emit("error", x);
     }
-    if (l = l.filter((x) => x.oldValue !== x.value), !l.length)
+    if (h = h.filter((x) => x.oldValue !== x.value), !h.length)
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
-    s === "none" && typeof d == "function" && (l = await d(l), r = !1), l.forEach((x) => {
+    s === "none" && typeof d == "function" && (h = await d(h), r = !1), h.forEach((x) => {
       const { value: w, rowKey: m, key: g } = x, E = this.getItemValue(m, g);
       a.add(m), this.setItemValue(m, g, w, !1, !1, !1, r), o.push({
         rowKey: m,
@@ -1352,10 +1352,10 @@ class ue {
     a.forEach((x) => {
       f.push(this.ctx.database.getRowDataItemForRowKey(x));
     });
-    const u = l.map(({ rowKey: x, key: w }) => this.getValidator(x, w));
+    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", l, f), e && this.ctx.history.pushState({
+    }), this.ctx.emit("change", h, f), e && this.ctx.history.pushState({
       changeList: o,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
@@ -1377,15 +1377,15 @@ class ue {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: c } = this.rowKeyMap.get(t);
-    let l = c[e], d = i;
+    let h = c[e], d = i;
     if (a && this.ctx.database.getReadonly(t, e))
       return {
-        oldValue: l,
-        newValue: l
+        oldValue: h,
+        newValue: h
       };
-    c[e] !== null && typeof c[e] == "object" && (l = JSON.parse(JSON.stringify(c[e])));
+    c[e] !== null && typeof c[e] == "object" && (h = JSON.parse(JSON.stringify(c[e])));
     const f = `${t}​_${e}`;
-    this.originalDataMap.has(f) || this.originalDataMap.set(f, l);
+    this.originalDataMap.has(f) || this.originalDataMap.set(f, h);
     const u = this.originalDataMap.get(f), x = this.getRowDataItemForRowKey(t);
     if (r) {
       const w = this.getVirtualBodyCellByKey(t, e);
@@ -1395,7 +1395,7 @@ class ue {
         else if (/^-?\d+(\.\d+)?$/.test(`${i}`))
           d = Number(i);
         else {
-          d = l;
+          d = h;
           const g = {
             code: "ERR_SET_NUMBER_VALUE",
             message: "Assignment failed, not a numeric type",
@@ -1404,31 +1404,31 @@ class ue {
                 rowKey: t,
                 key: e,
                 value: d,
-                oldValue: l,
+                oldValue: h,
                 row: x
               }
             ]
           };
           this.ctx.emit("error", g);
         }
-      if (d === l)
+      if (d === h)
         return {
-          oldValue: l,
-          newValue: l
+          oldValue: h,
+          newValue: h
         };
       let m = [
         {
           rowKey: t,
           key: e,
           value: d,
-          oldValue: l,
+          oldValue: h,
           row: x
         }
       ];
       this.batchSetItemValue(m, s, !1), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
-        oldValue: l,
+        oldValue: h,
         value: d,
         originalValue: u,
         row: x
@@ -1438,12 +1438,12 @@ class ue {
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
-      oldValue: l,
+      oldValue: h,
       value: d,
       originalValue: this.originalDataMap.get(f),
       row: x
     }), o && this.ctx.emit("draw"), {
-      oldValue: l,
+      oldValue: h,
       newValue: d
     };
   }
@@ -1517,7 +1517,7 @@ class ue {
     const e = this.getTreeParent(t);
     if (!e)
       return;
-    const s = this.getTreeChildren(e).map((l) => this.selectionMap.get(l)), o = s.filter((l) => l == null ? void 0 : l.check).length, r = s.length;
+    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 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 c = this.selectionMap.get(e);
@@ -1554,22 +1554,22 @@ class ue {
       return { checked: s, indeterminate: !1 };
     let r = !1, a = s;
     if (this.ctx.config.TREE_SELECT_MODE === "auto") {
-      const l = (g) => {
+      const h = (g) => {
         const E = this.getTreeChildren(g);
         let y = [];
         for (const p of E)
-          y.push(p), y.push(...l(p));
+          y.push(p), y.push(...h(p));
         return y;
-      }, f = l(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0;
+      }, 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 l = (g) => {
+      const h = (g) => {
         const E = this.getTreeChildren(g);
         let y = [];
         for (const p of E)
-          y.push(p), y.push(...l(p));
+          y.push(p), y.push(...h(p));
         return y;
-      }, f = l(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0, m = u === x;
+      }, 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, m = u === x;
       r = w && !m, a = s || m, 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 };
@@ -1596,9 +1596,9 @@ class ue {
           for (const a of o.children) {
             if (this.getRowKeyByItem(a) === s)
               return r;
-            const l = e(o.children, s);
-            if (l)
-              return l;
+            const h = e(o.children, s);
+            if (h)
+              return h;
           }
       }
       return null;
@@ -1681,15 +1681,15 @@ class ue {
         rowIndex: u.rowIndex
       })), w && (o += 1);
     });
-    const c = r > i && s === 0 && a, l = o && o > s && s > 0 || c, d = o !== 0, f = !!o && o === s;
+    const c = r > i && s === 0 && a, h = o && o > s && s > 0 || c, d = o !== 0, f = !!o && o === s;
     return this.bufferCheckState = {
       buffer: !0,
       check: f,
-      indeterminate: l,
+      indeterminate: h,
       selectable: d
     }, {
       check: f,
-      indeterminate: l,
+      indeterminate: h,
       selectable: d
     };
   }
@@ -1818,7 +1818,7 @@ class ue {
         d && (c = d);
       }
       if (c) {
-        const l = {
+        const h = {
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: o.colIndex,
@@ -1828,7 +1828,7 @@ class ue {
           value: this.getItemValue(t, e),
           field: e,
           fieldValue: this.getItemValue(t, e)
-        }, f = new re(c).validate(l);
+        }, f = new re(c).validate(h);
         this.setValidationError(t, e, f), i(f);
       } else
         this.clearValidationError(t, e), i([]);
@@ -1851,7 +1851,7 @@ class ue {
       value: r,
       colIndex: a,
       relationRowKeys: c,
-      relationColKeys: l,
+      relationColKeys: h,
       rowspan: d,
       height: f,
       width: u,
@@ -1928,7 +1928,7 @@ class ue {
         if (!I)
           break;
         const _ = this.getItemValue(s, i), O = this.getItemValue(s, I.key);
-        if (_ === O && l.includes(I.key))
+        if (_ === O && h.includes(I.key))
           y = S;
         else
           break;
@@ -1938,7 +1938,7 @@ class ue {
         if (!I)
           break;
         const _ = this.getItemValue(s, i), O = this.getItemValue(s, I.key);
-        if (_ === O && l.includes(I.key))
+        if (_ === O && h.includes(I.key))
           p = S;
         else
           break;
@@ -1983,7 +1983,7 @@ class ue {
     const s = this.rowIndexRowKeyMap.get(t), o = `${s}​_${e}`, r = this.getRowForRowIndex(t), a = this.getColumnByKey(e);
     if (!s || !a || !r)
       return;
-    const c = this.getItemValue(s, e), l = [
+    const c = this.getItemValue(s, e), h = [
       {
         key: e,
         rowKey: s,
@@ -1997,7 +1997,7 @@ class ue {
         fieldValue: c
       }
     ];
-    this.validationErrorMap.set(o, l);
+    this.validationErrorMap.set(o, h);
   }
   setValidationError(t, e, i) {
     const s = `${t}​_${e}`;
@@ -2257,21 +2257,21 @@ class Ee {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, o) {
-    const { fillColor: r, side: a, shadowWidth: c, colorStart: l, colorEnd: d } = o;
+    const { fillColor: r, side: a, shadowWidth: c, colorStart: h, colorEnd: d } = o;
     this.ctx.save(), r && (this.ctx.fillStyle = r, this.ctx.fillRect(t, e, i, s));
     let f;
     switch (a) {
       case "left":
-        f = this.ctx.createLinearGradient(t - c, e, t, e), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - c, e, c, s);
+        f = this.ctx.createLinearGradient(t - c, e, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - c, e, c, s);
         break;
       case "right":
-        f = this.ctx.createLinearGradient(t + i, e, t + i + c, e), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, c, s);
+        f = this.ctx.createLinearGradient(t + i, e, t + i + c, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, c, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - c, t, e), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - c, i, c);
+        f = this.ctx.createLinearGradient(t, e - c, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - c, i, c);
         break;
       case "bottom":
-        f = this.ctx.createLinearGradient(t, e + s, t, e + s + c), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, c);
+        f = this.ctx.createLinearGradient(t, e + s, t, e + s + c), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, c);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -2296,8 +2296,8 @@ class Ee {
     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), c === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [l, d, f, u] = typeof c == "number" ? [c, c, c, c] : c;
-      this.ctx.moveTo(t + l, 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 + l, e, l);
+      const [h, d, f, u] = typeof c == "number" ? [c, c, c, c] : c;
+      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);
     }
     a !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -2316,11 +2316,11 @@ class Ee {
     const {
       font: a = "12px Arial",
       align: c = "center",
-      color: l = "#495060",
+      color: h = "#495060",
       padding: d = 0,
       verticalAlign: f = "middle"
     } = r;
-    this.ctx.font = a, this.ctx.fillStyle = l, this.ctx.textBaseline = f, this.ctx.textAlign = c;
+    this.ctx.font = a, this.ctx.fillStyle = h, this.ctx.textBaseline = f, this.ctx.textAlign = c;
     let u = 0;
     f === "top" ? u = i + d : f === "bottom" ? u = i + o - d : u = i + (o + 1) / 2;
     let x = 0;
@@ -2344,9 +2344,9 @@ class Ee {
     const c = this.ctx.measureText(t).width;
     if (c && c + a >= e - i * 2) {
       o = !0;
-      let l = 0;
+      let h = 0;
       for (let d = 0; d < t.length; d++)
-        if (l += this.ctx.measureText(t[d]).width, l >= e - i * 2 - a) {
+        if (h += this.ctx.measureText(t[d]).width, h >= e - i * 2 - a) {
           r = t.slice(0, d) + "...";
           break;
         }
@@ -2791,22 +2791,22 @@ class Ce {
   }
   async createImageFromSVG(t, e, i = !1) {
     const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && r.querySelectorAll("*").forEach((l) => {
-      const d = l.getAttribute("fill");
-      (d === "currentColor" || d === null) && l.setAttribute("fill", e);
+    e && r.querySelectorAll("*").forEach((h) => {
+      const d = h.getAttribute("fill");
+      (d === "currentColor" || d === null) && h.setAttribute("fill", e);
     });
     const a = new Image();
     let c = "";
     if (i) {
-      const l = new Blob([new XMLSerializer().serializeToString(r)], {
+      const h = new Blob([new XMLSerializer().serializeToString(r)], {
         type: "image/svg+xml"
       });
-      c = URL.createObjectURL(l);
+      c = URL.createObjectURL(h);
     } else
       c = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(r));
-    return a.src = c, new Promise((l, d) => {
+    return a.src = c, new Promise((h, d) => {
       a.onerror = () => d(new Error("Failed to load image:" + t)), a.onload = () => {
-        l(a);
+        h(a);
       };
     });
   }
@@ -2814,7 +2814,7 @@ class Ce {
     return this.icons.get(t);
   }
 }
-class lt extends Yt {
+class ht extends Yt {
   constructor(e, i, s, o, r, a, c) {
     super(e, s, o, r, a, "header", c.fixed);
     n(this, "align");
@@ -2892,11 +2892,11 @@ class lt extends Yt {
     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 a = e, { backgroundColor: c, color: l } = a({
+      const a = e, { backgroundColor: c, color: h } = a({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      c && (o = c), l && (r = l);
+      c && (o = c), h && (r = h);
     }
     this.drawCellBgColor = o, this.drawTextColor = r;
   }
@@ -2959,8 +2959,8 @@ class lt extends Yt {
       const { indeterminate: e, check: i, selectable: s } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: o = 0, CELL_PADDING: r } = this.ctx.config;
       let a = this.drawX + (this.width - o) / 2, c = this.drawY + (this.height - o) / 2;
       this.drawTextX = a + o - r / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX, (this.align === "left" || this.align === "right") && (a = this.drawX + r, this.drawTextX = a + o - r / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX), this.verticalAlign === "top" ? c = this.drawY + r / 2 : this.verticalAlign === "bottom" && (c = this.drawY + this.height - o - r / 2);
-      let l = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck";
-      e ? (l = this.ctx.icons.get("checkbox-indeterminate"), d = "checkbox-indeterminate") : i && s ? (l = this.ctx.icons.get("checkbox-check"), d = "checkbox-check") : i && !s ? (l = this.ctx.icons.get("checkbox-check-disabled"), d = "checkbox-check-disabled") : !i && s ? (l = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck") : (l = this.ctx.icons.get("checkbox-disabled"), d = "checkbox-disabled"), l && (this.drawSelectionImageX = a, this.drawSelectionImageY = c, this.drawSelectionImageWidth = o, this.drawSelectionImageHeight = o, this.drawSelectionImageName = d, this.drawSelectionImageSource = l, this.ctx.paint.drawImage(
+      let h = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck";
+      e ? (h = this.ctx.icons.get("checkbox-indeterminate"), d = "checkbox-indeterminate") : i && s ? (h = this.ctx.icons.get("checkbox-check"), d = "checkbox-check") : i && !s ? (h = this.ctx.icons.get("checkbox-check-disabled"), d = "checkbox-check-disabled") : !i && s ? (h = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck") : (h = this.ctx.icons.get("checkbox-disabled"), d = "checkbox-disabled"), h && (this.drawSelectionImageX = a, this.drawSelectionImageY = c, this.drawSelectionImageWidth = o, this.drawSelectionImageHeight = o, this.drawSelectionImageName = d, this.drawSelectionImageSource = h, this.ctx.paint.drawImage(
         this.drawSelectionImageSource,
         this.drawSelectionImageX,
         this.drawSelectionImageY,
@@ -2979,7 +2979,7 @@ class lt extends Yt {
     const a = this.ctx.icons.get(o);
     if (!a)
       return;
-    let c = 0, l = this.drawY + (this.height - i) / 2;
+    let c = 0, h = this.drawY + (this.height - i) / 2;
     if (this.align === "left") {
       const d = this.ctx.paint.measureTextWidth(this.displayText, this.ctx.config.HEADER_FONT);
       c = this.drawX + e + d + s;
@@ -2987,7 +2987,7 @@ class lt extends Yt {
       const d = this.ctx.paint.measureTextWidth(this.displayText, this.ctx.config.HEADER_FONT);
       c = this.drawX + this.width / 2 - d / 2 + d + s;
     } else this.align === "right" && (c = this.drawX + this.width - e - i);
-    this.drawSortImageX = c, this.drawSortImageY = l, this.drawSortImageWidth = i, this.drawSortImageHeight = i, this.drawSortImageName = o, this.drawSortImageSource = a, this.ctx.paint.drawImage(
+    this.drawSortImageX = c, this.drawSortImageY = h, this.drawSortImageWidth = i, this.drawSortImageHeight = i, this.drawSortImageName = o, this.drawSortImageSource = a, this.ctx.paint.drawImage(
       this.drawSortImageSource,
       this.drawSortImageX,
       this.drawSortImageY,
@@ -3048,9 +3048,23 @@ class be {
       const e = this.ctx.getOffset(t).offsetY, i = this.ctx.getOffset(t).offsetX;
       this.handleHeaderEvent(i, e, this.ctx.header.renderCellHeaders, (s) => {
         this.ctx.clickCellHeader = s, this.ctx.emit("cellHeaderClick", s, t), this.selectionClick(s, t), this.sortClick(s, t);
-      }), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
-        this.ctx.clickCell = s, this.ctx.emit("cellClick", s, t), this.selectionClick(s, t), this.treeClick(s, t), this.hoverIconClick(s);
-      });
+      }), this.handleBodyEvent(
+        i,
+        e,
+        this.ctx.body.renderRows,
+        (s) => {
+          this.ctx.clickCell = s, this.ctx.emit("cellClick", s, t), this.selectionClick(s, t), this.treeClick(s, t);
+        },
+        !0
+      ), this.handleBodyEvent(
+        i,
+        e,
+        this.ctx.body.renderRows,
+        (s) => {
+          this.hoverIconClick(s);
+        },
+        !1
+      );
     }), this.ctx.on("dblclick", (t) => {
       if (t.button !== 0 || this.isBusy(t))
         return;
@@ -3083,7 +3097,7 @@ class be {
         e,
         this.ctx.body.renderRows,
         (s) => {
-          this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.hoverCellHeader = void 0, this.ctx.emit("visibleCellHoverChange", s, t));
+          this.imageEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.hoverCellHeader = void 0, this.ctx.emit("visibleCellHoverChange", s, t));
         },
         !0
       ), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
@@ -3111,7 +3125,7 @@ class be {
       t.drawSelectionImageWidth,
       t.drawSelectionImageHeight
     ))
-      if (t instanceof lt)
+      if (t instanceof ht)
         t.drawSelectionImageName === "checkbox-uncheck" || t.drawSelectionImageName === "checkbox-indeterminate" ? this.ctx.database.toggleAllSelection() : t.drawSelectionImageName === "checkbox-check" && this.ctx.database.clearSelection(!0);
       else {
         if (!this.ctx.database.getRowSelectable(t.rowKey))
@@ -3136,8 +3150,8 @@ class be {
       t.drawTreeImageHeight
     ))
       return;
-    const c = this.ctx.database.getRowForRowKey(t.rowKey), { expand: l = !1, expandLazy: d = !1 } = c || {}, { EXPAND_LAZY: f, EXPAND_LAZY_METHOD: u } = this.ctx.config;
-    if (f && u && !l && !d)
+    const c = this.ctx.database.getRowForRowKey(t.rowKey), { expand: h = !1, expandLazy: d = !1 } = c || {}, { 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,
@@ -3176,7 +3190,7 @@ class be {
    */
   imageEnterAndLeave(t, e) {
     const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s;
-    if (t instanceof lt) {
+    if (t instanceof ht) {
       if (t.drawSelectionImageSource && this.isInsideElement(
         r,
         o,
@@ -3251,13 +3265,13 @@ class be {
       for (const r of i) {
         const a = r.fixedCells.concat(r.noFixedCells);
         for (const c of a) {
-          const l = c.getDrawX(), d = c.getDrawY();
+          const h = c.getDrawX(), d = c.getDrawY();
           if (o) {
-            if (t > l && t < l + c.visibleWidth && e > d && e < d + c.visibleHeight) {
+            if (t > h && t < h + c.visibleWidth && e > d && e < d + c.visibleHeight) {
               s(c);
               return;
             }
-          } else if (t > l && t < l + c.width && e > d && e < d + c.height) {
+          } else if (t > h && t < h + c.width && e > d && e < d + c.height) {
             s(c);
             return;
           }
@@ -3398,9 +3412,9 @@ class Ie {
       overlayerElement: r,
       editorElement: a,
       emptyElement: c,
-      contextMenuElement: l
+      contextMenuElement: h
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = c, this.contextMenuElement = l, this.config = new It(e.config || {}), this.eventBus = new me(), this.eventBrowser = new we(this), this.eventTable = new be(this), this.paint = new Ee(this.canvasElement), this.database = new ue(this, e), this.history = new ge(this), this.icons = new Ce(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = c, this.contextMenuElement = h, this.config = new It(e.config || {}), this.eventBus = new me(), this.eventBrowser = new we(this), this.eventTable = new be(this), this.paint = new Ee(this.canvasElement), this.database = new ue(this, e), this.history = new ge(this), this.icons = new Ce(this);
   }
   setConfig(t) {
     this.config = new It(t);
@@ -3409,8 +3423,8 @@ class Ie {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
       const a = this.database.getVirtualBodyCellByKey(t, e);
       if (a && (a.mergeRow || a.mergeCol)) {
-        const { dataList: c } = a.getSpanInfo(), l = c.map((d) => ({ ...d, value: i }));
-        this.database.batchSetItemValue(l, s, r);
+        const { dataList: c } = a.getSpanInfo(), h = c.map((d) => ({ ...d, value: i }));
+        this.database.batchSetItemValue(h, s, r);
         return;
       }
     }
@@ -3424,7 +3438,7 @@ class Ie {
         if (r === void 0 || a === void 0) return;
         const c = this.database.getVirtualBodyCell(r, a);
         if (c) {
-          const { dataList: l } = c.getSpanInfo(), d = l.map((f) => ({ ...f, value: o.value }));
+          const { dataList: h } = c.getSpanInfo(), d = h.map((f) => ({ ...f, value: o.value }));
           s.push(...d);
         }
       }), this.database.batchSetItemValue(s, e, i);
@@ -3469,7 +3483,7 @@ class Ie {
     for (let o = 0; o <= e[1] - e[0]; o++) {
       const r = [];
       for (let a = 0; a <= i[1] - i[0]; a++) {
-        const c = o + e[0], l = a + i[0], d = this.database.getVirtualBodyCell(c, l);
+        const c = o + e[0], h = a + i[0], d = this.database.getVirtualBodyCell(c, h);
         d && (d.selectorCellValueType === "displayText" ? r.push(d.displayText) : r.push(d.getValue()));
       }
       s += `${r.join("	")}\r`, t.push(r);
@@ -3617,21 +3631,21 @@ class St {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: o = 0, SCROLLER_SIZE: r = 0, BORDER: a }
-    } = this.ctx, c = s, l = i, d = e.height, f = e.width, u = t.height, x = this.ctx.footer.height;
+    } = this.ctx, c = s, h = i, d = e.height, f = e.width, u = t.height, x = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = l - o - d, this.distance = u - this.visibleDistance + x, this.trackX = c - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = l, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
+      this.visibleDistance = h - o - d, this.distance = u - this.visibleDistance + x, this.trackX = c - 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 m = Math.floor(w * this.visibleDistance);
       m < 30 ? m = 30 : m > this.visibleDistance && (m = 0), this.barHeight = m, 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 = c - o, this.distance = f - this.visibleDistance, this.splitPoints = [
         c - o,
-        l - o,
+        h - o,
         c - o,
-        l
+        h
       ];
       const w = a ? 0 : 0.5;
-      this.trackX = 0, this.trackY = l - o + w, this.trackWidth = c, this.trackHeight = o;
+      this.trackX = 0, this.trackY = h - o + w, this.trackWidth = c, this.trackHeight = o;
       const m = this.distance ? this.visibleDistance / f : 0;
       let g = Math.floor(m * 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));
@@ -3785,8 +3799,8 @@ class Se {
       const f = Math.floor(c / this.resizeNum * 100) / 100;
       this.resizeAllColumn(f);
     }
-    const l = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = l.reduce((f, u) => f + u.width, 0);
+    const h = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
+    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, 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;
   }
@@ -3819,8 +3833,8 @@ class Se {
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
         const o = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
         for (const r of o) {
-          const { offsetX: a, offsetY: c } = this.ctx.getOffset(e), l = a, d = r.getDrawX();
-          l > d + r.width - 5 && l < d + r.width + 4 && l < i - 4 && // 视窗中最后一列不允许调整宽
+          const { offsetX: a, offsetY: c } = 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) && c <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = r);
         }
       }
@@ -3875,10 +3889,10 @@ class Se {
     let s = e;
     const { HEADER_HEIGHT: o = 0 } = this.ctx.config;
     for (let r = 0; r < i; r++) {
-      const a = t[r], c = o * (a.rowspan || 0), l = o * (a.level || 0);
+      const a = t[r], c = 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 = et(a.children).reduce((m, g) => m + ((g == null ? void 0 : g.width) || 100), 0));
-      const x = new lt(this.ctx, this.columnIndex, s, l, u, c, a);
+      const x = new ht(this.ctx, this.columnIndex, s, h, u, c, 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;
     }
   }
@@ -4045,7 +4059,7 @@ class ve {
         SCROLLER_TRACK_SIZE: r = 0,
         HEIGHT: a,
         EMPTY_BODY_HEIGHT: c = 0,
-        MAX_HEIGHT: l = 0,
+        MAX_HEIGHT: h = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
         FOOTER_POSITION: u
@@ -4064,8 +4078,8 @@ class ve {
     const y = window.innerHeight, { top: p } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
     if (y > p && d && !a) {
       const O = y - p - f;
-      O > e.height + r ? E = O : g > l && (E = l);
-    } else this.data.length && a ? E = a : this.data.length && l && g > l && (E = l);
+      O > e.height + r ? E = O : g > h && (E = h);
+    } else this.data.length && a ? E = a : this.data.length && h && g > h && (E = h);
     E > 0 && (this.ctx.stageHeight = Math.floor(E), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
     let b = this.ctx.stageHeight - e.height - r;
     o ? this.visibleHeight = b - m : 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;
@@ -4103,7 +4117,7 @@ class ve {
       if (this.ctx.editing) return;
       const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s, a = e.clientY, {
         stageHeight: c,
-        scrollY: l,
+        scrollY: h,
         config: { RESIZE_ROW_MIN_HEIGHT: d = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
@@ -4122,7 +4136,7 @@ class ve {
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let f = 0; f < this.renderRows.length; f++) {
           const u = this.renderRows[f];
-          if (o > u.y - l + u.height - 1.5 && o < u.y - l + u.height + 1.5 && o < c - 4)
+          if (o > u.y - h + u.height - 1.5 && o < u.y - h + u.height + 1.5 && o < c - 4)
             for (let w = 0; w < u.cells.length; w++) {
               const m = u.cells[w];
               r > m.drawX + 10 && r < m.drawX + m.width - 10 && m.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = u);
@@ -4200,12 +4214,12 @@ class ve {
       config: { CELL_HEIGHT: s }
     } = this.ctx, o = i, { data: r, positions: a } = e.getData();
     this.ctx.maxRowIndex = r.length - 1;
-    let c = this.binarySearch(a, o), l = this.binarySearch(a, o + this.visibleHeight);
-    if (l === -1 && (l = this.ctx.maxRowIndex), c === -1 && l === this.ctx.maxRowIndex) {
+    let c = this.binarySearch(a, o), h = this.binarySearch(a, o + this.visibleHeight);
+    if (h === -1 && (h = this.ctx.maxRowIndex), c === -1 && h === this.ctx.maxRowIndex) {
       const f = Math.floor(this.visibleHeight / s);
       c = this.ctx.maxRowIndex - f;
     }
-    this.headIndex = Math.max(0, c), this.tailIndex = Math.min(this.ctx.maxRowIndex, l + 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, c), 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 u = this.headIndex + f, x = this.visibleRows[f], { height: w, top: m } = this.ctx.database.getPositionForRowIndex(u), g = new Bt(this.ctx, u, 0, m + this.y, t.width, w, x);
@@ -4264,8 +4278,8 @@ class _e {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - o - 1) && e !== a) {
-      const l = s.width - (this.x + this.width) + o - e;
-      this.ctx.paint.drawShadow(l, c, e, this.height, {
+      const h = s.width - (this.x + this.width) + o - e;
+      this.ctx.paint.drawShadow(h, c, e, this.height, {
         fillColor: r,
         side: "left",
         shadowWidth: 4,
@@ -4424,11 +4438,11 @@ class Te {
       const {
         SELECTOR_AREA_MIN_X: a,
         SELECTOR_AREA_MAX_X: c,
-        SELECTOR_AREA_MIN_Y: l,
+        SELECTOR_AREA_MIN_Y: h,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, x = a, w = c || this.ctx.maxColIndex - f, m = l, g = d || this.ctx.maxRowIndex - u;
+      } = this.ctx.config, x = a, w = c || this.ctx.maxColIndex - f, m = h, g = d || this.ctx.maxRowIndex - u;
       let [E, y] = o, [p, b] = r;
       if (E < x || y > w || p < m || b > g)
         return;
@@ -4460,7 +4474,7 @@ class Te {
         const E = m + e[0], y = g + t[0], p = this.ctx.database.getVirtualBodyCell(E, y);
         p && ((E === i || E === s) && a.push(p), (y === o || y === r) && c.push(p));
       }
-    const l = a.reduce(
+    const h = a.reduce(
       (m, g) => {
         const { yArr: E } = g.getSpanInfo(), [y, p] = E;
         return m.minY = Math.min(m.minY, y), m.maxY = Math.max(m.maxY, p), m;
@@ -4478,9 +4492,9 @@ class Te {
         minX: o,
         maxX: r
       }
-    ), f = [d.minX, d.maxX], u = [l.minY, l.maxY];
+    ), f = [d.minX, d.maxX], u = [h.minY, h.maxY];
     let x = !1;
-    if (d.minX !== d.maxX || l.minY !== l.maxY) {
+    if (d.minX !== d.maxX || h.minY !== h.maxY) {
       const m = 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)) === m;
     }
@@ -4501,11 +4515,11 @@ class Te {
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
       const { colIndex: a } = this.ctx.focusCellHeader;
       if (this.ctx.clearSelector(), t.colIndex >= a) {
-        const c = [a, t.colIndex + t.colspan - 1], l = [o, r];
-        this.setSelector(c, l);
+        const c = [a, t.colIndex + t.colspan - 1], h = [o, r];
+        this.setSelector(c, h);
       } else {
-        const c = [t.colIndex, a], l = [o, r];
-        this.setSelector(c, l);
+        const c = [t.colIndex, a], h = [o, r];
+        this.setSelector(c, h);
       }
     } else {
       const a = [t.colIndex, t.colIndex + t.colspan - 1], c = [o, r];
@@ -4524,7 +4538,7 @@ class Te {
         SELECTOR_AREA_MAX_Y: r,
         SELECTOR_AREA_MAX_X_OFFSET: a,
         SELECTOR_AREA_MAX_Y_OFFSET: c
-      } = this.ctx.config, l = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - c, x = [l, d], w = [f, u];
+      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - c, x = [h, d], w = [f, u];
       this.setSelector(x, w);
     }
   }
@@ -4534,17 +4548,17 @@ class Te {
     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 c = [a, r], l = [t.rowIndex, t.rowIndex];
-      this.setSelector(c, l);
+      const c = [a, r], h = [t.rowIndex, t.rowIndex];
+      this.setSelector(c, h);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
       const { rowIndex: c } = this.ctx.focusCell;
       if (t.rowIndex >= c) {
-        const l = [a, r], d = [c, t.rowIndex];
-        this.setSelector(l, d);
+        const h = [a, r], d = [c, t.rowIndex];
+        this.setSelector(h, d);
       } else {
-        const l = [a, r], d = [t.rowIndex, c];
-        this.setSelector(l, d);
+        const h = [a, r], d = [t.rowIndex, c];
+        this.setSelector(h, d);
       }
     }
   }
@@ -4553,7 +4567,7 @@ class Te {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), a = Math.max(i.colIndex, o), c = Math.min(i.rowIndex, s), l = Math.max(i.rowIndex, s), d = [r, a], f = [c, l];
+      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), a = Math.max(i.colIndex, o), c = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), d = [r, a], f = [c, h];
       this.setSelector(d, f);
     }
   }
@@ -4563,7 +4577,7 @@ class Te {
       if (this.ctx.selector.enable = !0, i && t) {
         if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
           return;
-        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, c = Math.min(r, s), l = Math.max(r, s), d = Math.min(a, o), f = Math.max(a, o), u = [c, l], x = [d, f];
+        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, c = Math.min(r, s), h = Math.max(r, s), d = Math.min(a, o), f = Math.max(a, o), u = [c, h], x = [d, f];
         this.setSelector(u, x);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -4616,7 +4630,7 @@ class Te {
         return;
       t = a.data;
     }
-    const o = le(t);
+    const o = he(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,
@@ -4629,8 +4643,8 @@ class Te {
     let o = [];
     const r = /* @__PURE__ */ new Set();
     for (let c = 0; c <= e[1] - e[0]; c++)
-      for (let l = 0; l <= t[1] - t[0]; l++) {
-        const d = c + e[0], f = l + t[0], u = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
+      for (let h = 0; h <= t[1] - t[0]; h++) {
+        const d = c + 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({
@@ -4662,11 +4676,11 @@ class Te {
       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 = ce(o);
-        const a = [i, i + r[0].length - 1], c = [e, e + r.length - 1], [l, d] = c, [f, u] = a, x = d - this.ctx.maxRowIndex, w = u - this.ctx.maxColIndex;
+        const a = [i, i + r[0].length - 1], c = [e, e + r.length - 1], [h, d] = c, [f, u] = a, x = d - this.ctx.maxRowIndex, w = u - this.ctx.maxColIndex;
         (x > 0 || w > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
           maxX: u,
-          minY: l,
+          minY: h,
           minX: f,
           overflowRowCount: x,
           overflowColCount: w,
@@ -4761,8 +4775,8 @@ class Te {
         s < c && s++;
         break;
     }
-    const l = [i, i], d = [s, s], f = this.getCell(s, i);
-    f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(l, d), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", f), this.ctx.emit("draw")));
+    const h = [i, i], d = [s, s], f = this.getCell(s, i);
+    f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(h, d), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", f), this.ctx.emit("draw")));
   }
   stopAdjustPosition() {
     this.adjustPositionX = "", this.adjustPositionY = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerY && (clearInterval(this.timerY), this.timerY = 0);
@@ -4776,8 +4790,8 @@ class Te {
       SELECTOR_AREA_MAX_Y: r,
       SELECTOR_AREA_MAX_X_OFFSET: a,
       SELECTOR_AREA_MAX_Y_OFFSET: c
-    } = this.ctx.config, l = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - c;
-    return !(e < l || e > d || t < f || t > u);
+    } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - c;
+    return !(e < h || e > d || t < f || t > u);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -4790,8 +4804,8 @@ class Te {
       let a = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
         a *= 1.5;
-        const { scrollX: c } = this.ctx, l = c + a;
-        (l < 0 || l > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(l);
+        const { scrollX: c } = this.ctx, h = c + a;
+        (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
       }, 100);
     }
     if (o && this.adjustPositionY !== o) {
@@ -4799,8 +4813,8 @@ class Te {
       let a = 10 * (o === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         a *= 1.5;
-        const { scrollY: c } = this.ctx, l = c + a;
-        (l < 0 || l > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(l);
+        const { scrollY: c } = this.ctx, h = c + a;
+        (h < 0 || h > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(h);
       }, 100);
     }
   }
@@ -4817,7 +4831,7 @@ class Te {
       header: r,
       footer: a,
       body: c,
-      scrollX: l,
+      scrollX: h,
       scrollY: d,
       config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: u, FOOTER_POSITION: x, ENABLE_MERGE_CELL_LINK: w }
     } = this.ctx;
@@ -4830,8 +4844,8 @@ class Te {
     let T = 0;
     u && (x === "top" ? R = r.height + a.height - g : T = a.visibleHeight);
     const S = g + v - (t - T - f);
-    let I = l, _ = d;
-    C > 0 && !p ? I = Math.floor(l + C) : b > 0 && !p && (I = Math.floor(l - b)), R > 0 ? _ = Math.floor(d - R) : S > 0 && (_ = Math.floor(d + S)), (Math.abs(l - I) > 2 || Math.abs(d - _) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(I, _), this.ctx.emit("adjustBoundaryPosition", i));
+    let I = h, _ = d;
+    C > 0 && !p ? I = Math.floor(h + C) : b > 0 && !p && (I = Math.floor(h - b)), R > 0 ? _ = Math.floor(d - R) : S > 0 && (_ = Math.floor(d + S)), (Math.abs(h - I) > 2 || Math.abs(d - _) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(I, _), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4847,7 +4861,7 @@ class Oe {
     this.ctx.on("mousemove", (t) => {
       if (this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default"), this.ctx.editing || !this.ctx.focusCell || !this.maxColRowCell)
         return;
-      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: c, height: l } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + c - d + f, x = a + l - d + f;
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: c, height: h } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + c - 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: a } = t;
@@ -4890,12 +4904,12 @@ class Oe {
     if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a)) {
       const {
         SELECTOR_AREA_MIN_X: c,
-        SELECTOR_AREA_MAX_X: l,
+        SELECTOR_AREA_MAX_X: h,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: u,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, w = c, m = l || this.ctx.maxColIndex - u, g = d, E = f || this.ctx.maxRowIndex - x;
+      } = this.ctx.config, w = c, m = h || this.ctx.maxColIndex - u, g = d, E = f || this.ctx.maxRowIndex - x;
       let [y, p] = r, [b, C] = a;
       if (y < w || b < g)
         return;
@@ -4924,8 +4938,8 @@ class Oe {
         const m = x + e.yArr[0], g = w + e.xArr[0];
         i.set(`${m}-${g}`, !0);
       }
-    const { value: s } = e, o = s[0].length, r = s.length, a = this.ctx.autofill.xArr, c = this.ctx.autofill.yArr, l = o === 1 && r === 1;
-    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, c) && !l) {
+    const { value: s } = e, o = s[0].length, r = s.length, a = this.ctx.autofill.xArr, c = this.ctx.autofill.yArr, h = o === 1 && r === 1;
+    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, c) && !h) {
       const x = {
         code: "ERR_MERGED_CELLS_AUTOFILL",
         message: "Merged cells cannot span autofill data"
@@ -4980,9 +4994,9 @@ class Oe {
   destroy() {
   }
 }
-const j = Math.min, $ = Math.max, it = Math.round, Y = (h) => ({
-  x: h,
-  y: h
+const j = Math.min, $ = Math.max, it = Math.round, Y = (l) => ({
+  x: l,
+  y: l
 }), Le = {
   left: "right",
   right: "left",
@@ -4992,47 +5006,47 @@ const j = Math.min, $ = Math.max, it = Math.round, Y = (h) => ({
   start: "end",
   end: "start"
 };
-function ht(h, t, e) {
-  return $(h, j(t, e));
+function lt(l, t, e) {
+  return $(l, j(t, e));
 }
-function J(h, t) {
-  return typeof h == "function" ? h(t) : h;
+function J(l, t) {
+  return typeof l == "function" ? l(t) : l;
 }
-function z(h) {
-  return h.split("-")[0];
+function z(l) {
+  return l.split("-")[0];
 }
-function Q(h) {
-  return h.split("-")[1];
+function Q(l) {
+  return l.split("-")[1];
 }
-function Kt(h) {
-  return h === "x" ? "y" : "x";
+function Kt(l) {
+  return l === "x" ? "y" : "x";
 }
-function gt(h) {
-  return h === "y" ? "height" : "width";
+function gt(l) {
+  return l === "y" ? "height" : "width";
 }
 const Me = /* @__PURE__ */ new Set(["top", "bottom"]);
-function V(h) {
-  return Me.has(z(h)) ? "y" : "x";
+function V(l) {
+  return Me.has(z(l)) ? "y" : "x";
 }
-function wt(h) {
-  return Kt(V(h));
+function wt(l) {
+  return Kt(V(l));
 }
-function He(h, t, e) {
+function He(l, t, e) {
   e === void 0 && (e = !1);
-  const i = Q(h), s = wt(h), o = gt(s);
+  const i = Q(l), s = wt(l), o = gt(s);
   let r = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[o] > t.floating[o] && (r = st(r)), [r, st(r)];
 }
-function De(h) {
-  const t = st(h);
-  return [dt(h), t, dt(t)];
+function De(l) {
+  const t = st(l);
+  return [dt(l), t, dt(t)];
 }
-function dt(h) {
-  return h.replace(/start|end/g, (t) => Ae[t]);
+function dt(l) {
+  return l.replace(/start|end/g, (t) => Ae[t]);
 }
 const vt = ["left", "right"], _t = ["right", "left"], Ne = ["top", "bottom"], ke = ["bottom", "top"];
-function Xe(h, t, e) {
-  switch (h) {
+function Xe(l, t, e) {
+  switch (l) {
     case "top":
     case "bottom":
       return e ? t ? _t : vt : t ? vt : _t;
@@ -5043,38 +5057,38 @@ function Xe(h, t, e) {
       return [];
   }
 }
-function Ye(h, t, e, i) {
-  const s = Q(h);
-  let o = Xe(z(h), e === "start", i);
+function Ye(l, t, e, i) {
+  const s = Q(l);
+  let o = Xe(z(l), e === "start", i);
   return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(dt)))), o;
 }
-function st(h) {
-  return h.replace(/left|right|bottom|top/g, (t) => Le[t]);
+function st(l) {
+  return l.replace(/left|right|bottom|top/g, (t) => Le[t]);
 }
-function Be(h) {
+function Be(l) {
   return {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
-    ...h
+    ...l
   };
 }
-function Wt(h) {
-  return typeof h != "number" ? Be(h) : {
-    top: h,
-    right: h,
-    bottom: h,
-    left: h
+function Wt(l) {
+  return typeof l != "number" ? Be(l) : {
+    top: l,
+    right: l,
+    bottom: l,
+    left: l
   };
 }
-function ot(h) {
+function ot(l) {
   const {
     x: t,
     y: e,
     width: i,
     height: s
-  } = h;
+  } = l;
   return {
     width: i,
     height: s,
@@ -5086,12 +5100,12 @@ function ot(h) {
     y: e
   };
 }
-function Tt(h, t, e) {
+function Tt(l, t, e) {
   let {
     reference: i,
     floating: s
-  } = h;
-  const o = V(t), r = wt(t), a = gt(r), c = z(t), l = 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;
+  } = l;
+  const o = V(t), r = wt(t), a = gt(r), c = 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 (c) {
     case "top":
@@ -5126,29 +5140,29 @@ function Tt(h, t, e) {
   }
   switch (Q(t)) {
     case "start":
-      x[r] -= u * (e && l ? -1 : 1);
+      x[r] -= u * (e && h ? -1 : 1);
       break;
     case "end":
-      x[r] += u * (e && l ? -1 : 1);
+      x[r] += u * (e && h ? -1 : 1);
       break;
   }
   return x;
 }
-const Ke = async (h, t, e) => {
+const Ke = async (l, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
     middleware: o = [],
     platform: r
   } = e, a = o.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(t));
-  let l = await r.getElementRects({
-    reference: h,
+  let h = await r.getElementRects({
+    reference: l,
     floating: t,
     strategy: s
   }), {
     x: d,
     y: f
-  } = Tt(l, i, c), u = i, x = {}, w = 0;
+  } = Tt(h, i, c), u = i, x = {}, w = 0;
   for (let m = 0; m < a.length; m++) {
     const {
       name: g,
@@ -5165,10 +5179,10 @@ const Ke = async (h, t, e) => {
       placement: u,
       strategy: s,
       middlewareData: x,
-      rects: l,
+      rects: h,
       platform: r,
       elements: {
-        reference: h,
+        reference: l,
         floating: t
       }
     });
@@ -5178,14 +5192,14 @@ const Ke = async (h, t, e) => {
         ...x[g],
         ...b
       }
-    }, C && w <= 50 && (w++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (l = C.rects === !0 ? await r.getElementRects({
-      reference: h,
+    }, C && w <= 50 && (w++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
+      reference: l,
       floating: t,
       strategy: s
     }) : C.rects), {
       x: d,
       y: f
-    } = Tt(l, u, c)), m = -1);
+    } = Tt(h, u, c)), m = -1);
   }
   return {
     x: d,
@@ -5195,7 +5209,7 @@ const Ke = async (h, t, e) => {
     middlewareData: x
   };
 };
-async function Ft(h, t) {
+async function Ft(l, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -5205,15 +5219,15 @@ async function Ft(h, t) {
     rects: r,
     elements: a,
     strategy: c
-  } = h, {
-    boundary: l = "clippingAncestors",
+  } = l, {
+    boundary: h = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
     altBoundary: u = !1,
     padding: x = 0
-  } = J(t, h), w = Wt(x), g = a[u ? f === "floating" ? "reference" : "floating" : f], E = ot(await o.getClippingRect({
+  } = J(t, l), w = Wt(x), g = a[u ? f === "floating" ? "reference" : "floating" : f], E = ot(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: l,
+    boundary: h,
     rootBoundary: d,
     strategy: c
   })), y = f === "floating" ? {
@@ -5240,9 +5254,9 @@ async function Ft(h, t) {
     right: (C.right - E.right + w.right) / b.x
   };
 }
-const We = (h) => ({
+const We = (l) => ({
   name: "arrow",
-  options: h,
+  options: l,
   async fn(t) {
     const {
       x: e,
@@ -5253,18 +5267,18 @@ const We = (h) => ({
       elements: a,
       middlewareData: c
     } = t, {
-      element: l,
+      element: h,
       padding: d = 0
-    } = J(h, t) || {};
-    if (l == null)
+    } = J(l, t) || {};
+    if (h == null)
       return {};
     const f = Wt(d), u = {
       x: e,
       y: i
-    }, x = wt(s), w = gt(x), m = await r.getDimensions(l), g = x === "y", E = g ? "top" : "left", y = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l));
+    }, x = wt(s), w = gt(x), m = await r.getDimensions(h), g = x === "y", E = g ? "top" : "left", y = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
     let v = R ? R[p] : 0;
     (!v || !await (r.isElement == null ? void 0 : r.isElement(R))) && (v = a.floating[p] || o.floating[w]);
-    const T = b / 2 - C / 2, S = v / 2 - m[w] / 2 - 1, I = j(f[E], S), _ = j(f[y], S), O = I, M = v - m[w] - _, L = v / 2 - m[w] / 2 + T, H = ht(O, L, M), K = !c.arrow && Q(s) != null && L !== H && o.reference[w] / 2 - (L < O ? I : _) - m[w] / 2 < 0, D = K ? L < O ? L - O : L - M : 0;
+    const T = b / 2 - C / 2, S = v / 2 - m[w] / 2 - 1, I = j(f[E], S), _ = j(f[y], S), O = I, M = v - m[w] - _, L = v / 2 - m[w] / 2 + T, H = lt(O, L, M), K = !c.arrow && Q(s) != null && L !== H && o.reference[w] / 2 - (L < O ? I : _) - m[w] / 2 < 0, D = K ? L < O ? L - O : L - M : 0;
     return {
       [x]: u[x] + D,
       data: {
@@ -5277,10 +5291,10 @@ const We = (h) => ({
       reset: K
     };
   }
-}), Fe = function(h) {
-  return h === void 0 && (h = {}), {
+}), Fe = function(l) {
+  return l === void 0 && (l = {}), {
     name: "flip",
-    options: h,
+    options: l,
     async fn(t) {
       var e, i;
       const {
@@ -5289,7 +5303,7 @@ const We = (h) => ({
         rects: r,
         initialPlacement: a,
         platform: c,
-        elements: l
+        elements: h
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
@@ -5298,10 +5312,10 @@ const We = (h) => ({
         fallbackAxisSideDirection: w = "none",
         flipAlignment: m = !0,
         ...g
-      } = J(h, t);
+      } = J(l, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = z(s), y = V(a), p = z(a) === a, b = await (c.isRTL == null ? void 0 : c.isRTL(l.floating)), C = u || (p || !m ? [st(a)] : De(a)), R = w !== "none";
+      const E = z(s), y = V(a), p = z(a) === a, b = await (c.isRTL == null ? void 0 : c.isRTL(h.floating)), C = u || (p || !m ? [st(a)] : De(a)), R = w !== "none";
       !u && R && C.push(...Ye(a, m, w, b));
       const v = [a, ...C], T = await Ft(t, g), S = [];
       let I = ((i = o.flip) == null ? void 0 : i.overflows) || [];
@@ -5359,12 +5373,12 @@ const We = (h) => ({
     }
   };
 }, Ve = /* @__PURE__ */ new Set(["left", "top"]);
-async function Pe(h, t) {
+async function Pe(l, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = h, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = z(e), a = Q(e), c = V(e) === "y", l = Ve.has(r) ? -1 : 1, d = o && c ? -1 : 1, f = J(t, h);
+  } = l, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = z(e), a = Q(e), c = V(e) === "y", h = Ve.has(r) ? -1 : 1, d = o && c ? -1 : 1, f = J(t, l);
   let {
     mainAxis: u,
     crossAxis: x,
@@ -5380,16 +5394,16 @@ async function Pe(h, t) {
   };
   return a && typeof w == "number" && (x = a === "end" ? w * -1 : w), c ? {
     x: x * d,
-    y: u * l
+    y: u * h
   } : {
-    x: u * l,
+    x: u * h,
     y: x * d
   };
 }
-const ze = function(h) {
-  return h === void 0 && (h = 0), {
+const ze = function(l) {
+  return l === void 0 && (l = 0), {
     name: "offset",
-    options: h,
+    options: l,
     async fn(t) {
       var e, i;
       const {
@@ -5397,7 +5411,7 @@ const ze = function(h) {
         y: o,
         placement: r,
         middlewareData: a
-      } = t, c = await Pe(t, h);
+      } = t, c = await Pe(t, l);
       return r === ((e = a.offset) == null ? void 0 : e.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
         x: s + c.x,
         y: o + c.y,
@@ -5408,10 +5422,10 @@ const ze = function(h) {
       };
     }
   };
-}, $e = function(h) {
-  return h === void 0 && (h = {}), {
+}, $e = function(l) {
+  return l === void 0 && (l = {}), {
     name: "shift",
-    options: h,
+    options: l,
     async fn(t) {
       const {
         x: e,
@@ -5433,18 +5447,18 @@ const ze = function(h) {
           }
         },
         ...c
-      } = J(h, t), l = {
+      } = J(l, t), h = {
         x: e,
         y: i
       }, d = await Ft(t, c), f = V(z(s)), u = Kt(f);
-      let x = l[u], w = l[f];
+      let x = h[u], w = h[f];
       if (o) {
         const g = u === "y" ? "top" : "left", E = u === "y" ? "bottom" : "right", y = x + d[g], p = x - d[E];
-        x = ht(y, x, p);
+        x = lt(y, x, p);
       }
       if (r) {
         const g = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", y = w + d[g], p = w - d[E];
-        w = ht(y, w, p);
+        w = lt(y, w, p);
       }
       const m = a.fn({
         ...t,
@@ -5468,60 +5482,60 @@ const ze = function(h) {
 function rt() {
   return typeof window < "u";
 }
-function Z(h) {
-  return Vt(h) ? (h.nodeName || "").toLowerCase() : "#document";
+function Z(l) {
+  return Vt(l) ? (l.nodeName || "").toLowerCase() : "#document";
 }
-function A(h) {
+function A(l) {
   var t;
-  return (h == null || (t = h.ownerDocument) == null ? void 0 : t.defaultView) || window;
+  return (l == null || (t = l.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function W(h) {
+function W(l) {
   var t;
-  return (t = (Vt(h) ? h.ownerDocument : h.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Vt(l) ? l.ownerDocument : l.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Vt(h) {
-  return rt() ? h instanceof Node || h instanceof A(h).Node : !1;
+function Vt(l) {
+  return rt() ? l instanceof Node || l instanceof A(l).Node : !1;
 }
-function k(h) {
-  return rt() ? h instanceof Element || h instanceof A(h).Element : !1;
+function k(l) {
+  return rt() ? l instanceof Element || l instanceof A(l).Element : !1;
 }
-function B(h) {
-  return rt() ? h instanceof HTMLElement || h instanceof A(h).HTMLElement : !1;
+function B(l) {
+  return rt() ? l instanceof HTMLElement || l instanceof A(l).HTMLElement : !1;
 }
-function Ot(h) {
-  return !rt() || typeof ShadowRoot > "u" ? !1 : h instanceof ShadowRoot || h instanceof A(h).ShadowRoot;
+function Ot(l) {
+  return !rt() || typeof ShadowRoot > "u" ? !1 : l instanceof ShadowRoot || l instanceof A(l).ShadowRoot;
 }
 const Ge = /* @__PURE__ */ new Set(["inline", "contents"]);
-function tt(h) {
+function tt(l) {
   const {
     overflow: t,
     overflowX: e,
     overflowY: i,
     display: s
-  } = X(h);
+  } = X(l);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !Ge.has(s);
 }
 const Ue = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Ze(h) {
-  return Ue.has(Z(h));
+function Ze(l) {
+  return Ue.has(Z(l));
 }
 const je = [":popover-open", ":modal"];
-function nt(h) {
+function nt(l) {
   return je.some((t) => {
     try {
-      return h.matches(t);
+      return l.matches(t);
     } catch {
       return !1;
     }
   });
 }
 const qe = ["transform", "translate", "scale", "rotate", "perspective"], Je = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Qe = ["paint", "layout", "strict", "content"];
-function mt(h) {
-  const t = Et(), e = k(h) ? X(h) : h;
+function mt(l) {
+  const t = Et(), e = k(l) ? X(l) : l;
   return qe.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) || Je.some((i) => (e.willChange || "").includes(i)) || Qe.some((i) => (e.contain || "").includes(i));
 }
-function ti(h) {
-  let t = P(h);
+function ti(l) {
+  let t = P(l);
   for (; B(t) && !U(t); ) {
     if (mt(t))
       return t;
@@ -5535,61 +5549,61 @@ function Et() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const ei = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function U(h) {
-  return ei.has(Z(h));
+function U(l) {
+  return ei.has(Z(l));
 }
-function X(h) {
-  return A(h).getComputedStyle(h);
+function X(l) {
+  return A(l).getComputedStyle(l);
 }
-function at(h) {
-  return k(h) ? {
-    scrollLeft: h.scrollLeft,
-    scrollTop: h.scrollTop
+function at(l) {
+  return k(l) ? {
+    scrollLeft: l.scrollLeft,
+    scrollTop: l.scrollTop
   } : {
-    scrollLeft: h.scrollX,
-    scrollTop: h.scrollY
+    scrollLeft: l.scrollX,
+    scrollTop: l.scrollY
   };
 }
-function P(h) {
-  if (Z(h) === "html")
-    return h;
+function P(l) {
+  if (Z(l) === "html")
+    return l;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
-    h.assignedSlot || // DOM Element detected.
-    h.parentNode || // ShadowRoot detected.
-    Ot(h) && h.host || // Fallback.
-    W(h)
+    l.assignedSlot || // DOM Element detected.
+    l.parentNode || // ShadowRoot detected.
+    Ot(l) && l.host || // Fallback.
+    W(l)
   );
   return Ot(t) ? t.host : t;
 }
-function Pt(h) {
-  const t = P(h);
-  return U(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : B(t) && tt(t) ? t : Pt(t);
+function Pt(l) {
+  const t = P(l);
+  return U(t) ? l.ownerDocument ? l.ownerDocument.body : l.body : B(t) && tt(t) ? t : Pt(t);
 }
-function zt(h, t, e) {
+function zt(l, t, e) {
   var i;
   t === void 0 && (t = []);
-  const s = Pt(h), o = s === ((i = h.ownerDocument) == null ? void 0 : i.body), r = A(s);
+  const s = Pt(l), o = s === ((i = l.ownerDocument) == null ? void 0 : i.body), r = A(s);
   return o ? (ft(r), t.concat(r, r.visualViewport || [], tt(s) ? s : [], [])) : t.concat(s, zt(s, []));
 }
-function ft(h) {
-  return h.parent && Object.getPrototypeOf(h.parent) ? h.frameElement : null;
+function ft(l) {
+  return l.parent && Object.getPrototypeOf(l.parent) ? l.frameElement : null;
 }
-function $t(h) {
-  const t = X(h);
+function $t(l) {
+  const t = X(l);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = B(h), o = s ? h.offsetWidth : e, r = s ? h.offsetHeight : i, a = it(e) !== o || it(i) !== r;
+  const s = B(l), o = s ? l.offsetWidth : e, r = s ? l.offsetHeight : i, a = it(e) !== o || it(i) !== r;
   return a && (e = o, i = r), {
     width: e,
     height: i,
     $: a
   };
 }
-function Gt(h) {
-  return k(h) ? h : h.contextElement;
+function Gt(l) {
+  return k(l) ? l : l.contextElement;
 }
-function G(h) {
-  const t = Gt(h);
+function G(l) {
+  const t = Gt(l);
   if (!B(t))
     return Y(1);
   const e = t.getBoundingClientRect(), {
@@ -5604,86 +5618,86 @@ function G(h) {
   };
 }
 const ii = /* @__PURE__ */ Y(0);
-function Ut(h) {
-  const t = A(h);
+function Ut(l) {
+  const t = A(l);
   return !Et() || !t.visualViewport ? ii : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function si(h, t, e) {
-  return t === void 0 && (t = !1), !e || t && e !== A(h) ? !1 : t;
+function si(l, t, e) {
+  return t === void 0 && (t = !1), !e || t && e !== A(l) ? !1 : t;
 }
-function q(h, t, e, i) {
+function q(l, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = h.getBoundingClientRect(), o = Gt(h);
+  const s = l.getBoundingClientRect(), o = Gt(l);
   let r = Y(1);
-  t && (i ? k(i) && (r = G(i)) : r = G(h));
+  t && (i ? k(i) && (r = G(i)) : r = G(l));
   const a = si(o, e, i) ? Ut(o) : Y(0);
-  let c = (s.left + a.x) / r.x, l = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
+  let c = (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 u = A(o), x = i && k(i) ? A(i) : i;
     let w = u, m = ft(w);
     for (; m && i && x !== w; ) {
       const g = G(m), E = m.getBoundingClientRect(), y = X(m), p = E.left + (m.clientLeft + parseFloat(y.paddingLeft)) * g.x, b = E.top + (m.clientTop + parseFloat(y.paddingTop)) * g.y;
-      c *= g.x, l *= g.y, d *= g.x, f *= g.y, c += p, l += b, w = A(m), m = ft(w);
+      c *= g.x, h *= g.y, d *= g.x, f *= g.y, c += p, h += b, w = A(m), m = ft(w);
     }
   }
   return ot({
     width: d,
     height: f,
     x: c,
-    y: l
+    y: h
   });
 }
-function pt(h, t) {
-  const e = at(h).scrollLeft;
-  return t ? t.left + e : q(W(h)).left + e;
+function pt(l, t) {
+  const e = at(l).scrollLeft;
+  return t ? t.left + e : q(W(l)).left + e;
 }
-function Zt(h, t, e) {
+function Zt(l, t, e) {
   e === void 0 && (e = !1);
-  const i = h.getBoundingClientRect(), s = i.left + t.scrollLeft - (e ? 0 : (
+  const i = l.getBoundingClientRect(), s = i.left + t.scrollLeft - (e ? 0 : (
     // RTL <body> scrollbar.
-    pt(h, i)
+    pt(l, i)
   )), o = i.top + t.scrollTop;
   return {
     x: s,
     y: o
   };
 }
-function oi(h) {
+function oi(l) {
   let {
     elements: t,
     rect: e,
     offsetParent: i,
     strategy: s
-  } = h;
+  } = l;
   const o = s === "fixed", r = W(i), a = t ? nt(t.floating) : !1;
   if (i === r || a && o)
     return e;
   let c = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = Y(1);
+  }, h = Y(1);
   const d = Y(0), f = B(i);
   if ((f || !f && !o) && ((Z(i) !== "body" || tt(r)) && (c = at(i)), B(i))) {
     const x = q(i);
-    l = G(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+    h = G(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
   const u = r && !f && !o ? Zt(r, c, !0) : Y(0);
   return {
-    width: e.width * l.x,
-    height: e.height * l.y,
-    x: e.x * l.x - c.scrollLeft * l.x + d.x + u.x,
-    y: e.y * l.y - c.scrollTop * l.y + d.y + u.y
+    width: e.width * h.x,
+    height: e.height * h.y,
+    x: e.x * h.x - c.scrollLeft * h.x + d.x + u.x,
+    y: e.y * h.y - c.scrollTop * h.y + d.y + u.y
   };
 }
-function ri(h) {
-  return Array.from(h.getClientRects());
+function ri(l) {
+  return Array.from(l.getClientRects());
 }
-function ni(h) {
-  const t = W(h), e = at(h), i = h.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let r = -e.scrollLeft + pt(h);
+function ni(l) {
+  const t = W(l), e = at(l), i = l.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let r = -e.scrollLeft + pt(l);
   const a = -e.scrollTop;
   return X(i).direction === "rtl" && (r += $(t.clientWidth, i.clientWidth) - s), {
     width: s,
@@ -5692,13 +5706,13 @@ function ni(h) {
     y: a
   };
 }
-function ai(h, t) {
-  const e = A(h), i = W(h), s = e.visualViewport;
+function ai(l, t) {
+  const e = A(l), i = W(l), s = e.visualViewport;
   let o = i.clientWidth, r = i.clientHeight, a = 0, c = 0;
   if (s) {
     o = s.width, r = s.height;
-    const l = Et();
-    (!l || l && t === "fixed") && (a = s.offsetLeft, c = s.offsetTop);
+    const h = Et();
+    (!h || h && t === "fixed") && (a = s.offsetLeft, c = s.offsetTop);
   }
   return {
     width: o,
@@ -5708,25 +5722,25 @@ function ai(h, t) {
   };
 }
 const ci = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function li(h, t) {
-  const e = q(h, !0, t === "fixed"), i = e.top + h.clientTop, s = e.left + h.clientLeft, o = B(h) ? G(h) : Y(1), r = h.clientWidth * o.x, a = h.clientHeight * o.y, c = s * o.x, l = i * o.y;
+function hi(l, t) {
+  const e = q(l, !0, t === "fixed"), i = e.top + l.clientTop, s = e.left + l.clientLeft, o = B(l) ? G(l) : Y(1), r = l.clientWidth * o.x, a = l.clientHeight * o.y, c = s * o.x, h = i * o.y;
   return {
     width: r,
     height: a,
     x: c,
-    y: l
+    y: h
   };
 }
-function Lt(h, t, e) {
+function Lt(l, t, e) {
   let i;
   if (t === "viewport")
-    i = ai(h, e);
+    i = ai(l, e);
   else if (t === "document")
-    i = ni(W(h));
+    i = ni(W(l));
   else if (k(t))
-    i = li(t, e);
+    i = hi(t, e);
   else {
-    const s = Ut(h);
+    const s = Ut(l);
     i = {
       x: t.x - s.x,
       y: t.y - s.y,
@@ -5736,33 +5750,33 @@ function Lt(h, t, e) {
   }
   return ot(i);
 }
-function jt(h, t) {
-  const e = P(h);
+function jt(l, t) {
+  const e = P(l);
   return e === t || !k(e) || U(e) ? !1 : X(e).position === "fixed" || jt(e, t);
 }
-function hi(h, t) {
-  const e = t.get(h);
+function li(l, t) {
+  const e = t.get(l);
   if (e)
     return e;
-  let i = zt(h, []).filter((a) => k(a) && Z(a) !== "body"), s = null;
-  const o = X(h).position === "fixed";
-  let r = o ? P(h) : h;
+  let i = zt(l, []).filter((a) => k(a) && Z(a) !== "body"), s = null;
+  const o = X(l).position === "fixed";
+  let r = o ? P(l) : l;
   for (; k(r) && !U(r); ) {
     const a = X(r), c = mt(r);
-    !c && a.position === "fixed" && (s = null), (o ? !c && !s : !c && a.position === "static" && !!s && ci.has(s.position) || tt(r) && !c && jt(h, r)) ? i = i.filter((d) => d !== r) : s = a, r = P(r);
+    !c && a.position === "fixed" && (s = null), (o ? !c && !s : !c && a.position === "static" && !!s && ci.has(s.position) || tt(r) && !c && jt(l, r)) ? i = i.filter((d) => d !== r) : s = a, r = P(r);
   }
-  return t.set(h, i), i;
+  return t.set(l, i), i;
 }
-function di(h) {
+function di(l) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
-  } = h;
-  const r = [...e === "clippingAncestors" ? nt(t) ? [] : hi(t, this._c) : [].concat(e), i], a = r[0], c = r.reduce((l, d) => {
+  } = l;
+  const r = [...e === "clippingAncestors" ? nt(t) ? [] : li(t, this._c) : [].concat(e), i], a = r[0], c = r.reduce((h, d) => {
     const f = Lt(t, d, s);
-    return l.top = $(f.top, l.top), l.right = j(f.right, l.right), l.bottom = j(f.bottom, l.bottom), l.left = $(f.left, l.left), l;
+    return h.top = $(f.top, h.top), h.right = j(f.right, h.right), h.bottom = j(f.bottom, h.bottom), h.left = $(f.left, h.left), h;
   }, Lt(t, a, s));
   return {
     width: c.right - c.left,
@@ -5771,32 +5785,32 @@ function di(h) {
     y: c.top
   };
 }
-function fi(h) {
+function fi(l) {
   const {
     width: t,
     height: e
-  } = $t(h);
+  } = $t(l);
   return {
     width: t,
     height: e
   };
 }
-function xi(h, t, e) {
-  const i = B(t), s = W(t), o = e === "fixed", r = q(h, !0, o, t);
+function xi(l, t, e) {
+  const i = B(t), s = W(t), o = e === "fixed", r = q(l, !0, o, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const c = Y(0);
-  function l() {
+  function h() {
     c.x = pt(s);
   }
   if (i || !i && !o)
     if ((Z(t) !== "body" || tt(s)) && (a = at(t)), i) {
       const x = q(t, !0, o, t);
       c.x = x.x + t.clientLeft, c.y = x.y + t.clientTop;
-    } else s && l();
-  o && !i && s && l();
+    } else s && h();
+  o && !i && s && h();
   const d = s && !i && !o ? Zt(s, a) : Y(0), f = r.left + a.scrollLeft - c.x - d.x, u = r.top + a.scrollTop - c.y - d.y;
   return {
     x: f,
@@ -5805,23 +5819,23 @@ function xi(h, t, e) {
     height: r.height
   };
 }
-function ct(h) {
-  return X(h).position === "static";
+function ct(l) {
+  return X(l).position === "static";
 }
-function At(h, t) {
-  if (!B(h) || X(h).position === "fixed")
+function At(l, t) {
+  if (!B(l) || X(l).position === "fixed")
     return null;
   if (t)
-    return t(h);
-  let e = h.offsetParent;
-  return W(h) === e && (e = e.ownerDocument.body), e;
+    return t(l);
+  let e = l.offsetParent;
+  return W(l) === e && (e = e.ownerDocument.body), e;
 }
-function qt(h, t) {
-  const e = A(h);
-  if (nt(h))
+function qt(l, t) {
+  const e = A(l);
+  if (nt(l))
     return e;
-  if (!B(h)) {
-    let s = P(h);
+  if (!B(l)) {
+    let s = P(l);
     for (; s && !U(s); ) {
       if (k(s) && !ct(s))
         return s;
@@ -5829,15 +5843,15 @@ function qt(h, t) {
     }
     return e;
   }
-  let i = At(h, t);
+  let i = At(l, t);
   for (; i && Ze(i) && ct(i); )
     i = At(i, t);
-  return i && U(i) && ct(i) && !mt(i) ? e : i || ti(h) || e;
+  return i && U(i) && ct(i) && !mt(i) ? e : i || ti(l) || e;
 }
-const ui = async function(h) {
-  const t = this.getOffsetParent || qt, e = this.getDimensions, i = await e(h.floating);
+const ui = async function(l) {
+  const t = this.getOffsetParent || qt, e = this.getDimensions, i = await e(l.floating);
   return {
-    reference: xi(h.reference, await t(h.floating), h.strategy),
+    reference: xi(l.reference, await t(l.floating), l.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -5846,8 +5860,8 @@ const ui = async function(h) {
     }
   };
 };
-function gi(h) {
-  return X(h).direction === "rtl";
+function gi(l) {
+  return X(l).direction === "rtl";
 }
 const wi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: oi,
@@ -5860,7 +5874,7 @@ const wi = {
   getScale: G,
   isElement: k,
   isRTL: gi
-}, Jt = ze, Qt = $e, te = Fe, mi = We, ee = (h, t, e) => {
+}, Jt = ze, Qt = $e, te = Fe, mi = We, ee = (l, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: wi,
     ...e
@@ -5868,7 +5882,7 @@ const wi = {
     ...s.platform,
     _c: i
   };
-  return Ke(h, t, {
+  return Ke(l, t, {
     ...s,
     platform: o
   });
@@ -5952,9 +5966,9 @@ let Ei = class {
       placement: t.overflowTooltipPlacement,
       middleware: [Qt(), te(), Jt(6), mi({ element: this.arrowEl })]
     }).then((a) => {
-      const { x: c, y: l, placement: d, middlewareData: f } = a;
+      const { x: c, y: h, placement: d, middlewareData: f } = a;
       if (Object.assign(this.floatingEl.style, {
-        top: `${l}px`,
+        top: `${h}px`,
         left: `${c}px`
       }), f.arrow) {
         const u = f.arrow;
@@ -6026,8 +6040,8 @@ class pi {
       }
       if ((t.altKey || t.metaKey) && t.code === "Enter" && this.ctx.editing && this.inputEl) {
         t.preventDefault();
-        const c = this.inputEl.selectionStart, l = this.inputEl.value.substring(0, c), d = this.inputEl.value.substring(c);
-        this.inputEl.value = l + `
+        const c = this.inputEl.selectionStart, h = this.inputEl.value.substring(0, c), d = this.inputEl.value.substring(c);
+        this.inputEl.value = h + `
 ` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = c + 1, this.autoSize();
         return;
       }
@@ -6134,12 +6148,12 @@ class pi {
     let { height: o, width: r, drawY: a, drawX: c } = t;
     this.drawX = c, this.drawY = a;
     const {
-      config: { CELL_PADDING: l },
+      config: { CELL_PADDING: h },
       header: d
     } = this.ctx;
     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 = `${l}px`, i !== null && (this.inputEl.value = i), this.inputEl.focus({ preventScroll: !0 });
+      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 u = this.inputEl.value.length;
       this.inputEl.setSelectionRange(u, u);
     } else
@@ -6167,10 +6181,10 @@ class pi {
     i && !c && (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((l) => l.rowIndex === t);
+    const i = this.ctx.body.renderRows.find((h) => h.rowIndex === t);
     if (!i)
       return;
-    const s = i.cells.find((l) => l.colIndex === e);
+    const s = i.cells.find((h) => h.colIndex === e);
     if (!s)
       return;
     this.ctx.emit("setSelectorCell", s);
@@ -6198,7 +6212,7 @@ class yi {
     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: a }) => {
-      const c = o + (r + a) / 2, l = {
+      const c = o + (r + a) / 2, h = {
         display: s === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
@@ -6208,7 +6222,7 @@ class yi {
         transform: "translate(-50%, -50%)",
         ...i
       };
-      Object.assign(this.emptyEl.style, l);
+      Object.assign(this.emptyEl.style, h);
     });
   }
   destroy() {
@@ -6244,9 +6258,9 @@ class Ci {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: o, visibleHeight: r, renderCellHeaders: a } = this.ctx.header;
-    let c = [], l = [], d = [];
+    let c = [], h = [], d = [];
     a.forEach((g) => {
-      g.render && (g.fixed === "left" ? l.push(g) : g.fixed === "right" ? d.push(g) : c.push(g));
+      g.render && (g.fixed === "left" ? h.push(g) : g.fixed === "right" ? d.push(g) : c.push(g));
     });
     const f = e - i, u = {
       key: "left",
@@ -6258,7 +6272,7 @@ class Ci {
         width: `${t}px`,
         height: `${r}px`
       },
-      cells: l
+      cells: h
     }, x = {
       key: "center",
       style: {
@@ -6306,7 +6320,7 @@ class Ci {
       fixedLeftWidth: o,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: c }
-    } = this.ctx, { visibleWidth: l, visibleHeight: d } = this.ctx.body, f = r - a, u = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = r - a, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -6324,7 +6338,7 @@ class Ci {
         top: `${0.5}px`,
         left: `${o - 0.5}px`,
         overflow: "hidden",
-        width: `${l - o - f}px`,
+        width: `${h - o - f}px`,
         height: `${d}px`
       },
       cells: t
@@ -6346,7 +6360,7 @@ class Ci {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${l}px`,
+        width: `${h}px`,
         height: `${d}px`
       },
       views: [u, x, w]
@@ -6363,7 +6377,7 @@ class Ci {
       fixedLeftWidth: s,
       fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: r, CSS_PREFIX: a }
-    } = this.ctx, { visibleWidth: c, visibleHeight: l } = this.ctx.footer, d = o - r, f = {
+    } = this.ctx, { visibleWidth: c, visibleHeight: h } = this.ctx.footer, d = o - r, f = {
       key: "left",
       style: {
         position: "absolute",
@@ -6371,7 +6385,7 @@ class Ci {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${s}px`,
-        height: `${l}px`
+        height: `${h}px`
       },
       cells: e
     }, u = {
@@ -6382,7 +6396,7 @@ class Ci {
         left: `${s - 0.5}px`,
         overflow: "hidden",
         width: `${c - s - d}px`,
-        height: `${l}px`
+        height: `${h}px`
       },
       cells: t
     }, x = {
@@ -6393,7 +6407,7 @@ class Ci {
         right: `${0.5}px`,
         overflow: "hidden",
         width: `${d}px`,
-        height: `${l}px`
+        height: `${h}px`
       },
       cells: i
     };
@@ -6404,7 +6418,7 @@ class Ci {
         position: "relative",
         overflow: "hidden",
         width: `${c}px`,
-        height: `${l}px`
+        height: `${h}px`
       },
       views: [f, u, x]
     };
@@ -6421,8 +6435,8 @@ class bi {
     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, [a, c] = s, { rowIndex: l, colIndex: d } = t;
-      l >= a && l <= c && d >= o && d <= r || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [a, c] = s, { rowIndex: h, colIndex: d } = t;
+      h >= a && h <= c && d >= o && d <= r || this.ctx.emit("setSelectorCell", t, e);
       const u = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -6529,15 +6543,15 @@ class Si {
     t.className = "e-virt-table-container";
     const r = document.createElement("div"), a = document.createElement("canvas"), c = e || document.createElement("div");
     r.className = "e-virt-table-stage", t.tabIndex = 0, a.className = "e-virt-table-canvas", c.className = "e-virt-table-overlayer";
-    const l = i || document.createElement("div");
-    l.className = "e-virt-table-editor";
+    const h = i || document.createElement("div");
+    h.className = "e-virt-table-editor";
     const d = s, f = o;
     return r.appendChild(a), r.appendChild(c), t.appendChild(r), {
       containerElement: t,
       stageElement: r,
       canvasElement: a,
       overlayerElement: c,
-      editorElement: l,
+      editorElement: h,
       emptyElement: d,
       contextMenuElement: f
     };
@@ -6624,15 +6638,15 @@ class Si {
     return new Promise(async (i, s) => {
       let o = [];
       for (let r = 0; r < t.length; r++) {
-        const { rowKey: a, key: c } = t[r], l = await this.ctx.database.getValidator(a, c);
-        Array.isArray(l) && l.length && o.push(l);
+        const { rowKey: a, key: c } = t[r], h = await this.ctx.database.getValidator(a, c);
+        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 [a] = r, { rowKey: c, key: l } = a;
-            this.scrollToRowkey(c), this.scrollToColkey(l);
+            const [a] = r, { rowKey: c, key: h } = a;
+            this.scrollToRowkey(c), this.scrollToColkey(h);
           }
         }
         this.ctx.emit("draw");
@@ -6649,9 +6663,9 @@ class Si {
         if (t && Array.isArray(s) && s.length) {
           const [o] = s;
           if (Array.isArray(o) && o.length) {
-            const [r] = o, { rowKey: a, key: c } = r, l = this.ctx.database.getRowForRowKey(a);
-            if (l) {
-              const { parentRowKeys: d = [] } = l;
+            const [r] = o, { rowKey: a, key: c } = r, h = this.ctx.database.getRowForRowKey(a);
+            if (h) {
+              const { parentRowKeys: d = [] } = h;
               d && d.length && this.setExpandRowKeys(d, !0);
             }
             this.scrollToRowkey(a), this.scrollToColkey(c);
@@ -6763,7 +6777,7 @@ class Si {
   getUtils() {
     return {
       mergeColCell: de,
-      mergeRowCell: he,
+      mergeRowCell: le,
       getSpanArrByRow: kt,
       getSpanObjByColumn: Xt
     };