e-virt-table 1.2.17 → 1.2.18

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}.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 Jt = Object.defineProperty;
-var Qt = (h, t, e) => t in h ? Jt(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var n = (h, t, e) => Qt(h, typeof t != "symbol" ? t + "" : t, e);
+var Qt = (c, t, e) => t in c ? Jt(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var n = (c, t, e) => Qt(c, typeof t != "symbol" ? t + "" : t, e);
 class te {
   constructor(t) {
     n(this, "rules");
     this.rules = t;
   }
   validate(t) {
-    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: l, rowIndex: a, value: c, field: d, fieldValue: f } = t;
+    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: l, rowIndex: a, value: h, field: d, fieldValue: f } = t;
     Array.isArray(this.rules) || (this.rules = [this.rules]);
     for (const x of this.rules) {
       if (x.validator) {
         const u = {
           field: d,
           fieldValue: f,
-          value: c,
+          value: h,
           column: i,
           colIndex: l,
           rowIndex: a,
@@ -24,15 +24,15 @@ class te {
           rowKey: r,
           ...x
         };
-        x.validator(u, c, (p) => {
+        x.validator(u, h, (p) => {
           p && e.push({
             ...u,
             message: p
           });
         });
       }
-      x.pattern && !x.pattern.test(c) && e.push({
-        value: c,
+      x.pattern && !x.pattern.test(h) && e.push({
+        value: h,
         column: i,
         row: s,
         key: o,
@@ -42,8 +42,8 @@ class te {
         field: d,
         fieldValue: f,
         message: x.message || `${o} is pattern validation error`
-      }), x.required && (c == null || c === "") && e.push({
-        value: c,
+      }), x.required && (h == null || h === "") && e.push({
+        value: h,
         column: i,
         row: s,
         key: o,
@@ -59,26 +59,26 @@ class te {
   }
 }
 function St() {
-  return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(h) {
+  return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(c) {
     const t = Math.random() * 16 | 0;
-    return (h === "x" ? t : t & 3 | 8).toString(16);
+    return (c === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Lt(h, t) {
+function Lt(c, 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 ? (c.apply(this, s), e = o) : i || (i = setTimeout(() => {
+      c.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
     }, t - r));
   };
 }
-function Tt(h = []) {
-  return h.length ? h.map((t) => Tt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function Tt(c = []) {
+  return c.length ? c.map((t) => Tt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
-function ee(h = []) {
+function ee(c = []) {
   let t = [], e = [], i = [];
-  return h.forEach((s) => {
+  return c.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)),
@@ -86,8 +86,8 @@ function ee(h = []) {
     ...i.sort((s, o) => (s.sort ?? 0) - (o.sort ?? 0))
   ];
 }
-function At(h = [], t = 1, e = 0) {
-  return h.map((i) => {
+function At(c = [], t = 1, e = 0) {
+  return c.map((i) => {
     if (i.children) {
       let s = 0, o = i.fixed;
       i.children.forEach((l) => {
@@ -113,72 +113,72 @@ function At(h = [], t = 1, e = 0) {
     };
   });
 }
-function at(h = []) {
+function et(c = []) {
   let t = [];
-  return h.forEach((e) => {
-    e.children ? t = t.concat(at(e.children)) : t.push(e);
+  return c.forEach((e) => {
+    e.children ? t = t.concat(et(e.children)) : t.push(e);
   }), t;
 }
 const mt = /^(\r\n|\n\r|\r|\n)/, ie = /^[^\t\r\n]+/, yt = /^\t/;
-function se(h) {
+function se(c) {
   let t = [[""]];
-  if (h.length === 0)
+  if (c.length === 0)
     return t;
   let e = 0, i = 0, s;
-  for (; h.length > 0 && s !== h.length; )
-    if (s = h.length, h.match(yt))
-      h = h.replace(yt, ""), e += 1, t[i][e] = "";
-    else if (h.match(mt))
-      h = h.replace(mt, ""), e = 0, i += 1, t[i] = [""];
+  for (; c.length > 0 && s !== c.length; )
+    if (s = c.length, c.match(yt))
+      c = c.replace(yt, ""), e += 1, t[i][e] = "";
+    else if (c.match(mt))
+      c = c.replace(mt, ""), e = 0, i += 1, t[i] = [""];
     else {
       let o = "";
-      if (h.startsWith('"')) {
+      if (c.startsWith('"')) {
         let r = 0, l = !0;
         for (; l; ) {
-          const a = h.slice(0, 1);
-          a === '"' && (r += 1), o += a, h = h.slice(1), (h.length === 0 || h.match(/^[\t\r\n]/) && r % 2 === 0) && (l = !1);
+          const a = c.slice(0, 1);
+          a === '"' && (r += 1), o += a, c = c.slice(1), (c.length === 0 || c.match(/^[\t\r\n]/) && r % 2 === 0) && (l = !1);
         }
         o = o.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (a) => new Array(Math.floor(a.length / 2)).fill('"').join(""));
       } else {
-        const r = h.match(ie);
-        o = r ? r[0] : "", h = h.slice(o.length);
+        const r = c.match(ie);
+        o = r ? r[0] : "", c = c.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 oe(h) {
+function oe(c) {
   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 = c.length; t < e; t += 1) {
+    for (s = c[t].length, i = 0; i < s; i += 1)
+      i > 0 && (o += "	"), r = c[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 Mt(h, t, e = []) {
+function Mt(c, t, e = []) {
   let i = 0;
   const s = [];
-  return h.forEach((o, r) => {
+  return c.forEach((o, r) => {
     if (r === 0)
       s.push(1);
     else {
-      const l = e.reduce((c, d) => `${c}${o[d] ?? ""}`, "") || o[t], a = e.reduce((c, d) => `${c}${h[r - 1][d] ?? ""}`, "") || h[r - 1][t];
+      const l = e.reduce((h, d) => `${h}${o[d] ?? ""}`, "") || o[t], a = e.reduce((h, d) => `${h}${c[r - 1][d] ?? ""}`, "") || c[r - 1][t];
       l === a ? (s[i] += 1, s.push(0)) : (s.push(1), i = r);
     }
   }), s;
 }
-function Ht(h, t) {
+function Ht(c, 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) : c[o.key] === c[e] ? (s[o.key] = 0, s[i] += 1) : (s[o.key] = 1, e = o.key, i = o.key);
   }), s;
 }
-function re(h, t, e = []) {
-  const { visibleRows: i, rowIndex: s, headIndex: o } = h, r = Mt(i, t, e);
+function re(c, t, e = []) {
+  const { visibleRows: i, rowIndex: s, headIndex: o } = c, r = Mt(i, t, e);
   return r[s - o] === 0 ? {
     rowspan: 0,
     colspan: 0,
@@ -191,8 +191,8 @@ function re(h, t, e = []) {
     mergeRow: !0
   };
 }
-function ne(h, t = []) {
-  const { column: e, row: i, visibleLeafColumns: s } = h, o = s.filter((r) => t.includes(r.key));
+function ne(c, t = []) {
+  const { column: e, row: i, visibleLeafColumns: s } = c, o = s.filter((r) => t.includes(r.key));
   if (t.includes(e.key)) {
     const r = Ht(i, o);
     return r[e.key] === 0 ? {
@@ -208,8 +208,8 @@ function ne(h, t = []) {
     };
   }
 }
-function le(h, t = document.documentElement) {
-  const e = h.startsWith("--") ? h : `--${h}`;
+function le(c, t = document.documentElement) {
+  const e = c.startsWith("--") ? c : `--${c}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
 class Dt {
@@ -259,8 +259,8 @@ class Dt {
   }
 }
 class ut extends Dt {
-  constructor(e, i, s, o, r, l, a, c, d, f = "body") {
-    super(e, o, r, l, a, f, c.fixed);
+  constructor(e, i, s, o, r, l, a, h, d, f = "body") {
+    super(e, o, r, l, a, f, h.fixed);
     n(this, "formatter");
     n(this, "formatterFooter");
     n(this, "hoverIconName", "");
@@ -315,9 +315,10 @@ class ut extends Dt {
     n(this, "rowExpand", !1);
     n(this, "rowHasChildren", !1);
     n(this, "overflowTooltipShow", !0);
+    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 = c.key, this.type = c.type || "", this.editorType = c.editorType || "text", this.editorProps = c.editorProps || {}, this.cellType = f, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level || 0, this.operation = c.operation || !1, this.column = c, this.rules = c.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.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 || "center", this.verticalAlign = h.verticalAlign || "middle", 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;
@@ -344,7 +345,7 @@ class ut extends Dt {
         relationRowKeys: r,
         relationColKeys: l,
         mergeRow: a = !1,
-        mergeCol: c = !1
+        mergeCol: h = !1
       } = i({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -357,7 +358,7 @@ class ut extends Dt {
         visibleLeafColumns: this.ctx.header.visibleLeafColumns,
         rows: this.ctx.body.data
       }) || {};
-      Array.isArray(r) && r.length > 0 ? this.relationRowKeys = r : this.relationRowKeys = [this.key], Array.isArray(l) && l.length > 0 ? this.relationColKeys = l : this.relationColKeys = [this.key], this.mergeCol = c, this.mergeRow = a, this.colspan = s, this.rowspan = o, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
+      Array.isArray(r) && r.length > 0 ? this.relationRowKeys = r : this.relationRowKeys = [this.key], Array.isArray(l) && l.length > 0 ? this.relationColKeys = l : this.relationColKeys = [this.key], this.mergeCol = h, this.mergeRow = a, this.colspan = s, this.rowspan = o, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
     }
   }
   updateSpanInfo() {
@@ -430,13 +431,13 @@ class ut extends Dt {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let o, r = 0, l = "";
     if (this.type === "tree" && s === "body") {
-      const a = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = a || {};
-      if (this.rowExpand = c, this.rowHasChildren = d, f) {
+      const a = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = a || {};
+      if (this.rowExpand = h, this.rowHasChildren = d, f) {
         const w = this.ctx.icons.get("loading");
         l = "loading", o = w, r = x * 8;
       } else if (d) {
         const w = this.ctx.icons.get("expand"), g = this.ctx.icons.get("shrink");
-        o = c ? g : w, l = c ? "shrink" : "expand", r = x * 8;
+        o = h ? g : w, l = h ? "shrink" : "expand", r = x * 8;
       } else
         r = x * 8;
       let u = 20, p = 20;
@@ -456,7 +457,7 @@ class ut extends Dt {
       READONLY_TEXT_COLOR: r,
       BODY_TEXT_COLOR: l,
       FOOTER_TEXT_COLOR: a,
-      FOOTER_BG_COLOR: c,
+      FOOTER_BG_COLOR: h,
       HIGHLIGHT_SELECTED_ROW: d,
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
       HIGHLIGHT_HOVER_ROW: x,
@@ -465,7 +466,7 @@ class ut extends Dt {
       STRIPE_COLOR: w
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let _ = c, S = a;
+      let _ = h, S = a;
       if (typeof o == "function") {
         const v = o, { backgroundColor: b, color: O } = v({
           row: this.row,
@@ -502,9 +503,9 @@ class ut extends Dt {
     this.drawCellBgColor = y, this.drawTextColor = I;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: l, rowIndex: a, rowKey: c } = this;
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: l, rowIndex: a, rowKey: h } = this;
     if (!(s === 0 || o === 0) && r !== "footer" && ["index-selection", "selection"].includes(l)) {
-      const d = this.ctx.database.getRowSelection(c), f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, p = this.drawY + (i - x) / 2;
+      const d = this.ctx.database.getRowSelection(h), f = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, p = this.drawY + (i - x) / 2;
       let w = this.ctx.icons.get("checkbox-uncheck"), g = "checkbox-uncheck";
       d && f ? (w = this.ctx.icons.get("checkbox-check"), g = "checkbox-check") : d && f ? (w = this.ctx.icons.get("checkbox-check-disabled"), g = "checkbox-check-disabled") : !d && f ? (w = this.ctx.icons.get("checkbox-uncheck"), g = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), g = "checkbox-disabled"), w && l == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === a || ["checkbox-disabled", "checkbox-check"].includes(g)) && (this.drawImageX = u, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = g, this.drawImageSource = w) : w && l === "selection" && (this.drawImageX = u, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = g, this.drawImageSource = w);
     }
@@ -514,27 +515,27 @@ class ut extends Dt {
       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 c = i({
+      const h = i({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       });
-      c !== void 0 && (this.hoverIconName = c);
+      h !== void 0 && (this.hoverIconName = h);
     }
     const { hoverCell: l } = this.ctx;
     if (this.hoverIconName && !this.ctx.editing && l) {
-      let a = 0, c = 0;
-      if (l.rowKey === this.rowKey && (a = this.drawX + this.width - s - o, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
+      let a = 0, h = 0;
+      if (l.rowKey === this.rowKey && (a = this.drawX + this.width - s - o, h = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
         const f = this.getSpanInfo(), { yArr: x } = f, u = x[0], p = x[1];
         if (l.rowIndex >= u && l.rowIndex <= p) {
           const { width: w, height: g, offsetTop: E, offsetLeft: C } = f;
-          a = this.drawX - C + w - s - o, c = this.drawY - E + (g - s) / 2;
+          a = this.drawX - C + w - s - o, h = this.drawY - E + (g - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
-      this.drawImageX = a, this.drawImageY = c, this.drawImageWidth = s, this.drawImageHeight = s, this.drawImageName = this.hoverIconName, this.drawImageSource = d;
+      this.drawImageX = a, this.drawImageY = h, this.drawImageWidth = s, this.drawImageHeight = s, this.drawImageName = this.hoverIconName, this.drawImageSource = d;
     }
   }
   // 过去跨度配置
@@ -629,8 +630,8 @@ class ut extends Dt {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: o } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: r, yArr: l } = this.ctx.selector, a = r[1], c = l[1], { colIndex: d, rowIndex: f, drawX: x, drawY: u } = this;
-    if (d === a && f === c) {
+    const { xArr: r, yArr: l } = this.ctx.selector, a = r[1], h = l[1], { colIndex: d, rowIndex: f, drawX: x, drawY: u } = this;
+    if (d === a && f === h) {
       const w = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
       this.ctx.paint.drawRect(x + this.width - w, u + this.height - w, 6, 6, {
         borderColor: o,
@@ -665,13 +666,13 @@ class ut extends Dt {
     const { ellipsis: r } = this.ctx.paint.handleEllipsis(this.displayText, o, e, i);
     this.ellipsis = r;
     const { placeholder: l } = this.column;
-    let a = this.displayText, c = this.drawTextColor;
-    return !this.ctx.database.getReadonly(this.rowKey, this.key) && l && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (a = l, c = s), this.ctx.paint.drawText(a, this.drawTextX, this.drawTextY, o, this.visibleHeight, {
+    let a = this.displayText, h = this.drawTextColor;
+    return !this.ctx.database.getReadonly(this.rowKey, this.key) && l && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (a = l, h = s), this.ctx.paint.drawText(a, this.drawTextX, this.drawTextY, o, this.visibleHeight, {
       font: i,
       padding: e,
       align: this.align,
       verticalAlign: this.verticalAlign,
-      color: c
+      color: h
     });
   }
   drawImage() {
@@ -728,11 +729,11 @@ class ut extends Dt {
       fillColor: "transparent",
       borderWidth: 1
     });
-    const [l, a] = i, [c, d] = s;
-    !(l === a && c === d) && this.colIndex >= l && this.colIndex <= a && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
+    const [l, a] = i, [h, d] = s;
+    !(l === a && h === d) && this.colIndex >= l && this.colIndex <= a && this.rowIndex >= h && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
       borderColor: "transparent",
       fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)"
-    }), this.operation && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
+    }), this.operation && this.rowIndex >= 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"
     });
@@ -758,11 +759,11 @@ class ut extends Dt {
   }
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: l, width: a } = this;
-    let c = i, d = s;
+    let h = i, d = s;
     const { xArr: f, yArr: x, lineDash: u = [], borderWidth: p = 1, borderColor: w, fillColor: g } = e, E = f[0], C = f[1], m = x[0], R = x[1];
     if (r >= E && r <= C && o === m) {
       const y = r === C ? 1 : 0, I = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([c + I, d + 1, c + a - y, d + 1], {
+      this.ctx.paint.drawLine([h + I, d + 1, h + a - y, d + 1], {
         borderColor: w,
         fillColor: g,
         borderWidth: p,
@@ -773,7 +774,7 @@ class ut extends Dt {
     }
     if (r === C && o >= m && o <= R) {
       const y = o === m ? 1 : 0, I = o === R ? 1 : 0;
-      this.ctx.paint.drawLine([c + a - 1, d + y, c + a - 1, d + l - I], {
+      this.ctx.paint.drawLine([h + a - 1, d + y, h + a - 1, d + l - I], {
         borderColor: w,
         fillColor: g,
         borderWidth: p,
@@ -784,7 +785,7 @@ class ut extends Dt {
     }
     if (r >= E && r <= C && o === R) {
       const y = r === C ? 1 : 0, I = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([c + I, d + l - 1, c + a - y, d + l - 1], {
+      this.ctx.paint.drawLine([h + I, d + l - 1, h + a - y, d + l - 1], {
         borderColor: w,
         fillColor: g,
         borderWidth: p,
@@ -795,7 +796,7 @@ class ut extends Dt {
     }
     if (r === E && o >= m && o <= R) {
       const y = o === R ? 1 : 0, I = o === m ? 1 : 0;
-      this.ctx.paint.drawLine([c + 1, d + I, c + 1, d + l - y], {
+      this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + l - y], {
         borderColor: w,
         fillColor: g,
         borderWidth: p,
@@ -842,7 +843,14 @@ class ae {
   }
   // 初始化默认不忽略清空改变值和校验map
   init(t = !0) {
-    this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear(), t && (this.originalDataMap.clear(), this.changedDataMap.clear(), this.validationErrorMap.clear()), this.itemRowKeyMap = /* @__PURE__ */ new WeakMap(), this.initData(this.data), this.getData(), this.bufferCheckState.buffer = !1;
+    this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear();
+    const e = this.getColumns(), i = et(e);
+    if (this.ctx.hasSelection = i.some((s) => s.type === "selection"), this.ctx.hasTree = i.some((s) => s.type === "tree"), t) {
+      this.originalDataMap.clear(), this.changedDataMap.clear(), this.validationErrorMap.clear();
+      const { ROW_KEY: s } = this.ctx.config;
+      s ? (this.ctx.hasSelection || this.selectionMap.clear(), this.ctx.hasTree || this.expandMap.clear()) : (this.selectionMap.clear(), this.expandMap.clear());
+    }
+    this.itemRowKeyMap = /* @__PURE__ */ new WeakMap(), this.initData(this.data), this.getData(), this.bufferCheckState.buffer = !1;
   }
   /**
    * 清除缓存数据
@@ -858,11 +866,11 @@ class ae {
   initData(t, e = 0, i = []) {
     t.forEach((s, o) => {
       var E;
-      const { ROW_KEY: r = "", DEFAULT_EXPAND_ALL: l, CELL_HEIGHT: a, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = s[r], x = f != null ? `${f}` : St();
+      const { ROW_KEY: r = "", DEFAULT_EXPAND_ALL: l, CELL_HEIGHT: a, SELECTABLE_METHOD: h, CHECKBOX_KEY: d } = this.ctx.config, f = s[r], x = f != null ? `${f}` : St();
       this.itemRowKeyMap.set(s, x);
       const u = s._height || a, p = s._readonly;
       let w = !0;
-      if (typeof c == "function" && (w = c), d) {
+      if (typeof h == "function" && (w = h), d) {
         const C = s[d];
         if (this.checkboxKeyMap.has(C)) {
           const m = this.checkboxKeyMap.get(C) || [];
@@ -952,12 +960,12 @@ class ae {
     const i = (o) => {
       o.forEach((r) => {
         t.push(r);
-        const l = this.itemRowKeyMap.get(r), { expand: a, hasChildren: c, height: d } = this.rowKeyMap.get(l), f = this.sumHeight;
+        const l = this.itemRowKeyMap.get(r), { expand: a, hasChildren: h, height: d } = this.rowKeyMap.get(l), f = this.sumHeight;
         this.sumHeight += d, this.rowIndexRowKeyMap.set(e, l), this.rowKeyRowIndexMap.set(l, e), this.positions.push({
           top: f,
           height: d,
           bottom: this.sumHeight
-        }), e += 1, a && c && i(r.children);
+        }), e += 1, a && h && i(r.children);
       });
     };
     this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear();
@@ -1135,8 +1143,8 @@ class ae {
     s.forEach((d) => {
       a.push(this.ctx.database.getRowDataItemForRowKey(d));
     });
-    const c = r.map(({ rowKey: d, key: f }) => this.getValidator(d, f));
-    Promise.all(c).then(() => {
+    const h = r.map(({ rowKey: d, key: f }) => this.getValidator(d, f));
+    Promise.all(h).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
     }), this.ctx.emit("change", r, a), e && this.ctx.history.pushState({
       changeList: i,
@@ -1159,7 +1167,7 @@ class ae {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: l } = this.rowKeyMap.get(t);
-    let a = l[e], c = i;
+    let a = l[e], h = i;
     if (this.ctx.database.getReadonly(t, e))
       return {
         oldValue: a,
@@ -1173,11 +1181,11 @@ class ae {
       const u = this.getVirtualBodyCellByKey(t, e);
       if ((u == null ? void 0 : u.type) === "number")
         if (["", void 0, null].includes(i))
-          c = null;
+          h = null;
         else if (/^-?\d+(\.\d+)?$/.test(`${i}`))
-          c = Number(i);
+          h = Number(i);
         else {
-          c = a;
+          h = a;
           const g = {
             code: "ERR_SET_NUMBER_VALUE",
             message: "Assignment failed, not a numeric type",
@@ -1185,7 +1193,7 @@ class ae {
               {
                 rowKey: t,
                 key: e,
-                value: c,
+                value: h,
                 oldValue: a,
                 row: x
               }
@@ -1193,7 +1201,7 @@ class ae {
           };
           this.ctx.emit("error", g);
         }
-      if (c === a)
+      if (h === a)
         return {
           oldValue: a,
           newValue: a
@@ -1204,19 +1212,19 @@ class ae {
           {
             rowKey: t,
             key: e,
-            value: c,
+            value: h,
             oldValue: l[e],
             row: x
           }
         ]);
-        E && E.length && (c = E[0].value);
+        E && E.length && (h = E[0].value);
       }
-      this.changedDataMap.set(d, c), l[e] = c;
+      this.changedDataMap.set(d, h), l[e] = h;
       const w = {
         rowKey: t,
         key: e,
         oldValue: a,
-        value: c,
+        value: h,
         row: x
       };
       this.getValidator(t, e).then(() => {
@@ -1225,17 +1233,17 @@ class ae {
         rowKey: t,
         key: e,
         oldValue: a,
-        value: c,
+        value: h,
         originalValue: f,
         row: x
       });
     } else
-      this.changedDataMap.set(d, c), l[e] = c;
+      this.changedDataMap.set(d, h), l[e] = h;
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
       oldValue: a,
-      value: c,
+      value: h,
       originalValue: this.originalDataMap.get(d),
       row: x
     }), s && this.ctx.history.pushState({
@@ -1247,12 +1255,12 @@ class ae {
           rowKey: t,
           key: e,
           oldValue: a,
-          newValue: c
+          newValue: h
         }
       ]
     }), o && this.ctx.emit("draw"), {
       oldValue: a,
-      newValue: c
+      newValue: h
     };
   }
   /**
@@ -1380,15 +1388,15 @@ class ae {
         rowIndex: x.rowIndex
       })), p && (o += 1);
     });
-    const a = r > i && s === 0 && l, c = o && o > s && s > 0 || a, d = o !== 0, f = !!o && o === s;
+    const a = r > i && s === 0 && l, h = o && o > s && s > 0 || a, d = o !== 0, f = !!o && o === s;
     return this.bufferCheckState = {
       buffer: !0,
       check: f,
-      indeterminate: c,
+      indeterminate: h,
       selectable: d
     }, {
       check: f,
-      indeterminate: c,
+      indeterminate: h,
       selectable: d
     };
   }
@@ -1517,7 +1525,7 @@ class ae {
         d && (a = d);
       }
       if (a) {
-        const c = {
+        const h = {
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: o.colIndex,
@@ -1527,7 +1535,7 @@ class ae {
           value: this.getItemValue(t, e),
           field: e,
           fieldValue: this.getItemValue(t, e)
-        }, f = new te(a).validate(c);
+        }, f = new te(a).validate(h);
         this.setValidationError(t, e, f), i(f);
       } else
         this.clearValidationError(t, e), i([]);
@@ -1550,7 +1558,7 @@ class ae {
       value: r,
       colIndex: l,
       relationRowKeys: a,
-      relationColKeys: c,
+      relationColKeys: h,
       rowspan: d,
       height: f,
       width: x,
@@ -1627,7 +1635,7 @@ class ae {
         if (!b)
           break;
         const O = this.getItemValue(s, i), L = this.getItemValue(s, b.key);
-        if (O === L && c.includes(b.key))
+        if (O === L && h.includes(b.key))
           C = v;
         else
           break;
@@ -1637,7 +1645,7 @@ class ae {
         if (!b)
           break;
         const O = this.getItemValue(s, i), L = this.getItemValue(s, b.key);
-        if (O === L && c.includes(b.key))
+        if (O === L && h.includes(b.key))
           m = v;
         else
           break;
@@ -1682,7 +1690,7 @@ class ae {
     const s = this.rowIndexRowKeyMap.get(t), o = `${s}​_${e}`, r = this.getRowForRowIndex(t), l = this.getColumnByKey(e);
     if (!s || !l || !r)
       return;
-    const a = this.getItemValue(s, e), c = [
+    const a = this.getItemValue(s, e), h = [
       {
         key: e,
         rowKey: s,
@@ -1696,7 +1704,7 @@ class ae {
         fieldValue: a
       }
     ];
-    this.validationErrorMap.set(o, c);
+    this.validationErrorMap.set(o, h);
   }
   setValidationError(t, e, i) {
     const s = `${t}​_${e}`;
@@ -1938,21 +1946,21 @@ class fe {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, o) {
-    const { fillColor: r, side: l, shadowWidth: a, colorStart: c, colorEnd: d } = o;
+    const { fillColor: r, side: l, shadowWidth: a, colorStart: h, colorEnd: d } = o;
     this.ctx.save(), r && (this.ctx.fillStyle = r, this.ctx.fillRect(t, e, i, s));
     let f;
     switch (l) {
       case "left":
-        f = this.ctx.createLinearGradient(t - a, e, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - a, e, a, s);
+        f = this.ctx.createLinearGradient(t - a, e, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - a, e, a, s);
         break;
       case "right":
-        f = this.ctx.createLinearGradient(t + i, e, t + i + a, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, a, s);
+        f = this.ctx.createLinearGradient(t + i, e, t + i + a, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, a, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - a, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - a, i, a);
+        f = this.ctx.createLinearGradient(t, e - a, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - a, i, a);
         break;
       case "bottom":
-        f = this.ctx.createLinearGradient(t, e + s, t, e + s + a), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, a);
+        f = this.ctx.createLinearGradient(t, e + s, t, e + s + a), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, a);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -1977,8 +1985,8 @@ class fe {
     if (this.ctx.save(), this.ctx.beginPath(), l !== void 0 && (this.ctx.fillStyle = l), r !== void 0 && (this.ctx.lineWidth = o, this.ctx.strokeStyle = r), a === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [c, d, f, x] = typeof a == "number" ? [a, a, a, a] : a;
-      this.ctx.moveTo(t + c, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + c, e, c);
+      const [h, d, f, x] = typeof a == "number" ? [a, a, a, a] : a;
+      this.ctx.moveTo(t + h, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + h, e, h);
     }
     l !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -1997,11 +2005,11 @@ class fe {
     const {
       font: l = "12px Arial",
       align: a = "center",
-      color: c = "#495060",
+      color: h = "#495060",
       padding: d = 0,
       verticalAlign: f = "middle"
     } = r;
-    this.ctx.font = l, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = a;
+    this.ctx.font = l, this.ctx.fillStyle = h, this.ctx.textBaseline = f, this.ctx.textAlign = a;
     let x = 0;
     f === "top" ? x = i + d : f === "bottom" ? x = i + o - d : x = i + (o + 1) / 2;
     let u = 0;
@@ -2019,9 +2027,9 @@ class fe {
     const l = this.ctx.measureText("...").width, a = this.ctx.measureText(t).width;
     if (a && a + l >= e - i * 2) {
       o = !0;
-      let c = 0;
+      let h = 0;
       for (let d = 0; d < t.length; d++)
-        if (c += this.ctx.measureText(t[d]).width, c >= e - i * 2 - l) {
+        if (h += this.ctx.measureText(t[d]).width, h >= e - i * 2 - l) {
           r = t.slice(0, d) + "...";
           break;
         }
@@ -2185,6 +2193,9 @@ class Ct {
     n(this, "SELECTOR_AREA_MAX_Y", 0);
     /** 选择器Y最大范围,0默认rowMax */
     n(this, "SELECTOR_AREA_MAX_Y_OFFSET", 0);
+    /** 选择器值类型，value，displayText,区别displayText受format影响 */
+    n(this, "SELECTOR_CELL_VALUE_TYPE", "value");
+    // displayText | value
     /** 启用自动主题 */
     n(this, "ENABLE_AUTO_THEME", !0);
     /** 启用选择器-选择器单选 */
@@ -2416,21 +2427,21 @@ class xe {
   }
   async createImageFromSVG(t, e, i = !1) {
     const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && r.querySelectorAll("*").forEach((c) => {
-      c.setAttribute("fill", e);
+    e && r.querySelectorAll("*").forEach((h) => {
+      h.setAttribute("fill", e);
     });
     const l = new Image();
     let a = "";
     if (i) {
-      const c = new Blob([new XMLSerializer().serializeToString(r)], {
+      const h = new Blob([new XMLSerializer().serializeToString(r)], {
         type: "image/svg+xml"
       });
-      a = URL.createObjectURL(c);
+      a = URL.createObjectURL(h);
     } else
       a = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(r));
-    return l.src = a, new Promise((c, d) => {
+    return l.src = a, new Promise((h, d) => {
       l.onerror = () => d(new Error("Failed to load image")), l.onload = () => {
-        c(l);
+        h(l);
       };
     });
   }
@@ -2501,11 +2512,11 @@ class Xt extends Dt {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
     let o = i, r = s;
     if (typeof e == "function") {
-      const l = e, { backgroundColor: a, color: c } = l({
+      const l = e, { backgroundColor: a, color: h } = l({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      a && (o = a), c && (r = c);
+      a && (o = a), h && (r = h);
     }
     this.drawCellBgColor = o, this.drawTextColor = r;
   }
@@ -2516,11 +2527,11 @@ class Xt extends Dt {
     const {
       paint: e,
       config: { BORDER_COLOR: i, CELL_PADDING: s, HEADER_FONT: o, BORDER: r }
-    } = this.ctx, { drawX: l, drawY: a, displayText: c } = this;
+    } = this.ctx, { drawX: l, drawY: a, displayText: h } = this;
     e.drawRect(l, a, this.width, this.height, {
       borderColor: r ? i : "transparent",
       fillColor: this.drawCellBgColor
-    }), this.ellipsis = e.drawText(c, l, a, this.width, this.height, {
+    }), this.ellipsis = e.drawText(h, l, a, this.width, this.height, {
       font: o,
       padding: s,
       color: this.drawTextColor,
@@ -2541,9 +2552,9 @@ class Xt extends Dt {
   drawSelection() {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
-      const { indeterminate: o, check: r, selectable: l } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: a = 0 } = this.ctx.config, c = this.drawX + (e - a) / 2, d = this.drawY + (i - a) / 2;
+      const { indeterminate: o, check: r, selectable: l } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: a = 0 } = this.ctx.config, h = this.drawX + (e - a) / 2, d = this.drawY + (i - a) / 2;
       let f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      o ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : r && l ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : r && l ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !r && l ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = a, this.drawImageHeight = a, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
+      o ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : r && l ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : r && l ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !r && l ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = h, this.drawImageY = d, this.drawImageWidth = a, this.drawImageHeight = a, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2716,13 +2727,13 @@ class ue {
       for (const r of i) {
         const l = r.fixedCells.concat(r.noFixedCells);
         for (const a of l) {
-          const c = a.getDrawX(), d = a.getDrawY();
+          const h = a.getDrawX(), d = a.getDrawY();
           if (o) {
-            if (t > c && t < c + a.visibleWidth && e > d && e < d + a.visibleHeight) {
+            if (t > h && t < h + a.visibleWidth && e > d && e < d + a.visibleHeight) {
               s(a);
               return;
             }
-          } else if (t > c && t < c + a.width && e > d && e < d + a.height) {
+          } else if (t > h && t < h + a.width && e > d && e < d + a.height) {
             s(a);
             return;
           }
@@ -2785,6 +2796,10 @@ class ge {
     // 只有合并单元格
     n(this, "selectOnlyOne", !1);
     // 只选择一个
+    n(this, "hasSelection", !1);
+    // 是否有选中
+    n(this, "hasTree", !1);
+    // 是否有树形结构
     n(this, "scrollY", 0);
     n(this, "scrollX", 0);
     n(this, "fixedLeftWidth", 0);
@@ -2859,9 +2874,9 @@ class ge {
       overlayerElement: r,
       editorElement: l,
       emptyElement: a,
-      contextMenuElement: c
+      contextMenuElement: h
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = l, this.emptyElement = a, this.contextMenuElement = c, this.config = new Ct(e.config || {}), this.eventBus = new de(), this.eventBrowser = new ce(this), this.eventTable = new ue(this), this.paint = new fe(this.canvasElement), this.database = new ae(this, e), this.history = new he(this), this.icons = new xe(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = l, this.emptyElement = a, this.contextMenuElement = h, this.config = new Ct(e.config || {}), this.eventBus = new de(), this.eventBrowser = new ce(this), this.eventTable = new ue(this), this.paint = new fe(this.canvasElement), this.database = new ae(this, e), this.history = new he(this), this.icons = new xe(this);
   }
   setConfig(t) {
     this.config = new Ct(t);
@@ -2870,7 +2885,7 @@ class ge {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
       const r = this.database.getVirtualBodyCellByKey(t, e);
       if (r && (r.mergeRow || r.mergeCol)) {
-        const { dataList: l } = r.getSpanInfo(), a = l.map((c) => ({ ...c, value: i }));
+        const { dataList: l } = r.getSpanInfo(), a = l.map((h) => ({ ...h, value: i }));
         this.database.batchSetItemValue(a, s);
         return;
       }
@@ -2885,8 +2900,8 @@ class ge {
         if (o === void 0 || r === void 0) return;
         const l = this.database.getVirtualBodyCell(o, r);
         if (l) {
-          const { dataList: a } = l.getSpanInfo(), c = a.map((d) => ({ ...d, value: s.value }));
-          i.push(...c);
+          const { dataList: a } = l.getSpanInfo(), h = a.map((d) => ({ ...d, value: s.value }));
+          i.push(...h);
         }
       }), this.database.batchSetItemValue(i, e);
     } else
@@ -2930,8 +2945,8 @@ class ge {
     for (let o = 0; o <= e[1] - e[0]; o++) {
       const r = [];
       for (let l = 0; l <= i[1] - i[0]; l++) {
-        const a = o + e[0], c = l + i[0], d = this.database.getItemValueForRowIndexAndColIndex(a, c);
-        d && r.push(d.value);
+        const a = o + e[0], h = l + i[0], d = this.database.getVirtualBodyCell(a, h);
+        d && (d.selectorCellValueType === "displayText" ? r.push(d.displayText) : r.push(d.getValue()));
       }
       s += `${r.join("	")}\r`, t.push(r);
     }
@@ -3078,21 +3093,21 @@ class Rt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: o = 0, SCROLLER_SIZE: r = 0, BORDER: l }
-    } = this.ctx, a = s, c = i, d = e.height, f = e.width, x = t.height, u = this.ctx.footer.height;
+    } = this.ctx, a = s, h = i, d = e.height, f = e.width, x = t.height, u = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = c - o - d, this.distance = x - this.visibleDistance + u, this.trackX = a - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = c, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
+      this.visibleDistance = h - o - d, this.distance = x - this.visibleDistance + u, this.trackX = a - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = h, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
       const p = this.distance ? this.visibleDistance / (x + u) : 0;
       let w = Math.floor(p * this.visibleDistance);
       w < 30 ? w = 30 : w > this.visibleDistance && (w = 0), this.barHeight = w, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
       this.visibleDistance = a - o, this.distance = f - this.visibleDistance, this.splitPoints = [
         a - o,
-        c - o,
+        h - o,
         a - o,
-        c
+        h
       ];
       const p = l ? 0 : 0.5;
-      this.trackX = 0, this.trackY = c - o + p, this.trackWidth = a, this.trackHeight = o;
+      this.trackX = 0, this.trackY = h - o + p, this.trackWidth = a, this.trackHeight = o;
       const w = this.distance ? this.visibleDistance / f : 0;
       let g = Math.floor(w * 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));
@@ -3232,7 +3247,7 @@ class pe {
       config: { HEADER_HEIGHT: t, SCROLLER_TRACK_SIZE: e }
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
-    const s = Tt(i), o = at(i);
+    const s = Tt(i), o = et(i);
     this.height = t * s, this.width = o.reduce((f, x) => {
       const u = x.width || 100, { maxWidth: p, minWidth: w } = x;
       return p && u > p ? f + p : w && u < w ? f + w : f + u;
@@ -3246,8 +3261,8 @@ class pe {
       const f = Math.floor(a / this.resizeNum * 100) / 100;
       this.resizeAllColumn(f);
     }
-    const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = c.reduce((f, x) => f + x.width, 0);
+    const h = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
+    this.ctx.fixedLeftWidth = h.reduce((f, x) => f + x.width, 0);
     const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
     this.ctx.fixedRightWidth = d.reduce((f, x) => f + x.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
@@ -3280,8 +3295,8 @@ class pe {
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
         const o = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
         for (const r of o) {
-          const { offsetX: l, offsetY: a } = this.ctx.getOffset(e), c = l, d = r.getDrawX();
-          c > d + r.width - 5 && c < d + r.width + 4 && c < i - 4 && // 视窗中最后一列不允许调整宽
+          const { offsetX: l, offsetY: a } = this.ctx.getOffset(e), h = l, d = r.getDrawX();
+          h > d + r.width - 5 && h < d + r.width + 4 && h < i - 4 && // 视窗中最后一列不允许调整宽
           r.colspan <= 1 && this.ctx.isTarget(e) && a <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = r);
         }
       }
@@ -3336,10 +3351,10 @@ class pe {
     let s = e;
     const { HEADER_HEIGHT: o = 0 } = this.ctx.config;
     for (let r = 0; r < i; r++) {
-      const l = t[r], a = o * (l.rowspan || 0), c = o * (l.level || 0);
+      const l = t[r], a = o * (l.rowspan || 0), h = o * (l.level || 0);
       let { minWidth: d, maxWidth: f } = l, x = l.width || 100;
-      d && x < d && (x = d), f && x > f && (x = f), l.children && (x = at(l.children).reduce((w, g) => w + ((g == null ? void 0 : g.width) || 100), 0));
-      const u = new Xt(this.ctx, this.columnIndex, s, c, x, a, l);
+      d && x < d && (x = d), f && x > f && (x = f), l.children && (x = et(l.children).reduce((w, g) => w + ((g == null ? void 0 : g.width) || 100), 0));
+      const u = new Xt(this.ctx, this.columnIndex, s, h, x, a, l);
       this.ctx.database.setHeader(l.key, u), this.allCellHeaders.push(u), l.children || (this.leafCellHeaders.push(u), u.column.widthFillDisable || this.resizeNum++), l.fixed === "left" ? this.fixedLeftCellHeaders.push(u) : l.fixed === "right" ? this.fixedRightCellHeaders.push(u) : this.centerCellHeaders.push(u), !l.children && this.columnIndex++, l.children && this.render(l.children, s), s += x;
     }
   }
@@ -3506,7 +3521,7 @@ class Ee {
         SCROLLER_TRACK_SIZE: r = 0,
         HEIGHT: l,
         EMPTY_BODY_HEIGHT: a = 0,
-        MAX_HEIGHT: c = 0,
+        MAX_HEIGHT: h = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
         FOOTER_POSITION: x
@@ -3525,8 +3540,8 @@ class Ee {
     const C = window.innerHeight, { top: m } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
     if (C > m && d && !l) {
       const L = C - m - f;
-      L > e.height + r ? E = L : g > c && (E = c);
-    } else this.data.length && l ? E = l : this.data.length && c && g > c && (E = c);
+      L > e.height + r ? E = L : g > h && (E = h);
+    } else this.data.length && l ? E = l : 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 R = this.ctx.stageHeight - e.height - r;
     o ? this.visibleHeight = R - w : this.visibleHeight = R, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = u;
@@ -3564,7 +3579,7 @@ class Ee {
       if (this.ctx.editing) return;
       const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s, l = e.clientY, {
         stageHeight: a,
-        scrollY: c,
+        scrollY: h,
         config: { RESIZE_ROW_MIN_HEIGHT: d = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
@@ -3583,7 +3598,7 @@ class Ee {
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let f = 0; f < this.renderRows.length; f++) {
           const x = this.renderRows[f];
-          if (o > x.y - c + x.height - 1.5 && o < x.y - c + x.height + 1.5 && o < a - 4)
+          if (o > x.y - h + x.height - 1.5 && o < x.y - h + x.height + 1.5 && o < a - 4)
             for (let p = 0; p < x.cells.length; p++) {
               const w = x.cells[p];
               r > w.drawX + 10 && r < w.drawX + w.width - 10 && w.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
@@ -3661,12 +3676,12 @@ class Ee {
       config: { CELL_HEIGHT: s }
     } = this.ctx, o = i, { data: r, positions: l } = e.getData();
     this.ctx.maxRowIndex = r.length - 1;
-    let a = this.binarySearch(l, o), c = this.binarySearch(l, o + this.visibleHeight);
-    if (c === -1 && (c = this.ctx.maxRowIndex), a === -1 && c === this.ctx.maxRowIndex) {
+    let a = this.binarySearch(l, o), h = this.binarySearch(l, o + this.visibleHeight);
+    if (h === -1 && (h = this.ctx.maxRowIndex), a === -1 && h === this.ctx.maxRowIndex) {
       const f = Math.floor(this.visibleHeight / s);
       a = this.ctx.maxRowIndex - f;
     }
-    this.headIndex = Math.max(0, a), this.tailIndex = Math.min(this.ctx.maxRowIndex, c + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
+    this.headIndex = Math.max(0, a), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const d = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
       const x = this.headIndex + f, u = this.visibleRows[f], { height: p, top: w } = this.ctx.database.getPositionForRowIndex(x), g = new kt(this.ctx, x, 0, w + this.y, t.width, p, u);
@@ -3725,8 +3740,8 @@ class me {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - o - 1) && e !== l) {
-      const c = s.width - (this.x + this.width) + o - e;
-      this.ctx.paint.drawShadow(c, a, e, this.height, {
+      const h = s.width - (this.x + this.width) + o - e;
+      this.ctx.paint.drawShadow(h, a, e, this.height, {
         fillColor: r,
         side: "left",
         shadowWidth: 4,
@@ -3885,11 +3900,11 @@ class ye {
       const {
         SELECTOR_AREA_MIN_X: l,
         SELECTOR_AREA_MAX_X: a,
-        SELECTOR_AREA_MIN_Y: c,
+        SELECTOR_AREA_MIN_Y: h,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = l, p = a || this.ctx.maxColIndex - f, w = c, g = d || this.ctx.maxRowIndex - x;
+      } = this.ctx.config, u = l, p = a || this.ctx.maxColIndex - f, w = h, g = d || this.ctx.maxRowIndex - x;
       let [E, C] = o, [m, R] = r;
       if (E < u || C > p || m < w || R > g)
         return;
@@ -3921,7 +3936,7 @@ class ye {
         const E = w + e[0], C = g + t[0], m = this.ctx.database.getVirtualBodyCell(E, C);
         m && ((E === i || E === s) && l.push(m), (C === o || C === r) && a.push(m));
       }
-    const c = l.reduce(
+    const h = l.reduce(
       (w, g) => {
         const { yArr: E } = g.getSpanInfo(), [C, m] = E;
         return w.minY = Math.min(w.minY, C), w.maxY = Math.max(w.maxY, m), w;
@@ -3939,9 +3954,9 @@ class ye {
         minX: o,
         maxX: r
       }
-    ), f = [d.minX, d.maxX], x = [c.minY, c.maxY];
+    ), f = [d.minX, d.maxX], x = [h.minY, h.maxY];
     let u = !1;
-    if (d.minX !== d.maxX || c.minY !== c.maxY) {
+    if (d.minX !== d.maxX || h.minY !== h.maxY) {
       const w = JSON.stringify(f) + JSON.stringify(x), g = (p = this.ctx.focusCell) == null ? void 0 : p.getSpanInfo();
       u = (g && JSON.stringify(g.xArr) + JSON.stringify(g.yArr)) === w;
     }
@@ -3962,11 +3977,11 @@ class ye {
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
       const { colIndex: l } = this.ctx.focusCellHeader;
       if (this.ctx.clearSelector(), t.colIndex >= l) {
-        const a = [l, t.colIndex + t.colspan - 1], c = [o, r];
-        this.setSelector(a, c);
+        const a = [l, t.colIndex + t.colspan - 1], h = [o, r];
+        this.setSelector(a, h);
       } else {
-        const a = [t.colIndex, l], c = [o, r];
-        this.setSelector(a, c);
+        const a = [t.colIndex, l], h = [o, r];
+        this.setSelector(a, h);
       }
     } else {
       const l = [t.colIndex, t.colIndex + t.colspan - 1], a = [o, r];
@@ -3985,7 +4000,7 @@ class ye {
         SELECTOR_AREA_MAX_Y: r,
         SELECTOR_AREA_MAX_X_OFFSET: l,
         SELECTOR_AREA_MAX_Y_OFFSET: a
-      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - l, f = o, x = r || this.ctx.maxRowIndex - a, u = [c, d], p = [f, x];
+      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - l, f = o, x = r || this.ctx.maxRowIndex - a, u = [h, d], p = [f, x];
       this.setSelector(u, p);
     }
   }
@@ -3995,17 +4010,17 @@ class ye {
     const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: o } = this.ctx.config, r = s || this.ctx.maxColIndex - o, l = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const a = [l, r], c = [t.rowIndex, t.rowIndex];
-      this.setSelector(a, c);
+      const a = [l, r], h = [t.rowIndex, t.rowIndex];
+      this.setSelector(a, h);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
       const { rowIndex: a } = this.ctx.focusCell;
       if (t.rowIndex >= a) {
-        const c = [l, r], d = [a, t.rowIndex];
-        this.setSelector(c, d);
+        const h = [l, r], d = [a, t.rowIndex];
+        this.setSelector(h, d);
       } else {
-        const c = [l, r], d = [t.rowIndex, a];
-        this.setSelector(c, d);
+        const h = [l, r], d = [t.rowIndex, a];
+        this.setSelector(h, d);
       }
     }
   }
@@ -4014,7 +4029,7 @@ class ye {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), l = Math.max(i.colIndex, o), a = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), d = [r, l], f = [a, c];
+      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), l = Math.max(i.colIndex, o), a = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), d = [r, l], f = [a, h];
       this.setSelector(d, f);
     }
   }
@@ -4024,7 +4039,7 @@ class ye {
       if (this.ctx.selector.enable = !0, i && t) {
         if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
           return;
-        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: l } = e, a = Math.min(r, s), c = Math.max(r, s), d = Math.min(l, o), f = Math.max(l, o), x = [a, c], u = [d, f];
+        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: l } = e, a = Math.min(r, s), h = Math.max(r, s), d = Math.min(l, o), f = Math.max(l, o), x = [a, h], u = [d, f];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -4091,7 +4106,7 @@ class ye {
     const o = /* @__PURE__ */ new Set();
     for (let l = 0; l <= e[1] - e[0]; l++)
       for (let a = 0; a <= t[1] - t[0]; a++) {
-        const c = l + e[0], d = a + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(c, d);
+        const h = l + e[0], d = a + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(h, d);
         if (f) {
           const { rowKey: x, key: u } = f;
           this.ctx.database.getReadonly(x, u) || (o.add(x), s.push({
@@ -4123,11 +4138,11 @@ class ye {
       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 = se(o);
-        const l = [i, i + r[0].length - 1], a = [e, e + r.length - 1], [c, d] = a, [f, x] = l, u = d - this.ctx.maxRowIndex, p = x - this.ctx.maxColIndex;
+        const l = [i, i + r[0].length - 1], a = [e, e + r.length - 1], [h, d] = a, [f, x] = l, u = d - this.ctx.maxRowIndex, p = x - this.ctx.maxColIndex;
         (u > 0 || p > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
           maxX: x,
-          minY: c,
+          minY: h,
           minX: f,
           overflowRowCount: u,
           overflowColCount: p,
@@ -4222,8 +4237,8 @@ class ye {
         s < a && s++;
         break;
     }
-    const c = [i, i], d = [s, s], f = this.getCell(s, i);
-    f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(c, d), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", f), this.ctx.emit("draw")));
+    const 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);
@@ -4237,8 +4252,8 @@ class ye {
       SELECTOR_AREA_MAX_Y: r,
       SELECTOR_AREA_MAX_X_OFFSET: l,
       SELECTOR_AREA_MAX_Y_OFFSET: a
-    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - l, f = o, x = r || this.ctx.maxRowIndex - a;
-    return !(e < c || e > d || t < f || t > x);
+    } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - l, f = o, x = r || this.ctx.maxRowIndex - a;
+    return !(e < h || e > d || t < f || t > x);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -4251,8 +4266,8 @@ class ye {
       let l = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
         l *= 1.5;
-        const { scrollX: a } = this.ctx, c = a + l;
-        (c < 0 || c > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(c);
+        const { scrollX: a } = this.ctx, h = a + l;
+        (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
       }, 100);
     }
     if (o && this.adjustPositionY !== o) {
@@ -4260,8 +4275,8 @@ class ye {
       let l = 10 * (o === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         l *= 1.5;
-        const { scrollY: a } = this.ctx, c = a + l;
-        (c < 0 || c > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(c);
+        const { scrollY: a } = this.ctx, h = a + l;
+        (h < 0 || h > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(h);
       }, 100);
     }
   }
@@ -4278,7 +4293,7 @@ class ye {
       header: r,
       footer: l,
       body: a,
-      scrollX: c,
+      scrollX: h,
       scrollY: d,
       config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: p }
     } = this.ctx;
@@ -4291,8 +4306,8 @@ class ye {
     let S = 0;
     x && (u === "top" ? I = r.height + l.height - g : S = l.visibleHeight);
     const v = g + _ - (t - S - f);
-    let b = c, O = d;
-    y > 0 && !m ? b = Math.floor(c + y) : R > 0 && !m && (b = Math.floor(c - R)), I > 0 ? O = Math.floor(d - I) : v > 0 && (O = Math.floor(d + v)), (Math.abs(c - b) > 2 || Math.abs(d - O) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(b, O), this.ctx.emit("adjustBoundaryPosition", i));
+    let b = h, O = d;
+    y > 0 && !m ? b = Math.floor(h + y) : R > 0 && !m && (b = Math.floor(h - R)), I > 0 ? O = Math.floor(d - I) : v > 0 && (O = Math.floor(d + v)), (Math.abs(h - b) > 2 || Math.abs(d - O) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(b, O), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4308,7 +4323,7 @@ class Ce {
     this.ctx.on("mousemove", (t) => {
       if (this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default"), this.ctx.editing || !this.ctx.focusCell || !this.maxColRowCell)
         return;
-      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: l, width: a, height: c } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, x = r + a - d + f, u = l + c - d + f;
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: l, width: a, height: h } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, x = r + a - d + f, u = l + h - d + f;
       e > x && i > u && e < x + d && i < u + d && (this.ctx.stageElement.style.cursor = "crosshair");
     }), this.ctx.on("cellMouseenter", (t) => {
       const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], o = i[1], { colIndex: r, rowIndex: l } = t;
@@ -4351,12 +4366,12 @@ class Ce {
     if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(l)) {
       const {
         SELECTOR_AREA_MIN_X: a,
-        SELECTOR_AREA_MAX_X: c,
+        SELECTOR_AREA_MAX_X: h,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, p = a, w = c || this.ctx.maxColIndex - x, g = d, E = f || this.ctx.maxRowIndex - u;
+      } = this.ctx.config, p = a, w = h || this.ctx.maxColIndex - x, g = d, E = f || this.ctx.maxRowIndex - u;
       let [C, m] = r, [R, y] = l;
       if (C < p || R < g)
         return;
@@ -4385,8 +4400,8 @@ class Ce {
         const w = u + e.yArr[0], g = p + e.xArr[0];
         i.set(`${w}-${g}`, !0);
       }
-    const { value: s } = e, o = s[0].length, r = s.length, l = this.ctx.autofill.xArr, a = this.ctx.autofill.yArr, c = o === 1 && r === 1;
-    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(l, a) && !c) {
+    const { value: s } = e, o = s[0].length, r = s.length, l = this.ctx.autofill.xArr, a = this.ctx.autofill.yArr, h = o === 1 && r === 1;
+    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(l, a) && !h) {
       const u = {
         code: "ERR_MERGED_CELLS_AUTOFILL",
         message: "Merged cells cannot span autofill data"
@@ -4441,9 +4456,9 @@ class Ce {
   destroy() {
   }
 }
-const Z = Math.min, z = Math.max, et = Math.round, W = (h) => ({
-  x: h,
-  y: h
+const Z = Math.min, z = Math.max, it = Math.round, V = (c) => ({
+  x: c,
+  y: c
 }), be = {
   left: "right",
   right: "left",
@@ -4453,46 +4468,46 @@ const Z = Math.min, z = Math.max, et = Math.round, W = (h) => ({
   start: "end",
   end: "start"
 };
-function ht(h, t, e) {
-  return z(h, Z(t, e));
+function ht(c, t, e) {
+  return z(c, Z(t, e));
 }
-function J(h, t) {
-  return typeof h == "function" ? h(t) : h;
+function J(c, t) {
+  return typeof c == "function" ? c(t) : c;
 }
-function P(h) {
-  return h.split("-")[0];
+function P(c) {
+  return c.split("-")[0];
 }
-function Q(h) {
-  return h.split("-")[1];
+function Q(c) {
+  return c.split("-")[1];
 }
-function Bt(h) {
-  return h === "x" ? "y" : "x";
+function Bt(c) {
+  return c === "x" ? "y" : "x";
 }
-function gt(h) {
-  return h === "y" ? "height" : "width";
+function gt(c) {
+  return c === "y" ? "height" : "width";
 }
-function G(h) {
-  return ["top", "bottom"].includes(P(h)) ? "y" : "x";
+function G(c) {
+  return ["top", "bottom"].includes(P(c)) ? "y" : "x";
 }
-function wt(h) {
-  return Bt(G(h));
+function wt(c) {
+  return Bt(G(c));
 }
-function ve(h, t, e) {
+function ve(c, t, e) {
   e === void 0 && (e = !1);
-  const i = Q(h), s = wt(h), o = gt(s);
+  const i = Q(c), s = wt(c), 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 = it(r)), [r, it(r)];
+  return t.reference[o] > t.floating[o] && (r = st(r)), [r, st(r)];
 }
-function Ie(h) {
-  const t = it(h);
-  return [ct(h), t, ct(t)];
+function Ie(c) {
+  const t = st(c);
+  return [ct(c), t, ct(t)];
 }
-function ct(h) {
-  return h.replace(/start|end/g, (t) => Re[t]);
+function ct(c) {
+  return c.replace(/start|end/g, (t) => Re[t]);
 }
-function _e(h, t, e) {
+function _e(c, t, e) {
   const i = ["left", "right"], s = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
-  switch (h) {
+  switch (c) {
     case "top":
     case "bottom":
       return e ? t ? s : i : t ? i : s;
@@ -4503,38 +4518,38 @@ function _e(h, t, e) {
       return [];
   }
 }
-function Oe(h, t, e, i) {
-  const s = Q(h);
-  let o = _e(P(h), e === "start", i);
+function Oe(c, t, e, i) {
+  const s = Q(c);
+  let o = _e(P(c), e === "start", i);
   return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(ct)))), o;
 }
-function it(h) {
-  return h.replace(/left|right|bottom|top/g, (t) => be[t]);
+function st(c) {
+  return c.replace(/left|right|bottom|top/g, (t) => be[t]);
 }
-function Se(h) {
+function Se(c) {
   return {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
-    ...h
+    ...c
   };
 }
-function Kt(h) {
-  return typeof h != "number" ? Se(h) : {
-    top: h,
-    right: h,
-    bottom: h,
-    left: h
+function Kt(c) {
+  return typeof c != "number" ? Se(c) : {
+    top: c,
+    right: c,
+    bottom: c,
+    left: c
   };
 }
-function st(h) {
+function ot(c) {
   const {
     x: t,
     y: e,
     width: i,
     height: s
-  } = h;
+  } = c;
   return {
     width: i,
     height: s,
@@ -4546,12 +4561,12 @@ function st(h) {
     y: e
   };
 }
-function vt(h, t, e) {
+function vt(c, t, e) {
   let {
     reference: i,
     floating: s
-  } = h;
-  const o = G(t), r = wt(t), l = gt(r), a = P(t), c = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[l] / 2 - s[l] / 2;
+  } = c;
+  const o = G(t), r = wt(t), l = gt(r), a = P(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[l] / 2 - s[l] / 2;
   let u;
   switch (a) {
     case "top":
@@ -4586,29 +4601,29 @@ function vt(h, t, e) {
   }
   switch (Q(t)) {
     case "start":
-      u[r] -= x * (e && c ? -1 : 1);
+      u[r] -= x * (e && h ? -1 : 1);
       break;
     case "end":
-      u[r] += x * (e && c ? -1 : 1);
+      u[r] += x * (e && h ? -1 : 1);
       break;
   }
   return u;
 }
-const Le = async (h, t, e) => {
+const Le = async (c, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
     middleware: o = [],
     platform: r
   } = e, l = o.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(t));
-  let c = await r.getElementRects({
-    reference: h,
+  let h = await r.getElementRects({
+    reference: c,
     floating: t,
     strategy: s
   }), {
     x: d,
     y: f
-  } = vt(c, i, a), x = i, u = {}, p = 0;
+  } = vt(h, i, a), x = i, u = {}, p = 0;
   for (let w = 0; w < l.length; w++) {
     const {
       name: g,
@@ -4625,10 +4640,10 @@ const Le = async (h, t, e) => {
       placement: x,
       strategy: s,
       middlewareData: u,
-      rects: c,
+      rects: h,
       platform: r,
       elements: {
-        reference: h,
+        reference: c,
         floating: t
       }
     });
@@ -4638,14 +4653,14 @@ const Le = async (h, t, e) => {
         ...u[g],
         ...R
       }
-    }, y && p <= 50 && (p++, typeof y == "object" && (y.placement && (x = y.placement), y.rects && (c = y.rects === !0 ? await r.getElementRects({
-      reference: h,
+    }, y && p <= 50 && (p++, typeof y == "object" && (y.placement && (x = y.placement), y.rects && (h = y.rects === !0 ? await r.getElementRects({
+      reference: c,
       floating: t,
       strategy: s
     }) : y.rects), {
       x: d,
       y: f
-    } = vt(c, x, a)), w = -1);
+    } = vt(h, x, a)), w = -1);
   }
   return {
     x: d,
@@ -4655,7 +4670,7 @@ const Le = async (h, t, e) => {
     middlewareData: u
   };
 };
-async function Nt(h, t) {
+async function Nt(c, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -4665,15 +4680,15 @@ async function Nt(h, t) {
     rects: r,
     elements: l,
     strategy: a
-  } = h, {
-    boundary: c = "clippingAncestors",
+  } = c, {
+    boundary: h = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = J(t, h), p = Kt(u), g = l[x ? f === "floating" ? "reference" : "floating" : f], E = st(await o.getClippingRect({
+  } = J(t, c), p = Kt(u), g = l[x ? 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(l.floating)),
-    boundary: c,
+    boundary: h,
     rootBoundary: d,
     strategy: a
   })), C = f === "floating" ? {
@@ -4687,7 +4702,7 @@ async function Nt(h, t) {
   } : {
     x: 1,
     y: 1
-  }, y = st(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, y = ot(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
     rect: C,
     offsetParent: m,
@@ -4700,9 +4715,9 @@ async function Nt(h, t) {
     right: (y.right - E.right + p.right) / R.x
   };
 }
-const Te = (h) => ({
+const Te = (c) => ({
   name: "arrow",
-  options: h,
+  options: c,
   async fn(t) {
     const {
       x: e,
@@ -4713,15 +4728,15 @@ const Te = (h) => ({
       elements: l,
       middlewareData: a
     } = t, {
-      element: c,
+      element: h,
       padding: d = 0
-    } = J(h, t) || {};
-    if (c == null)
+    } = J(c, t) || {};
+    if (h == null)
       return {};
     const f = Kt(d), x = {
       x: e,
       y: i
-    }, u = wt(s), p = gt(u), w = await r.getDimensions(c), g = u === "y", E = g ? "top" : "left", C = g ? "bottom" : "right", m = g ? "clientHeight" : "clientWidth", R = o.reference[p] + o.reference[u] - x[u] - o.floating[p], y = x[u] - o.reference[u], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    }, u = wt(s), p = gt(u), w = await r.getDimensions(h), g = u === "y", E = g ? "top" : "left", C = g ? "bottom" : "right", m = g ? "clientHeight" : "clientWidth", R = o.reference[p] + o.reference[u] - x[u] - o.floating[p], y = x[u] - o.reference[u], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
     let _ = I ? I[m] : 0;
     (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = l.floating[m] || o.floating[p]);
     const S = R / 2 - y / 2, v = _ / 2 - w[p] / 2 - 1, b = Z(f[E], v), O = Z(f[C], v), L = b, M = _ - w[p] - O, T = _ / 2 - w[p] / 2 + S, X = ht(L, T, M), K = !a.arrow && Q(s) != null && T !== X && o.reference[p] / 2 - (T < L ? b : O) - w[p] / 2 < 0, k = K ? T < L ? T - L : T - M : 0;
@@ -4737,10 +4752,10 @@ const Te = (h) => ({
       reset: K
     };
   }
-}), Ae = function(h) {
-  return h === void 0 && (h = {}), {
+}), Ae = function(c) {
+  return c === void 0 && (c = {}), {
     name: "flip",
-    options: h,
+    options: c,
     async fn(t) {
       var e, i;
       const {
@@ -4749,7 +4764,7 @@ const Te = (h) => ({
         rects: r,
         initialPlacement: l,
         platform: a,
-        elements: c
+        elements: h
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
@@ -4758,10 +4773,10 @@ const Te = (h) => ({
         fallbackAxisSideDirection: p = "none",
         flipAlignment: w = !0,
         ...g
-      } = J(h, t);
+      } = J(c, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = P(s), C = G(l), m = P(l) === l, R = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = x || (m || !w ? [it(l)] : Ie(l)), I = p !== "none";
+      const E = P(s), C = G(l), m = P(l) === l, R = await (a.isRTL == null ? void 0 : a.isRTL(h.floating)), y = x || (m || !w ? [st(l)] : Ie(l)), I = p !== "none";
       !x && I && y.push(...Oe(l, w, p, R));
       const _ = [l, ...y], S = await Nt(t, g), v = [];
       let b = ((i = o.flip) == null ? void 0 : i.overflows) || [];
@@ -4817,12 +4832,12 @@ const Te = (h) => ({
     }
   };
 };
-async function Me(h, t) {
+async function Me(c, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = h, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = P(e), l = Q(e), a = G(e) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = o && a ? -1 : 1, f = J(t, h);
+  } = c, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = P(e), l = Q(e), a = G(e) === "y", h = ["left", "top"].includes(r) ? -1 : 1, d = o && a ? -1 : 1, f = J(t, c);
   let {
     mainAxis: x,
     crossAxis: u,
@@ -4838,16 +4853,16 @@ async function Me(h, t) {
   };
   return l && typeof p == "number" && (u = l === "end" ? p * -1 : p), a ? {
     x: u * d,
-    y: x * c
+    y: x * h
   } : {
-    x: x * c,
+    x: x * h,
     y: u * d
   };
 }
-const He = function(h) {
-  return h === void 0 && (h = 0), {
+const He = function(c) {
+  return c === void 0 && (c = 0), {
     name: "offset",
-    options: h,
+    options: c,
     async fn(t) {
       var e, i;
       const {
@@ -4855,7 +4870,7 @@ const He = function(h) {
         y: o,
         placement: r,
         middlewareData: l
-      } = t, a = await Me(t, h);
+      } = t, a = await Me(t, c);
       return r === ((e = l.offset) == null ? void 0 : e.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
         x: s + a.x,
         y: o + a.y,
@@ -4866,10 +4881,10 @@ const He = function(h) {
       };
     }
   };
-}, De = function(h) {
-  return h === void 0 && (h = {}), {
+}, De = function(c) {
+  return c === void 0 && (c = {}), {
     name: "shift",
-    options: h,
+    options: c,
     async fn(t) {
       const {
         x: e,
@@ -4891,11 +4906,11 @@ const He = function(h) {
           }
         },
         ...a
-      } = J(h, t), c = {
+      } = J(c, t), h = {
         x: e,
         y: i
       }, d = await Nt(t, a), f = G(P(s)), x = Bt(f);
-      let u = c[x], p = c[f];
+      let u = h[x], p = h[f];
       if (o) {
         const g = x === "y" ? "top" : "left", E = x === "y" ? "bottom" : "right", C = u + d[g], m = u - d[E];
         u = ht(C, u, m);
@@ -4923,212 +4938,212 @@ const He = function(h) {
     }
   };
 };
-function ot() {
+function rt() {
   return typeof window < "u";
 }
-function j(h) {
-  return Yt(h) ? (h.nodeName || "").toLowerCase() : "#document";
+function j(c) {
+  return Yt(c) ? (c.nodeName || "").toLowerCase() : "#document";
 }
-function A(h) {
+function A(c) {
   var t;
-  return (h == null || (t = h.ownerDocument) == null ? void 0 : t.defaultView) || window;
+  return (c == null || (t = c.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function N(h) {
+function N(c) {
   var t;
-  return (t = (Yt(h) ? h.ownerDocument : h.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Yt(c) ? c.ownerDocument : c.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Yt(h) {
-  return ot() ? h instanceof Node || h instanceof A(h).Node : !1;
+function Yt(c) {
+  return rt() ? c instanceof Node || c instanceof A(c).Node : !1;
 }
-function H(h) {
-  return ot() ? h instanceof Element || h instanceof A(h).Element : !1;
+function H(c) {
+  return rt() ? c instanceof Element || c instanceof A(c).Element : !1;
 }
-function B(h) {
-  return ot() ? h instanceof HTMLElement || h instanceof A(h).HTMLElement : !1;
+function B(c) {
+  return rt() ? c instanceof HTMLElement || c instanceof A(c).HTMLElement : !1;
 }
-function It(h) {
-  return !ot() || typeof ShadowRoot > "u" ? !1 : h instanceof ShadowRoot || h instanceof A(h).ShadowRoot;
+function It(c) {
+  return !rt() || typeof ShadowRoot > "u" ? !1 : c instanceof ShadowRoot || c instanceof A(c).ShadowRoot;
 }
-function tt(h) {
+function tt(c) {
   const {
     overflow: t,
     overflowX: e,
     overflowY: i,
     display: s
-  } = D(h);
+  } = D(c);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
-function Xe(h) {
-  return ["table", "td", "th"].includes(j(h));
+function Xe(c) {
+  return ["table", "td", "th"].includes(j(c));
 }
-function rt(h) {
+function nt(c) {
   return [":popover-open", ":modal"].some((t) => {
     try {
-      return h.matches(t);
+      return c.matches(t);
     } catch {
       return !1;
     }
   });
 }
-function pt(h) {
-  const t = Et(), e = H(h) ? D(h) : h;
+function pt(c) {
+  const t = Et(), e = H(c) ? D(c) : c;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
-function ke(h) {
-  let t = V(h);
+function ke(c) {
+  let t = W(c);
   for (; B(t) && !U(t); ) {
     if (pt(t))
       return t;
-    if (rt(t))
+    if (nt(t))
       return null;
-    t = V(t);
+    t = W(t);
   }
   return null;
 }
 function Et() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function U(h) {
-  return ["html", "body", "#document"].includes(j(h));
+function U(c) {
+  return ["html", "body", "#document"].includes(j(c));
 }
-function D(h) {
-  return A(h).getComputedStyle(h);
+function D(c) {
+  return A(c).getComputedStyle(c);
 }
-function nt(h) {
-  return H(h) ? {
-    scrollLeft: h.scrollLeft,
-    scrollTop: h.scrollTop
+function lt(c) {
+  return H(c) ? {
+    scrollLeft: c.scrollLeft,
+    scrollTop: c.scrollTop
   } : {
-    scrollLeft: h.scrollX,
-    scrollTop: h.scrollY
+    scrollLeft: c.scrollX,
+    scrollTop: c.scrollY
   };
 }
-function V(h) {
-  if (j(h) === "html")
-    return h;
+function W(c) {
+  if (j(c) === "html")
+    return c;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
-    h.assignedSlot || // DOM Element detected.
-    h.parentNode || // ShadowRoot detected.
-    It(h) && h.host || // Fallback.
-    N(h)
+    c.assignedSlot || // DOM Element detected.
+    c.parentNode || // ShadowRoot detected.
+    It(c) && c.host || // Fallback.
+    N(c)
   );
   return It(t) ? t.host : t;
 }
-function Ft(h) {
-  const t = V(h);
-  return U(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : B(t) && tt(t) ? t : Ft(t);
+function Ft(c) {
+  const t = W(c);
+  return U(t) ? c.ownerDocument ? c.ownerDocument.body : c.body : B(t) && tt(t) ? t : Ft(t);
 }
-function dt(h, t, e) {
+function dt(c, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
-  const s = Ft(h), o = s === ((i = h.ownerDocument) == null ? void 0 : i.body), r = A(s);
+  const s = Ft(c), o = s === ((i = c.ownerDocument) == null ? void 0 : i.body), r = A(s);
   if (o) {
     const l = ft(r);
     return t.concat(r, r.visualViewport || [], tt(s) ? s : [], l && e ? dt(l) : []);
   }
   return t.concat(s, dt(s, [], e));
 }
-function ft(h) {
-  return h.parent && Object.getPrototypeOf(h.parent) ? h.frameElement : null;
+function ft(c) {
+  return c.parent && Object.getPrototypeOf(c.parent) ? c.frameElement : null;
 }
-function Wt(h) {
-  const t = D(h);
+function Vt(c) {
+  const t = D(c);
   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, l = et(e) !== o || et(i) !== r;
+  const s = B(c), o = s ? c.offsetWidth : e, r = s ? c.offsetHeight : i, l = it(e) !== o || it(i) !== r;
   return l && (e = o, i = r), {
     width: e,
     height: i,
     $: l
   };
 }
-function Vt(h) {
-  return H(h) ? h : h.contextElement;
+function Wt(c) {
+  return H(c) ? c : c.contextElement;
 }
-function $(h) {
-  const t = Vt(h);
+function $(c) {
+  const t = Wt(c);
   if (!B(t))
-    return W(1);
+    return V(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
     $: o
-  } = Wt(t);
-  let r = (o ? et(e.width) : e.width) / i, l = (o ? et(e.height) : e.height) / s;
+  } = Vt(t);
+  let r = (o ? it(e.width) : e.width) / i, l = (o ? it(e.height) : e.height) / s;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
   };
 }
-const Be = /* @__PURE__ */ W(0);
-function Pt(h) {
-  const t = A(h);
+const Be = /* @__PURE__ */ V(0);
+function Pt(c) {
+  const t = A(c);
   return !Et() || !t.visualViewport ? Be : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Ke(h, t, e) {
-  return t === void 0 && (t = !1), !e || t && e !== A(h) ? !1 : t;
+function Ke(c, t, e) {
+  return t === void 0 && (t = !1), !e || t && e !== A(c) ? !1 : t;
 }
-function q(h, t, e, i) {
+function q(c, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = h.getBoundingClientRect(), o = Vt(h);
-  let r = W(1);
-  t && (i ? H(i) && (r = $(i)) : r = $(h));
-  const l = Ke(o, e, i) ? Pt(o) : W(0);
-  let a = (s.left + l.x) / r.x, c = (s.top + l.y) / r.y, d = s.width / r.x, f = s.height / r.y;
+  const s = c.getBoundingClientRect(), o = Wt(c);
+  let r = V(1);
+  t && (i ? H(i) && (r = $(i)) : r = $(c));
+  const l = Ke(o, e, i) ? Pt(o) : V(0);
+  let a = (s.left + l.x) / r.x, h = (s.top + l.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
     const x = A(o), u = i && H(i) ? A(i) : i;
     let p = x, w = ft(p);
     for (; w && i && u !== p; ) {
       const g = $(w), E = w.getBoundingClientRect(), C = D(w), m = E.left + (w.clientLeft + parseFloat(C.paddingLeft)) * g.x, R = E.top + (w.clientTop + parseFloat(C.paddingTop)) * g.y;
-      a *= g.x, c *= g.y, d *= g.x, f *= g.y, a += m, c += R, p = A(w), w = ft(p);
+      a *= g.x, h *= g.y, d *= g.x, f *= g.y, a += m, h += R, p = A(w), w = ft(p);
     }
   }
-  return st({
+  return ot({
     width: d,
     height: f,
     x: a,
-    y: c
+    y: h
   });
 }
-function Ne(h) {
+function Ne(c) {
   let {
     elements: t,
     rect: e,
     offsetParent: i,
     strategy: s
-  } = h;
-  const o = s === "fixed", r = N(i), l = t ? rt(t.floating) : !1;
+  } = c;
+  const o = s === "fixed", r = N(i), l = t ? nt(t.floating) : !1;
   if (i === r || l && o)
     return e;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = W(1);
-  const d = W(0), f = B(i);
-  if ((f || !f && !o) && ((j(i) !== "body" || tt(r)) && (a = nt(i)), B(i))) {
+  }, h = V(1);
+  const d = V(0), f = B(i);
+  if ((f || !f && !o) && ((j(i) !== "body" || tt(r)) && (a = lt(i)), B(i))) {
     const x = q(i);
-    c = $(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+    h = $(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
   return {
-    width: e.width * c.x,
-    height: e.height * c.y,
-    x: e.x * c.x - a.scrollLeft * c.x + d.x,
-    y: e.y * c.y - a.scrollTop * c.y + d.y
+    width: e.width * h.x,
+    height: e.height * h.y,
+    x: e.x * h.x - a.scrollLeft * h.x + d.x,
+    y: e.y * h.y - a.scrollTop * h.y + d.y
   };
 }
-function Ye(h) {
-  return Array.from(h.getClientRects());
+function Ye(c) {
+  return Array.from(c.getClientRects());
 }
-function xt(h, t) {
-  const e = nt(h).scrollLeft;
-  return t ? t.left + e : q(N(h)).left + e;
+function xt(c, t) {
+  const e = lt(c).scrollLeft;
+  return t ? t.left + e : q(N(c)).left + e;
 }
-function Fe(h) {
-  const t = N(h), e = nt(h), i = h.ownerDocument.body, s = z(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = z(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let r = -e.scrollLeft + xt(h);
+function Fe(c) {
+  const t = N(c), e = lt(c), i = c.ownerDocument.body, s = z(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = z(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let r = -e.scrollLeft + xt(c);
   const l = -e.scrollTop;
   return D(i).direction === "rtl" && (r += z(t.clientWidth, i.clientWidth) - s), {
     width: s,
@@ -5137,13 +5152,13 @@ function Fe(h) {
     y: l
   };
 }
-function We(h, t) {
-  const e = A(h), i = N(h), s = e.visualViewport;
+function Ve(c, t) {
+  const e = A(c), i = N(c), s = e.visualViewport;
   let o = i.clientWidth, r = i.clientHeight, l = 0, a = 0;
   if (s) {
     o = s.width, r = s.height;
-    const c = Et();
-    (!c || c && t === "fixed") && (l = s.offsetLeft, a = s.offsetTop);
+    const h = Et();
+    (!h || h && t === "fixed") && (l = s.offsetLeft, a = s.offsetTop);
   }
   return {
     width: o,
@@ -5152,60 +5167,60 @@ function We(h, t) {
     y: a
   };
 }
-function Ve(h, t) {
-  const e = q(h, !0, t === "fixed"), i = e.top + h.clientTop, s = e.left + h.clientLeft, o = B(h) ? $(h) : W(1), r = h.clientWidth * o.x, l = h.clientHeight * o.y, a = s * o.x, c = i * o.y;
+function We(c, t) {
+  const e = q(c, !0, t === "fixed"), i = e.top + c.clientTop, s = e.left + c.clientLeft, o = B(c) ? $(c) : V(1), r = c.clientWidth * o.x, l = c.clientHeight * o.y, a = s * o.x, h = i * o.y;
   return {
     width: r,
     height: l,
     x: a,
-    y: c
+    y: h
   };
 }
-function _t(h, t, e) {
+function _t(c, t, e) {
   let i;
   if (t === "viewport")
-    i = We(h, e);
+    i = Ve(c, e);
   else if (t === "document")
-    i = Fe(N(h));
+    i = Fe(N(c));
   else if (H(t))
-    i = Ve(t, e);
+    i = We(t, e);
   else {
-    const s = Pt(h);
+    const s = Pt(c);
     i = {
       ...t,
       x: t.x - s.x,
       y: t.y - s.y
     };
   }
-  return st(i);
+  return ot(i);
 }
-function zt(h, t) {
-  const e = V(h);
+function zt(c, t) {
+  const e = W(c);
   return e === t || !H(e) || U(e) ? !1 : D(e).position === "fixed" || zt(e, t);
 }
-function Pe(h, t) {
-  const e = t.get(h);
+function Pe(c, t) {
+  const e = t.get(c);
   if (e)
     return e;
-  let i = dt(h, [], !1).filter((l) => H(l) && j(l) !== "body"), s = null;
-  const o = D(h).position === "fixed";
-  let r = o ? V(h) : h;
+  let i = dt(c, [], !1).filter((l) => H(l) && j(l) !== "body"), s = null;
+  const o = D(c).position === "fixed";
+  let r = o ? W(c) : c;
   for (; H(r) && !U(r); ) {
     const l = D(r), a = pt(r);
-    !a && l.position === "fixed" && (s = null), (o ? !a && !s : !a && l.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || tt(r) && !a && zt(h, r)) ? i = i.filter((d) => d !== r) : s = l, r = V(r);
+    !a && l.position === "fixed" && (s = null), (o ? !a && !s : !a && l.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || tt(r) && !a && zt(c, r)) ? i = i.filter((d) => d !== r) : s = l, r = W(r);
   }
-  return t.set(h, i), i;
+  return t.set(c, i), i;
 }
-function ze(h) {
+function ze(c) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
-  } = h;
-  const r = [...e === "clippingAncestors" ? rt(t) ? [] : Pe(t, this._c) : [].concat(e), i], l = r[0], a = r.reduce((c, d) => {
+  } = c;
+  const r = [...e === "clippingAncestors" ? nt(t) ? [] : Pe(t, this._c) : [].concat(e), i], l = r[0], a = r.reduce((h, d) => {
     const f = _t(t, d, s);
-    return c.top = z(f.top, c.top), c.right = Z(f.right, c.right), c.bottom = Z(f.bottom, c.bottom), c.left = z(f.left, c.left), c;
+    return h.top = z(f.top, h.top), h.right = Z(f.right, h.right), h.bottom = Z(f.bottom, h.bottom), h.left = z(f.left, h.left), h;
   }, _t(t, l, s));
   return {
     width: a.right - a.left,
@@ -5214,35 +5229,35 @@ function ze(h) {
     y: a.top
   };
 }
-function $e(h) {
+function $e(c) {
   const {
     width: t,
     height: e
-  } = Wt(h);
+  } = Vt(c);
   return {
     width: t,
     height: e
   };
 }
-function Ge(h, t, e) {
-  const i = B(t), s = N(t), o = e === "fixed", r = q(h, !0, o, t);
+function Ge(c, t, e) {
+  const i = B(t), s = N(t), o = e === "fixed", r = q(c, !0, o, t);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = W(0);
+  const a = V(0);
   if (i || !i && !o)
-    if ((j(t) !== "body" || tt(s)) && (l = nt(t)), i) {
+    if ((j(t) !== "body" || tt(s)) && (l = lt(t)), i) {
       const u = q(t, !0, o, t);
       a.x = u.x + t.clientLeft, a.y = u.y + t.clientTop;
     } else s && (a.x = xt(s));
-  let c = 0, d = 0;
+  let h = 0, d = 0;
   if (s && !i && !o) {
     const u = s.getBoundingClientRect();
-    d = u.top + l.scrollTop, c = u.left + l.scrollLeft - // RTL <body> scrollbar.
+    d = u.top + l.scrollTop, h = u.left + l.scrollLeft - // RTL <body> scrollbar.
     xt(s, u);
   }
-  const f = r.left + l.scrollLeft - a.x - c, x = r.top + l.scrollTop - a.y - d;
+  const f = r.left + l.scrollLeft - a.x - h, x = r.top + l.scrollTop - a.y - d;
   return {
     x: f,
     y: x,
@@ -5250,39 +5265,39 @@ function Ge(h, t, e) {
     height: r.height
   };
 }
-function lt(h) {
-  return D(h).position === "static";
+function at(c) {
+  return D(c).position === "static";
 }
-function Ot(h, t) {
-  if (!B(h) || D(h).position === "fixed")
+function Ot(c, t) {
+  if (!B(c) || D(c).position === "fixed")
     return null;
   if (t)
-    return t(h);
-  let e = h.offsetParent;
-  return N(h) === e && (e = e.ownerDocument.body), e;
+    return t(c);
+  let e = c.offsetParent;
+  return N(c) === e && (e = e.ownerDocument.body), e;
 }
-function $t(h, t) {
-  const e = A(h);
-  if (rt(h))
+function $t(c, t) {
+  const e = A(c);
+  if (nt(c))
     return e;
-  if (!B(h)) {
-    let s = V(h);
+  if (!B(c)) {
+    let s = W(c);
     for (; s && !U(s); ) {
-      if (H(s) && !lt(s))
+      if (H(s) && !at(s))
         return s;
-      s = V(s);
+      s = W(s);
     }
     return e;
   }
-  let i = Ot(h, t);
-  for (; i && Xe(i) && lt(i); )
+  let i = Ot(c, t);
+  for (; i && Xe(i) && at(i); )
     i = Ot(i, t);
-  return i && U(i) && lt(i) && !pt(i) ? e : i || ke(h) || e;
+  return i && U(i) && at(i) && !pt(i) ? e : i || ke(c) || e;
 }
-const Ue = async function(h) {
-  const t = this.getOffsetParent || $t, e = this.getDimensions, i = await e(h.floating);
+const Ue = async function(c) {
+  const t = this.getOffsetParent || $t, e = this.getDimensions, i = await e(c.floating);
   return {
-    reference: Ge(h.reference, await t(h.floating), h.strategy),
+    reference: Ge(c.reference, await t(c.floating), c.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -5291,8 +5306,8 @@ const Ue = async function(h) {
     }
   };
 };
-function je(h) {
-  return D(h).direction === "rtl";
+function je(c) {
+  return D(c).direction === "rtl";
 }
 const Ze = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ne,
@@ -5305,7 +5320,7 @@ const Ze = {
   getScale: $,
   isElement: H,
   isRTL: je
-}, Gt = He, Ut = De, jt = Ae, qe = Te, Zt = (h, t, e) => {
+}, Gt = He, Ut = De, jt = Ae, qe = Te, Zt = (c, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Ze,
     ...e
@@ -5313,7 +5328,7 @@ const Ze = {
     ...s.platform,
     _c: i
   };
-  return Le(h, t, {
+  return Le(c, t, {
     ...s,
     platform: o
   });
@@ -5397,9 +5412,9 @@ let Je = class {
       placement: t.overflowTooltipPlacement,
       middleware: [Ut(), jt(), Gt(6), qe({ element: this.arrowEl })]
     }).then((l) => {
-      const { x: a, y: c, placement: d, middlewareData: f } = l;
+      const { x: a, y: h, placement: d, middlewareData: f } = l;
       if (Object.assign(this.floatingEl.style, {
-        top: `${c}px`,
+        top: `${h}px`,
         left: `${a}px`
       }), f.arrow) {
         const x = f.arrow;
@@ -5471,8 +5486,8 @@ class Qe {
       }
       if ((t.altKey || t.metaKey) && t.code === "Enter" && this.ctx.editing && this.inputEl) {
         t.preventDefault();
-        const a = this.inputEl.selectionStart, c = this.inputEl.value.substring(0, a), d = this.inputEl.value.substring(a);
-        this.inputEl.value = c + `
+        const a = this.inputEl.selectionStart, h = this.inputEl.value.substring(0, a), d = this.inputEl.value.substring(a);
+        this.inputEl.value = h + `
 ` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = a + 1, this.autoSize();
         return;
       }
@@ -5579,12 +5594,12 @@ class Qe {
     let { height: o, width: r, drawY: l, drawX: a } = t;
     this.drawX = a, this.drawY = l;
     const {
-      config: { CELL_PADDING: c },
+      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 = `${c}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 x = this.inputEl.value.length;
       this.inputEl.setSelectionRange(x, x);
     } else
@@ -5612,10 +5627,10 @@ class Qe {
     i && !a && (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((c) => c.rowIndex === t);
+    const i = this.ctx.body.renderRows.find((h) => h.rowIndex === t);
     if (!i)
       return;
-    const s = i.cells.find((c) => c.colIndex === e);
+    const s = i.cells.find((h) => h.colIndex === e);
     if (!s)
       return;
     this.ctx.emit("setSelectorCell", s);
@@ -5643,7 +5658,7 @@ class ti {
     this.ctx = t;
     const { EMPTY_TEXT: e, EMPTY_CUSTOM_STYLE: i } = this.ctx.config;
     this.ctx.emptyElement ? this.emptyEl = this.ctx.emptyElement : (this.emptyEl = document.createElement("div"), this.emptyEl.innerText = e), this.emptyEl.className = "e-virt-table-empty", this.emptyEl.style.display = "none", this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: s, headerHeight: o, bodyHeight: r, footerHeight: l }) => {
-      const a = o + (r + l) / 2, c = {
+      const a = o + (r + l) / 2, h = {
         display: s === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
@@ -5653,7 +5668,7 @@ class ti {
         transform: "translate(-50%, -50%)",
         ...i
       };
-      Object.assign(this.emptyEl.style, c);
+      Object.assign(this.emptyEl.style, h);
     });
   }
   destroy() {
@@ -5689,9 +5704,9 @@ class ei {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: o, visibleHeight: r, renderCellHeaders: l } = this.ctx.header;
-    let a = [], c = [], d = [];
+    let a = [], h = [], d = [];
     l.forEach((g) => {
-      g.render && (g.fixed === "left" ? c.push(g) : g.fixed === "right" ? d.push(g) : a.push(g));
+      g.render && (g.fixed === "left" ? h.push(g) : g.fixed === "right" ? d.push(g) : a.push(g));
     });
     const f = e - i, x = {
       key: "left",
@@ -5703,7 +5718,7 @@ class ei {
         width: `${t}px`,
         height: `${r}px`
       },
-      cells: c
+      cells: h
     }, u = {
       key: "center",
       style: {
@@ -5751,7 +5766,7 @@ class ei {
       fixedLeftWidth: o,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: l, CSS_PREFIX: a }
-    } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = r - l, x = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = r - l, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -5769,7 +5784,7 @@ class ei {
         top: `${0.5}px`,
         left: `${o - 0.5}px`,
         overflow: "hidden",
-        width: `${c - o - f}px`,
+        width: `${h - o - f}px`,
         height: `${d}px`
       },
       cells: t
@@ -5791,7 +5806,7 @@ class ei {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${c}px`,
+        width: `${h}px`,
         height: `${d}px`
       },
       views: [x, u, p]
@@ -5808,7 +5823,7 @@ class ei {
       fixedLeftWidth: s,
       fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: r, CSS_PREFIX: l }
-    } = this.ctx, { visibleWidth: a, visibleHeight: c } = this.ctx.footer, d = o - r, f = {
+    } = this.ctx, { visibleWidth: a, visibleHeight: h } = this.ctx.footer, d = o - r, f = {
       key: "left",
       style: {
         position: "absolute",
@@ -5816,7 +5831,7 @@ class ei {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${s}px`,
-        height: `${c}px`
+        height: `${h}px`
       },
       cells: e
     }, x = {
@@ -5827,7 +5842,7 @@ class ei {
         left: `${s - 0.5}px`,
         overflow: "hidden",
         width: `${a - s - d}px`,
-        height: `${c}px`
+        height: `${h}px`
       },
       cells: t
     }, u = {
@@ -5838,7 +5853,7 @@ class ei {
         right: `${0.5}px`,
         overflow: "hidden",
         width: `${d}px`,
-        height: `${c}px`
+        height: `${h}px`
       },
       cells: i
     };
@@ -5849,7 +5864,7 @@ class ei {
         position: "relative",
         overflow: "hidden",
         width: `${a}px`,
-        height: `${c}px`
+        height: `${h}px`
       },
       views: [f, x, u]
     };
@@ -5866,8 +5881,8 @@ class ii {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [l, a] = s, { rowIndex: c, colIndex: d } = t;
-      c >= l && c <= a && d >= o && d <= r || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [l, a] = s, { rowIndex: h, colIndex: d } = t;
+      h >= l && h <= a && d >= o && d <= r || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5974,15 +5989,15 @@ class ri {
     t.className = "e-virt-table-container";
     const r = document.createElement("div"), l = document.createElement("canvas"), a = e || document.createElement("div");
     r.className = "e-virt-table-stage", t.tabIndex = 0, l.className = "e-virt-table-canvas", a.className = "e-virt-table-overlayer";
-    const c = i || document.createElement("div");
-    c.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(l), r.appendChild(a), t.appendChild(r), {
       containerElement: t,
       stageElement: r,
       canvasElement: l,
       overlayerElement: a,
-      editorElement: c,
+      editorElement: h,
       emptyElement: d,
       contextMenuElement: f
     };
@@ -6065,15 +6080,15 @@ class ri {
     return new Promise(async (i, s) => {
       let o = [];
       for (let r = 0; r < t.length; r++) {
-        const { rowKey: l, key: a } = t[r], c = await this.ctx.database.getValidator(l, a);
-        Array.isArray(c) && c.length && o.push(c);
+        const { rowKey: l, key: a } = t[r], h = await this.ctx.database.getValidator(l, a);
+        Array.isArray(h) && h.length && o.push(h);
       }
       if (o.length) {
         if (s(o), e) {
           const [r] = o;
           if (Array.isArray(r) && r.length) {
-            const [l] = r, { rowKey: a, key: c } = l;
-            this.scrollToRowkey(a), this.scrollToColkey(c);
+            const [l] = r, { rowKey: a, key: h } = l;
+            this.scrollToRowkey(a), this.scrollToColkey(h);
           }
         }
         this.ctx.emit("draw");
@@ -6090,9 +6105,9 @@ class ri {
         if (t && Array.isArray(s) && s.length) {
           const [o] = s;
           if (Array.isArray(o) && o.length) {
-            const [r] = o, { rowKey: l, key: a } = r, c = this.ctx.database.getRowForRowKey(l);
-            if (c) {
-              const { parentRowKeys: d = [] } = c;
+            const [r] = o, { rowKey: l, key: a } = r, h = this.ctx.database.getRowForRowKey(l);
+            if (h) {
+              const { parentRowKeys: d = [] } = h;
               d && d.length && this.setExpandRowKeys(d, !0);
             }
             this.scrollToRowkey(l), this.scrollToColkey(a);