e-virt-table 1.2.17 → 1.2.19

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,19 +431,19 @@ 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 w = this.ctx.icons.get("loading");
-        l = "loading", o = w, r = x * 8;
+      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 g = this.ctx.icons.get("loading");
+        l = "loading", o = g, 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;
+        const g = this.ctx.icons.get("expand"), w = this.ctx.icons.get("shrink");
+        o = h ? w : g, l = h ? "shrink" : "expand", r = x * 8;
       } else
         r = x * 8;
       let u = 20, p = 20;
       if (o) {
-        let w = this.drawX + r + e, g = this.drawY + (this.visibleHeight - p) / 2;
-        this.ctx.paint.drawImage(o, w, g, u, p), this.drawImageX = w, this.drawImageY = g, this.drawImageWidth = u, this.drawImageHeight = p, this.drawImageName = l, this.drawImageSource = o;
+        let g = this.drawX + r + e, w = this.drawY + (this.visibleHeight - p) / 2;
+        this.ctx.paint.drawImage(o, g, w, u, p), this.drawImageX = g, this.drawImageY = w, this.drawImageWidth = u, this.drawImageHeight = p, this.drawImageName = l, this.drawImageSource = o;
       }
       this.align = "left", this.drawTextX = r + this.drawX + u - 0.5;
     }
@@ -456,16 +457,16 @@ 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,
       HIGHLIGHT_HOVER_ROW_COLOR: u,
       STRIPE: p,
-      STRIPE_COLOR: w
+      STRIPE_COLOR: g
     } = 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,
@@ -479,16 +480,16 @@ class ut extends Dt {
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = S;
       return;
     }
-    let g = "transparent";
-    const E = this.ctx.hoverCell, C = this.ctx.currentCell;
-    let m = this.rowIndex, R = this.rowIndex;
+    let w = "transparent";
+    const E = this.ctx.hoverCell, m = this.ctx.currentCell;
+    let y = this.rowIndex, R = this.rowIndex;
     if (this.rowspan !== 1 && (x || d)) {
       const _ = this.getSpanInfo(), { yArr: S } = _;
-      m = S[0], R = S[1];
+      y = S[0], R = S[1];
     }
-    x && E && (E.rowKey === this.rowKey && (g = u), E.rowIndex >= m && E.rowIndex <= R && (g = u)), d && C && (C.rowKey === this.rowKey && (g = f), C.rowIndex >= m && C.rowIndex <= R && (g = f)), this.drawCellSkyBgColor = g;
-    let y = e, I = l;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, I = r), p && (this.rowIndex % 2 ? y = w : y = e), typeof s == "function") {
+    x && E && (E.rowKey === this.rowKey && (w = u), E.rowIndex >= y && E.rowIndex <= R && (w = u)), d && m && (m.rowKey === this.rowKey && (w = f), m.rowIndex >= y && m.rowIndex <= R && (w = f)), this.drawCellSkyBgColor = w;
+    let C = e, I = l;
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, I = r), p && (this.rowIndex % 2 ? C = g : C = e), typeof s == "function") {
       const _ = s, { backgroundColor: S, color: v } = _({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -497,16 +498,16 @@ class ut extends Dt {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      S && (y = S), v && (I = v);
+      S && (C = S), v && (I = v);
     }
-    this.drawCellBgColor = y, this.drawTextColor = I;
+    this.drawCellBgColor = C, 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;
-      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);
+      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 g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
+      d && f ? (g = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : d && f ? (g = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !d && f ? (g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), g && l == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === a || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = u, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g) : g && l === "selection" && (this.drawImageX = u, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g);
     }
   }
   updateHoverIcon() {
@@ -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;
+          const { width: g, height: w, offsetTop: E, offsetLeft: m } = f;
+          a = this.drawX - m + g - s - o, h = this.drawY - E + (w - 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,10 +630,10 @@ 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 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, {
+    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 g = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
+      this.ctx.paint.drawRect(x + this.width - g, u + this.height - g, 6, 6, {
         borderColor: o,
         fillColor: e
       });
@@ -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,46 +759,46 @@ 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;
-    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], {
-        borderColor: w,
-        fillColor: g,
+    let h = i, d = s;
+    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: p = 1, borderColor: g, fillColor: w } = e, E = f[0], m = f[1], y = x[0], R = x[1];
+    if (r >= E && r <= m && o === y) {
+      const C = r === m ? 1 : 0, I = r === E ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + 1, h + a - C, d + 1], {
+        borderColor: g,
+        fillColor: w,
         borderWidth: p,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
       });
     }
-    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], {
-        borderColor: w,
-        fillColor: g,
+    if (r === m && o >= y && o <= R) {
+      const C = o === y ? 1 : 0, I = o === R ? 1 : 0;
+      this.ctx.paint.drawLine([h + a - 1, d + C, h + a - 1, d + l - I], {
+        borderColor: g,
+        fillColor: w,
         borderWidth: p,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
       });
     }
-    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], {
-        borderColor: w,
-        fillColor: g,
+    if (r >= E && r <= m && o === R) {
+      const C = r === m ? 1 : 0, I = r === E ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + l - 1, h + a - C, d + l - 1], {
+        borderColor: g,
+        fillColor: w,
         borderWidth: p,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
       });
     }
