e-virt-table 1.2.21 → 1.2.22

package/dist/index.es.js

@@ -24,10 +24,10 @@ class se {
           rowKey: r,
           ...x
         };
-        x.validator(u, h, (p) => {
-          p && e.push({
+        x.validator(u, h, (w) => {
+          w && e.push({
             ...u,
-            message: p
+            message: w
           });
         });
       }
@@ -66,7 +66,7 @@ function Lt() {
     return (c === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Tt(c, t) {
+function At(c, t) {
   let e = 0, i;
   return function(...s) {
     const o = (/* @__PURE__ */ new Date()).getTime(), r = o - e;
@@ -75,8 +75,8 @@ function Tt(c, t) {
     }, t - r));
   };
 }
-function At(c = []) {
-  return c.length ? c.map((t) => At(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function Mt(c = []) {
+  return c.length ? c.map((t) => Mt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
 function oe(c = []) {
   let t = [], e = [], i = [];
@@ -88,14 +88,14 @@ function oe(c = []) {
     ...i.sort((s, o) => (s.sort ?? 0) - (o.sort ?? 0))
   ];
 }
-function Mt(c = [], t = 1, e = 0) {
+function Ht(c = [], t = 1, e = 0) {
   return c.map((i) => {
     if (i.children) {
       let s = 0, o = i.fixed;
       i.children.forEach((l) => {
         l.fixed = o;
       });
-      const r = Mt(i.children, t - 1, e + 1);
+      const r = Ht(i.children, t - 1, e + 1);
       return r && r.forEach((l) => {
         s += l.colspan ?? 0;
       }), {
@@ -115,23 +115,23 @@ function Mt(c = [], t = 1, e = 0) {
     };
   });
 }
-function et(c = []) {
+function it(c = []) {
   let t = [];
   return c.forEach((e) => {
-    e.children ? t = t.concat(et(e.children)) : t.push(e);
+    e.children ? t = t.concat(it(e.children)) : t.push(e);
   }), t;
 }
-const Et = /^(\r\n|\n\r|\r|\n)/, re = /^[^\t\r\n]+/, mt = /^\t/;
+const mt = /^(\r\n|\n\r|\r|\n)/, re = /^[^\t\r\n]+/, yt = /^\t/;
 function ne(c) {
   let t = [[""]];
   if (c.length === 0)
     return t;
   let e = 0, i = 0, s;
   for (; c.length > 0 && s !== c.length; )
-    if (s = c.length, c.match(mt))
-      c = c.replace(mt, ""), e += 1, t[i][e] = "";
-    else if (c.match(Et))
-      c = c.replace(Et, ""), e = 0, i += 1, t[i] = [""];
+    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 (c.startsWith('"')) {
@@ -160,7 +160,7 @@ function le(c) {
   }
   return o;
 }
-function Ht(c, t, e = []) {
+function Dt(c, t, e = []) {
   let i = 0;
   const s = [];
   return c.forEach((o, r) => {
@@ -172,7 +172,7 @@ function Ht(c, t, e = []) {
     }
   }), s;
 }
-function Dt(c, t) {
+function kt(c, t) {
   let e = "", i = "";
   const s = {};
   return t.forEach((o, r) => {
@@ -180,7 +180,7 @@ function Dt(c, t) {
   }), s;
 }
 function ae(c, t, e = []) {
-  const { visibleRows: i, rowIndex: s, headIndex: o } = c, r = Ht(i, t, e);
+  const { visibleRows: i, rowIndex: s, headIndex: o } = c, r = Dt(i, t, e);
   return r[s - o] === 0 ? {
     rowspan: 0,
     colspan: 0,
@@ -196,7 +196,7 @@ function ae(c, t, e = []) {
 function he(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 = Dt(i, o);
+    const r = kt(i, o);
     return r[e.key] === 0 ? {
       rowspan: 0,
       colspan: 0,
@@ -214,7 +214,7 @@ function ce(c, t = document.documentElement) {
   const e = c.startsWith("--") ? c : `--${c}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
-class kt {
+class Xt {
   constructor(t, e, i, s, o, r, l) {
     n(this, "ctx");
     n(this, "x", 0);
@@ -260,7 +260,7 @@ class kt {
   getRightFixedX() {
   }
 }
-class ft extends kt {
+class $ extends Xt {
   constructor(e, i, s, o, r, l, a, h, d, f = "body") {
     super(e, o, r, l, a, f, h.fixed);
     n(this, "formatter");
@@ -307,12 +307,29 @@ class ft extends kt {
     n(this, "drawTextColor", "");
     n(this, "drawTextX", 0);
     n(this, "drawTextY", 0);
-    n(this, "drawImageX", 0);
-    n(this, "drawImageY", 0);
-    n(this, "drawImageWidth", 0);
-    n(this, "drawImageHeight", 0);
-    n(this, "drawImageName", "");
-    n(this, "drawImageSource");
+    n(this, "drawTextWidth", 0);
+    n(this, "drawTextHeight", 0);
+    // 画tree图标
+    n(this, "drawTreeImageX", 0);
+    n(this, "drawTreeImageY", 0);
+    n(this, "drawTreeImageWidth", 0);
+    n(this, "drawTreeImageHeight", 0);
+    n(this, "drawTreeImageName", "");
+    n(this, "drawTreeImageSource");
+    // 画selection图标
+    n(this, "drawSelectionImageX", 0);
+    n(this, "drawSelectionImageY", 0);
+    n(this, "drawSelectionImageWidth", 0);
+    n(this, "drawSelectionImageHeight", 0);
+    n(this, "drawSelectionImageName", "");
+    n(this, "drawSelectionImageSource");
+    // 画hover图标
+    n(this, "drawHoverImageX", 0);
+    n(this, "drawHoverImageY", 0);
+    n(this, "drawHoverImageWidth", 0);
+    n(this, "drawHoverImageHeight", 0);
+    n(this, "drawHoverImageName", "");
+    n(this, "drawHoverImageSource");
     n(this, "ellipsis", !1);
     n(this, "rowExpand", !1);
     n(this, "rowHasChildren", !1);
@@ -320,7 +337,7 @@ class ft extends kt {
     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 = 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();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "", this.editorType = h.editorType || "text", this.selectorCellValueType = h.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = h.editorProps || {}, this.cellType = f, this.align = h.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = h.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = h.fixed, this.level = h.level || 0, this.operation = h.operation || !1, this.column = h, this.rules = h.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = h.render, this.overflowTooltipShow = h.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.formatterFooter = h.formatterFooter, this.update();
   }
   setWidthHeight(e, i) {
     this.width = e, this.height = i;
@@ -334,7 +351,7 @@ class ft extends kt {
     return this.message;
   }
   update() {
-    this.drawX = this.getDrawX(), this.drawY = this.getDrawY(), this.drawTextX = this.drawX, this.drawTextY = this.drawY, this.isHasChanged = this.ctx.database.isHasChangedData(this.rowKey, this.key), this.updateSpan(), this.updateStyle(), this.updateType(), this.updateHoverIcon(), this.updateSelection(), this.updateTree(), this.updateEditor(), this.updateRender(), this.getValidationMessage(), this.updateContainer(), this.text = this.getText(), this.displayText = this.getDisplayText();
+    this.drawX = this.getDrawX(), this.drawY = this.getDrawY(), this.drawTextX = this.drawX, this.drawTextY = this.drawY, this.isHasChanged = this.ctx.database.isHasChangedData(this.rowKey, this.key), this.updateSpan(), this.drawTextWidth = this.visibleWidth, this.drawTextHeight = this.visibleHeight, this.updateStyle(), this.updateType(), this.updateHoverIcon(), this.updateSelection(), this.updateTree(), this.updateEditor(), this.updateRender(), this.getValidationMessage(), this.updateContainer(), this.text = this.getText(), this.displayText = this.getDisplayText();
   }
   updateSpan() {
     if (this.cellType === "footer")
@@ -432,23 +449,22 @@ class ft extends kt {
   updateTree() {
     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: 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 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 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;
+    if (!(["tree", "selection-tree", "tree-selection"].includes(this.type) && s === "body"))
+      return;
+    const a = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = a || {};
+    this.rowExpand = h, this.rowHasChildren = d;
+    const { TREE_INDENT: u = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: E } = this.ctx.config;
+    if (r = x * u, f) {
+      const I = this.ctx.icons.get("loading");
+      l = "loading", o = I;
+    } else if (d) {
+      const I = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
+      o = h ? _ : I, l = h ? "shrink" : "expand";
     }
+    let g = E, p = E, m = this.drawX;
+    (this.align === "center" || this.align === "right") && (m = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
+    let y = m + r + e, b = this.drawY + (this.visibleHeight - p) / 2, C = r + this.drawX + g - 0.5;
+    this.type === "selection-tree" ? (y = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = y + g - e / 2) : this.type === "tree-selection" ? C = y + w + g - e / 2 : C = y + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(y + g + e > this.drawX + this.visibleWidth) && (b + p + e > this.drawY + this.visibleHeight || o && (this.drawTreeImageX = y, this.drawTreeImageY = b, this.drawTreeImageWidth = g, this.drawTreeImageHeight = p, this.drawTreeImageName = l, this.drawTreeImageSource = o));
   }
   updateContainer() {
     const {
@@ -464,35 +480,35 @@ class ft extends kt {
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
       HIGHLIGHT_HOVER_ROW: x,
       HIGHLIGHT_HOVER_ROW_COLOR: u,
-      STRIPE: p,
-      STRIPE_COLOR: g
+      STRIPE: w,
+      STRIPE_COLOR: E
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let _ = h, S = a;
+      let _ = h, T = a;
       if (typeof o == "function") {
-        const v = o, { backgroundColor: b, color: O } = v({
+        const v = o, { backgroundColor: R, color: S } = v({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        b && (_ = b), O && (S = O);
+        R && (_ = R), S && (T = S);
       }
-      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = S;
+      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = T;
       return;
     }
-    let w = "transparent";
-    const E = this.ctx.hoverCell, y = this.ctx.currentCell;
-    let m = this.rowIndex, R = this.rowIndex;
+    let g = "transparent";
+    const p = this.ctx.hoverCell, m = this.ctx.currentCell;
+    let y = this.rowIndex, b = this.rowIndex;
     if (this.rowspan !== 1 && (x || d)) {
-      const _ = this.getSpanInfo(), { yArr: S } = _;
-      m = S[0], R = S[1];
+      const _ = this.getSpanInfo(), { yArr: T } = _;
+      y = T[0], b = T[1];
     }
-    x && E && (E.rowKey === this.rowKey && (w = u), E.rowIndex >= m && E.rowIndex <= R && (w = u)), d && y && (y.rowKey === this.rowKey && (w = f), y.rowIndex >= m && y.rowIndex <= R && (w = f)), this.drawCellSkyBgColor = w;
+    x && p && (p.rowKey === this.rowKey && (g = u), p.rowIndex >= y && p.rowIndex <= b && (g = u)), d && m && (m.rowKey === this.rowKey && (g = f), m.rowIndex >= y && m.rowIndex <= b && (g = f)), this.drawCellSkyBgColor = g;
     let C = e, I = l;
-    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 } = _({
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, I = r), w && (this.rowIndex % 2 ? C = E : C = e), typeof s == "function") {
+      const _ = s, { backgroundColor: T, color: v } = _({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -500,17 +516,33 @@ class ft extends kt {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      S && (C = S), v && (I = v);
+      T && (C = T), v && (I = v);
     }
     this.drawCellBgColor = C, this.drawTextColor = I;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: l, rowIndex: a, rowKey: h } = this;
-    if (!(s === 0 || o === 0) && r !== "footer" && ["index-selection", "selection"].includes(l)) {
-      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);
+    if (s === 0 || o === 0 || r === "footer" || !["index-selection", "selection", "selection-tree", "tree-selection"].includes(l))
+      return;
+    const d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: f = 0, CELL_PADDING: x } = this.ctx.config;
+    let u = this.drawX + x;
+    (this.align === "center" || this.align === "right") && (u = this.drawX + (e - f) / 2);
+    let w = u, E = this.drawY + (i - f) / 2;
+    if (l !== "selection-tree") {
+      if (l === "tree-selection") {
+        const { TREE_INDENT: m = 16, TREE_ICON_SIZE: y } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, I = C * m;
+        w = u + y + I;
+      }
+    }
+    let g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck";
+    if (l === "selection-tree" || l === "tree-selection") {
+      const m = this.ctx.database.getTreeSelectionState(h);
+      m.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), p = "checkbox-indeterminate") : m.checked && d ? (g = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : !m.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled");
+    } else {
+      const m = this.ctx.database.getRowSelection(h);
+      m && d ? (g = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : m && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !m && d ? (g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled");
     }
+    w + f + x > this.drawX + this.visibleWidth || E + f + x > this.drawY + this.visibleHeight || (l === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === a || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = p, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = p, this.drawSelectionImageSource = g));
   }
   updateHoverIcon() {
     if (this.ctx.database.getReadonly(this.rowKey, this.key))
@@ -530,14 +562,14 @@ class ft extends kt {
     if (this.hoverIconName && !this.ctx.editing && l) {
       let a = 0, h = 0;
       if (l.rowKey === this.rowKey && (a = this.drawX + this.width - s - o, h = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
-        const f = this.getSpanInfo(), { yArr: x } = f, u = x[0], p = x[1];
-        if (l.rowIndex >= u && l.rowIndex <= p) {
-          const { width: g, height: w, offsetTop: E, offsetLeft: y } = f;
-          a = this.drawX - y + g - s - o, h = this.drawY - E + (w - s) / 2;
+        const f = this.getSpanInfo(), { yArr: x } = f, u = x[0], w = x[1];
+        if (l.rowIndex >= u && l.rowIndex <= w) {
+          const { width: E, height: g, offsetTop: p, offsetLeft: m } = f;
+          a = this.drawX - m + E - s - o, h = this.drawY - p + (g - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
-      this.drawImageX = a, this.drawImageY = h, this.drawImageWidth = s, this.drawImageHeight = s, this.drawImageName = this.hoverIconName, this.drawImageSource = d;
+      this.drawHoverImageX = a, this.drawHoverImageY = h, this.drawHoverImageWidth = s, this.drawHoverImageHeight = s, this.drawHoverImageName = this.hoverIconName, this.drawHoverImageSource = d;
     }
   }
   // 过去跨度配置
@@ -549,7 +581,7 @@ class ft extends kt {
    * @returns
    */
   getDisplayText() {
-    return this.cellType === "footer" ? this.renderFooter || this.text === null || this.text === void 0 ? "" : this.text : this.rowspan === 0 || this.colspan === 0 || this.render || this.type === "index-selection" && (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === this.rowIndex || ["checkbox-disabled", "checkbox-check"].includes(this.drawImageName)) || this.text === null || this.text === void 0 ? "" : `${this.text}`;
+    return this.cellType === "footer" ? this.renderFooter || this.text === null || this.text === void 0 ? "" : this.text : this.rowspan === 0 || this.colspan === 0 || this.render || this.type === "index-selection" && (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === this.rowIndex || ["checkbox-disabled", "checkbox-check"].includes(this.drawSelectionImageName)) || this.text === null || this.text === void 0 ? "" : `${this.text}`;
   }
   /**
    * 获取文本
@@ -634,8 +666,8 @@ class ft extends kt {
       return;
     const { xArr: r, yArr: l } = this.ctx.selector, a = r[1], h = l[1], { colIndex: d, rowIndex: f, drawX: x, drawY: u } = this;
     if (d === a && f === h) {
-      const 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, {
+      const E = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
+      this.ctx.paint.drawRect(x + this.width - E, u + this.height - E, 6, 6, {
         borderColor: o,
         fillColor: e
       });
@@ -659,47 +691,55 @@ class ft extends kt {
     return s;
   }
   drawText() {
-    const { CELL_PADDING: e, BODY_FONT: i, PLACEHOLDER_COLOR: s } = this.ctx.config;
-    let o = this.visibleWidth;
-    if (this.type === "tree") {
-      const f = this.drawTextX - this.drawX;
-      o = this.visibleWidth - f;
-    }
-    const { ellipsis: r } = this.ctx.paint.handleEllipsis(this.displayText, o, e, i);
-    this.ellipsis = r;
-    const { placeholder: l } = this.column;
-    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, {
+    const { CELL_PADDING: e, BODY_FONT: i, PLACEHOLDER_COLOR: s } = this.ctx.config, { ellipsis: o } = this.ctx.paint.handleEllipsis(
+      this.displayText,
+      this.drawTextWidth,
+      e,
+      i
+    );
+    this.ellipsis = o;
+    const { placeholder: r } = this.column;
+    let l = this.displayText, a = this.drawTextColor;
+    return !this.ctx.database.getReadonly(this.rowKey, this.key) && r && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (l = r, a = s), this.ctx.paint.drawText(l, this.drawTextX, this.drawTextY, this.drawTextWidth, this.drawTextHeight, {
       font: i,
       padding: e,
       align: this.align,
       verticalAlign: this.verticalAlign,
-      color: h
+      color: a
     });
   }
   drawImage() {
-    if (this.drawImageSource) {
-      if (this.hoverIconName) {
-        const { CELL_HOVER_ICON_BG_COLOR: e, CELL_HOVER_ICON_BORDER_COLOR: i } = this.ctx.config;
-        this.ctx.paint.drawRect(
-          this.drawImageX - 2,
-          this.drawImageY - 2,
-          this.drawImageWidth + 4,
-          this.drawImageHeight + 4,
-          {
-            borderColor: i,
-            radius: 4,
-            borderWidth: 1,
-            fillColor: e
-          }
-        );
-      }
-      this.ctx.paint.drawImage(
-        this.drawImageSource,
-        this.drawImageX,
-        this.drawImageY,
-        this.drawImageWidth,
-        this.drawImageHeight
+    if (this.drawSelectionImageSource && this.ctx.paint.drawImage(
+      this.drawSelectionImageSource,
+      this.drawSelectionImageX,
+      this.drawSelectionImageY,
+      this.drawSelectionImageWidth,
+      this.drawSelectionImageHeight
+    ), this.drawTreeImageSource && this.ctx.paint.drawImage(
+      this.drawTreeImageSource,
+      this.drawTreeImageX,
+      this.drawTreeImageY,
+      this.drawTreeImageWidth,
+      this.drawTreeImageHeight
+    ), this.drawHoverImageSource) {
+      const { CELL_HOVER_ICON_BG_COLOR: e, CELL_HOVER_ICON_BORDER_COLOR: i } = this.ctx.config;
+      this.ctx.paint.drawRect(
+        this.drawHoverImageX - 2,
+        this.drawHoverImageY - 2,
+        this.drawHoverImageWidth + 4,
+        this.drawHoverImageHeight + 4,
+        {
+          borderColor: i,
+          radius: 4,
+          borderWidth: 1,
+          fillColor: e
+        }
+      ), this.ctx.paint.drawImage(
+        this.drawHoverImageSource,
+        this.drawHoverImageX,
+        this.drawHoverImageY,
+        this.drawHoverImageWidth,
+        this.drawHoverImageHeight
       );
     }
   }
@@ -762,46 +802,46 @@ class ft extends kt {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: l, width: a } = this;
     let h = i, d = s;
-    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: p = 1, borderColor: g, fillColor: w } = e, E = f[0], y = f[1], m = x[0], R = x[1];
-    if (r >= E && r <= y && o === m) {
-      const C = r === y ? 1 : 0, I = r === E ? 1 : 0;
+    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: w = 1, borderColor: E, fillColor: g } = e, p = f[0], m = f[1], y = x[0], b = x[1];
+    if (r >= p && r <= m && o === y) {
+      const C = r === m ? 1 : 0, I = r === p ? 1 : 0;
       this.ctx.paint.drawLine([h + I, d + 1, h + a - C, d + 1], {
-        borderColor: g,
-        fillColor: w,
-        borderWidth: p,
+        borderColor: E,
+        fillColor: g,
+        borderWidth: w,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
       });
     }
-    if (r === y && o >= m && o <= R) {
-      const C = o === m ? 1 : 0, I = o === R ? 1 : 0;
+    if (r === m && o >= y && o <= b) {
+      const C = o === y ? 1 : 0, I = o === b ? 1 : 0;
       this.ctx.paint.drawLine([h + a - 1, d + C, h + a - 1, d + l - I], {
-        borderColor: g,
-        fillColor: w,
-        borderWidth: p,
+        borderColor: E,
+        fillColor: g,
+        borderWidth: w,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
       });
     }
-    if (r >= E && r <= y && o === R) {
-      const C = r === y ? 1 : 0, I = r === E ? 1 : 0;
+    if (r >= p && r <= m && o === b) {
+      const C = r === m ? 1 : 0, I = r === p ? 1 : 0;
       this.ctx.paint.drawLine([h + I, d + l - 1, h + a - C, d + l - 1], {
-        borderColor: g,
-        fillColor: w,
-        borderWidth: p,
+        borderColor: E,
+        fillColor: g,
+        borderWidth: w,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
       });
     }
-    if (r === E && o >= m && o <= R) {
-      const C = o === R ? 1 : 0, I = o === m ? 1 : 0;
+    if (r === p && o >= y && o <= b) {
+      const C = o === b ? 1 : 0, I = o === y ? 1 : 0;
       this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + l - C], {
-        borderColor: g,
-        fillColor: w,
-        borderWidth: p,
+        borderColor: E,
+        fillColor: g,
+        borderWidth: w,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
@@ -846,7 +886,7 @@ class de {
   // 初始化默认不忽略清空改变值和校验map
   init(t = !0) {
     this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear();
-    const e = this.getColumns(), i = et(e);
+    const e = this.getColumns(), i = it(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;
@@ -867,34 +907,34 @@ class de {
    */
   initData(t, e = 0, i = []) {
     t.forEach((s, o) => {
-      var E;
+      var p;
       const { ROW_KEY: r = "", DEFAULT_EXPAND_ALL: l, CELL_HEIGHT: a, SELECTABLE_METHOD: h, CHECKBOX_KEY: d } = this.ctx.config, f = s[r], x = f != null ? `${f}` : Lt();
       this.itemRowKeyMap.set(s, x);
-      const u = s._height || a, p = s._readonly;
-      let g = !0;
-      if (typeof h == "function" && (g = h), d) {
-        const y = s[d];
-        if (this.checkboxKeyMap.has(y)) {
-          const m = this.checkboxKeyMap.get(y) || [];
-          m.push(x), this.checkboxKeyMap.set(y, m);
+      const u = s._height || a, w = s._readonly;
+      let E = !0;
+      if (typeof h == "function" && (E = 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(y, [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
+        check: ((p = this.selectionMap.get(x)) == null ? void 0 : p.check) || !1
       });
-      const w = l || this.expandMap.get(x) || s._expand || !1;
-      this.expandMap.set(x, w), this.rowKeyMap.set(x, {
-        readonly: p,
+      const g = l || this.expandMap.get(x) || s._expand || !1;
+      this.expandMap.set(x, g), this.rowKeyMap.set(x, {
+        readonly: w,
         index: o,
         rowIndex: o,
         level: e,
         height: u,
         check: !1,
-        selectable: g,
-        expand: w,
+        selectable: E,
+        expand: g,
         expandLazy: !1,
         hasChildren: s._hasChildren || (Array.isArray(s.children) ? s.children.length > 0 : !1),
         expandLoading: !1,
@@ -1106,22 +1146,22 @@ class de {
     let o = [], r = i;
     const l = /* @__PURE__ */ new Set();
     let a = [], h = t.map((u) => {
-      const { rowKey: p, key: g } = u;
-      let w = u.value, E = w;
-      const y = this.getRowDataItemForRowKey(p), m = this.getItemValue(p, g), R = this.getVirtualBodyCellByKey(p, g);
-      return (R == null ? void 0 : R.type) === "number" && (["", void 0, null].includes(w) ? E = null : /^-?\d+(\.\d+)?$/.test(`${w}`) ? E = Number(w) : (E = m, a.push({
+      const { rowKey: w, key: E } = u;
+      let g = u.value, p = g;
+      const m = this.getRowDataItemForRowKey(w), y = this.getItemValue(w, E), b = this.getVirtualBodyCellByKey(w, E);
+      return (b == null ? void 0 : b.type) === "number" && (["", void 0, null].includes(g) ? p = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? p = Number(g) : (p = y, a.push({
         ...u,
-        value: E,
-        oldValue: m,
-        row: y
+        value: p,
+        oldValue: y,
+        row: m
       }))), {
         ...u,
-        value: E,
-        oldValue: m,
-        row: y
+        value: p,
+        oldValue: y,
+        row: m
       };
     });
-    if (h = h.filter((u) => !a.some((p) => u.rowKey === p.rowKey && u.key === p.key)), a.length) {
+    if (h = h.filter((u) => !a.some((w) => u.rowKey === w.rowKey && u.key === w.key)), a.length) {
       const u = {
         code: "ERR_BATCH_SET_NUMBER_VALUE",
         message: "Assignment failed, not a numeric type",
@@ -1133,19 +1173,19 @@ class de {
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
     s === "none" && typeof d == "function" && (h = await d(h), r = !1), h.forEach((u) => {
-      const { value: p, rowKey: g, key: w } = u, E = this.getItemValue(g, w);
-      l.add(g), this.setItemValue(g, w, p, !1, !1, !1, r), o.push({
-        rowKey: g,
-        key: w,
-        oldValue: E,
-        newValue: p
+      const { value: w, rowKey: E, key: g } = u, p = this.getItemValue(E, g);
+      l.add(E), this.setItemValue(E, g, w, !1, !1, !1, r), o.push({
+        rowKey: E,
+        key: g,
+        oldValue: p,
+        newValue: w
       });
     });
     let f = [];
     l.forEach((u) => {
       f.push(this.ctx.database.getRowDataItemForRowKey(u));
     });
-    const x = h.map(({ rowKey: u, key: p }) => this.getValidator(u, p));
+    const x = h.map(({ rowKey: u, key: w }) => this.getValidator(u, w));
     Promise.all(x).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
     }), this.ctx.emit("change", h, f), e && this.ctx.history.pushState({
@@ -1181,15 +1221,15 @@ class de {
     this.originalDataMap.has(f) || this.originalDataMap.set(f, h);
     const x = this.originalDataMap.get(f), u = this.getRowDataItemForRowKey(t);
     if (r) {
-      const p = this.getVirtualBodyCellByKey(t, e);
-      if ((p == null ? void 0 : p.type) === "number")
+      const w = this.getVirtualBodyCellByKey(t, e);
+      if ((w == null ? void 0 : w.type) === "number")
         if (["", void 0, null].includes(i))
           d = null;
         else if (/^-?\d+(\.\d+)?$/.test(`${i}`))
           d = Number(i);
         else {
           d = h;
-          const w = {
+          const g = {
             code: "ERR_SET_NUMBER_VALUE",
             message: "Assignment failed, not a numeric type",
             data: [
@@ -1202,14 +1242,14 @@ class de {
               }
             ]
           };
-          this.ctx.emit("error", w);
+          this.ctx.emit("error", g);
         }
       if (d === h)
         return {
           oldValue: h,
           newValue: h
         };
-      let g = [
+      let E = [
         {
           rowKey: t,
           key: e,
@@ -1218,7 +1258,7 @@ class de {
           row: u
         }
       ];
-      this.batchSetItemValue(g, s, !1), this.ctx.emit("editChange", {
+      this.batchSetItemValue(E, s, !1), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
         oldValue: h,
@@ -1272,13 +1312,49 @@ class de {
    * 根据rowKey 取反选中
    * @param rowKey
    */
-  toggleRowSelection(t) {
-    const e = this.rowKeyMap.get(t), i = this.selectionMap.get(t);
-    if (!i)
+  toggleRowSelection(t, e) {
+    const i = this.rowKeyMap.get(t), s = this.selectionMap.get(t);
+    if (!s)
+      return;
+    e === "selection-tree" || e === "tree-selection" ? this.toggleTreeSelection(t) : (s.check = !s.check, this.setRowSelectionByCheckboxKey(t, s.check)), this.ctx.emit("toggleRowSelection", i);
+    const o = this.getSelectionRows();
+    this.ctx.emit("selectionChange", o), this.bufferCheckState.buffer = !1, this.ctx.emit("draw");
+  }
+  // 切换树形选择状态
+  toggleTreeSelection(t) {
+    const e = this.getTreeSelectionState(t), i = this.ctx.config.TREE_SELECT_MODE;
+    if (i === "auto")
+      e.checked && !e.indeterminate ? (this.setRowSelection(t, !1, !1), this.clearTreeSelectionRecursive(t)) : (this.setRowSelection(t, !0, !1), this.selectTreeSelectionRecursive(t));
+    else if (i === "cautious")
+      e.checked && !e.indeterminate ? (this.setRowSelection(t, !1, !1), this.clearTreeSelectionRecursive(t)) : (this.setRowSelection(t, !0, !1), this.selectTreeSelectionRecursive(t));
+    else if (i === "strictly") {
+      const s = this.selectionMap.get(t);
+      s && (s.check = !s.check, this.setRowSelectionByCheckboxKey(t, s.check));
+    }
+    this.ctx.emit("selectionChange", this.getSelectionRows()), this.ctx.emit("draw");
+  }
+  // 递归选中树形选择
+  selectTreeSelectionRecursive(t) {
+    this.getTreeChildren(t).forEach((i) => {
+      this.setRowSelection(i, !0, !1), this.selectTreeSelectionRecursive(i);
+    });
+  }
+  // 递归取消树形选择
+  clearTreeSelectionRecursive(t) {
+    this.getTreeChildren(t).forEach((i) => {
+      this.setRowSelection(i, !1, !1), this.clearTreeSelectionRecursive(i);
+    });
+  }
+  // 向上递归更新父项状态
+  updateParentTreeSelection(t) {
+    const e = this.getTreeParent(t);
+    if (!e)
       return;
-    i.check = !i.check, this.setRowSelectionByCheckboxKey(t, i.check), this.ctx.emit("toggleRowSelection", e);
-    const s = this.getSelectionRows();
-    this.ctx.emit("selectionChange", s), this.bufferCheckState.buffer = !1, this.ctx.emit("draw");
+    const s = this.getTreeChildren(e).map((h) => this.selectionMap.get(h)), o = s.filter((h) => h == null ? void 0 : h.check).length, r = s.length;
+    let l = !1;
+    r > 0 && (o === 0 ? l = !1 : o === r || this.ctx.config.TREE_SELECT_MODE === "auto" ? l = !0 : this.ctx.config.TREE_SELECT_MODE === "cautious" && (l = !1));
+    const a = this.selectionMap.get(e);
+    a && a.check !== l && (a.check = l, this.setRowSelectionByCheckboxKey(e, l), this.updateParentTreeSelection(e));
   }
   /**
    * 根据rowKey 设置选中状态
@@ -1286,7 +1362,7 @@ class de {
    */
   setRowSelection(t, e, i = !0) {
     const s = this.selectionMap.get(t);
-    s && (s.check = e, this.setRowSelectionByCheckboxKey(t, s.check), this.ctx.emit("setRowSelection", e, s.row), i && (this.bufferCheckState.buffer = !1, this.ctx.emit("draw")));
+    s && (s.check = e, this.setRowSelectionByCheckboxKey(t, s.check), this.ctx.emit("setRowSelection", e, s.row), (this.ctx.config.TREE_SELECT_MODE === "auto" || this.ctx.config.TREE_SELECT_MODE === "cautious") && this.updateParentTreeSelection(t), i && (this.bufferCheckState.buffer = !1, this.ctx.emit("draw")));
   }
   getSelectionRows() {
     let t = [];
@@ -1302,6 +1378,66 @@ class de {
     const e = this.selectionMap.get(t);
     return e ? e.check : !1;
   }
+  // 获取树形选择状态
+  getTreeSelectionState(t) {
+    if (!this.getRowForRowKey(t))
+      return { checked: !1, indeterminate: !1 };
+    const i = this.selectionMap.get(t), s = (i == null ? void 0 : i.check) || !1;
+    if (this.getTreeChildren(t).length === 0)
+      return { checked: s, indeterminate: !1 };
+    let r = !1, l = s;
+    if (this.ctx.config.TREE_SELECT_MODE === "auto") {
+      const h = (g) => {
+        const p = this.getTreeChildren(g);
+        let m = [];
+        for (const y of p)
+          m.push(y), m.push(...h(y));
+        return m;
+      }, f = h(t).map((g) => this.selectionMap.get(g)), x = f.filter((g) => g == null ? void 0 : g.check).length, u = f.length, w = x > 0;
+      r = w && !(x === u), l = s || w, s && u > 0 && x === 0 && (l = !1, r = !1);
+    } else if (this.ctx.config.TREE_SELECT_MODE === "cautious") {
+      const h = (g) => {
+        const p = this.getTreeChildren(g);
+        let m = [];
+        for (const y of p)
+          m.push(y), m.push(...h(y));
+        return m;
+      }, f = h(t).map((g) => this.selectionMap.get(g)), x = f.filter((g) => g == null ? void 0 : g.check).length, u = f.length, w = x > 0, E = x === u;
+      r = w && !E, l = s || E, s && u > 0 && x === 0 && (l = !1, r = !1);
+    } else this.ctx.config.TREE_SELECT_MODE === "strictly" && (r = !1, l = s);
+    return { checked: l, indeterminate: r };
+  }
+  // 获取树形子节点
+  getTreeChildren(t) {
+    const e = this.getRowForRowKey(t);
+    if (!e || !e.item || !e.item.children)
+      return [];
+    const i = [], s = (o) => {
+      for (const r of o) {
+        const l = this.getRowKeyByItem(r);
+        l && i.push(l), r.children && r.children.length > 0 && s(r.children);
+      }
+    };
+    return s(e.item.children), i;
+  }
+  // 获取树形父节点
+  getTreeParent(t) {
+    const e = (i, s) => {
+      for (const o of i) {
+        const r = this.getRowKeyByItem(o);
+        if (o.children)
+          for (const l of o.children) {
+            if (this.getRowKeyByItem(l) === s)
+              return r;
+            const h = e(o.children, s);
+            if (h)
+              return h;
+          }
+      }
+      return null;
+    };
+    return e(this.data, t);
+  }
   /**
    * 根据rowKey 获取选中状态
    * @param rowKey
@@ -1318,32 +1454,45 @@ class de {
    * @param rowKey
    */
   toggleAllSelection() {
-    this.rowKeyMap.forEach((e, i) => {
-      let s = e.selectable;
-      typeof s == "function" && (s = s({
-        row: e.item,
-        rowIndex: e.rowIndex
-      })), s && this.setRowSelection(i, !0, !1);
+    this.ctx.config.TREE_SELECT_MODE === "auto" || this.ctx.config.TREE_SELECT_MODE === "cautious" ? this.rowKeyMap.forEach((i, s) => {
+      let o = i.selectable;
+      if (typeof o == "function" && (o = o({
+        row: i.item,
+        rowIndex: i.rowIndex
+      })), o) {
+        const r = this.selectionMap.get(s);
+        r && (r.check = !0, this.setRowSelectionByCheckboxKey(s, !0));
+      }
+    }) : this.rowKeyMap.forEach((i, s) => {
+      let o = i.selectable;
+      typeof o == "function" && (o = o({
+        row: i.item,
+        rowIndex: i.rowIndex
+      })), o && this.setRowSelection(s, !0, !1);
     });
-    const t = this.getSelectionRows();
-    this.ctx.emit("toggleAllSelection", t), this.ctx.emit("selectionChange", t), this.bufferCheckState.buffer = !1, this.ctx.emit("draw");
+    const e = this.getSelectionRows();
+    this.ctx.emit("toggleAllSelection", e), this.ctx.emit("selectionChange", e), this.bufferCheckState.buffer = !1, this.ctx.emit("draw");
   }
   /**
    * 清除选中
    * @param rowKey
    */
   clearSelection(t = !1) {
-    t ? this.rowKeyMap.forEach((i, s) => {
-      this.setRowSelection(s, !1, !1);
-    }) : (this.selectionMap.clear(), this.rowKeyMap.forEach((i, s) => {
-      this.selectionMap.set(s, {
+    const e = this.ctx.config.TREE_SELECT_MODE === "auto" || this.ctx.config.TREE_SELECT_MODE === "cautious";
+    t ? e ? this.rowKeyMap.forEach((s, o) => {
+      const r = this.selectionMap.get(o);
+      r && (r.check = !1, this.setRowSelectionByCheckboxKey(o, !1));
+    }) : this.rowKeyMap.forEach((s, o) => {
+      this.setRowSelection(o, !1, !1);
+    }) : (this.selectionMap.clear(), this.rowKeyMap.forEach((s, o) => {
+      this.selectionMap.set(o, {
         check: !1,
-        row: i.item,
-        key: s
+        row: s.item,
+        key: o
       });
     }));
-    const e = this.getSelectionRows();
-    this.ctx.emit("clearSelection"), this.ctx.emit("selectionChange", e), this.bufferCheckState.buffer = !1, this.ctx.emit("draw");
+    const i = this.getSelectionRows();
+    this.ctx.emit("clearSelection"), this.ctx.emit("selectionChange", i), this.bufferCheckState.buffer = !1, this.ctx.emit("draw");
   }
   /**
    * 获取选中状态，表头用
@@ -1357,13 +1506,13 @@ class de {
     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 g;
-      (g = this.selectionMap.get(u)) != null && g.check && (s += 1);
-      let p = x.selectable;
-      typeof p == "function" && (p = p({
+      var E;
+      (E = this.selectionMap.get(u)) != null && E.check && (s += 1);
+      let w = x.selectable;
+      typeof w == "function" && (w = w({
         row: x.item,
         rowIndex: x.rowIndex
-      })), p && (o += 1);
+      })), w && (o += 1);
     });
     const a = r > i && s === 0 && l, h = o && o > s && s > 0 || a, d = o !== 0, f = !!o && o === s;
     return this.bufferCheckState = {
@@ -1540,8 +1689,8 @@ class de {
       height: f,
       width: x,
       colspan: u,
-      mergeRow: p,
-      mergeCol: g
+      mergeRow: w,
+      mergeCol: E
     } = t;
     if (d === 1 && u === 1)
       return {
@@ -1562,99 +1711,99 @@ class de {
           }
         ]
       };
-    let w = e, E = e, y = l, m = l, R = [], C = 0, I = 0, _ = 0, S = 0;
-    if (d !== 1 && p) {
-      S = x;
-      const v = a.reduce((b, O) => {
-        const L = this.getItemValue(s, O) ?? "";
-        return `${b}${L}`;
+    let g = e, p = e, m = l, y = l, b = [], C = 0, I = 0, _ = 0, T = 0;
+    if (d !== 1 && w) {
+      T = x;
+      const v = a.reduce((R, S) => {
+        const O = this.getItemValue(s, S) ?? "";
+        return `${R}${O}`;
       }, "");
-      for (let b = e - 1; b >= 0; b--) {
-        const O = this.rowIndexRowKeyMap.get(b) || "", L = a.reduce((M, T) => {
-          const H = this.getItemValue(O, T) ?? "";
+      for (let R = e - 1; R >= 0; R--) {
+        const S = this.rowIndexRowKeyMap.get(R) || "", O = a.reduce((M, L) => {
+          const H = this.getItemValue(S, L) ?? "";
           return `${M}${H}`;
         }, "");
-        if (v === L)
-          w = b;
+        if (v === O)
+          g = R;
         else
           break;
       }
-      for (let b = e; b <= this.ctx.maxRowIndex; b++) {
-        const O = this.rowIndexRowKeyMap.get(b) || "", L = a.reduce((M, T) => {
-          const H = this.getItemValue(O, T) ?? "";
+      for (let R = e; R <= this.ctx.maxRowIndex; R++) {
+        const S = this.rowIndexRowKeyMap.get(R) || "", O = a.reduce((M, L) => {
+          const H = this.getItemValue(S, L) ?? "";
           return `${M}${H}`;
         }, "");
-        if (v === L)
-          E = b;
+        if (v === O)
+          p = R;
         else
           break;
       }
-      for (let b = w; b < e; b++) {
-        const { height: O } = this.positions[b];
-        C += O;
+      for (let R = g; R < e; R++) {
+        const { height: S } = this.positions[R];
+        C += S;
       }
-      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);
-        R.push({
-          rowKey: L,
+      for (let R = g; R <= p; R++) {
+        const { height: S } = this.positions[R];
+        _ += S;
+        const O = this.rowIndexRowKeyMap.get(R) || "", { item: M } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
+        b.push({
+          rowKey: O,
           key: i,
-          value: T,
+          value: L,
           row: M
         });
       }
     }
-    if (u !== 1 && g) {
+    if (u !== 1 && E) {
       _ = f;
       for (let v = l - 1; v >= 0; v--) {
-        const b = this.getColumnByColIndex(v);
-        if (!b)
+        const R = this.getColumnByColIndex(v);
+        if (!R)
           break;
-        const O = this.getItemValue(s, i), L = this.getItemValue(s, b.key);
-        if (O === L && h.includes(b.key))
-          y = v;
+        const S = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
+        if (S === O && h.includes(R.key))
+          m = v;
         else
           break;
       }
       for (let v = l; v <= this.ctx.maxColIndex; v++) {
-        const b = this.getColumnByColIndex(v);
-        if (!b)
+        const R = this.getColumnByColIndex(v);
+        if (!R)
           break;
-        const O = this.getItemValue(s, i), L = this.getItemValue(s, b.key);
-        if (O === L && h.includes(b.key))
-          m = v;
+        const S = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
+        if (S === O && h.includes(R.key))
+          y = v;
         else
           break;
       }
-      for (let v = y; v < l; v++) {
-        const b = this.getColumnByColIndex(v);
-        if (!b)
+      for (let v = m; v < l; v++) {
+        const R = this.getColumnByColIndex(v);
+        if (!R)
           break;
-        I += b.width || 100;
+        I += R.width || 100;
       }
-      for (let v = y; v <= m; v++) {
-        const b = this.getColumnByColIndex(v);
-        if (!b)
+      for (let v = m; v <= y; v++) {
+        const R = this.getColumnByColIndex(v);
+        if (!R)
           break;
-        S += b.width || 100, R.push({
+        T += R.width || 100, b.push({
           rowKey: s,
-          key: b.key,
-          value: this.getItemValue(s, b.key),
+          key: R.key,
+          value: this.getItemValue(s, R.key),
           row: o
         });
       }
     }
     return {
-      xArr: [y, m],
-      yArr: [w, E],
+      xArr: [m, y],
+      yArr: [g, p],
       rowspan: d,
       colspan: u,
       height: _,
-      width: S,
+      width: T,
       offsetTop: C,
       offsetLeft: I,
-      dataList: R
+      dataList: b
     };
   }
   setLoading(t) {
@@ -1698,7 +1847,7 @@ class de {
   // 获取虚拟单元格,只针对可见的
   getVirtualBodyCell(t, e) {
     const i = this.getColumnByColIndex(e), s = this.getRowForRowIndex(t);
-    return !i || !s ? void 0 : new ft(this.ctx, t, e, 0, 0, 0, 0, i, s.item, "body");
+    return !i || !s ? void 0 : new $(this.ctx, t, e, 0, 0, 0, 0, i, s.item, "body");
   }
   getVirtualBodyCellByKey(t, e) {
     const i = this.getRowIndexForRowKey(t), s = this.getColIndexForKey(e);
@@ -1717,6 +1866,21 @@ class de {
       }
     return i;
   }
+  /**
+   * 计算树形数据的最大深度
+   * @param data 树形数据
+   * @param currentDepth 当前深度
+   * @returns 最大深度
+   */
+  calculateMaxTreeDepth(t, e = 0) {
+    let i = e;
+    return t.forEach((s) => {
+      if (Array.isArray(s.children) && s.children.length > 0) {
+        const o = this.calculateMaxTreeDepth(s.children, e + 1);
+        i = Math.max(i, o);
+      }
+    }), i;
+  }
 }
 class fe {
   constructor(t) {
@@ -1991,8 +2155,8 @@ class ge {
     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: g } = this.handleEllipsis(t, s, d, l);
-    return this.ctx.fillText(p, u, x), this.ctx.restore(), g;
+    const { _text: w, ellipsis: E } = this.handleEllipsis(t, s, d, l);
+    return this.ctx.fillText(w, u, x), this.ctx.restore(), E;
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     let o = !1, r = t;
@@ -2001,7 +2165,13 @@ class ge {
         _text: "",
         ellipsis: o
       };
-    const l = this.ctx.measureText("...").width, a = this.ctx.measureText(t).width;
+    const l = this.ctx.measureText("...").width;
+    if (e <= l + i * 2)
+      return {
+        _text: "",
+        ellipsis: !0
+      };
+    const a = this.ctx.measureText(t).width;
     if (a && a + l >= e - i * 2) {
       o = !0;
       let h = 0;
@@ -2017,7 +2187,7 @@ class ge {
     };
   }
 }
-class yt {
+class Ct {
   constructor(t) {
     n(this, "_config", {});
     /** CSS 类名前缀 */
@@ -2088,6 +2258,10 @@ class yt {
     n(this, "ERROR_TIP_ICON_COLOR", "red");
     /** 错误提示图标大小 */
     n(this, "ERROR_TIP_ICON_SIZE", 6);
+    /** 所有列对齐方式 */
+    n(this, "COLUMNS_ALIGN", "left");
+    /** 所有列垂直对齐方式 */
+    n(this, "COLUMNS_VERTICAL_ALIGN", "middle");
     /** 是否开启懒加载	 */
     n(this, "EXPAND_LAZY", !0);
     /** 默认展开全部	 */
@@ -2154,6 +2328,12 @@ class yt {
     n(this, "CELL_FOOTER_HEIGHT", 36);
     /** 启用选择器 */
     n(this, "ENABLE_SELECTOR", !0);
+    /** 树形选择模式 */
+    n(this, "TREE_SELECT_MODE", "auto");
+    /** 树形缩进宽度 */
+    n(this, "TREE_INDENT", 20);
+    /** 树形图标大小 */
+    n(this, "TREE_ICON_SIZE", 20);
     /** 启用单点击立马编辑 */
     n(this, "ENABLE_EDIT_SINGLE_CLICK", !1);
     /** 启用点击选择器编辑 */
@@ -2292,7 +2472,7 @@ class yt {
     }), Object.assign(this, t, this._config);
   }
 }
-const Ct = '<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>';
+const bt = '<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>';
 class we {
   constructor(t) {
     n(this, "ctx");
@@ -2315,7 +2495,7 @@ class we {
         name: "shrink",
         configName: "CHECKBOX_UNCHECK_SVG",
         configColorName: "SHRINK_ICON_COLOR",
-        svg: Ct,
+        svg: bt,
         color: "#4E5969"
       },
       {
@@ -2367,7 +2547,7 @@ class we {
         name: "icon-select",
         configName: "CHECKBOX_UNCHECK_SVG",
         configColorName: "SHRINK_ICON_COLOR",
-        svg: Ct,
+        svg: bt,
         color: "#4E5969"
       }
     ]);
@@ -2426,10 +2606,11 @@ class we {
     return this.icons.get(t);
   }
 }
-class Xt extends kt {
+class ct extends Xt {
   constructor(e, i, s, o, r, l, a) {
     super(e, s, o, r, l, "header", a.fixed);
     n(this, "align");
+    n(this, "hideHeaderSelection", !1);
     n(this, "verticalAlign", "middle");
     n(this, "fixed");
     n(this, "minWidth");
@@ -2461,15 +2642,19 @@ class Xt extends kt {
     n(this, "drawY", 0);
     n(this, "visibleWidth", 0);
     n(this, "visibleHeight", 0);
+    n(this, "drawTextX", 0);
+    n(this, "drawTextY", 0);
+    n(this, "drawTextWidth", 0);
+    n(this, "drawTextHeight", 0);
     n(this, "drawCellBgColor", "");
     n(this, "drawTextColor", "");
-    n(this, "drawImageX", 0);
-    n(this, "drawImageY", 0);
-    n(this, "drawImageWidth", 0);
-    n(this, "drawImageHeight", 0);
-    n(this, "drawImageName", "");
-    n(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = l, this.visibleWidth = r, this.visibleHeight = l, this.colIndex = i, this.key = a.key, this.minWidth = a.minWidth, this.maxWidth = a.maxWidth, this.type = a.type || "", this.editorType = a.editorType || "text", this.align = a.align || "center", this.verticalAlign = a.verticalAlign || "middle", this.fixed = a.fixed, this.level = a.level || 0, this.operation = a.operation || !1, this.text = a.title, this.column = a, this.colspan = a.colspan || 1, this.widthFillDisable = a.widthFillDisable || !1, this.rowspan = a.rowspan || 1, this.rules = a.rules, this.readonly = a.readonly || !1, this.required = a.required || !1, this.rowKey = Lt(), this.overflowTooltipShow = a.overflowTooltipHeaderShow !== !1, this.hasChildren = a.children && a.children.length > 0 || !1, this.render = a.renderHeader;
+    n(this, "drawSelectionImageX", 0);
+    n(this, "drawSelectionImageY", 0);
+    n(this, "drawSelectionImageWidth", 0);
+    n(this, "drawSelectionImageHeight", 0);
+    n(this, "drawSelectionImageName", "");
+    n(this, "drawSelectionImageSource");
+    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = l, this.visibleWidth = r, this.visibleHeight = l, this.colIndex = i, this.key = a.key, this.minWidth = a.minWidth, this.maxWidth = a.maxWidth, this.type = a.type || "", this.editorType = a.editorType || "text", this.hideHeaderSelection = a.hideHeaderSelection || !1, this.align = a.headerAlign || a.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = a.headerVerticalAlign || a.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = a.fixed, this.level = a.level || 0, this.operation = a.operation || !1, this.text = a.title, this.column = a, this.colspan = a.colspan || 1, this.widthFillDisable = a.widthFillDisable || !1, this.rowspan = a.rowspan || 1, this.rules = a.rules, this.readonly = a.readonly || !1, this.required = a.required || !1, this.rowKey = Lt(), this.overflowTooltipShow = a.overflowTooltipHeaderShow !== !1, this.hasChildren = a.children && a.children.length > 0 || !1, this.render = a.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2498,23 +2683,37 @@ class Xt extends kt {
     this.drawCellBgColor = o, this.drawTextColor = r;
   }
   update() {
-    this.updateContainer(), this.displayText = this.getText(), this.drawX = this.getDrawX(), this.drawY = this.getDrawY(), this.updateStyle();
+    this.updateContainer(), this.displayText = this.getText(), this.drawX = this.getDrawX(), this.drawY = this.getDrawY(), this.drawTextX = this.drawX, this.drawTextY = this.drawY, this.drawTextWidth = this.width, this.drawTextHeight = this.height, this.updateStyle();
   }
   draw() {
     const {
       paint: e,
-      config: { BORDER_COLOR: i, CELL_PADDING: s, HEADER_FONT: o, BORDER: r }
-    } = this.ctx, { drawX: l, drawY: a, displayText: h } = this;
-    e.drawRect(l, a, this.width, this.height, {
-      borderColor: r ? i : "transparent",
+      config: { BORDER_COLOR: i, BORDER: s }
+    } = this.ctx, { drawX: o, drawY: r } = this;
+    e.drawRect(o, r, this.width, this.height, {
+      borderColor: s ? i : "transparent",
       fillColor: this.drawCellBgColor
-    }), this.ellipsis = e.drawText(h, l, a, this.width, this.height, {
-      font: o,
-      padding: s,
-      color: this.drawTextColor,
-      align: this.align,
-      verticalAlign: this.verticalAlign
-    }), this.drawSelection(), this.drawSelector();
+    }), this.drawSelection(), this.drawText(), this.drawSelector();
+  }
+  drawText() {
+    const {
+      paint: e,
+      config: { HEADER_FONT: i, CELL_PADDING: s }
+    } = this.ctx;
+    this.ellipsis = e.drawText(
+      this.displayText,
+      this.drawTextX,
+      this.drawTextY,
+      this.drawTextWidth,
+      this.drawTextHeight,
+      {
+        font: i,
+        padding: s,
+        color: this.drawTextColor,
+        align: this.align,
+        verticalAlign: this.verticalAlign
+      }
+    );
   }
   drawSelector() {
     const { ENABLE_SELECTOR: e } = this.ctx.config;
@@ -2527,16 +2726,20 @@ class Xt extends kt {
     });
   }
   drawSelection() {
+    if (this.hideHeaderSelection)
+      return;
     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, 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 = 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,
-        this.drawImageWidth,
-        this.drawImageHeight
+    if (["index-selection", "selection", "selection-tree", "tree-selection"].includes(s)) {
+      const { indeterminate: o, check: r, selectable: l } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: a = 0, CELL_PADDING: h } = this.ctx.config;
+      let d = this.drawX + (e - a) / 2, f = this.drawY + (i - a) / 2;
+      this.drawTextX = d + a - h / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX, (this.align === "left" || this.align === "right") && (d = this.drawX + h, this.drawTextX = d + a - h / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX), this.verticalAlign === "top" ? f = this.drawY + h / 2 : this.verticalAlign === "bottom" && (f = this.drawY + i - a - h / 2);
+      let x = this.ctx.icons.get("checkbox-uncheck"), u = "checkbox-uncheck";
+      o ? (x = this.ctx.icons.get("checkbox-indeterminate"), u = "checkbox-indeterminate") : r && l ? (x = this.ctx.icons.get("checkbox-check"), u = "checkbox-check") : r && l ? (x = this.ctx.icons.get("checkbox-check-disabled"), u = "checkbox-check-disabled") : !r && l ? (x = this.ctx.icons.get("checkbox-uncheck"), u = "checkbox-uncheck") : (x = this.ctx.icons.get("checkbox-disabled"), u = "checkbox-disabled"), x && (this.drawSelectionImageX = d, this.drawSelectionImageY = f, this.drawSelectionImageWidth = a, this.drawSelectionImageHeight = a, this.drawSelectionImageName = u, this.drawSelectionImageSource = x, this.ctx.paint.drawImage(
+        this.drawSelectionImageSource,
+        this.drawSelectionImageX,
+        this.drawSelectionImageY,
+        this.drawSelectionImageWidth,
+        this.drawSelectionImageHeight
       ));
     }
   }
@@ -2560,7 +2763,7 @@ class Xt extends kt {
     };
   }
 }
-class pe {
+class Ee {
   constructor(t) {
     n(this, "ctx");
     n(this, "visibleHoverCell");
@@ -2592,9 +2795,9 @@ class pe {
         return;
       const e = this.ctx.getOffset(t).offsetY, i = this.ctx.getOffset(t).offsetX;
       this.handleHeaderEvent(i, e, this.ctx.header.renderCellHeaders, (s) => {
-        this.ctx.clickCellHeader = s, this.ctx.emit("cellHeaderClick", s, t), this.selectionClick(s);
+        this.ctx.clickCellHeader = s, this.ctx.emit("cellHeaderClick", s, t), this.selectionClick(s, t);
       }), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
-        this.ctx.clickCell = s, this.ctx.emit("cellClick", s, t), this.selectionClick(s), this.treeClick(s), this.hoverIconClick(s);
+        this.ctx.clickCell = s, this.ctx.emit("cellClick", s, t), this.selectionClick(s, t), this.treeClick(s, t), this.hoverIconClick(s);
       });
     }), this.ctx.on("dblclick", (t) => {
       if (t.button !== 0 || this.isBusy(t))
@@ -2628,7 +2831,7 @@ class pe {
         e,
         this.ctx.body.renderRows,
         (s) => {
-          this.selectionEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.hoverCellHeader = void 0, this.ctx.emit("visibleCellHoverChange", s, t));
+          this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.hoverCellHeader = void 0, this.ctx.emit("visibleCellHoverChange", s, t));
         },
         !0
       ), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
@@ -2644,39 +2847,45 @@ class pe {
    *选中点击
    * @param cell
    */
-  selectionClick(t) {
-    if (["selection", "index-selection"].includes(t.type) && this.ctx.isPointer)
-      if (t instanceof Xt)
-        t.drawImageName === "checkbox-uncheck" || t.drawImageName === "checkbox-indeterminate" ? this.ctx.database.toggleAllSelection() : t.drawImageName === "checkbox-check" && this.ctx.database.clearSelection(!0);
+  selectionClick(t, e) {
+    if (!(["selection", "index-selection", "selection-tree", "tree-selection"].includes(t.type) && this.ctx.isPointer))
+      return;
+    const { offsetY: s, offsetX: o } = this.ctx.getOffset(e), r = s, l = o;
+    if (l > t.drawSelectionImageX && l < t.drawSelectionImageX + t.drawSelectionImageWidth && r > t.drawSelectionImageY && r < t.drawSelectionImageY + t.drawSelectionImageHeight)
+      if (t instanceof ct)
+        t.drawSelectionImageName === "checkbox-uncheck" || t.drawSelectionImageName === "checkbox-indeterminate" ? this.ctx.database.toggleAllSelection() : t.drawSelectionImageName === "checkbox-check" && this.ctx.database.clearSelection(!0);
       else {
         if (!this.ctx.database.getRowSelectable(t.rowKey))
           return;
-        this.ctx.database.toggleRowSelection(t.rowKey);
+        this.ctx.database.toggleRowSelection(t.rowKey, t.type);
       }
   }
   /**
    * 树点击
    * @param cell
    */
-  treeClick(t) {
-    if (t.type === "tree" && this.ctx.isPointer) {
-      const e = this.ctx.database.getRowForRowKey(t.rowKey), { expand: i = !1, expandLazy: s = !1 } = e || {}, { EXPAND_LAZY: o, EXPAND_LAZY_METHOD: r } = this.ctx.config;
-      if (o && r && !i && !s)
-        typeof r == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), r({
-          row: t.row,
-          rowIndex: t.rowIndex,
-          colIndex: t.colIndex,
-          column: t.column,
-          value: t.getValue()
-        }).then((a) => {
-          this.ctx.database.setExpandChildren(t.rowKey, a), this.ctx.database.expandLoading(t.rowKey, !1), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
-        }).catch((a) => {
-          this.ctx.database.expandLoading(t.rowKey, !1), console.error(a);
-        }));
-      else {
-        const l = this.ctx.database.getIsExpand(t.rowKey);
-        this.ctx.database.expandItem(t.rowKey, !l), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
-      }
+  treeClick(t, e) {
+    if (!(["tree", "selection-tree", "tree-selection"].includes(t.type) && this.ctx.isPointer))
+      return;
+    const { offsetY: s, offsetX: o } = this.ctx.getOffset(e), r = s, l = o;
+    if (!(l > t.drawTreeImageX && l < t.drawTreeImageX + t.drawTreeImageWidth && r > t.drawTreeImageY && r < t.drawTreeImageY + t.drawTreeImageHeight))
+      return;
+    const a = this.ctx.database.getRowForRowKey(t.rowKey), { expand: h = !1, expandLazy: d = !1 } = a || {}, { EXPAND_LAZY: f, EXPAND_LAZY_METHOD: x } = this.ctx.config;
+    if (f && x && !h && !d)
+      typeof x == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), x({
+        row: t.row,
+        rowIndex: t.rowIndex,
+        colIndex: t.colIndex,
+        column: t.column,
+        value: t.getValue()
+      }).then((w) => {
+        this.ctx.database.setExpandChildren(t.rowKey, w), this.ctx.database.expandLoading(t.rowKey, !1), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
+      }).catch((w) => {
+        this.ctx.database.expandLoading(t.rowKey, !1), console.error(w);
+      }));
+    else {
+      const u = this.ctx.database.getIsExpand(t.rowKey);
+      this.ctx.database.expandItem(t.rowKey, !u), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
     }
   }
   /**
@@ -2686,11 +2895,18 @@ class pe {
    */
   imageEnterAndLeave(t, e) {
     const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s;
-    r > t.drawImageX && r < t.drawImageX + t.drawImageWidth && o > t.drawImageY && o < t.drawImageY + t.drawImageHeight && (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0);
-  }
-  selectionEnterAndLeave(t, e) {
-    const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s;
-    r > t.drawImageX && r < t.drawImageX + t.drawImageWidth && o > t.drawImageY && o < t.drawImageY + t.drawImageHeight && t instanceof ft && ["selection", "index-selection"].includes(t.type) && (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"));
+    if ((t instanceof $ || t instanceof ct) && r > t.drawSelectionImageX && r < t.drawSelectionImageX + t.drawSelectionImageWidth && o > t.drawSelectionImageY && o < t.drawSelectionImageY + t.drawSelectionImageHeight) {
+      this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof $ && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"));
+      return;
+    }
+    if (t instanceof $ && t.drawHoverImageSource && r > t.drawHoverImageX && r < t.drawHoverImageX + t.drawHoverImageWidth && o > t.drawHoverImageY && o < t.drawHoverImageY + t.drawHoverImageHeight) {
+      this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0;
+      return;
+    }
+    if (t instanceof $ && t.drawTreeImageSource && r > t.drawTreeImageX && r < t.drawTreeImageX + t.drawTreeImageWidth && o > t.drawTreeImageY && o < t.drawTreeImageY + t.drawTreeImageHeight) {
+      this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0;
+      return;
+    }
   }
   isBusy(t) {
     const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, o = i;
@@ -2733,7 +2949,7 @@ class pe {
     this.resizeObserver.unobserve(this.ctx.stageElement), this.mutationObserver.disconnect();
   }
 }
-class Ee {
+class pe {
   constructor(t, e) {
     n(this, "eventBus");
     n(this, "eventBrowser");
@@ -2853,10 +3069,10 @@ class Ee {
       emptyElement: a,
       contextMenuElement: h
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = l, this.emptyElement = a, this.contextMenuElement = h, this.config = new yt(e.config || {}), this.eventBus = new ue(), this.eventBrowser = new xe(this), this.eventTable = new pe(this), this.paint = new ge(this.canvasElement), this.database = new de(this, e), this.history = new fe(this), this.icons = new we(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = l, this.emptyElement = a, this.contextMenuElement = h, this.config = new Ct(e.config || {}), this.eventBus = new ue(), this.eventBrowser = new xe(this), this.eventTable = new Ee(this), this.paint = new ge(this.canvasElement), this.database = new de(this, e), this.history = new fe(this), this.icons = new we(this);
   }
   setConfig(t) {
-    this.config = new yt(t);
+    this.config = new Ct(t);
   }
   setItemValueByEditor(t, e, i, s = !0, o = !0, r = !0) {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
@@ -2981,7 +3197,7 @@ class Ee {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class bt {
+class Rt {
   constructor(t, e) {
     n(this, "ctx");
     n(this, "type");
@@ -3073,9 +3289,9 @@ class bt {
     } = 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 = 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 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));
+      const w = this.distance ? this.visibleDistance / (x + u) : 0;
+      let E = Math.floor(w * this.visibleDistance);
+      E < 30 ? E = 30 : E > this.visibleDistance && (E = 0), this.barHeight = E, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
       this.visibleDistance = a - o, this.distance = f - this.visibleDistance, this.splitPoints = [
         a - o,
@@ -3083,11 +3299,11 @@ class bt {
         a - o,
         h
       ];
-      const p = l ? 0 : 0.5;
-      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));
+      const w = l ? 0 : 0.5;
+      this.trackX = 0, this.trackY = h - o + w, this.trackWidth = a, this.trackHeight = o;
+      const E = this.distance ? this.visibleDistance / f : 0;
+      let g = Math.floor(E * this.visibleDistance);
+      this.barY = this.trackY - 1 + (o - r) / 2, g < 30 ? g = 30 : g >= this.visibleDistance && (g = 0), this.barWidth = g, this.barHeight = r, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
   draw() {
@@ -3113,7 +3329,7 @@ class me {
     n(this, "ctx");
     n(this, "verticalScrollbar");
     n(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new bt(t, "vertical"), this.horizontalScrollbar = new bt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("touchmove", (e) => this.onTouchmove(e)), this.ctx.on("touchstart", (e) => {
+    this.ctx = t, this.verticalScrollbar = new Rt(t, "vertical"), this.horizontalScrollbar = new Rt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("touchmove", (e) => this.onTouchmove(e)), this.ctx.on("touchstart", (e) => {
       this.onTouchstart(e);
     }), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
@@ -3214,7 +3430,7 @@ class ye {
     n(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
-      Tt(() => {
+      At(() => {
         this.init(), this.ctx.emit("draw");
       }, 100)
     ), this.init(), this.initResizeColumn();
@@ -3224,12 +3440,12 @@ class ye {
       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 = At(i), o = et(i);
+    const s = Mt(i), o = it(i);
     this.height = t * s, this.width = o.reduce((f, x) => {
-      const u = x.width || 100, { maxWidth: p, minWidth: g } = x;
-      return p && u > p ? f + p : g && u < g ? f + g : f + u;
+      const u = x.width || 100, { maxWidth: w, minWidth: E } = x;
+      return w && u > w ? f + w : E && u < E ? f + E : f + u;
     }, 0), this.visibleHeight = this.height;
-    const r = oe(Mt(i, s));
+    const r = oe(Ht(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const l = this.ctx.containerElement.getBoundingClientRect();
     this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(l.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth + "px", this.visibleWidth = this.ctx.stageWidth - e;
@@ -3330,8 +3546,8 @@ class ye {
     for (let r = 0; r < i; r++) {
       const l = t[r], a = o * (l.rowspan || 0), h = o * (l.level || 0);
       let { minWidth: d, maxWidth: f } = l, x = l.width || 100;
-      d && x < d && (x = d), f && x > f && (x = f), l.children && (x = 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);
+      d && x < d && (x = d), f && x > f && (x = f), l.children && (x = it(l.children).reduce((E, g) => E + ((g == null ? void 0 : g.width) || 100), 0));
+      const u = new ct(this.ctx, this.columnIndex, s, h, x, a, l);
       this.ctx.database.setHeader(l.key, u), this.allCellHeaders.push(u), l.children || (this.leafCellHeaders.push(u), u.column.widthFillDisable || this.resizeNum++), l.fixed === "left" ? this.fixedLeftCellHeaders.push(u) : l.fixed === "right" ? this.fixedRightCellHeaders.push(u) : this.centerCellHeaders.push(u), !l.children && this.columnIndex++, l.children && this.render(l.children, s), s += x;
     }
   }
@@ -3424,7 +3640,7 @@ class Bt {
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
     t.renderLeafCellHeaders.forEach((o) => {
-      const r = new ft(
+      const r = new $(
         this.ctx,
         this.rowIndex,
         o.colIndex,
@@ -3507,35 +3723,35 @@ class Ce {
     if (!e.width)
       return;
     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 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 y = window.innerHeight, { top: m } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
-    if (y > m && d && !l) {
-      const L = y - m - 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 - 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 { data: u, sumHeight: w } = s.getData();
+    this.height = w, this.data = u, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
+    const E = this.ctx.footer.height;
+    !this.data.length && !l ? this.height = a : !this.data.length && l && (this.height = l - e.height - E - r);
+    let g = this.height + e.height + r;
+    g += E;
+    let p = g;
+    const m = window.innerHeight, { top: y } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (m > y && d && !l) {
+      const O = m - y - f;
+      O > e.height + r ? p = O : g > h && (p = h);
+    } else this.data.length && l ? p = l : this.data.length && h && g > h && (p = h);
+    p > 0 && (this.ctx.stageHeight = Math.floor(p), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
+    let b = this.ctx.stageHeight - e.height - r;
+    o ? this.visibleHeight = b - E : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = u;
     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";
+    const T = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: S,
-      type: S,
+      isEmpty: T,
+      type: T,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: g,
+      footerHeight: E,
       width: this.width,
-      height: this.data.length ? 0 : a + g
+      height: this.data.length ? 0 : a + E
     });
-    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);
+    const v = Math.round(t.width / C * 1e4) / 1e4, R = Math.round(t.height / C * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${R}px;width:${v}px;`), this.ctx.paint.scale(C);
   }
   // 调整行的高度
   initResizeRow() {
@@ -3576,9 +3792,9 @@ class Ce {
         for (let f = 0; f < this.renderRows.length; f++) {
           const x = this.renderRows[f];
           if (o > x.y - h + x.height - 1.5 && o < x.y - h + x.height + 1.5 && o < a - 4)
-            for (let p = 0; p < x.cells.length; p++) {
-              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);
+            for (let w = 0; w < x.cells.length; w++) {
+              const E = x.cells[w];
+              r > E.drawX + 10 && r < E.drawX + E.width - 10 && E.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
             }
         }
       }
@@ -3661,8 +3877,8 @@ class Ce {
     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: g } = this.ctx.database.getPositionForRowIndex(x), w = new Bt(this.ctx, x, 0, g + this.y, t.width, p, u);
-      d.push(w);
+      const x = this.headIndex + f, u = this.visibleRows[f], { height: w, top: E } = this.ctx.database.getPositionForRowIndex(x), g = new Bt(this.ctx, x, 0, E + this.y, t.width, w, u);
+      d.push(g);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
   }
@@ -3778,7 +3994,7 @@ class Re {
       this.moveFocus(t);
     }), this.ctx.on(
       "mousemove",
-      Tt((t) => {
+      At((t) => {
         const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = this.ctx.isTarget(t) && i > 0 && i < this.ctx.body.visibleWidth && e > this.ctx.header.visibleHeight && e < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
         (this.ctx.selectorMove || this.ctx.autofillMove) && (!s && !this.mousedownHeader ? this.startAdjustPosition(t) : this.stopAdjustPosition());
       }, 100)
@@ -3881,15 +4097,15 @@ class Re {
         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, g = h, w = d || this.ctx.maxRowIndex - x;
-      let [E, y] = o, [m, R] = r;
-      if (E < u || y > p || m < g || R > w)
+      } = this.ctx.config, u = l, w = a || this.ctx.maxColIndex - f, E = h, g = d || this.ctx.maxRowIndex - x;
+      let [p, m] = o, [y, b] = r;
+      if (p < u || m > w || y < E || b > g)
         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], y = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
+        y = I.yArr[0], b = I.yArr[1], p = I.xArr[0], m = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
       }
-      E === y && m === R ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, E), Math.min(p, y)], r = [Math.max(g, m), Math.min(w, R)];
+      p === m && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, p), Math.min(w, m)], r = [Math.max(E, y), Math.min(g, b)];
       const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
       if (typeof C == "function") {
         const _ = C({
@@ -3905,27 +4121,27 @@ class Re {
     }
   }
   adjustMergeCells(t, e) {
-    var p;
+    var w;
     const [i, s] = e, [o, r] = t;
     let l = [], a = [];
-    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], y = w + t[0], m = this.ctx.database.getVirtualBodyCell(E, y);
-        m && ((E === i || E === s) && l.push(m), (y === o || y === r) && a.push(m));
+    for (let E = 0; E <= e[1] - e[0]; E++)
+      for (let g = 0; g <= t[1] - t[0]; g++) {
+        const p = E + e[0], m = g + t[0], y = this.ctx.database.getVirtualBodyCell(p, m);
+        y && ((p === i || p === s) && l.push(y), (m === o || m === r) && a.push(y));
       }
     const h = l.reduce(
-      (g, w) => {
-        const { yArr: E } = w.getSpanInfo(), [y, m] = E;
-        return g.minY = Math.min(g.minY, y), g.maxY = Math.max(g.maxY, m), g;
+      (E, g) => {
+        const { yArr: p } = g.getSpanInfo(), [m, y] = p;
+        return E.minY = Math.min(E.minY, m), E.maxY = Math.max(E.maxY, y), E;
       },
       {
         minY: i,
         maxY: s
       }
     ), d = a.reduce(
-      (g, w) => {
-        const { xArr: E } = w.getSpanInfo(), [y, m] = E;
-        return g.minX = Math.min(g.minX, y), g.maxX = Math.max(g.maxX, m), g;
+      (E, g) => {
+        const { xArr: p } = g.getSpanInfo(), [m, y] = p;
+        return E.minX = Math.min(E.minX, m), E.maxX = Math.max(E.maxX, y), E;
       },
       {
         minX: o,
@@ -3934,8 +4150,8 @@ class Re {
     ), f = [d.minX, d.maxX], x = [h.minY, h.maxY];
     let u = !1;
     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;
+      const E = JSON.stringify(f) + JSON.stringify(x), g = (w = this.ctx.focusCell) == null ? void 0 : w.getSpanInfo();
+      u = (g && JSON.stringify(g.xArr) + JSON.stringify(g.yArr)) === E;
     }
     return {
       xArr: f,
@@ -3977,8 +4193,8 @@ class Re {
         SELECTOR_AREA_MAX_Y: r,
         SELECTOR_AREA_MAX_X_OFFSET: l,
         SELECTOR_AREA_MAX_Y_OFFSET: a
-      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - l, f = o, x = r || this.ctx.maxRowIndex - a, u = [h, d], p = [f, x];
-      this.setSelector(u, p);
+      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - l, f = o, x = r || this.ctx.maxRowIndex - a, u = [h, d], w = [f, x];
+      this.setSelector(u, w);
     }
   }
   selectRows(t, e = !0) {
@@ -4085,10 +4301,10 @@ class Re {
       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({
+          const { rowKey: u, key: w } = x;
+          this.ctx.database.getReadonly(u, w) || (r.add(u), o.push({
             rowKey: u,
-            key: p,
+            key: w,
             value: s,
             row: {}
             //内部有设置
@@ -4115,39 +4331,39 @@ class Re {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then(async (o) => {
         let r = ne(o);
-        const l = [i, i + r[0].length - 1], a = [e, e + r.length - 1], [h, d] = a, [f, x] = l, u = d - this.ctx.maxRowIndex, p = x - this.ctx.maxColIndex;
-        (u > 0 || p > 0) && this.ctx.emit("onPastedDataOverflow", {
+        const l = [i, i + r[0].length - 1], a = [e, e + r.length - 1], [h, d] = a, [f, x] = l, u = d - this.ctx.maxRowIndex, w = x - this.ctx.maxColIndex;
+        (u > 0 || w > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
           maxX: x,
           minY: h,
           minX: f,
           overflowRowCount: u,
-          overflowColCount: p,
+          overflowColCount: w,
           textArr: r
         });
-        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 m = {
+        const E = r.length === 1 && r[0].length === 1;
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(l, a) && !E) {
+          const y = {
             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 w = [];
-        for (let m = 0; m <= r.length - 1; m++) {
-          const R = r[m].length;
-          for (let C = 0; C <= R - 1; C++) {
-            const I = m + e, _ = C + i, S = r[m][C], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
+        let g = [];
+        for (let y = 0; y <= r.length - 1; y++) {
+          const b = r[y].length;
+          for (let C = 0; C <= b - 1; C++) {
+            const I = y + e, _ = C + i, T = 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), w.push({
-                rowKey: b,
-                key: O,
-                value: S,
+              const { rowKey: R, key: S } = v;
+              this.ctx.database.getReadonly(R, S) || (s.add(R), g.push({
+                rowKey: R,
+                key: S,
+                value: T,
                 row: {}
                 //内部有设置
               }));
@@ -4155,35 +4371,35 @@ class Re {
           }
         }
         if (this.isCut) {
-          const m = this.clearSelectedData(
+          const y = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), R = w.map((C) => `${C.rowKey}-${C.key}`);
-          m.forEach((C) => {
-            R.includes(`${C.rowKey}-${C.key}`) || w.unshift(C);
+          ), b = g.map((C) => `${C.rowKey}-${C.key}`);
+          y.forEach((C) => {
+            b.includes(`${C.rowKey}-${C.key}`) || g.unshift(C);
           }), this.isCut = !1;
         }
-        if (!w.length)
+        if (!g.length)
           return;
-        const { BEFORE_PASTE_DATA_METHOD: E } = this.ctx.config;
-        if (typeof E == "function") {
-          const m = E, R = w.map((C) => ({
+        const { BEFORE_PASTE_DATA_METHOD: p } = this.ctx.config;
+        if (typeof p == "function") {
+          const y = p, b = g.map((C) => ({
             rowKey: C.rowKey,
             key: C.key,
             value: C.value,
             oldValue: this.ctx.database.getItemValue(C.rowKey, C.key),
             row: this.ctx.database.getRowDataItemForRowKey(C.rowKey)
           }));
-          if (w = await m(R, l, a, r), w && !w.length)
+          if (g = await y(b, l, a, r), g && !g.length)
             return;
         }
-        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(w, !0);
-        let y = [];
-        s.forEach((m) => {
-          y.push(this.ctx.database.getRowDataItemForRowKey(m));
-        }), this.ctx.emit("pasteChange", w, y);
+        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(g, !0);
+        let m = [];
+        s.forEach((y) => {
+          m.push(this.ctx.database.getRowDataItemForRowKey(y));
+        }), this.ctx.emit("pasteChange", g, m);
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
       });
@@ -4272,25 +4488,25 @@ class Re {
       body: a,
       scrollX: h,
       scrollY: d,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: p }
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: w }
     } = this.ctx;
     if (!i)
       return;
-    p && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: g, drawY: w, width: E, height: y, fixed: m } = i, R = o - g + 1, C = i.drawX + E - (e - s) + 1;
-    let I = r.height - w, _ = y;
+    w && this.ctx.onlyMergeCell && i.updateSpanInfo();
+    const { drawX: E, drawY: g, width: p, height: m, fixed: y } = i, b = o - E + 1, C = i.drawX + p - (e - s) + 1;
+    let I = r.height - g, _ = m;
     _ > a.visibleHeight && (_ = a.visibleHeight);
-    let S = 0;
-    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 && !m ? b = Math.floor(h + C) : R > 0 && !m && (b = Math.floor(h - R)), I > 0 ? O = Math.floor(d - I) : v > 0 && (O = Math.floor(d + v)), (Math.abs(h - b) > 2 || Math.abs(d - O) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(b, O), this.ctx.emit("adjustBoundaryPosition", i));
+    let T = 0;
+    x && (u === "top" ? I = r.height + l.height - g : T = l.visibleHeight);
+    const v = g + _ - (t - T - f);
+    let R = h, S = d;
+    C > 0 && !y ? R = Math.floor(h + C) : b > 0 && !y && (R = Math.floor(h - b)), I > 0 ? S = Math.floor(d - I) : v > 0 && (S = Math.floor(d + v)), (Math.abs(h - R) > 2 || Math.abs(d - S) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, S), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
   }
 }
-class ve {
+class Ie {
   constructor(t) {
     n(this, "ctx");
     n(this, "maxColRowCell");
@@ -4348,21 +4564,21 @@ class ve {
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, p = a, g = h || this.ctx.maxColIndex - x, w = d, E = f || this.ctx.maxRowIndex - u;
-      let [y, m] = r, [R, C] = l;
-      if (y < p || R < w)
+      } = this.ctx.config, w = a, E = h || this.ctx.maxColIndex - x, g = d, p = f || this.ctx.maxRowIndex - u;
+      let [m, y] = r, [b, C] = l;
+      if (m < w || b < g)
         return;
-      r = [Math.max(p, y), Math.min(g, m)], l = [Math.max(w, R), Math.min(E, C)];
+      r = [Math.max(w, m), Math.min(E, y)], l = [Math.max(g, b), Math.min(p, C)];
       const { BEFORE_SET_AUTOFILL_METHOD: I } = this.ctx.config;
       if (typeof I == "function") {
-        const S = I({
+        const T = I({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: l
         });
-        if (!S)
+        if (!T)
           return;
-        r = S.xArr, l = S.yArr;
+        r = T.xArr, l = T.yArr;
       }
       this.ctx.autofill.xArr = r, this.ctx.autofill.yArr = l, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
@@ -4373,9 +4589,9 @@ class ve {
   async autofillData() {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
     for (let u = 0; u <= e.yArr[1] - e.yArr[0]; u++)
-      for (let p = 0; p <= e.xArr[1] - e.xArr[0]; p++) {
-        const g = u + e.yArr[0], w = p + e.xArr[0];
-        i.set(`${g}-${w}`, !0);
+      for (let w = 0; w <= e.xArr[1] - e.xArr[0]; w++) {
+        const E = u + e.yArr[0], g = w + e.xArr[0];
+        i.set(`${E}-${g}`, !0);
       }
     const { value: s } = e, o = s[0].length, r = s.length, l = this.ctx.autofill.xArr, a = this.ctx.autofill.yArr, h = o === 1 && r === 1;
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(l, a) && !h) {
@@ -4388,14 +4604,14 @@ class ve {
     }
     let d = [];
     for (let u = 0; u <= a[1] - a[0]; u++)
-      for (let p = 0; p <= l[1] - l[0]; p++) {
-        const g = p + l[0], w = u + a[0], E = s[u % r][p % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(w, g), m = `${w}-${g}`;
-        if (y && !i.has(m)) {
-          const { rowKey: R, key: C } = y;
-          this.ctx.database.getReadonly(R, C) || (t.add(R), d.push({
-            rowKey: R,
+      for (let w = 0; w <= l[1] - l[0]; w++) {
+        const E = w + l[0], g = u + a[0], p = s[u % r][w % o], m = this.ctx.database.getItemValueForRowIndexAndColIndex(g, E), y = `${g}-${E}`;
+        if (m && !i.has(y)) {
+          const { rowKey: b, key: C } = m;
+          this.ctx.database.getReadonly(b, C) || (t.add(b), d.push({
+            rowKey: b,
             key: C,
-            value: E,
+            value: p,
             row: {}
           }));
         }
@@ -4405,14 +4621,14 @@ class ve {
     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((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)
+      const u = f, w = d.map((E) => ({
+        rowKey: E.rowKey,
+        key: E.key,
+        value: E.value,
+        oldValue: this.ctx.database.getItemValue(E.rowKey, E.key),
+        row: this.ctx.database.getRowDataItemForRowKey(E.rowKey)
       }));
-      if (d = await u(p, l, a), d && !d.length)
+      if (d = await u(w, l, a), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
@@ -4433,10 +4649,10 @@ class ve {
   destroy() {
   }
 }
-const Z = Math.min, $ = Math.max, it = Math.round, K = (c) => ({
+const q = Math.min, G = Math.max, st = Math.round, N = (c) => ({
   x: c,
   y: c
-}), Ie = {
+}), ve = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -4445,64 +4661,64 @@ const Z = Math.min, $ = Math.max, it = Math.round, K = (c) => ({
   start: "end",
   end: "start"
 };
-function ht(c, t, e) {
-  return $(c, Z(t, e));
+function dt(c, t, e) {
+  return G(c, q(t, e));
 }
-function J(c, t) {
+function Q(c, t) {
   return typeof c == "function" ? c(t) : c;
 }
 function z(c) {
   return c.split("-")[0];
 }
-function Q(c) {
+function tt(c) {
   return c.split("-")[1];
 }
-function Kt(c) {
+function Nt(c) {
   return c === "x" ? "y" : "x";
 }
-function xt(c) {
+function ut(c) {
   return c === "y" ? "height" : "width";
 }
-const Oe = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Se = /* @__PURE__ */ new Set(["top", "bottom"]);
 function V(c) {
-  return Oe.has(z(c)) ? "y" : "x";
+  return Se.has(z(c)) ? "y" : "x";
 }
-function ut(c) {
-  return Kt(V(c));
+function gt(c) {
+  return Nt(V(c));
 }
-function Se(c, t, e) {
+function Te(c, t, e) {
   e === void 0 && (e = !1);
-  const i = Q(c), s = ut(c), o = xt(s);
+  const i = tt(c), s = gt(c), o = ut(s);
   let r = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[o] > t.floating[o] && (r = st(r)), [r, st(r)];
+  return t.reference[o] > t.floating[o] && (r = ot(r)), [r, ot(r)];
 }
-function Le(c) {
-  const t = st(c);
-  return [ct(c), t, ct(t)];
+function Oe(c) {
+  const t = ot(c);
+  return [ft(c), t, ft(t)];
 }
-function ct(c) {
+function ft(c) {
   return c.replace(/start|end/g, (t) => _e[t]);
 }
-const Rt = ["left", "right"], vt = ["right", "left"], Te = ["top", "bottom"], Ae = ["bottom", "top"];
+const It = ["left", "right"], vt = ["right", "left"], Le = ["top", "bottom"], Ae = ["bottom", "top"];
 function Me(c, t, e) {
   switch (c) {
     case "top":
     case "bottom":
-      return e ? t ? vt : Rt : t ? Rt : vt;
+      return e ? t ? vt : It : t ? It : vt;
     case "left":
     case "right":
-      return t ? Te : Ae;
+      return t ? Le : Ae;
     default:
       return [];
   }
 }
 function He(c, t, e, i) {
-  const s = Q(c);
+  const s = tt(c);
   let o = Me(z(c), e === "start", i);
-  return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(ct)))), o;
+  return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(ft)))), o;
 }
-function st(c) {
-  return c.replace(/left|right|bottom|top/g, (t) => Ie[t]);
+function ot(c) {
+  return c.replace(/left|right|bottom|top/g, (t) => ve[t]);
 }
 function De(c) {
   return {
@@ -4513,7 +4729,7 @@ function De(c) {
     ...c
   };
 }
-function Nt(c) {
+function Kt(c) {
   return typeof c != "number" ? De(c) : {
     top: c,
     right: c,
@@ -4521,7 +4737,7 @@ function Nt(c) {
     left: c
   };
 }
-function ot(c) {
+function rt(c) {
   const {
     x: t,
     y: e,
@@ -4539,12 +4755,12 @@ function ot(c) {
     y: e
   };
 }
-function It(c, t, e) {
+function _t(c, t, e) {
   let {
     reference: i,
     floating: s
   } = c;
-  const o = V(t), r = ut(t), l = xt(r), a = z(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[l] / 2 - s[l] / 2;
+  const o = V(t), r = gt(t), l = ut(r), a = z(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[l] / 2 - s[l] / 2;
   let u;
   switch (a) {
     case "top":
@@ -4577,7 +4793,7 @@ function It(c, t, e) {
         y: i.y
       };
   }
-  switch (Q(t)) {
+  switch (tt(t)) {
     case "start":
       u[r] -= x * (e && h ? -1 : 1);
       break;
@@ -4601,17 +4817,17 @@ const ke = async (c, t, e) => {
   }), {
     x: d,
     y: f
-  } = It(h, i, a), x = i, u = {}, p = 0;
-  for (let g = 0; g < l.length; g++) {
+  } = _t(h, i, a), x = i, u = {}, w = 0;
+  for (let E = 0; E < l.length; E++) {
     const {
-      name: w,
-      fn: E
-    } = l[g], {
-      x: y,
-      y: m,
-      data: R,
+      name: g,
+      fn: p
+    } = l[E], {
+      x: m,
+      y,
+      data: b,
       reset: C
-    } = await E({
+    } = await p({
       x: d,
       y: f,
       initialPlacement: i,
@@ -4625,20 +4841,20 @@ const ke = async (c, t, e) => {
         floating: t
       }
     });
-    d = y ?? d, f = m ?? f, u = {
+    d = m ?? d, f = y ?? f, u = {
       ...u,
-      [w]: {
-        ...u[w],
-        ...R
+      [g]: {
+        ...u[g],
+        ...b
       }
-    }, C && p <= 50 && (p++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
+    }, C && w <= 50 && (w++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
       reference: c,
       floating: t,
       strategy: s
     }) : C.rects), {
       x: d,
       y: f
-    } = It(h, x, a)), g = -1);
+    } = _t(h, x, a)), E = -1);
   }
   return {
     x: d,
@@ -4664,33 +4880,33 @@ async function Yt(c, t) {
     elementContext: f = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = J(t, c), p = Nt(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)),
+  } = Q(t, c), w = Kt(u), g = l[x ? f === "floating" ? "reference" : "floating" : f], p = rt(await o.getClippingRect({
+    element: (e = await (o.isElement == null ? void 0 : o.isElement(g))) == null || e ? g : g.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
     boundary: h,
     rootBoundary: d,
     strategy: a
-  })), y = 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)), b = 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
-  }, C = ot(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, C = rt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: y,
-    offsetParent: m,
+    rect: m,
+    offsetParent: y,
     strategy: a
-  }) : y);
+  }) : m);
   return {
-    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
+    top: (p.top - C.top + w.top) / b.y,
+    bottom: (C.bottom - p.bottom + w.bottom) / b.y,
+    left: (p.left - C.left + w.left) / b.x,
+    right: (C.right - p.right + w.right) / b.x
   };
 }
 const Xe = (c) => ({
@@ -4708,21 +4924,21 @@ const Xe = (c) => ({
     } = t, {
       element: h,
       padding: d = 0
-    } = J(c, t) || {};
+    } = Q(c, t) || {};
     if (h == null)
       return {};
-    const f = Nt(d), x = {
+    const f = Kt(d), x = {
       x: e,
       y: i
-    }, u = ut(s), p = xt(u), g = await r.getDimensions(h), w = u === "y", E = w ? "top" : "left", y = w ? "bottom" : "right", m = 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[m] : 0;
-    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = l.floating[m] || o.floating[p]);
-    const S = R / 2 - C / 2, v = _ / 2 - g[p] / 2 - 1, b = Z(f[E], v), O = Z(f[y], v), L = b, M = _ - g[p] - O, T = _ / 2 - g[p] / 2 + S, H = ht(L, T, M), Y = !a.arrow && Q(s) != null && T !== H && o.reference[p] / 2 - (T < L ? b : O) - g[p] / 2 < 0, D = Y ? T < L ? T - L : T - M : 0;
+    }, u = gt(s), w = ut(u), E = await r.getDimensions(h), g = u === "y", p = g ? "top" : "left", m = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[u] - x[u] - o.floating[w], C = x[u] - o.reference[u], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    let _ = I ? I[y] : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = l.floating[y] || o.floating[w]);
+    const T = b / 2 - C / 2, v = _ / 2 - E[w] / 2 - 1, R = q(f[p], v), S = q(f[m], v), O = R, M = _ - E[w] - S, L = _ / 2 - E[w] / 2 + T, H = dt(O, L, M), Y = !a.arrow && tt(s) != null && L !== H && o.reference[w] / 2 - (L < O ? R : S) - E[w] / 2 < 0, D = Y ? L < O ? L - O : L - M : 0;
     return {
       [u]: x[u] + D,
       data: {
         [u]: H,
-        centerOffset: T - H - D,
+        centerOffset: L - H - D,
         ...Y && {
           alignmentOffset: D
         }
@@ -4748,47 +4964,47 @@ const Xe = (c) => ({
         crossAxis: f = !0,
         fallbackPlacements: x,
         fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: p = "none",
-        flipAlignment: g = !0,
-        ...w
-      } = J(c, t);
+        fallbackAxisSideDirection: w = "none",
+        flipAlignment: E = !0,
+        ...g
+      } = Q(c, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = z(s), y = V(l), m = z(l) === l, R = await (a.isRTL == null ? void 0 : a.isRTL(h.floating)), C = x || (m || !g ? [st(l)] : Le(l)), I = p !== "none";
-      !x && I && C.push(...He(l, g, p, R));
-      const _ = [l, ...C], S = await Yt(t, w), v = [];
-      let b = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d && v.push(S[E]), f) {
-        const T = Se(s, r, R);
-        v.push(S[T[0]], S[T[1]]);
+      const p = z(s), m = V(l), y = z(l) === l, b = await (a.isRTL == null ? void 0 : a.isRTL(h.floating)), C = x || (y || !E ? [ot(l)] : Oe(l)), I = w !== "none";
+      !x && I && C.push(...He(l, E, w, b));
+      const _ = [l, ...C], T = await Yt(t, g), v = [];
+      let R = ((i = o.flip) == null ? void 0 : i.overflows) || [];
+      if (d && v.push(T[p]), f) {
+        const L = Te(s, r, b);
+        v.push(T[L[0]], T[L[1]]);
       }
-      if (b = [...b, {
+      if (R = [...R, {
         placement: s,
         overflows: v
-      }], !v.every((T) => T <= 0)) {
-        var O, L;
-        const T = (((O = o.flip) == null ? void 0 : O.index) || 0) + 1, H = _[T];
-        if (H && (!(f === "alignment" ? y !== V(H) : !1) || // We leave the current main axis only if every placement on that axis
+      }], !v.every((L) => L <= 0)) {
+        var S, O;
+        const L = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, H = _[L];
+        if (H && (!(f === "alignment" ? m !== V(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        b.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
+        R.every((k) => V(k.placement) === m ? k.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: T,
-              overflows: b
+              index: L,
+              overflows: R
             },
             reset: {
               placement: H
             }
           };
-        let Y = (L = b.filter((D) => D.overflows[0] <= 0).sort((D, k) => D.overflows[1] - k.overflows[1])[0]) == null ? void 0 : L.placement;
+        let Y = (O = R.filter((D) => D.overflows[0] <= 0).sort((D, k) => D.overflows[1] - k.overflows[1])[0]) == null ? void 0 : O.placement;
         if (!Y)
           switch (u) {
             case "bestFit": {
               var M;
-              const D = (M = b.filter((k) => {
+              const D = (M = R.filter((k) => {
                 if (I) {
                   const W = V(k.placement);
-                  return W === y || // Create a bias to the `y` side axis due to horizontal
+                  return W === m || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   W === "y";
                 }
@@ -4811,17 +5027,17 @@ const Xe = (c) => ({
       return {};
     }
   };
-}, Ke = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ne(c, t) {
+}, Ne = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ke(c, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = c, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = z(e), l = Q(e), a = V(e) === "y", h = Ke.has(r) ? -1 : 1, d = o && a ? -1 : 1, f = J(t, c);
+  } = c, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = z(e), l = tt(e), a = V(e) === "y", h = Ne.has(r) ? -1 : 1, d = o && a ? -1 : 1, f = Q(t, c);
   let {
     mainAxis: x,
     crossAxis: u,
-    alignmentAxis: p
+    alignmentAxis: w
   } = typeof f == "number" ? {
     mainAxis: f,
     crossAxis: 0,
@@ -4831,7 +5047,7 @@ async function Ne(c, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return l && typeof p == "number" && (u = l === "end" ? p * -1 : p), a ? {
+  return l && typeof w == "number" && (u = l === "end" ? w * -1 : w), a ? {
     x: u * d,
     y: x * h
   } : {
@@ -4850,7 +5066,7 @@ const Ye = function(c) {
         y: o,
         placement: r,
         middlewareData: l
-      } = t, a = await Ne(t, c);
+      } = t, a = await Ke(t, c);
       return r === ((e = l.offset) == null ? void 0 : e.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
         x: s + a.x,
         y: o + a.y,
@@ -4874,41 +5090,41 @@ const Ye = function(c) {
         mainAxis: o = !0,
         crossAxis: r = !1,
         limiter: l = {
-          fn: (w) => {
+          fn: (g) => {
             let {
-              x: E,
-              y
-            } = w;
+              x: p,
+              y: m
+            } = g;
             return {
-              x: E,
-              y
+              x: p,
+              y: m
             };
           }
         },
         ...a
-      } = J(c, t), h = {
+      } = Q(c, t), h = {
         x: e,
         y: i
-      }, d = await Yt(t, a), f = V(z(s)), x = Kt(f);
-      let u = h[x], p = h[f];
+      }, d = await Yt(t, a), f = V(z(s)), x = Nt(f);
+      let u = h[x], w = h[f];
       if (o) {
-        const w = x === "y" ? "top" : "left", E = x === "y" ? "bottom" : "right", y = u + d[w], m = u - d[E];
-        u = ht(y, u, m);
+        const g = x === "y" ? "top" : "left", p = x === "y" ? "bottom" : "right", m = u + d[g], y = u - d[p];
+        u = dt(m, u, y);
       }
       if (r) {
-        const w = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", y = p + d[w], m = p - d[E];
-        p = ht(y, p, m);
+        const g = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", m = w + d[g], y = w - d[p];
+        w = dt(m, w, y);
       }
-      const g = l.fn({
+      const E = l.fn({
         ...t,
         [x]: u,
-        [f]: p
+        [f]: w
       });
       return {
-        ...g,
+        ...E,
         data: {
-          x: g.x - e,
-          y: g.y - i,
+          x: E.x - e,
+          y: E.y - i,
           enabled: {
             [x]: o,
             [f]: r
@@ -4918,10 +5134,10 @@ const Ye = function(c) {
     }
   };
 };
-function rt() {
+function nt() {
   return typeof window < "u";
 }
-function j(c) {
+function Z(c) {
   return Ft(c) ? (c.nodeName || "").toLowerCase() : "#document";
 }
 function A(c) {
@@ -4933,19 +5149,19 @@ function F(c) {
   return (t = (Ft(c) ? c.ownerDocument : c.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function Ft(c) {
-  return rt() ? c instanceof Node || c instanceof A(c).Node : !1;
+  return nt() ? c instanceof Node || c instanceof A(c).Node : !1;
 }
 function X(c) {
-  return rt() ? c instanceof Element || c instanceof A(c).Element : !1;
+  return nt() ? c instanceof Element || c instanceof A(c).Element : !1;
 }
-function N(c) {
-  return rt() ? c instanceof HTMLElement || c instanceof A(c).HTMLElement : !1;
+function K(c) {
+  return nt() ? c instanceof HTMLElement || c instanceof A(c).HTMLElement : !1;
 }
-function _t(c) {
-  return !rt() || typeof ShadowRoot > "u" ? !1 : c instanceof ShadowRoot || c instanceof A(c).ShadowRoot;
+function St(c) {
+  return !nt() || typeof ShadowRoot > "u" ? !1 : c instanceof ShadowRoot || c instanceof A(c).ShadowRoot;
 }
 const We = /* @__PURE__ */ new Set(["inline", "contents"]);
-function tt(c) {
+function et(c) {
   const {
     overflow: t,
     overflowX: e,
@@ -4956,10 +5172,10 @@ function tt(c) {
 }
 const Ve = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function Pe(c) {
-  return Ve.has(j(c));
+  return Ve.has(Z(c));
 }
 const ze = [":popover-open", ":modal"];
-function nt(c) {
+function lt(c) {
   return ze.some((t) => {
     try {
       return c.matches(t);
@@ -4969,32 +5185,32 @@ function nt(c) {
   });
 }
 const $e = ["transform", "translate", "scale", "rotate", "perspective"], Ge = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ue = ["paint", "layout", "strict", "content"];
-function gt(c) {
-  const t = wt(), e = X(c) ? B(c) : c;
+function wt(c) {
+  const t = Et(), e = X(c) ? B(c) : c;
   return $e.some((i) => e[i] ? e[i] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || Ge.some((i) => (e.willChange || "").includes(i)) || Ue.some((i) => (e.contain || "").includes(i));
 }
 function je(c) {
   let t = P(c);
-  for (; N(t) && !U(t); ) {
-    if (gt(t))
+  for (; K(t) && !j(t); ) {
+    if (wt(t))
       return t;
-    if (nt(t))
+    if (lt(t))
       return null;
     t = P(t);
   }
   return null;
 }
-function wt() {
+function Et() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const Ze = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function U(c) {
-  return Ze.has(j(c));
+function j(c) {
+  return Ze.has(Z(c));
 }
 function B(c) {
   return A(c).getComputedStyle(c);
 }
-function lt(c) {
+function at(c) {
   return X(c) ? {
     scrollLeft: c.scrollLeft,
     scrollTop: c.scrollTop
@@ -5004,34 +5220,34 @@ function lt(c) {
   };
 }
 function P(c) {
-  if (j(c) === "html")
+  if (Z(c) === "html")
     return c;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     c.assignedSlot || // DOM Element detected.
     c.parentNode || // ShadowRoot detected.
-    _t(c) && c.host || // Fallback.
+    St(c) && c.host || // Fallback.
     F(c)
   );
-  return _t(t) ? t.host : t;
+  return St(t) ? t.host : t;
 }
 function Wt(c) {
   const t = P(c);
-  return U(t) ? c.ownerDocument ? c.ownerDocument.body : c.body : N(t) && tt(t) ? t : Wt(t);
+  return j(t) ? c.ownerDocument ? c.ownerDocument.body : c.body : K(t) && et(t) ? t : Wt(t);
 }
 function Vt(c, t, e) {
   var i;
   t === void 0 && (t = []);
   const s = Wt(c), o = s === ((i = c.ownerDocument) == null ? void 0 : i.body), r = A(s);
-  return o ? (dt(r), t.concat(r, r.visualViewport || [], tt(s) ? s : [], [])) : t.concat(s, Vt(s, []));
+  return o ? (xt(r), t.concat(r, r.visualViewport || [], et(s) ? s : [], [])) : t.concat(s, Vt(s, []));
 }
-function dt(c) {
+function xt(c) {
   return c.parent && Object.getPrototypeOf(c.parent) ? c.frameElement : null;
 }
 function Pt(c) {
   const t = B(c);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = N(c), o = s ? c.offsetWidth : e, r = s ? c.offsetHeight : i, l = it(e) !== o || it(i) !== r;
+  const s = K(c), o = s ? c.offsetWidth : e, r = s ? c.offsetHeight : i, l = st(e) !== o || st(i) !== r;
   return l && (e = o, i = r), {
     width: e,
     height: i,
@@ -5041,25 +5257,25 @@ function Pt(c) {
 function zt(c) {
   return X(c) ? c : c.contextElement;
 }
-function G(c) {
+function U(c) {
   const t = zt(c);
-  if (!N(t))
-    return K(1);
+  if (!K(t))
+    return N(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
     $: o
   } = Pt(t);
-  let r = (o ? it(e.width) : e.width) / i, l = (o ? it(e.height) : e.height) / s;
+  let r = (o ? st(e.width) : e.width) / i, l = (o ? st(e.height) : e.height) / s;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
   };
 }
-const qe = /* @__PURE__ */ K(0);
+const qe = /* @__PURE__ */ N(0);
 function $t(c) {
   const t = A(c);
-  return !wt() || !t.visualViewport ? qe : {
+  return !Et() || !t.visualViewport ? qe : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
@@ -5067,22 +5283,22 @@ function $t(c) {
 function Je(c, t, e) {
   return t === void 0 && (t = !1), !e || t && e !== A(c) ? !1 : t;
 }
-function q(c, t, e, i) {
+function J(c, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = c.getBoundingClientRect(), o = zt(c);
-  let r = K(1);
-  t && (i ? X(i) && (r = G(i)) : r = G(c));
-  const l = Je(o, e, i) ? $t(o) : K(0);
+  let r = N(1);
+  t && (i ? X(i) && (r = U(i)) : r = U(c));
+  const l = Je(o, e, i) ? $t(o) : N(0);
   let a = (s.left + l.x) / r.x, h = (s.top + l.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
     const x = A(o), u = i && X(i) ? A(i) : i;
-    let p = x, g = dt(p);
-    for (; g && i && u !== p; ) {
-      const w = G(g), E = g.getBoundingClientRect(), y = B(g), m = E.left + (g.clientLeft + parseFloat(y.paddingLeft)) * w.x, R = E.top + (g.clientTop + parseFloat(y.paddingTop)) * w.y;
-      a *= w.x, h *= w.y, d *= w.x, f *= w.y, a += m, h += R, p = A(g), g = dt(p);
+    let w = x, E = xt(w);
+    for (; E && i && u !== w; ) {
+      const g = U(E), p = E.getBoundingClientRect(), m = B(E), y = p.left + (E.clientLeft + parseFloat(m.paddingLeft)) * g.x, b = p.top + (E.clientTop + parseFloat(m.paddingTop)) * g.y;
+      a *= g.x, h *= g.y, d *= g.x, f *= g.y, a += y, h += b, w = A(E), E = xt(w);
     }
   }
-  return ot({
+  return rt({
     width: d,
     height: f,
     x: a,
@@ -5090,8 +5306,8 @@ function q(c, t, e, i) {
   });
 }
 function pt(c, t) {
-  const e = lt(c).scrollLeft;
-  return t ? t.left + e : q(F(c)).left + e;
+  const e = at(c).scrollLeft;
+  return t ? t.left + e : J(F(c)).left + e;
 }
 function Gt(c, t, e) {
   e === void 0 && (e = !1);
@@ -5111,19 +5327,19 @@ function Qe(c) {
     offsetParent: i,
     strategy: s
   } = c;
-  const o = s === "fixed", r = F(i), l = t ? nt(t.floating) : !1;
+  const o = s === "fixed", r = F(i), l = t ? lt(t.floating) : !1;
   if (i === r || l && o)
     return e;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, h = K(1);
-  const d = K(0), f = N(i);
-  if ((f || !f && !o) && ((j(i) !== "body" || tt(r)) && (a = lt(i)), N(i))) {
-    const u = q(i);
-    h = G(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
+  }, h = N(1);
+  const d = N(0), f = K(i);
+  if ((f || !f && !o) && ((Z(i) !== "body" || et(r)) && (a = at(i)), K(i))) {
+    const u = J(i);
+    h = U(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
   }
-  const x = r && !f && !o ? Gt(r, a, !0) : K(0);
+  const x = r && !f && !o ? Gt(r, a, !0) : N(0);
   return {
     width: e.width * h.x,
     height: e.height * h.y,
@@ -5135,10 +5351,10 @@ function ti(c) {
   return Array.from(c.getClientRects());
 }
 function ei(c) {
-  const t = F(c), e = lt(c), i = c.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  const t = F(c), e = at(c), i = c.ownerDocument.body, s = G(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = G(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let r = -e.scrollLeft + pt(c);
   const l = -e.scrollTop;
-  return B(i).direction === "rtl" && (r += $(t.clientWidth, i.clientWidth) - s), {
+  return B(i).direction === "rtl" && (r += G(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: o,
     x: r,
@@ -5150,7 +5366,7 @@ function ii(c, t) {
   let o = i.clientWidth, r = i.clientHeight, l = 0, a = 0;
   if (s) {
     o = s.width, r = s.height;
-    const h = wt();
+    const h = Et();
     (!h || h && t === "fixed") && (l = s.offsetLeft, a = s.offsetTop);
   }
   return {
@@ -5162,7 +5378,7 @@ function ii(c, t) {
 }
 const si = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function oi(c, t) {
-  const e = q(c, !0, t === "fixed"), i = e.top + c.clientTop, s = e.left + c.clientLeft, o = N(c) ? G(c) : K(1), r = c.clientWidth * o.x, l = c.clientHeight * o.y, a = s * o.x, h = i * o.y;
+  const e = J(c, !0, t === "fixed"), i = e.top + c.clientTop, s = e.left + c.clientLeft, o = K(c) ? U(c) : N(1), r = c.clientWidth * o.x, l = c.clientHeight * o.y, a = s * o.x, h = i * o.y;
   return {
     width: r,
     height: l,
@@ -5170,7 +5386,7 @@ function oi(c, t) {
     y: h
   };
 }
-function Ot(c, t, e) {
+function Tt(c, t, e) {
   let i;
   if (t === "viewport")
     i = ii(c, e);
@@ -5187,22 +5403,22 @@ function Ot(c, t, e) {
       height: t.height
     };
   }
-  return ot(i);
+  return rt(i);
 }
 function Ut(c, t) {
   const e = P(c);
-  return e === t || !X(e) || U(e) ? !1 : B(e).position === "fixed" || Ut(e, t);
+  return e === t || !X(e) || j(e) ? !1 : B(e).position === "fixed" || Ut(e, t);
 }
 function ri(c, t) {
   const e = t.get(c);
   if (e)
     return e;
-  let i = Vt(c, []).filter((l) => X(l) && j(l) !== "body"), s = null;
+  let i = Vt(c, []).filter((l) => X(l) && Z(l) !== "body"), s = null;
   const o = B(c).position === "fixed";
   let r = o ? P(c) : c;
-  for (; X(r) && !U(r); ) {
-    const l = B(r), a = gt(r);
-    !a && l.position === "fixed" && (s = null), (o ? !a && !s : !a && l.position === "static" && !!s && si.has(s.position) || tt(r) && !a && Ut(c, r)) ? i = i.filter((d) => d !== r) : s = l, r = P(r);
+  for (; X(r) && !j(r); ) {
+    const l = B(r), a = wt(r);
+    !a && l.position === "fixed" && (s = null), (o ? !a && !s : !a && l.position === "static" && !!s && si.has(s.position) || et(r) && !a && Ut(c, r)) ? i = i.filter((d) => d !== r) : s = l, r = P(r);
   }
   return t.set(c, i), i;
 }
@@ -5213,10 +5429,10 @@ function ni(c) {
     rootBoundary: i,
     strategy: s
   } = c;
-  const r = [...e === "clippingAncestors" ? nt(t) ? [] : ri(t, this._c) : [].concat(e), i], l = r[0], a = r.reduce((h, d) => {
-    const f = Ot(t, d, s);
-    return h.top = $(f.top, h.top), h.right = Z(f.right, h.right), h.bottom = Z(f.bottom, h.bottom), h.left = $(f.left, h.left), h;
-  }, Ot(t, l, s));
+  const r = [...e === "clippingAncestors" ? lt(t) ? [] : ri(t, this._c) : [].concat(e), i], l = r[0], a = r.reduce((h, d) => {
+    const f = Tt(t, d, s);
+    return h.top = G(f.top, h.top), h.right = q(f.right, h.right), h.bottom = q(f.bottom, h.bottom), h.left = G(f.left, h.left), h;
+  }, Tt(t, l, s));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -5235,22 +5451,22 @@ function li(c) {
   };
 }
 function ai(c, t, e) {
-  const i = N(t), s = F(t), o = e === "fixed", r = q(c, !0, o, t);
+  const i = K(t), s = F(t), o = e === "fixed", r = J(c, !0, o, t);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = K(0);
+  const a = N(0);
   function h() {
     a.x = pt(s);
   }
   if (i || !i && !o)
-    if ((j(t) !== "body" || tt(s)) && (l = lt(t)), i) {
-      const u = q(t, !0, o, t);
+    if ((Z(t) !== "body" || et(s)) && (l = at(t)), i) {
+      const u = J(t, !0, o, t);
       a.x = u.x + t.clientLeft, a.y = u.y + t.clientTop;
     } else s && h();
   o && !i && s && h();
-  const d = s && !i && !o ? Gt(s, l) : K(0), f = r.left + l.scrollLeft - a.x - d.x, x = r.top + l.scrollTop - a.y - d.y;
+  const d = s && !i && !o ? Gt(s, l) : N(0), f = r.left + l.scrollLeft - a.x - d.x, x = r.top + l.scrollTop - a.y - d.y;
   return {
     x: f,
     y: x,
@@ -5258,11 +5474,11 @@ function ai(c, t, e) {
     height: r.height
   };
 }
-function at(c) {
+function ht(c) {
   return B(c).position === "static";
 }
-function St(c, t) {
-  if (!N(c) || B(c).position === "fixed")
+function Ot(c, t) {
+  if (!K(c) || B(c).position === "fixed")
     return null;
   if (t)
     return t(c);
@@ -5271,21 +5487,21 @@ function St(c, t) {
 }
 function jt(c, t) {
   const e = A(c);
-  if (nt(c))
+  if (lt(c))
     return e;
-  if (!N(c)) {
+  if (!K(c)) {
     let s = P(c);
-    for (; s && !U(s); ) {
-      if (X(s) && !at(s))
+    for (; s && !j(s); ) {
+      if (X(s) && !ht(s))
         return s;
       s = P(s);
     }
     return e;
   }
-  let i = St(c, t);
-  for (; i && Pe(i) && at(i); )
-    i = St(i, t);
-  return i && U(i) && at(i) && !gt(i) ? e : i || je(c) || e;
+  let i = Ot(c, t);
+  for (; i && Pe(i) && ht(i); )
+    i = Ot(i, t);
+  return i && j(i) && ht(i) && !wt(i) ? e : i || je(c) || e;
 }
 const hi = async function(c) {
   const t = this.getOffsetParent || jt, e = this.getDimensions, i = await e(c.floating);
@@ -5310,7 +5526,7 @@ const di = {
   getElementRects: hi,
   getClientRects: ti,
   getDimensions: li,
-  getScale: G,
+  getScale: U,
   isElement: X,
   isRTL: ci
 }, Zt = Ye, qt = Fe, Jt = Be, fi = Xe, Qt = (c, t, e) => {
@@ -5538,7 +5754,7 @@ class ui {
       const { xArr: e, yArr: i } = this.ctx.selector;
       this.selectorArrStr = JSON.stringify(e) + JSON.stringify(i);
     }), this.ctx.on("cellClick", (t) => {
-      if (this.ctx.adjustPositioning || !this.isInSelectorRange(t.rowIndex, t.colIndex))
+      if (this.ctx.adjustPositioning || this.ctx.isPointer || !this.isInSelectorRange(t.rowIndex, t.colIndex))
         return;
       const { xArr: e, yArr: i } = this.ctx.selector, s = JSON.stringify(e) + JSON.stringify(i);
       if (this.selectorArrStr === s && this.cellTarget) {
@@ -5698,8 +5914,8 @@ class wi {
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: o, visibleHeight: r, renderCellHeaders: l } = this.ctx.header;
     let a = [], h = [], d = [];
-    l.forEach((w) => {
-      w.render && (w.fixed === "left" ? h.push(w) : w.fixed === "right" ? d.push(w) : a.push(w));
+    l.forEach((g) => {
+      g.render && (g.fixed === "left" ? h.push(g) : g.fixed === "right" ? d.push(g) : a.push(g));
     });
     const f = e - i, x = {
       key: "left",
@@ -5723,7 +5939,7 @@ class wi {
         height: `${r}px`
       },
       cells: a
-    }, p = {
+    }, w = {
       key: "right",
       style: {
         position: "absolute",
@@ -5744,15 +5960,15 @@ class wi {
         width: `${o}px`,
         height: `${r}px`
       },
-      views: [x, u, p]
+      views: [x, u, w]
     };
   }
   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((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));
+    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((g) => {
+      g.cells.forEach((p) => {
+        p.cellType === "footer" && (p.render = p.renderFooter), p.render && (p.fixed === "left" ? e.push(p) : p.fixed === "right" ? i.push(p) : t.push(p));
       });
     });
     const {
@@ -5781,7 +5997,7 @@ class wi {
         height: `${d}px`
       },
       cells: t
-    }, p = {
+    }, w = {
       key: "right",
       style: {
         position: "absolute",
@@ -5802,14 +6018,14 @@ class wi {
         width: `${h}px`,
         height: `${d}px`
       },
-      views: [x, u, p]
+      views: [x, u, w]
     };
   }
   getFooter() {
     const t = [], e = [], i = [];
-    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));
+    this.ctx.footer.renderRows.forEach((E) => {
+      E.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));
       });
     });
     const {
@@ -5863,7 +6079,7 @@ class wi {
     };
   }
 }
-class pi {
+class Ei {
   constructor(t) {
     n(this, "ctx");
     n(this, "contextMenuEl");
@@ -5892,8 +6108,8 @@ class pi {
       Qt(x, this.contextMenuEl, {
         placement: "right-start",
         middleware: [Zt(), qt(), Jt()]
-      }).then(({ x: u, y: p }) => {
-        this.show(u, p);
+      }).then(({ x: u, y: w }) => {
+        this.show(u, w);
       });
     }), this.ctx.on("click", this.hide.bind(this)), this.ctx.on("onScroll", this.hide.bind(this)), this.ctx.on("resize", this.hide.bind(this));
   }
@@ -5965,14 +6181,14 @@ class yi {
     n(this, "contextMenu");
     n(this, "ctx");
     this.options = e;
-    const { overlayerElement: i, editorElement: s, emptyElement: o, contextMenuElement: r } = e, l = this.createContainer(
+    const { overlayerElement: i, editorElement: s, emptyElement: o, contextMenuElement: r } = this.options, l = this.createContainer(
       t,
       i,
       s,
       o,
       r
     );
-    this.ctx = new Ee(l, this.options), this.header = new ye(this.ctx), this.footer = new be(this.ctx), this.body = new Ce(this.ctx), this.scroller = new me(this.ctx), this.selector = new Re(this.ctx), this.autofill = new ve(this.ctx), this.tooltip = new xi(this.ctx), this.empty = new gi(this.ctx), this.editor = new ui(this.ctx), this.overlayer = new wi(this.ctx), this.contextMenu = new pi(this.ctx), this.ctx.on("draw", () => {
+    this.ctx = new pe(l, this.options), this.header = new ye(this.ctx), this.footer = new be(this.ctx), this.body = new Ce(this.ctx), this.scroller = new me(this.ctx), this.selector = new Re(this.ctx), this.autofill = new Ie(this.ctx), this.tooltip = new xi(this.ctx), this.empty = new gi(this.ctx), this.editor = new ui(this.ctx), this.overlayer = new wi(this.ctx), this.contextMenu = new Ei(this.ctx), this.ctx.on("draw", () => {
       this.draw();
     }), this.ctx.on("drawView", () => {
       this.draw(!0);
@@ -6214,8 +6430,8 @@ class yi {
     return {
       mergeColCell: he,
       mergeRowCell: ae,
-      getSpanArrByRow: Ht,
-      getSpanObjByColumn: Dt
+      getSpanArrByRow: Dt,
+      getSpanObjByColumn: kt
     };
   }
   getColumnByKey(t) {