-    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], {
-        borderColor: w,
-        fillColor: g,
+    if (r === E && o >= y && o <= R) {
+      const C = o === R ? 1 : 0, I = o === y ? 1 : 0;
+      this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + l - C], {
+        borderColor: g,
+        fillColor: w,
         borderWidth: p,
         lineCap: "round",
         lineJoin: "round",
@@ -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,33 +866,33 @@ 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) {
-        const C = s[d];
-        if (this.checkboxKeyMap.has(C)) {
-          const m = this.checkboxKeyMap.get(C) || [];
-          m.push(x), this.checkboxKeyMap.set(C, m);
+      let g = !0;
+      if (typeof h == "function" && (g = h), d) {
+        const m = s[d];
+        if (this.checkboxKeyMap.has(m)) {
+          const y = this.checkboxKeyMap.get(m) || [];
+          y.push(x), this.checkboxKeyMap.set(m, y);
         } else
-          this.checkboxKeyMap.set(C, [x]);
+          this.checkboxKeyMap.set(m, [x]);
       }
       this.selectionMap.set(x, {
         key: d ? s[d] : x,
         row: s,
         check: ((E = this.selectionMap.get(x)) == null ? void 0 : E.check) || !1
       });
-      const g = l || this.expandMap.get(x) || s._expand || !1;
-      this.expandMap.set(x, g), this.rowKeyMap.set(x, {
+      const w = l || this.expandMap.get(x) || s._expand || !1;
+      this.expandMap.set(x, w), this.rowKeyMap.set(x, {
         readonly: p,
         index: o,
         rowIndex: o,
         level: e,
         height: u,
         check: !1,
-        selectable: w,
-        expand: g,
+        selectable: g,
+        expand: w,
         expandLazy: !1,
         hasChildren: s._hasChildren || (Array.isArray(s.children) ? s.children.length > 0 : !1),
         expandLoading: !1,
@@ -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();
@@ -1092,54 +1100,56 @@ class ae {
    * @param history
    * @returns
    */
-  async batchSetItemValue(t, e = !1) {
-    let i = [];
-    const s = /* @__PURE__ */ new Set();
-    let o = [], r = t.map((d) => {
+  async batchSetItemValue(t, e = !1, i = !0) {
+    let s = [];
+    const o = /* @__PURE__ */ new Set();
+    let r = [], l = t.map((d) => {
       const { rowKey: f, key: x } = d;
       let u = d.value, p = u;
-      const w = this.getRowDataItemForRowKey(f), g = this.getItemValue(f, x), E = this.getVirtualBodyCellByKey(f, x);
-      return (E == null ? void 0 : E.type) === "number" && (["", void 0, null].includes(u) ? p = null : /^-?\d+(\.\d+)?$/.test(`${u}`) ? p = Number(u) : (p = g, o.push({
+      const g = this.getRowDataItemForRowKey(f), w = this.getItemValue(f, x), E = this.getVirtualBodyCellByKey(f, x);
+      return (E == null ? void 0 : E.type) === "number" && (["", void 0, null].includes(u) ? p = null : /^-?\d+(\.\d+)?$/.test(`${u}`) ? p = Number(u) : (p = w, r.push({
         ...d,
         value: p,
-        oldValue: g,
-        row: w
+        oldValue: w,
+        row: g
       }))), {
         ...d,
         value: p,
-        oldValue: g,
-        row: w
+        oldValue: w,
+        row: g
       };
     });
-    if (r = r.filter((d) => !o.some((f) => d.rowKey === f.rowKey && d.key === f.key)), o.length) {
+    if (l = l.filter((d) => !r.some((f) => d.rowKey === f.rowKey && d.key === f.key)), r.length) {
       const d = {
         code: "ERR_BATCH_SET_NUMBER_VALUE",
         message: "Assignment failed, not a numeric type",
-        data: o
+        data: r
       };
       this.ctx.emit("error", d);
     }
-    if (!r.length)
+    if (!l.length)
       return;
-    const { BEFORE_VALUE_CHANGE_METHOD: l } = this.ctx.config;
-    typeof l == "function" && (r = await l(r)), r.forEach((d) => {
+    const { BEFORE_VALUE_CHANGE_METHOD: a } = this.ctx.config;
+    typeof a == "function" && (l = await a(l)), l.forEach((d) => {
       const { value: f, rowKey: x, key: u, oldValue: p } = d;
-      s.add(x), this.setItemValue(x, u, f), i.push({
+      o.add(x), this.setItemValue(x, u, f, !1, !1, !1, i), s.push({
         rowKey: x,
         key: u,
         oldValue: p,
         newValue: f
       });
     });
-    let a = [];
-    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(() => {
-      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,
+    let h = [];
+    if (o.forEach((d) => {
+      h.push(this.ctx.database.getRowDataItemForRowKey(d));
+    }), i) {
+      const d = l.map(({ rowKey: f, key: x }) => this.getValidator(f, x));
+      Promise.all(d).then(() => {
+        this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
+      }), this.ctx.emit("change", l, h);
+    }
+    e && this.ctx.history.pushState({
+      changeList: s,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
       type: "multiple"
@@ -1153,91 +1163,92 @@ class ae {
    * @param history 是否添加历史记录
    * @param reDraw 是否刷新重绘
    * @param isEditor 是否是编辑器
+   * @param checkReadonly 是否检查只读
    * @returns
    */
-  async setItemValue(t, e, i, s = !1, o = !1, r = !1) {
+  async setItemValue(t, e, i, s = !1, o = !1, r = !1, l = !0) {
     if (!this.rowKeyMap.has(t))
       return {};
-    const { item: l } = this.rowKeyMap.get(t);
-    let a = l[e], c = i;
-    if (this.ctx.database.getReadonly(t, e))
+    const { item: a } = this.rowKeyMap.get(t);
+    let h = a[e], d = i;
+    if (l && this.ctx.database.getReadonly(t, e))
       return {
-        oldValue: a,
-        newValue: a
+        oldValue: h,
+        newValue: h
       };
-    l[e] !== null && typeof l[e] == "object" && (a = JSON.parse(JSON.stringify(l[e])));
-    const d = `${t}​_${e}`;
-    this.originalDataMap.has(d) || this.originalDataMap.set(d, a);
-    const f = this.originalDataMap.get(d), x = this.getRowDataItemForRowKey(t);
+    a[e] !== null && typeof a[e] == "object" && (h = JSON.parse(JSON.stringify(a[e])));
+    const f = `${t}​_${e}`;
+    this.originalDataMap.has(f) || this.originalDataMap.set(f, h);
+    const x = this.originalDataMap.get(f), u = this.getRowDataItemForRowKey(t);
     if (r) {
-      const u = this.getVirtualBodyCellByKey(t, e);
-      if ((u == null ? void 0 : u.type) === "number")
+      const p = this.getVirtualBodyCellByKey(t, e);
+      if ((p == null ? void 0 : p.type) === "number")
         if (["", void 0, null].includes(i))
-          c = null;
+          d = null;
         else if (/^-?\d+(\.\d+)?$/.test(`${i}`))
-          c = Number(i);
+          d = Number(i);
         else {
-          c = a;
-          const g = {
+          d = h;
+          const E = {
             code: "ERR_SET_NUMBER_VALUE",
             message: "Assignment failed, not a numeric type",
             data: [
               {
                 rowKey: t,
                 key: e,
-                value: c,
-                oldValue: a,
-                row: x
+                value: d,
+                oldValue: h,
+                row: u
               }
             ]
           };
-          this.ctx.emit("error", g);
+          this.ctx.emit("error", E);
         }
-      if (c === a)
+      if (d === h)
         return {
-          oldValue: a,
-          newValue: a
+          oldValue: h,
+          newValue: h
         };
-      const { BEFORE_VALUE_CHANGE_METHOD: p } = this.ctx.config;
-      if (typeof p == "function") {
-        const E = await p([
+      const { BEFORE_VALUE_CHANGE_METHOD: g } = this.ctx.config;
+      if (typeof g == "function") {
+        const m = await g([
           {
             rowKey: t,
             key: e,
-            value: c,
-            oldValue: l[e],
-            row: x
+            value: d,
+            oldValue: a[e],
+            row: u
           }
         ]);
-        E && E.length && (c = E[0].value);
+        m && m.length && (d = m[0].value);
       }
-      this.changedDataMap.set(d, c), l[e] = c;
+      this.changedDataMap.set(f, d), a[e] = d;
       const w = {
         rowKey: t,
         key: e,
-        oldValue: a,
-        value: c,
-        row: x
+        oldValue: h,
+        value: d,
+        row: u
       };
-      this.getValidator(t, e).then(() => {
+      l && (this.getValidator(t, e).then(() => {
         this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
-      }), this.ctx.emit("change", [w], [x]), this.ctx.emit("editChange", {
+      }), this.ctx.emit("change", [w], [u])), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
-        oldValue: a,
-        value: c,
-        originalValue: f,
-        row: x
+        oldValue: h,
+        value: d,
+        originalValue: x,
+        row: u
       });
     } else
-      this.changedDataMap.set(d, c), l[e] = c;
+      this.changedDataMap.set(f, d), a[e] = d;
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
-      oldValue: a,
-      value: c,
-      originalValue: this.originalDataMap.get(d),
-      row: x
+      oldValue: h,
+      value: d,
+      originalValue: this.originalDataMap.get(f),
+      row: u
     }), s && this.ctx.history.pushState({
       type: "single",
       scrollX: this.ctx.scrollX,
@@ -1246,13 +1257,13 @@ class ae {
         {
           rowKey: t,
           key: e,
-          oldValue: a,
-          newValue: c
+          oldValue: h,
+          newValue: d
         }
       ]
     }), o && this.ctx.emit("draw"), {
-      oldValue: a,
-      newValue: c
+      oldValue: h,
+      newValue: d
     };
   }
   /**
@@ -1372,23 +1383,23 @@ class ae {
     let s = 0, o = 0;
     const r = this.selectionMap.size, l = Array.from(this.selectionMap.values()).some((x) => x.check);
     this.rowKeyMap.forEach((x, u) => {
-      var w;
-      (w = this.selectionMap.get(u)) != null && w.check && (s += 1);
+      var g;
+      (g = this.selectionMap.get(u)) != null && g.check && (s += 1);
       let p = x.selectable;
       typeof p == "function" && (p = p({
         row: x.item,
         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 +1528,7 @@ class ae {
         d && (a = d);
       }
       if (a) {
-        const c = {
+        const h = {
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: o.colIndex,
@@ -1527,7 +1538,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,13 +1561,13 @@ class ae {
       value: r,
       colIndex: l,
       relationRowKeys: a,
-      relationColKeys: c,
+      relationColKeys: h,
       rowspan: d,
       height: f,
       width: x,
       colspan: u,
       mergeRow: p,
-      mergeCol: w
+      mergeCol: g
     } = t;
     if (d === 1 && u === 1)
       return {
@@ -1577,7 +1588,7 @@ class ae {
           }
         ]
       };
-    let g = e, E = e, C = l, m = l, R = [], y = 0, I = 0, _ = 0, S = 0;
+    let w = e, E = e, m = l, y = l, R = [], C = 0, I = 0, _ = 0, S = 0;
     if (d !== 1 && p) {
       S = x;
       const v = a.reduce((b, O) => {
@@ -1590,7 +1601,7 @@ class ae {
           return `${M}${X}`;
         }, "");
         if (v === L)
-          g = b;
+          w = b;
         else
           break;
       }
@@ -1604,11 +1615,11 @@ class ae {
         else
           break;
       }
-      for (let b = g; b < e; b++) {
+      for (let b = w; b < e; b++) {
         const { height: O } = this.positions[b];
-        y += O;
+        C += O;
       }
-      for (let b = g; b <= E; b++) {
+      for (let b = w; b <= E; b++) {
         const { height: O } = this.positions[b];
         _ += O;
         const L = this.rowIndexRowKeyMap.get(b) || "", { item: M } = this.rowKeyMap.get(L), T = this.getItemValue(L, i);
@@ -1620,15 +1631,15 @@ class ae {
         });
       }
     }
-    if (u !== 1 && w) {
+    if (u !== 1 && g) {
       _ = f;
       for (let v = l - 1; v >= 0; v--) {
         const b = this.getColumnByColIndex(v);
         if (!b)
           break;
         const O = this.getItemValue(s, i), L = this.getItemValue(s, b.key);
-        if (O === L && c.includes(b.key))
-          C = v;
+        if (O === L && h.includes(b.key))
+          m = v;
         else
           break;
       }
@@ -1637,18 +1648,18 @@ class ae {
         if (!b)
           break;
         const O = this.getItemValue(s, i), L = this.getItemValue(s, b.key);
-        if (O === L && c.includes(b.key))
-          m = v;
+        if (O === L && h.includes(b.key))
+          y = v;
         else
           break;
       }
-      for (let v = C; v < l; v++) {
+      for (let v = m; v < l; v++) {
         const b = this.getColumnByColIndex(v);
         if (!b)
           break;
         I += b.width || 100;
       }
-      for (let v = C; v <= m; v++) {
+      for (let v = m; v <= y; v++) {
         const b = this.getColumnByColIndex(v);
         if (!b)
           break;
@@ -1661,13 +1672,13 @@ class ae {
       }
     }
     return {
-      xArr: [C, m],
-      yArr: [g, E],
+      xArr: [m, y],
+      yArr: [w, E],
       rowspan: d,
       colspan: u,
       height: _,
       width: S,
-      offsetTop: y,
+      offsetTop: C,
       offsetLeft: I,
       dataList: R
     };
@@ -1682,7 +1693,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 +1707,7 @@ class ae {
         fieldValue: a
       }
     ];
-    this.validationErrorMap.set(o, c);
+    this.validationErrorMap.set(o, h);
   }
   setValidationError(t, e, i) {
     const s = `${t}​_${e}`;
@@ -1767,7 +1778,7 @@ class he {
         value: o.oldValue,
         row: {}
       }));
-      this.ctx.setScroll(e, i), this.ctx.database.batchSetItemValue(s, !1), this.historyIndex -= 1;
+      this.ctx.setScroll(e, i), this.ctx.database.batchSetItemValue(s, !1, !1), this.historyIndex -= 1;
     }
   }
   // 前进
@@ -1780,7 +1791,7 @@ class he {
         value: i.newValue,
         row: {}
       }));
-      this.ctx.database.batchSetItemValue(e, !1);
+      this.ctx.database.batchSetItemValue(e, !1, !1);
     }
   }
   // 清空历史
@@ -1938,21 +1949,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 +1988,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,17 +2008,17 @@ 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;
     a === "left" ? u = e + d : a === "right" ? u = e + s - d : u = e + s / 2;
-    const { _text: p, ellipsis: w } = this.handleEllipsis(t, s, d, l);
-    return this.ctx.fillText(p, u, x), this.ctx.restore(), w;
+    const { _text: p, ellipsis: g } = this.handleEllipsis(t, s, d, l);
+    return this.ctx.fillText(p, u, x), this.ctx.restore(), g;
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     let o = !1, r = t;
@@ -2019,9 +2030,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 +2196,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 +2430,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 +2515,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 +2530,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 +2555,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 +2730,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 +2799,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,38 +2877,38 @@ 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);
   }
-  setItemValueByEditor(t, e, i, s = !0, o = !0) {
+  setItemValueByEditor(t, e, i, s = !0, o = !0, r = !0) {
     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 }));
-        this.database.batchSetItemValue(a, s);
+      const l = this.database.getVirtualBodyCellByKey(t, e);
+      if (l && (l.mergeRow || l.mergeCol)) {
+        const { dataList: a } = l.getSpanInfo(), h = a.map((d) => ({ ...d, value: i }));
+        this.database.batchSetItemValue(h, s, r);
         return;
       }
     }
-    this.database.setItemValue(t, e, i, s, o, !0);
+    this.database.setItemValue(t, e, i, s, o, !0, r);
   }
-  batchSetItemValueByEditor(t, e = !0) {
+  batchSetItemValueByEditor(t, e = !0, i = !0) {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
-      const i = [];
-      t.forEach((s) => {
-        const o = this.database.getRowIndexForRowKey(s.rowKey), r = this.database.getColIndexForKey(s.key);
-        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 s = [];
+      t.forEach((o) => {
+        const r = this.database.getRowIndexForRowKey(o.rowKey), l = this.database.getColIndexForKey(o.key);
+        if (r === void 0 || l === void 0) return;
+        const a = this.database.getVirtualBodyCell(r, l);
+        if (a) {
+          const { dataList: h } = a.getSpanInfo(), d = h.map((f) => ({ ...f, value: o.value }));
+          s.push(...d);
         }
-      }), this.database.batchSetItemValue(i, e);
+      }), this.database.batchSetItemValue(s, e, i);
     } else
-      this.database.batchSetItemValue(t, e);
+      this.database.batchSetItemValue(t, e, i);
   }
   setFocusCell(t) {
     var e;
@@ -2930,8 +2948,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,24 +3096,24 @@ 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));
+      let g = Math.floor(p * this.visibleDistance);
+      g < 30 ? g = 30 : g > this.visibleDistance && (g = 0), this.barHeight = g, 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;
-      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));
+      this.trackX = 0, this.trackY = h - o + p, this.trackWidth = a, this.trackHeight = o;
+      const g = this.distance ? this.visibleDistance / f : 0;
+      let w = Math.floor(g * this.visibleDistance);
+      this.barY = this.trackY - 1 + (o - r) / 2, w < 30 ? w = 30 : w >= this.visibleDistance && (w = 0), this.barWidth = w, this.barHeight = r, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
   draw() {
@@ -3232,10 +3250,10 @@ 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;
+      const u = x.width || 100, { maxWidth: p, minWidth: g } = x;
+      return p && u > p ? f + p : g && u < g ? f + g : f + u;
     }, 0), this.visibleHeight = this.height;
     const r = ee(At(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
@@ -3246,8 +3264,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 +3298,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 +3354,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((g, w) => g + ((w == null ? void 0 : w.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;
     }
   }
@@ -3413,7 +3431,7 @@ class pe {
     }), this.drawTipLine(), this.drawBottomLine();
   }
 }
-class kt {
+class Bt {
   constructor(t, e, i = 0, s = 0, o = 0, r = 0, l, a = "body") {
     n(this, "ctx");
     n(this, "x", 0);
@@ -3506,7 +3524,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
@@ -3517,20 +3535,20 @@ class Ee {
     this.x = 0, x === "top" && o ? this.y = e.height + i.height : this.y = e.height;
     const { data: u, sumHeight: p } = s.getData();
     this.height = p, this.data = u, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
-    const w = this.ctx.footer.height;
-    !this.data.length && !l ? this.height = a : !this.data.length && l && (this.height = l - e.height - w - r);
-    let g = this.height + e.height + r;
-    g += w;
-    let E = g;
-    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);
+    const g = this.ctx.footer.height;
+    !this.data.length && !l ? this.height = a : !this.data.length && l && (this.height = l - e.height - g - r);
+    let w = this.height + e.height + r;
+    w += g;
+    let E = w;
+    const m = window.innerHeight, { top: y } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (m > y && d && !l) {
+      const L = m - y - f;
+      L > e.height + r ? E = L : w > h && (E = h);
+    } else this.data.length && l ? E = l : this.data.length && h && w > 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;
-    const y = window.devicePixelRatio || 1, I = this.ctx.stageWidth * y, _ = this.ctx.stageHeight * y;
+    o ? this.visibleHeight = R - g : 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;
+    const C = window.devicePixelRatio || 1, I = this.ctx.stageWidth * C, _ = this.ctx.stageHeight * C;
     t.width = Math.round(I), t.height = Math.round(_);
     const S = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
@@ -3538,12 +3556,12 @@ class Ee {
       type: S,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: w,
+      footerHeight: g,
       width: this.width,
-      height: this.data.length ? 0 : a + w
+      height: this.data.length ? 0 : a + g
     });
-    const v = Math.round(t.width / y * 1e4) / 1e4, b = Math.round(t.height / y * 1e4) / 1e4;
-    this.ctx.canvasElement.setAttribute("style", `height:${b}px;width:${v}px;`), this.ctx.paint.scale(y);
+    const v = Math.round(t.width / C * 1e4) / 1e4, b = Math.round(t.height / C * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${b}px;width:${v}px;`), this.ctx.paint.scale(C);
   }
   // 调整行的高度
   initResizeRow() {
@@ -3564,7 +3582,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,10 +3601,10 @@ 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);
+              const g = x.cells[p];
+              r > g.drawX + 10 && r < g.drawX + g.width - 10 && g.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
             }
         }
       }
@@ -3661,16 +3679,16 @@ 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);
-      d.push(g);
+      const x = this.headIndex + f, u = this.visibleRows[f], { height: p, top: g } = this.ctx.database.getPositionForRowIndex(x), w = new Bt(this.ctx, x, 0, g + this.y, t.width, p, u);
+      d.push(w);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
   }
@@ -3725,8 +3743,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,
@@ -3741,7 +3759,7 @@ class me {
     let e = this.y;
     const i = [];
     this.data.forEach((s, o) => {
-      const r = new kt(this.ctx, o, 0, e, this.width, t, s, "footer");
+      const r = new Bt(this.ctx, o, 0, e, this.width, t, s, "footer");
       e += t, i.push(r);
     }), this.renderRows = i, this.ctx.footer.renderRows = this.renderRows;
   }
@@ -3885,22 +3903,22 @@ 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;
-      let [E, C] = o, [m, R] = r;
-      if (E < u || C > p || m < w || R > g)
+      } = this.ctx.config, u = l, p = a || this.ctx.maxColIndex - f, g = h, w = d || this.ctx.maxRowIndex - x;
+      let [E, m] = o, [y, R] = r;
+      if (E < u || m > p || y < g || R > w)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const I = this.adjustMergeCells(o, r);
-        m = I.yArr[0], R = I.yArr[1], E = I.xArr[0], C = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
+        y = I.yArr[0], R = I.yArr[1], E = I.xArr[0], m = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
       }
-      E === C && m === R ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, E), Math.min(p, C)], r = [Math.max(w, m), Math.min(g, R)];
-      const { BEFORE_SET_SELECTOR_METHOD: y } = this.ctx.config;
-      if (typeof y == "function") {
-        const _ = y({
+      E === m && y === R ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, E), Math.min(p, m)], r = [Math.max(g, y), Math.min(w, R)];
+      const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
+      if (typeof C == "function") {
+        const _ = C({
           focusCell: this.ctx.focusCell,
           xArr: o,
           yArr: r
@@ -3916,34 +3934,34 @@ class ye {
     var p;
     const [i, s] = e, [o, r] = t;
     let l = [], a = [];
-    for (let w = 0; w <= e[1] - e[0]; w++)
-      for (let g = 0; g <= t[1] - t[0]; g++) {
-        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));
+    for (let g = 0; g <= e[1] - e[0]; g++)
+      for (let w = 0; w <= t[1] - t[0]; w++) {
+        const E = g + e[0], m = w + t[0], y = this.ctx.database.getVirtualBodyCell(E, m);
+        y && ((E === i || E === s) && l.push(y), (m === o || m === r) && a.push(y));
       }
-    const c = 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;
+    const h = l.reduce(
+      (g, w) => {
+        const { yArr: E } = w.getSpanInfo(), [m, y] = E;
+        return g.minY = Math.min(g.minY, m), g.maxY = Math.max(g.maxY, y), g;
       },
       {
         minY: i,
         maxY: s
       }
     ), d = a.reduce(
-      (w, g) => {
-        const { xArr: E } = g.getSpanInfo(), [C, m] = E;
-        return w.minX = Math.min(w.minX, C), w.maxX = Math.max(w.maxX, m), w;
+      (g, w) => {
+        const { xArr: E } = w.getSpanInfo(), [m, y] = E;
+        return g.minX = Math.min(g.minX, m), g.maxX = Math.max(g.maxX, y), g;
       },
       {
         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) {
-      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;
+    if (d.minX !== d.maxX || h.minY !== h.maxY) {
+      const g = JSON.stringify(f) + JSON.stringify(x), w = (p = this.ctx.focusCell) == null ? void 0 : p.getSpanInfo();
+      u = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === g;
     }
     return {
       xArr: f,
@@ -3962,11 +3980,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 +4003,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 +4013,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 +4032,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 +4042,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);
@@ -4086,32 +4104,32 @@ class ye {
       }), this.ctx.emit("draw");
     }).catch((r) => console.error("Copy Failure:", r)) : console.error("current browser does not support the Clipboard API");
   }
-  clearSelectedData(t, e, i = !1) {
-    let s = [];
-    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);
-        if (f) {
-          const { rowKey: x, key: u } = f;
-          this.ctx.database.getReadonly(x, u) || (o.add(x), s.push({
-            rowKey: x,
-            key: u,
-            value: null,
+  clearSelectedData(t, e, i = !1, s = null) {
+    let o = [];
+    const r = /* @__PURE__ */ new Set();
+    for (let a = 0; a <= e[1] - e[0]; a++)
+      for (let h = 0; h <= t[1] - t[0]; h++) {
+        const d = a + e[0], f = h + t[0], x = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
+        if (x) {
+          const { rowKey: u, key: p } = x;
+          this.ctx.database.getReadonly(u, p) || (r.add(u), o.push({
+            rowKey: u,
+            key: p,
+            value: s,
             row: {}
             //内部有设置
           }));
         }
       }
-    if (!s.length)
+    if (!o.length)
       return [];
     if (i)
-      return s;
-    this.ctx.database.batchSetItemValue(s, !0);
-    let r = [];
-    return o.forEach((l) => {
-      r.push(this.ctx.database.getRowDataItemForRowKey(l));
-    }), this.ctx.emit("clearSelectedDataChange", s, r), s;
+      return o;
+    this.ctx.database.batchSetItemValue(o, !0);
+    let l = [];
+    return r.forEach((a) => {
+      l.push(this.ctx.database.getRowDataItemForRowKey(a));
+    }), this.ctx.emit("clearSelectedDataChange", o, l), o;
   }
   paste() {
     if (!navigator.clipboard) {
@@ -4123,36 +4141,36 @@ 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,
           textArr: r
         });
-        const w = r.length === 1 && r[0].length === 1;
-        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(l, a) && !w) {
-          const m = {
+        const g = r.length === 1 && r[0].length === 1;
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(l, a) && !g) {
+          const y = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
           };
-          this.ctx.hasEvent("error") ? this.ctx.emit("error", m) : alert(m.message);
+          this.ctx.hasEvent("error") ? this.ctx.emit("error", y) : alert(y.message);
           return;
         }
-        let g = [];
-        for (let m = 0; m <= r.length - 1; m++) {
-          const R = r[m].length;
-          for (let y = 0; y <= R - 1; y++) {
-            const I = m + e, _ = y + i, S = r[m][y], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
+        let w = [];
+        for (let y = 0; y <= r.length - 1; y++) {
+          const R = r[y].length;
+          for (let C = 0; C <= R - 1; C++) {
+            const I = y + e, _ = C + i, S = r[y][C], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
               I,
               _
             );
             if (v) {
               const { rowKey: b, key: O } = v;
-              this.ctx.database.getReadonly(b, O) || (s.add(b), g.push({
+              this.ctx.database.getReadonly(b, O) || (s.add(b), w.push({
                 rowKey: b,
                 key: O,
                 value: S,
@@ -4163,35 +4181,35 @@ class ye {
           }
         }
         if (this.isCut) {
-          const m = this.clearSelectedData(
+          const y = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), R = g.map((y) => `${y.rowKey}-${y.key}`);
-          m.forEach((y) => {
-            R.includes(`${y.rowKey}-${y.key}`) || g.unshift(y);
+          ), R = w.map((C) => `${C.rowKey}-${C.key}`);
+          y.forEach((C) => {
+            R.includes(`${C.rowKey}-${C.key}`) || w.unshift(C);
           }), this.isCut = !1;
         }
-        if (!g.length)
+        if (!w.length)
           return;
         const { BEFORE_PASTE_DATA_METHOD: E } = this.ctx.config;
         if (typeof E == "function") {
-          const m = E, R = g.map((y) => ({
-            rowKey: y.rowKey,
-            key: y.key,
-            value: y.value,
-            oldValue: this.ctx.database.getItemValue(y.rowKey, y.key),
-            row: this.ctx.database.getRowDataItemForRowKey(y.rowKey)
+          const y = E, R = w.map((C) => ({
+            rowKey: C.rowKey,
+            key: C.key,
+            value: C.value,
+            oldValue: this.ctx.database.getItemValue(C.rowKey, C.key),
+            row: this.ctx.database.getRowDataItemForRowKey(C.rowKey)
           }));
-          if (g = await m(R, l, a, r), g && !g.length)
+          if (w = await y(R, l, a, r), w && !w.length)
             return;
         }
-        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(g, !0);
-        let C = [];
-        s.forEach((m) => {
-          C.push(this.ctx.database.getRowDataItemForRowKey(m));
-        }), this.ctx.emit("pasteChange", g, C);
+        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(w, !0);
+        let m = [];
+        s.forEach((y) => {
+          m.push(this.ctx.database.getRowDataItemForRowKey(y));
+        }), this.ctx.emit("pasteChange", w, m);
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
       });
@@ -4222,8 +4240,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 +4255,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 +4269,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 +4278,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,21 +4296,21 @@ 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;
     if (!i)
       return;
     p && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: w, drawY: g, width: E, height: C, fixed: m } = i, R = o - w + 1, y = i.drawX + E - (e - s) + 1;
-    let I = r.height - g, _ = C;
+    const { drawX: g, drawY: w, width: E, height: m, fixed: y } = i, R = o - g + 1, C = i.drawX + E - (e - s) + 1;
+    let I = r.height - w, _ = m;
     _ > a.visibleHeight && (_ = a.visibleHeight);
     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));
+    x && (u === "top" ? I = r.height + l.height - w : S = l.visibleHeight);
+    const v = w + _ - (t - S - f);
+    let b = h, O = d;
+    C > 0 && !y ? b = Math.floor(h + C) : R > 0 && !y && (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 +4326,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,16 +4369,16 @@ 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;
-      let [C, m] = r, [R, y] = l;
-      if (C < p || R < g)
+      } = this.ctx.config, p = a, g = h || this.ctx.maxColIndex - x, w = d, E = f || this.ctx.maxRowIndex - u;
+      let [m, y] = r, [R, C] = l;
+      if (m < p || R < w)
         return;
-      r = [Math.max(p, C), Math.min(w, m)], l = [Math.max(g, R), Math.min(E, y)];
+      r = [Math.max(p, m), Math.min(g, y)], l = [Math.max(w, R), Math.min(E, C)];
       const { BEFORE_SET_AUTOFILL_METHOD: I } = this.ctx.config;
       if (typeof I == "function") {
         const S = I({
@@ -4382,11 +4400,11 @@ class Ce {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
     for (let u = 0; u <= e.yArr[1] - e.yArr[0]; u++)
       for (let p = 0; p <= e.xArr[1] - e.xArr[0]; p++) {
-        const w = u + e.yArr[0], g = p + e.xArr[0];
-        i.set(`${w}-${g}`, !0);
+        const g = u + e.yArr[0], w = p + e.xArr[0];
+        i.set(`${g}-${w}`, !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"
@@ -4397,12 +4415,12 @@ class Ce {
     let d = [];
     for (let u = 0; u <= a[1] - a[0]; u++)
       for (let p = 0; p <= l[1] - l[0]; p++) {
-        const w = p + l[0], g = u + a[0], E = s[u % r][p % o], C = this.ctx.database.getItemValueForRowIndexAndColIndex(g, w), m = `${g}-${w}`;
-        if (C && !i.has(m)) {
-          const { rowKey: R, key: y } = C;
-          this.ctx.database.getReadonly(R, y) || (t.add(R), d.push({
+        const g = p + l[0], w = u + a[0], E = s[u % r][p % o], m = this.ctx.database.getItemValueForRowIndexAndColIndex(w, g), y = `${w}-${g}`;
+        if (m && !i.has(y)) {
+          const { rowKey: R, key: C } = m;
+          this.ctx.database.getReadonly(R, C) || (t.add(R), d.push({
             rowKey: R,
-            key: y,
+            key: C,
             value: E,
             row: {}
           }));
@@ -4413,12 +4431,12 @@ class Ce {
     this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr;
     const { BEFORE_AUTOFILL_DATA_METHOD: f } = this.ctx.config;
     if (typeof f == "function") {
-      const u = f, p = d.map((w) => ({
-        rowKey: w.rowKey,
-        key: w.key,
-        value: w.value,
-        oldValue: this.ctx.database.getItemValue(w.rowKey, w.key),
-        row: this.ctx.database.getRowDataItemForRowKey(w.rowKey)
+      const u = f, p = d.map((g) => ({
+        rowKey: g.rowKey,
+        key: g.key,
+        value: g.value,
+        oldValue: this.ctx.database.getItemValue(g.rowKey, g.key),
+        row: this.ctx.database.getRowDataItemForRowKey(g.rowKey)
       }));
       if (d = await u(p, l, a), d && !d.length)
         return;
@@ -4441,9 +4459,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 +4471,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 kt(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 kt(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 +4521,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 +4564,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,38 +4604,38 @@ 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;
-  for (let w = 0; w < l.length; w++) {
+  } = vt(h, i, a), x = i, u = {}, p = 0;
+  for (let g = 0; g < l.length; g++) {
     const {
-      name: g,
+      name: w,
       fn: E
-    } = l[w], {
-      x: C,
-      y: m,
+    } = l[g], {
+      x: m,
+      y,
       data: R,
-      reset: y
+      reset: C
     } = await E({
       x: d,
       y: f,
@@ -4625,27 +4643,27 @@ 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
       }
     });
-    d = C ?? d, f = m ?? f, u = {
+    d = m ?? d, f = y ?? f, u = {
       ...u,
-      [g]: {
-        ...u[g],
+      [w]: {
+        ...u[w],
         ...R
       }
-    }, y && p <= 50 && (p++, typeof y == "object" && (y.placement && (x = y.placement), y.rects && (c = y.rects === !0 ? await r.getElementRects({
-      reference: h,
+    }, C && p <= 50 && (p++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
+      reference: c,
       floating: t,
       strategy: s
-    }) : y.rects), {
+    }) : C.rects), {
       x: d,
       y: f
-    } = vt(c, x, a)), w = -1);
+    } = vt(h, x, a)), g = -1);
   }
   return {
     x: d,
@@ -4655,7 +4673,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,44 +4683,44 @@ 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({
-    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,
+  } = J(t, c), p = Kt(u), w = l[x ? f === "floating" ? "reference" : "floating" : f], E = ot(await o.getClippingRect({
+    element: (e = await (o.isElement == null ? void 0 : o.isElement(w))) == null || e ? w : w.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
+    boundary: h,
     rootBoundary: d,
     strategy: a
-  })), C = f === "floating" ? {
+  })), m = f === "floating" ? {
     x: i,
     y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, m = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), R = await (o.isElement == null ? void 0 : o.isElement(m)) ? await (o.getScale == null ? void 0 : o.getScale(m)) || {
+  } : r.reference, y = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), R = await (o.isElement == null ? void 0 : o.isElement(y)) ? await (o.getScale == null ? void 0 : o.getScale(y)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, y = st(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, C = ot(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: C,
-    offsetParent: m,
+    rect: m,
+    offsetParent: y,
     strategy: a
-  }) : C);
+  }) : m);
   return {
-    top: (E.top - y.top + p.top) / R.y,
-    bottom: (y.bottom - E.bottom + p.bottom) / R.y,
-    left: (E.left - y.left + p.left) / R.x,
-    right: (y.right - E.right + p.right) / R.x
+    top: (E.top - C.top + p.top) / R.y,
+    bottom: (C.bottom - E.bottom + p.bottom) / R.y,
+    left: (E.left - C.left + p.left) / R.x,
+    right: (C.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,34 +4731,34 @@ 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));
-    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;
+    }, u = wt(s), p = gt(u), g = await r.getDimensions(h), w = u === "y", E = w ? "top" : "left", m = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", R = o.reference[p] + o.reference[u] - x[u] - o.floating[p], C = x[u] - o.reference[u], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    let _ = I ? I[y] : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = l.floating[y] || o.floating[p]);
+    const S = R / 2 - C / 2, v = _ / 2 - g[p] / 2 - 1, b = Z(f[E], v), O = Z(f[m], v), L = b, M = _ - g[p] - O, T = _ / 2 - g[p] / 2 + S, X = ht(L, T, M), K = !a.arrow && Q(s) != null && T !== X && o.reference[p] / 2 - (T < L ? b : O) - g[p] / 2 < 0, B = K ? T < L ? T - L : T - M : 0;
     return {
-      [u]: x[u] + k,
+      [u]: x[u] + B,
       data: {
         [u]: X,
-        centerOffset: T - X - k,
+        centerOffset: T - X - B,
         ...K && {
-          alignmentOffset: k
+          alignmentOffset: B
         }
       },
       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,21 +4767,21 @@ const Te = (h) => ({
         rects: r,
         initialPlacement: l,
         platform: a,
-        elements: c
+        elements: h
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
         fallbackPlacements: x,
         fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: p = "none",
-        flipAlignment: w = !0,
-        ...g
-      } = J(h, t);
+        flipAlignment: g = !0,
+        ...w
+      } = 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";
-      !x && I && y.push(...Oe(l, w, p, R));
-      const _ = [l, ...y], S = await Nt(t, g), v = [];
+      const E = P(s), m = G(l), y = P(l) === l, R = await (a.isRTL == null ? void 0 : a.isRTL(h.floating)), C = x || (y || !g ? [st(l)] : Ie(l)), I = p !== "none";
+      !x && I && C.push(...Oe(l, g, p, R));
+      const _ = [l, ...C], S = await Nt(t, w), v = [];
       let b = ((i = o.flip) == null ? void 0 : i.overflows) || [];
       if (d && v.push(S[E]), f) {
         const T = ve(s, r, R);
@@ -4785,21 +4803,21 @@ const Te = (h) => ({
               placement: X
             }
           };
-        let K = (L = b.filter((k) => k.overflows[0] <= 0).sort((k, Y) => k.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : L.placement;
+        let K = (L = b.filter((B) => B.overflows[0] <= 0).sort((B, Y) => B.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : L.placement;
         if (!K)
           switch (u) {
             case "bestFit": {
               var M;
-              const k = (M = b.filter((Y) => {
+              const B = (M = b.filter((Y) => {
                 if (I) {
                   const F = G(Y.placement);
-                  return F === C || // Create a bias to the `y` side axis due to horizontal
+                  return F === m || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   F === "y";
                 }
                 return !0;
               }).map((Y) => [Y.placement, Y.overflows.filter((F) => F > 0).reduce((F, qt) => F + qt, 0)]).sort((Y, F) => Y[1] - F[1])[0]) == null ? void 0 : M[0];
-              k && (K = k);
+              B && (K = B);
               break;
             }
             case "initialPlacement":
@@ -4817,12 +4835,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 +4856,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 +4873,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 +4884,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,
@@ -4879,41 +4897,41 @@ const He = function(h) {
         mainAxis: o = !0,
         crossAxis: r = !1,
         limiter: l = {
-          fn: (g) => {
+          fn: (w) => {
             let {
               x: E,
-              y: C
-            } = g;
+              y: m
+            } = w;
             return {
               x: E,
-              y: C
+              y: m
             };
           }
         },
         ...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];
+      }, d = await Nt(t, a), f = G(P(s)), x = kt(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);
+        const w = x === "y" ? "top" : "left", E = x === "y" ? "bottom" : "right", m = u + d[w], y = u - d[E];
+        u = ht(m, u, y);
       }
       if (r) {
-        const g = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", C = p + d[g], m = p - d[E];
-        p = ht(C, p, m);
+        const w = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", m = p + d[w], y = p - d[E];
+        p = ht(m, p, y);
       }
-      const w = l.fn({
+      const g = l.fn({
         ...t,
         [x]: u,
         [f]: p
       });
       return {
-        ...w,
+        ...g,
         data: {
-          x: w.x - e,
-          y: w.y - i,
+          x: g.x - e,
+          y: g.y - i,
           enabled: {
             [x]: o,
             [f]: r
@@ -4923,212 +4941,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 k(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);
-  for (; B(t) && !U(t); ) {
+function Be(c) {
+  let t = W(c);
+  for (; k(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 : k(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 = k(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);
-  if (!B(t))
-    return W(1);
+function $(c) {
+  const t = Wt(c);
+  if (!k(t))
+    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);
-  return !Et() || !t.visualViewport ? Be : {
+const ke = /* @__PURE__ */ V(0);
+function Pt(c) {
+  const t = A(c);
+  return !Et() || !t.visualViewport ? ke : {
     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);
+    let p = x, g = ft(p);
+    for (; g && i && u !== p; ) {
+      const w = $(g), E = g.getBoundingClientRect(), m = D(g), y = E.left + (g.clientLeft + parseFloat(m.paddingLeft)) * w.x, R = E.top + (g.clientTop + parseFloat(m.paddingTop)) * w.y;
+      a *= w.x, h *= w.y, d *= w.x, f *= w.y, a += y, h += R, p = A(g), g = 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 = k(i);
+  if ((f || !f && !o) && ((j(i) !== "body" || tt(r)) && (a = lt(i)), k(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 +5155,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 +5170,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 = k(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 +5232,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 = k(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 +5268,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 (!k(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 (!k(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 || Be(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 +5309,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 +5323,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 +5331,7 @@ const Ze = {
     ...s.platform,
     _c: i
   };
-  return Le(h, t, {
+  return Le(c, t, {
     ...s,
     platform: o
   });
@@ -5397,9 +5415,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 +5489,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 +5597,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 +5630,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 +5661,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 +5671,7 @@ class ti {
         transform: "translate(-50%, -50%)",
         ...i
       };
-      Object.assign(this.emptyEl.style, c);
+      Object.assign(this.emptyEl.style, h);
     });
   }
   destroy() {
@@ -5689,9 +5707,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 = [];
-    l.forEach((g) => {
-      g.render && (g.fixed === "left" ? c.push(g) : g.fixed === "right" ? d.push(g) : a.push(g));
+    let a = [], h = [], d = [];
+    l.forEach((w) => {
+      w.render && (w.fixed === "left" ? h.push(w) : w.fixed === "right" ? d.push(w) : a.push(w));
     });
     const f = e - i, x = {
       key: "left",
@@ -5703,7 +5721,7 @@ class ei {
         width: `${t}px`,
         height: `${r}px`
       },
-      cells: c
+      cells: h
     }, u = {
       key: "center",
       style: {
@@ -5742,8 +5760,8 @@ class ei {
   getBody() {
     const t = [], e = [], i = [];
     let s = this.ctx.body.renderRows;
-    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((g) => {
-      g.cells.forEach((E) => {
+    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((w) => {
+      w.cells.forEach((E) => {
         E.cellType === "footer" && (E.render = E.renderFooter), E.render && (E.fixed === "left" ? e.push(E) : E.fixed === "right" ? i.push(E) : t.push(E));
       });
     });
@@ -5751,7 +5769,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 +5787,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 +5809,7 @@ class ei {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${c}px`,
+        width: `${h}px`,
         height: `${d}px`
       },
       views: [x, u, p]
@@ -5799,16 +5817,16 @@ class ei {
   }
   getFooter() {
     const t = [], e = [], i = [];
-    this.ctx.footer.renderRows.forEach((w) => {
-      w.cells.forEach((g) => {
-        g.cellType === "footer" && g.renderFooter && (g.render = g.renderFooter, g.fixed === "left" ? e.push(g) : g.fixed === "right" ? i.push(g) : t.push(g));
+    this.ctx.footer.renderRows.forEach((g) => {
+      g.cells.forEach((w) => {
+        w.cellType === "footer" && w.renderFooter && (w.render = w.renderFooter, w.fixed === "left" ? e.push(w) : w.fixed === "right" ? i.push(w) : t.push(w));
       });
     });
     const {
       fixedLeftWidth: s,
       fixedRightWidth: o,
       config: { 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 +5834,7 @@ class ei {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${s}px`,
-        height: `${c}px`
+        height: `${h}px`
       },
       cells: e
     }, x = {
@@ -5827,7 +5845,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 +5856,7 @@ class ei {
         right: `${0.5}px`,
         overflow: "hidden",
         width: `${d}px`,
-        height: `${c}px`
+        height: `${h}px`
       },
       cells: i
     };
@@ -5849,7 +5867,7 @@ class ei {
         position: "relative",
         overflow: "hidden",
         width: `${a}px`,
-        height: `${c}px`
+        height: `${h}px`
       },
       views: [f, x, u]
     };
@@ -5866,8 +5884,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 +5992,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
     };
@@ -6022,14 +6040,18 @@ class ri {
   editCell(t, e) {
     this.editor.editCell(t, e);
   }
-  setItemValue(t, e, i, s = !0, o = !0, r = !1) {
-    this.ctx.database.setItemValue(t, e, i, s, o, r);
+  setItemValue(t, e, i, s = !0, o = !0, r = !1, l = !0) {
+    this.ctx.database.setItemValue(t, e, i, s, o, r, l);
+  }
+  batchSetItemValue(t, e = !0, i = !0) {
+    this.ctx.database.batchSetItemValue(t, e, i);
   }
-  batchSetItemValue(t, e = !0) {
-    this.ctx.database.batchSetItemValue(t, e);
+  setItemValueByEditor(t, e, i, s = !0, o = !0, r = !0) {
+    this.ctx.setItemValueByEditor(t, e, i, s, o, r), this.editor.doneEdit();
   }
-  setItemValueByEditor(t, e, i, s = !0, o = !0) {
-    this.ctx.setItemValueByEditor(t, e, i, s, o), this.editor.doneEdit();
+  clearEditableData(t = null) {
+    const e = [0, this.ctx.maxColIndex], i = [0, this.ctx.maxRowIndex];
+    return this.selector.clearSelectedData(e, i, !1, t);
   }
   clearEditor() {
     this.editor.clearEditor();
@@ -6065,15 +6087,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 +6112,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);