e-virt-table 1.3.15 → 1.3.16

package/dist/index.es.js

@@ -10,9 +10,9 @@ class ue {
   validate(t) {
     const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: a, rowIndex: l, value: h, field: d, fieldValue: f } = t;
     Array.isArray(this.rules) || (this.rules = [this.rules]);
-    for (const x of this.rules) {
-      if (x.validator) {
-        const u = {
+    for (const u of this.rules) {
+      if (u.validator) {
+        const x = {
           field: d,
           fieldValue: f,
           value: h,
@@ -22,18 +22,18 @@ class ue {
           row: s,
           key: o,
           rowKey: r,
-          ...x
+          ...u
         };
-        x.validator(u, h, (g) => {
+        u.validator(x, h, (g) => {
           g && e.push({
-            ...u,
+            ...x,
             message: g
           });
         });
       }
-      if (!x.required && (h == null || h === ""))
+      if (!u.required && (h == null || h === ""))
         return e;
-      x.pattern && !x.pattern.test(h) && e.push({
+      u.pattern && !u.pattern.test(h) && e.push({
         value: h,
         column: i,
         row: s,
@@ -43,8 +43,8 @@ class ue {
         rowIndex: l,
         field: d,
         fieldValue: f,
-        message: x.message || `${o} is pattern validation error`
-      }), x.required && (h == null || h === "") && e.push({
+        message: u.message || `${o} is pattern validation error`
+      }), u.required && (h == null || h === "") && e.push({
         value: h,
         column: i,
         row: s,
@@ -54,7 +54,7 @@ class ue {
         rowIndex: l,
         field: d,
         fieldValue: f,
-        message: x.message || `${o} is required`
+        message: u.message || `${o} is required`
       });
     }
     return e;
@@ -261,14 +261,14 @@ function Dt(c) {
     if (o) {
       const r = o.slice(1).map(Number);
       if (s.source.includes("YYYY-MM-DD") || s.source.includes("YYYY/MM/DD") || s.source.includes("YYYY.MM.DD")) {
-        const [a, l, h, d = 0, f = 0, x = 0] = r;
-        return new Date(a, l - 1, h, d, f, x);
+        const [a, l, h, d = 0, f = 0, u = 0] = r;
+        return new Date(a, l - 1, h, d, f, u);
       } else if (s.source.includes("DD-MM-YYYY") || s.source.includes("DD/MM/YYYY") || s.source.includes("DD.MM.YYYY")) {
-        const [a, l, h, d = 0, f = 0, x = 0] = r;
-        return new Date(h, l - 1, a, d, f, x);
+        const [a, l, h, d = 0, f = 0, u = 0] = r;
+        return new Date(h, l - 1, a, d, f, u);
       } else if (s.source.includes("MM-DD-YYYY") || s.source.includes("MM/DD/YYYY") || s.source.includes("MM.DD.YYYY")) {
-        const [a, l, h, d = 0, f = 0, x = 0] = r;
-        return new Date(h, a - 1, l, d, f, x);
+        const [a, l, h, d = 0, f = 0, u = 0] = r;
+        return new Date(h, a - 1, l, d, f, u);
       } else if (s.source.includes("YYYYMMDD")) {
         const [a, l, h] = r;
         return new Date(a, l - 1, h);
@@ -328,7 +328,7 @@ class qt {
   }
 }
 class vt extends qt {
-  constructor(e, i, s, o, r, a, l, h, d, f = "body", x = !0) {
+  constructor(e, i, s, o, r, a, l, h, d, f = "body", u = !0) {
     super(e, o, r, a, l, f, h.fixed);
     n(this, "formatter");
     n(this, "formatterFooter");
@@ -411,7 +411,7 @@ class vt extends qt {
     n(this, "overflowTooltipMaxWidth", 500);
     n(this, "overflowTooltipPlacement", "top");
     n(this, "maxLineClamp", "auto");
-    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.autoRowHeight = h.autoRowHeight !== void 0 ? h.autoRowHeight : this.ctx.config.AUTO_ROW_HEIGHT, 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.maxLineClamp = h.maxLineClamp || "auto", x && 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.autoRowHeight = h.autoRowHeight !== void 0 ? h.autoRowHeight : this.ctx.config.AUTO_ROW_HEIGHT, 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.maxLineClamp = h.maxLineClamp || "auto", u && this.update();
   }
   setWidthHeight(e, i) {
     this.width = e, this.height = i;
@@ -529,10 +529,10 @@ class vt extends qt {
     let o, r = 0, a = "";
     if (!(["tree", "selection-tree", "tree-selection"].includes(this.type) && s === "body"))
       return;
-    const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = l || {};
+    const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = l || {};
     this.rowExpand = h, this.rowHasChildren = d;
-    const { TREE_INDENT: u = 16, CHECKBOX_SIZE: g, TREE_ICON_SIZE: m } = this.ctx.config;
-    if (r = x * u, f) {
+    const { TREE_INDENT: x = 16, CHECKBOX_SIZE: g, TREE_ICON_SIZE: m } = this.ctx.config;
+    if (r = u * x, f) {
       const R = this.ctx.icons.get("loading");
       a = "loading", o = R;
     } else if (d) {
@@ -562,8 +562,8 @@ class vt extends qt {
           lineDashOffset: 0
         });
       }
-      const x = Math.round(this.drawTreeImageX - i + s / 2), g = !!r.isLastChild ? h : this.drawY + this.visibleHeight;
-      this.ctx.paint.drawLine([x, this.drawY, x, g], {
+      const u = Math.round(this.drawTreeImageX - i + s / 2), g = !!r.isLastChild ? h : this.drawY + this.visibleHeight;
+      this.ctx.paint.drawLine([u, this.drawY, u, g], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -578,8 +578,8 @@ class vt extends qt {
       });
     }
     if (r.hasChildren && r.expand) {
-      const x = this.drawTreeImageY + this.drawTreeImageHeight, u = this.drawY + this.visibleHeight;
-      this.ctx.paint.drawLine([l, x, l, u], {
+      const u = this.drawTreeImageY + this.drawTreeImageHeight, x = this.drawY + this.visibleHeight;
+      this.ctx.paint.drawLine([l, u, l, x], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -599,8 +599,8 @@ class vt extends qt {
       FOOTER_BG_COLOR: h,
       HIGHLIGHT_SELECTED_ROW: d,
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
-      HIGHLIGHT_HOVER_ROW: x,
-      HIGHLIGHT_HOVER_ROW_COLOR: u,
+      HIGHLIGHT_HOVER_ROW: u,
+      HIGHLIGHT_HOVER_ROW_COLOR: x,
       STRIPE: g,
       STRIPE_COLOR: m,
       FINDER_CELL_BG_COLOR: w
@@ -623,11 +623,11 @@ class vt extends qt {
     let E = "transparent";
     const p = this.ctx.hoverCell, y = this.ctx.currentCell;
     let b = this.rowIndex, C = this.rowIndex;
-    if (this.rowspan !== 1 && (x || d)) {
+    if (this.rowspan !== 1 && (u || d)) {
       const _ = this.getSpanInfo(), { yArr: T } = _;
       b = T[0], C = T[1];
     }
-    x && p && (p.rowKey === this.rowKey && (E = u), p.rowIndex >= b && p.rowIndex <= C && (E = u)), d && y && (y.rowKey === this.rowKey && (E = f), y.rowIndex >= b && y.rowIndex <= C && (E = f)), this.drawCellSkyBgColor = E;
+    u && p && (p.rowKey === this.rowKey && (E = x), p.rowIndex >= b && p.rowIndex <= C && (E = x)), d && y && (y.rowKey === this.rowKey && (E = f), y.rowIndex >= b && y.rowIndex <= C && (E = f)), this.drawCellSkyBgColor = E;
     let R = e, S = a;
     if (this.ctx.database.getReadonly(this.rowKey, this.key) || (R = i, S = r), g && (this.rowIndex % 2 ? R = m : R = e), typeof s == "function") {
       const _ = s, { backgroundColor: T, color: M, font: L } = _({
@@ -647,14 +647,14 @@ class vt extends qt {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: l, rowKey: h } = this;
     if (s === 0 || o === 0 || r === "footer" || !["index-selection", "selection", "selection-tree", "tree-selection"].includes(a))
       return;
-    const d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: f = 0, CELL_PADDING: x } = this.ctx.config;
-    let u = this.drawX + x;
-    (this.align === "center" || this.align === "right") && (u = this.drawX + (e - f) / 2);
-    let g = u, m = this.drawY + (i - f) / 2;
+    const d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: f = 0, CELL_PADDING: u } = this.ctx.config;
+    let x = this.drawX + u;
+    (this.align === "center" || this.align === "right") && (x = this.drawX + (e - f) / 2);
+    let g = x, m = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
         const { TREE_INDENT: p = 16, TREE_ICON_SIZE: y } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, R = C * p;
-        g = u + y + R;
+        g = x + y + R;
       }
     }
     let w = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck";
@@ -665,7 +665,7 @@ class vt extends qt {
       const p = this.ctx.database.getRowSelection(h);
       p && d ? (w = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : p && !d ? (w = this.ctx.icons.get("checkbox-check-disabled"), E = "checkbox-check-disabled") : !p && d ? (w = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
     }
-    g + f + x > this.drawX + this.visibleWidth || m + f + x > this.drawY + this.visibleHeight || (a === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(E)) && (this.drawSelectionImageX = g, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = w) : (this.drawSelectionImageX = g, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = w));
+    g + f + u > this.drawX + this.visibleWidth || m + f + u > this.drawY + this.visibleHeight || (a === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(E)) && (this.drawSelectionImageX = g, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = w) : (this.drawSelectionImageX = g, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = w));
   }
   updateHoverIcon() {
     if (this.ctx.database.getReadonly(this.rowKey, this.key))
@@ -685,8 +685,8 @@ class vt extends qt {
     if (this.hoverIconName && !this.ctx.editing && a) {
       let l = 0, h = 0;
       if (a.rowKey === this.rowKey && (l = this.drawX + this.width - s - o, h = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
-        const f = this.getSpanInfo(), { yArr: x } = f, u = x[0], g = x[1];
-        if (a.rowIndex >= u && a.rowIndex <= g) {
+        const f = this.getSpanInfo(), { yArr: u } = f, x = u[0], g = u[1];
+        if (a.rowIndex >= x && a.rowIndex <= g) {
           const { width: m, height: w, offsetTop: E, offsetLeft: p } = f;
           l = this.drawX - p + m - s - o, h = this.drawY - E + (w - s) / 2;
         }
@@ -822,10 +822,10 @@ class vt extends qt {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: o } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: r, yArr: a } = this.ctx.selector, l = r[1], h = a[1], { colIndex: d, rowIndex: f, drawX: x, drawY: u } = this;
+    const { xArr: r, yArr: a } = this.ctx.selector, l = r[1], h = a[1], { colIndex: d, rowIndex: f, drawX: u, drawY: x } = this;
     if (d === l && f === h) {
       const m = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
-      this.ctx.paint.drawRect(x + this.width - m, u + this.height - m, 6, 6, {
+      this.ctx.paint.drawRect(u + this.width - m, x + this.height - m, 6, 6, {
         borderColor: o,
         fillColor: e
       });
@@ -968,7 +968,7 @@ class vt extends qt {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: l } = this;
     let h = i, d = s;
-    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: m, fillColor: w } = e, E = f[0], p = f[1], y = x[0], b = x[1];
+    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: g = 1, borderColor: m, fillColor: w } = e, E = f[0], p = f[1], y = u[0], b = u[1];
     if (r >= E && r <= p && o === y) {
       const C = r === p ? 1 : 0, R = r === E ? 1 : 0;
       this.ctx.paint.drawLine([h + R, d + 1, h + l - C, d + 1], {
@@ -977,7 +977,7 @@ class vt extends qt {
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
-        lineDash: u
+        lineDash: x
       });
     }
     if (r === p && o >= y && o <= b) {
@@ -988,7 +988,7 @@ class vt extends qt {
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
-        lineDash: u
+        lineDash: x
       });
     }
     if (r >= E && r <= p && o === b) {
@@ -999,7 +999,7 @@ class vt extends qt {
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
-        lineDash: u
+        lineDash: x
       });
     }
     if (r === E && o >= y && o <= b) {
@@ -1010,7 +1010,7 @@ class vt extends qt {
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
-        lineDash: u
+        lineDash: x
       });
     }
   }
@@ -1041,8 +1041,8 @@ class be {
       resizableData: {}
     });
     n(this, "overlayerAutoHeightMap", /* @__PURE__ */ new Map());
-    n(this, "maxRowHeightMap", /* @__PURE__ */ new Map());
-    // 记录每行的最大渲染高度（按 rowKey 存储）
+    n(this, "maxRowHeightCellMap", /* @__PURE__ */ new Map());
+    // 记录每行的计算高度（按 rowKey 存储）
     n(this, "bufferCheckState", {
       buffer: !1,
       check: !1,
@@ -1060,7 +1060,7 @@ class be {
   }
   // 初始化默认不忽略清空改变值和校验map
   init(t = !0) {
-    this.ctx.paint.clearTextCache(), this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear(), this.maxRowHeightMap.clear();
+    this.ctx.paint.clearTextCache(), this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear(), this.maxRowHeightCellMap.clear();
     const e = this.getColumns(), i = J(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();
@@ -1089,10 +1089,10 @@ class be {
       CHECKBOX_KEY: h,
       TREE_CHILDREN_KEY: d
     } = this.ctx.config;
-    t.forEach((f, x) => {
+    t.forEach((f, u) => {
       var y;
       d !== "children" && (f.children = f[d]);
-      const u = f[o], g = u != null ? `${u}` : $t();
+      const x = f[o], g = x != null ? `${x}` : $t();
       this.itemRowKeyMap.set(f, g);
       const m = f._height || a, w = f._readonly;
       let E = !0;
@@ -1112,8 +1112,8 @@ class be {
       const p = r || this.expandMap.get(g) || f._expand || !1;
       this.expandMap.set(g, p), this.rowKeyMap.set(g, {
         readonly: w,
-        index: x,
-        rowIndex: x,
+        index: u,
+        rowIndex: u,
         level: e,
         height: m,
         calculatedHeight: -1,
@@ -1126,7 +1126,7 @@ class be {
         item: f,
         parentRowKeys: i,
         parentRowKey: i[i.length - 1] || "",
-        isLastChild: x === s - 1
+        isLastChild: u === s - 1
       }), Array.isArray(f.children) && f.children.length && this.initData(f.children, e + 1, [...i, g]);
     });
   }
@@ -1157,20 +1157,11 @@ class be {
     return t.every(({ height: i, rowIndex: s }) => this.getPositionForRowIndex(s).calculatedHeight === i) ? !1 : (t.forEach(({ rowIndex: i, height: s }) => {
       const o = this.rowIndexRowKeyMap.get(i);
       if (o) {
-        const r = this.rowKeyMap.get(o);
-        if (r.calculatedHeight = s, this.ctx.config.REMEMBER_MAX_ROW_HEIGHT) {
-          const a = this.maxRowHeightMap.get(o) || r.height;
-          s > a && this.maxRowHeightMap.set(o, s);
-        }
+        const r = this.rowKeyMap.get(o), { height: a = -1 } = this.getMaxRowHeightItem(o) || {};
+        r.calculatedHeight = Math.max(s, a);
       }
     }), this.clearBufferData(), this.getData(), !0);
   }
-  /**
-   * 清除最大行高记录
-   */
-  clearMaxRowHeight() {
-    this.maxRowHeightMap.clear(), this.clearBufferData(), this.getData(), this.ctx.emit("draw");
-  }
   /**
    * 获取所有行数据（平铺）
    * @returns 获取转化平铺数据
@@ -1186,11 +1177,11 @@ class be {
   }
   generateColumns(t) {
     const e = (i) => i.map((s) => {
-      var h, d, f, x, u, g, m, w;
+      var h, d, f, u, x, g, m, w;
       const o = s.children && Array.isArray(s.children) ? e(s.children) : void 0, r = {
         hide: (d = (h = this.customHeader) == null ? void 0 : h.hideData) == null ? void 0 : d[s.key],
-        fixed: (x = (f = this.customHeader) == null ? void 0 : f.fixedData) == null ? void 0 : x[s.key],
-        sort: (g = (u = this.customHeader) == null ? void 0 : u.sortData) == null ? void 0 : g[s.key],
+        fixed: (u = (f = this.customHeader) == null ? void 0 : f.fixedData) == null ? void 0 : u[s.key],
+        sort: (g = (x = this.customHeader) == null ? void 0 : x.sortData) == null ? void 0 : g[s.key],
         width: (w = (m = this.customHeader) == null ? void 0 : m.resizableData) == null ? void 0 : w[s.key]
       }, a = {};
       for (const [E, p] of Object.entries(r))
@@ -1230,15 +1221,10 @@ class be {
     const i = (o) => {
       o.forEach((r) => {
         t.push(r);
-        const a = this.itemRowKeyMap.get(r), { expand: l, hasChildren: h, height: d, calculatedHeight: f } = this.rowKeyMap.get(a), x = this.sumHeight;
-        let u = Math.max(f, d);
-        if (this.ctx.config.REMEMBER_MAX_ROW_HEIGHT) {
-          const g = this.maxRowHeightMap.get(a) || d;
-          u > g ? (this.maxRowHeightMap.set(a, u), u = u) : u = g;
-        }
-        this.sumHeight += u, this.rowIndexRowKeyMap.set(e, a), this.rowKeyRowIndexMap.set(a, e), this.positions.push({
-          top: x,
-          height: u,
+        const a = this.itemRowKeyMap.get(r), { expand: l, hasChildren: h, height: d, calculatedHeight: f } = this.rowKeyMap.get(a), u = this.sumHeight, x = Math.max(f, d);
+        this.sumHeight += x, this.rowIndexRowKeyMap.set(e, a), this.rowKeyRowIndexMap.set(a, e), this.positions.push({
+          top: u,
+          height: x,
           bottom: this.sumHeight,
           calculatedHeight: f
         }), e += 1, l && h && i(r.children);
@@ -1481,18 +1467,18 @@ class be {
     a.forEach((g) => {
       f.push(this.ctx.database.getRowDataItemForRowKey(g));
     });
-    const x = h.map(({ rowKey: g, key: m }) => this.getValidator(g, m));
-    Promise.all(x).then(() => {
+    const u = h.map(({ rowKey: g, key: m }) => this.getValidator(g, m));
+    Promise.all(u).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
     });
-    const u = h.map((g) => {
+    const x = h.map((g) => {
       const m = !!this.getValidationError(g.rowKey, g.key).length;
       return {
         ...g,
         errorTip: m
       };
     });
-    this.ctx.emit("change", u, f), e && this.ctx.history.pushState({
+    this.ctx.emit("change", x, f), e && this.ctx.history.pushState({
       changeList: o,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
@@ -1523,7 +1509,7 @@ class be {
     l[e] !== null && typeof l[e] == "object" && (h = JSON.parse(JSON.stringify(l[e])));
     const f = `${t}​_${e}`;
     this.originalDataMap.has(f) || this.originalDataMap.set(f, h);
-    const x = this.originalDataMap.get(f), u = this.getRowDataItemForRowKey(t);
+    const u = this.originalDataMap.get(f), x = this.getRowDataItemForRowKey(t);
     if (r) {
       const g = this.getVirtualBodyCellByKey(t, e);
       if ((g == null ? void 0 : g.type) === "number")
@@ -1542,7 +1528,7 @@ class be {
                 key: e,
                 value: d,
                 oldValue: h,
-                row: u
+                row: x
               }
             ]
           };
@@ -1559,7 +1545,7 @@ class be {
           key: e,
           value: d,
           oldValue: h,
-          row: u
+          row: x
         }
       ];
       this.batchSetItemValue(m, s, !1), this.ctx.emit("editChange", {
@@ -1567,8 +1553,8 @@ class be {
         key: e,
         oldValue: h,
         value: d,
-        originalValue: x,
-        row: u
+        originalValue: u,
+        row: x
       });
     } else
       this.changedDataMap.set(f, d), l[e] = d;
@@ -1578,7 +1564,7 @@ class be {
       oldValue: h,
       value: d,
       originalValue: this.originalDataMap.get(f),
-      row: u
+      row: x
     }), o && this.ctx.emit("draw"), {
       oldValue: h,
       newValue: d
@@ -1701,8 +1687,8 @@ class be {
         for (const y of E)
           p.push(y), p.push(...h(y));
         return p;
-      }, f = h(t).map((w) => this.selectionMap.get(w)), x = f.filter((w) => w == null ? void 0 : w.check).length, u = f.length, g = x > 0;
-      r = g && !(x === u), a = s || g, s && u > 0 && x === 0 && (a = !1, r = !1);
+      }, f = h(t).map((w) => this.selectionMap.get(w)), u = f.filter((w) => w == null ? void 0 : w.check).length, x = f.length, g = u > 0;
+      r = g && !(u === x), a = s || g, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else if (this.ctx.config.TREE_SELECT_MODE === "cautious") {
       const h = (w) => {
         const E = this.getTreeChildren(w);
@@ -1710,8 +1696,8 @@ class be {
         for (const y of E)
           p.push(y), p.push(...h(y));
         return p;
-      }, f = h(t).map((w) => this.selectionMap.get(w)), x = f.filter((w) => w == null ? void 0 : w.check).length, u = f.length, g = x > 0, m = x === u;
-      r = g && !m, a = s || m, s && u > 0 && x === 0 && (a = !1, r = !1);
+      }, f = h(t).map((w) => this.selectionMap.get(w)), u = f.filter((w) => w == null ? void 0 : w.check).length, x = f.length, g = u > 0, m = u === x;
+      r = g && !m, a = s || m, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else this.ctx.config.TREE_SELECT_MODE === "strictly" && (r = !1, a = s);
     return { checked: a, indeterminate: r };
   }
@@ -1812,14 +1798,14 @@ class be {
       return e;
     const i = this.rowKeyMap.size;
     let s = 0, o = 0;
-    const r = this.selectionMap.size, a = Array.from(this.selectionMap.values()).some((x) => x.check);
-    this.rowKeyMap.forEach((x, u) => {
+    const r = this.selectionMap.size, a = Array.from(this.selectionMap.values()).some((u) => u.check);
+    this.rowKeyMap.forEach((u, x) => {
       var m;
-      (m = this.selectionMap.get(u)) != null && m.check && (s += 1);
-      let g = x.selectable;
+      (m = this.selectionMap.get(x)) != null && m.check && (s += 1);
+      let g = u.selectable;
       typeof g == "function" && (g = g({
-        row: x.item,
-        rowIndex: x.rowIndex
+        row: u.item,
+        rowIndex: u.rowIndex
       })), g && (o += 1);
     });
     const l = r > i && s === 0 && a, h = o && o > s && s > 0 || l, d = o !== 0, f = !!o && o === s;
@@ -1996,19 +1982,19 @@ class be {
       relationColKeys: h,
       rowspan: d,
       height: f,
-      width: x,
-      colspan: u,
+      width: u,
+      colspan: x,
       mergeRow: g,
       mergeCol: m
     } = t;
-    if (d === 1 && u === 1)
+    if (d === 1 && x === 1)
       return {
         xArr: [a, a],
         yArr: [e, e],
         rowspan: d,
-        colspan: u,
+        colspan: x,
         height: f,
-        width: x,
+        width: u,
         offsetTop: 0,
         offsetLeft: 0,
         dataList: [
@@ -2022,7 +2008,7 @@ class be {
       };
     let w = e, E = e, p = a, y = a, b = [], C = 0, R = 0, S = 0, O = 0;
     if (d !== 1 && g) {
-      O = x;
+      O = u;
       const v = l.reduce((I, _) => {
         const T = this.getItemValue(s, _) ?? "";
         return `${I}${T}`;
@@ -2063,7 +2049,7 @@ class be {
         });
       }
     }
-    if (u !== 1 && m) {
+    if (x !== 1 && m) {
       S = f;
       for (let v = a - 1; v >= 0; v--) {
         const I = this.getColumnByColIndex(v);
@@ -2107,7 +2093,7 @@ class be {
       xArr: [p, y],
       yArr: [w, E],
       rowspan: d,
-      colspan: u,
+      colspan: x,
       height: S,
       width: O,
       offsetTop: C,
@@ -2237,9 +2223,9 @@ class be {
       s.forEach((r) => {
         r.children && r.children.length > 0 && e(r.children, o);
         const a = (l, h) => {
-          var f, x;
+          var f, u;
           const d = (f = this.customHeader[l]) == null ? void 0 : f[r.key];
-          d !== void 0 && d !== h && (o[l] || (o[l] = {}), o[l][r.key] = d, l === "fixedData" && !d && !h && ((x = o[l]) == null || delete x[r.key]));
+          d !== void 0 && d !== h && (o[l] || (o[l] = {}), o[l][r.key] = d, l === "fixedData" && !d && !h && ((u = o[l]) == null || delete u[r.key]));
         };
         a("fixedData", r.fixed), a("sortData", r.sort), a("hideData", r.hide), a("resizableData", r.width);
       });
@@ -2247,6 +2233,15 @@ class be {
     let i = {};
     return e(t, i), i;
   }
+  setMaxRowHeightItem(t, e, i) {
+    this.maxRowHeightCellMap.set(t, {
+      key: e,
+      height: i
+    });
+  }
+  getMaxRowHeightItem(t) {
+    return this.maxRowHeightCellMap.get(t);
+  }
   clearChangeData() {
     this.changedDataMap.clear();
   }
@@ -2506,8 +2501,8 @@ class _e {
     if (this.ctx.save(), this.ctx.beginPath(), a !== void 0 && (this.ctx.fillStyle = a), r !== void 0 && (this.ctx.lineWidth = o, this.ctx.strokeStyle = r), l === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [h, d, f, x] = typeof l == "number" ? [l, l, l, l] : l;
-      this.ctx.moveTo(t + h, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + h, e, h);
+      const [h, d, f, u] = typeof l == "number" ? [l, l, l, l] : l;
+      this.ctx.moveTo(t + h, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - u, u), this.ctx.arcTo(t, e, t + h, e, h);
     }
     a !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -2530,8 +2525,8 @@ class _e {
       color: h = "#495060",
       padding: d = 0,
       verticalAlign: f = "middle",
-      maxLineClamp: x = 1,
-      autoRowHeight: u = !1,
+      maxLineClamp: u = 1,
+      autoRowHeight: x = !1,
       offsetLeft: g = 0,
       offsetRight: m = 0
     } = r;
@@ -2541,7 +2536,7 @@ class _e {
     let y = !1;
     const b = Math.round((o - 2 * d) / E);
     let C = this.wrapText(t, p, r.cacheTextKey), R = Math.min(C.length, Math.max(b, 1));
-    x === "auto" && u ? R = C.length : typeof x == "number" && x < R && x !== 1 ? R = x : (x === 1 && (C = [t], R = 1), x === "auto" && b === 1 && (C = [t], R = 1));
+    u === "auto" && x ? R = C.length : typeof u == "number" && u < R && u !== 1 ? R = u : (u === 1 && (C = [t], R = 1), u === "auto" && b === 1 && (C = [t], R = 1));
     let S = i + d;
     const O = Math.round(R * E);
     f === "middle" ? S = i + (o - O) / 2 : f === "bottom" && (S = i + o - O - d);
@@ -2620,9 +2615,9 @@ class _e {
       cacheTextKey: h = ""
     } = i;
     this.ctx.save(), this.ctx.font = s, this.ctx.fillStyle = a, this.ctx.textAlign = r;
-    const d = parseInt(((m = s.match(/\d+/)) == null ? void 0 : m[0]) || "12"), f = d * (i.lineHeight || 1.2), x = e - o * 2, u = this.wrapText(t, x, h);
+    const d = parseInt(((m = s.match(/\d+/)) == null ? void 0 : m[0]) || "12"), f = d * (i.lineHeight || 1.2), u = e - o * 2, x = this.wrapText(t, u, h);
     let g = 1;
-    return l === "auto" ? g = u.length : u.length > l ? g = l : g = u.length, this.ctx.restore(), Math.max(Math.floor(g * f + o * 2), Math.floor(d + o * 2));
+    return l === "auto" ? g = x.length : x.length > l ? g = l : g = x.length, this.ctx.restore(), Math.max(Math.floor(g * f + o * 2), Math.floor(d + o * 2));
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     this.ctx.save();
@@ -2960,8 +2955,6 @@ class Nt {
     n(this, "CELL_LINE_HEIGHT", 1.3);
     /** 全局自动行高 */
     n(this, "AUTO_ROW_HEIGHT", !1);
-    /** 记录最大行高（开启后横向滚动不会导致行高变小） */
-    n(this, "REMEMBER_MAX_ROW_HEIGHT", !1);
     /** 启用拖拽表头 */
     n(this, "ENABLE_DRAG_COLUMN", !1);
     /** header 格子样式 */
@@ -3255,11 +3248,11 @@ class mt extends qt {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
     let o = i, r = s;
     if (typeof e == "function") {
-      const h = e, { backgroundColor: d, color: f, font: x } = h({
+      const h = e, { backgroundColor: d, color: f, font: u } = h({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      d && (o = d), f && (r = f), x && (this.drawTextFont = x);
+      d && (o = d), f && (r = f), u && (this.drawTextFont = u);
     }
     const { colKey: a, type: l } = this.ctx.finderBar;
     l === "header" && a === this.key && (o = this.ctx.config.FINDER_CELL_BG_COLOR), this.drawCellBgColor = o, this.drawTextColor = r;
@@ -3405,10 +3398,10 @@ class Le {
       const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, o = i, {
         body: { height: r, visibleHeight: a, visibleWidth: l, y: h }
       } = this.ctx, d = Math.min(r, a);
-      o > 0 && o < l && s > h && s < h + d || this.ctx.emit("mousedownBodyOutside", t), t.button === 0 && (this.handleHeaderEvent(o, s, this.ctx.header.renderCellHeaders, (x) => {
-        this.ctx.focusCellHeader = x, this.ctx.focusCell = void 0, this.ctx.emit("cellHeaderMousedown", x, t);
-      }), this.handleBodyEvent(o, s, this.ctx.body.renderRows, (x) => {
-        this.ctx.setFocusCell(x), this.ctx.focusCellHeader = void 0, this.ctx.emit("cellMousedown", x, t);
+      o > 0 && o < l && s > h && s < h + d || this.ctx.emit("mousedownBodyOutside", t), t.button === 0 && (this.handleHeaderEvent(o, s, this.ctx.header.renderCellHeaders, (u) => {
+        this.ctx.focusCellHeader = u, this.ctx.focusCell = void 0, this.ctx.emit("cellHeaderMousedown", u, t);
+      }), this.handleBodyEvent(o, s, this.ctx.body.renderRows, (u) => {
+        this.ctx.setFocusCell(u), this.ctx.focusCellHeader = void 0, this.ctx.emit("cellMousedown", u, t);
       }));
     }), this.ctx.on("mouseup", (t) => {
       if (t.button !== 0 || this.isBusy(t))
@@ -3529,9 +3522,9 @@ class Le {
       t.drawTreeImageHeight
     ))
       return;
-    const l = this.ctx.database.getRowForRowKey(t.rowKey), { expand: h = !1, expandLazy: d = !1 } = l || {}, { EXPAND_LAZY: f, EXPAND_LAZY_METHOD: x } = this.ctx.config;
-    if (f && x && !h && !d)
-      typeof x == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), x({
+    const l = this.ctx.database.getRowForRowKey(t.rowKey), { expand: h = !1, expandLazy: d = !1 } = l || {}, { EXPAND_LAZY: f, EXPAND_LAZY_METHOD: u } = this.ctx.config;
+    if (f && u && !h && !d)
+      typeof u == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), u({
         row: t.row,
         rowIndex: t.rowIndex,
         colIndex: t.colIndex,
@@ -3543,8 +3536,8 @@ class Le {
         this.ctx.database.expandLoading(t.rowKey, !1), console.error(g);
       }));
     else {
-      const u = this.ctx.database.getIsExpand(t.rowKey);
-      this.ctx.database.expandItem(t.rowKey, !u), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
+      const x = this.ctx.database.getIsExpand(t.rowKey);
+      this.ctx.database.expandItem(t.rowKey, !x), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
     }
   }
   sortClick(t, e) {
@@ -4060,10 +4053,10 @@ class Xt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: o = 0, SCROLLER_SIZE: r = 0, BORDER: a }
-    } = this.ctx, l = s, h = i, d = e.height, f = e.width, x = t.height, u = this.ctx.footer.height;
+    } = this.ctx, l = s, h = i, d = e.height, f = e.width, u = t.height, x = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = h - o - d, this.distance = x - this.visibleDistance + u, this.trackX = l - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = h, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
-      const g = this.distance ? this.visibleDistance / (x + u) : 0;
+      this.visibleDistance = h - o - d, this.distance = u - this.visibleDistance + x, this.trackX = l - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = h, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
+      const g = this.distance ? this.visibleDistance / (u + x) : 0;
       let m = Math.floor(g * this.visibleDistance);
       m < 30 ? m = 30 : m > this.visibleDistance && (m = 0), this.barHeight = m, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
@@ -4314,9 +4307,9 @@ class De {
     }
     this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [], this.visibleColumns = Gt(this.columns);
     const s = ot(this.visibleColumns), o = J(this.visibleColumns);
-    this.height = e * s, this.visibleHeight = this.height, this.width = o.reduce((f, x) => {
-      const u = x.width || 100, { maxWidth: g, minWidth: m } = x;
-      return g && u > g ? f + g : m && u < m ? f + m : f + u;
+    this.height = e * s, this.visibleHeight = this.height, this.width = o.reduce((f, u) => {
+      const x = u.width || 100, { maxWidth: g, minWidth: m } = u;
+      return g && x > g ? f + g : m && x < m ? f + m : f + x;
     }, 0), this.columnIndex = 0, this.resizeNum = 0;
     const r = xe(rt(this.visibleColumns, s));
     this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
@@ -4331,9 +4324,9 @@ class De {
       this.resizeAllColumn(f);
     }
     const h = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = h.reduce((f, x) => f + x.width, 0);
+    this.ctx.fixedLeftWidth = h.reduce((f, u) => f + u.width, 0);
     const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedRightWidth = d.reduce((f, x) => f + x.width, i), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.allCellHeaders = this.allCellHeaders, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
+    this.ctx.fixedRightWidth = d.reduce((f, u) => f + u.width, i), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.allCellHeaders = this.allCellHeaders, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
   // 调整表头的宽度
   initResizeColumn() {
@@ -4364,10 +4357,10 @@ class De {
           const { offsetX: r, offsetY: a } = this.ctx.getOffset(t), l = r, h = a, d = o.getDrawX(), f = o.getDrawY();
           if (l > d + o.width - 5 && l < d + o.width + 4 && l < e - 4 && // 视窗中最后一列不允许调整宽
           h > f) {
-            const x = o.colIndex + o.colspan - 1, u = this.leafCellHeaders.find((g) => g.colIndex === x);
-            if (!u || !u.fixed && this.ctx.stageWidth - this.ctx.fixedRightWidth < d + o.width)
+            const u = o.colIndex + o.colspan - 1, x = this.leafCellHeaders.find((g) => g.colIndex === u);
+            if (!x || !x.fixed && this.ctx.stageWidth - this.ctx.fixedRightWidth < d + o.width)
               return;
-            this.ctx.isTarget(t) && a <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = u);
+            this.ctx.isTarget(t) && a <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = x);
           }
         }
       }
@@ -4381,8 +4374,8 @@ class De {
     }), this.ctx.on("mouseup", () => {
       if (this.ctx.config.ENABLE_DRAG_COLUMN) {
         if (this.dragingCell && this.dragTarget) {
-          const t = (h, d = {}) => (h.forEach((f, x) => {
-            f.children && t(f.children, d), d[f.key] = x;
+          const t = (h, d = {}) => (h.forEach((f, u) => {
+            f.children && t(f.children, d), d[f.key] = u;
           }), d), e = this.ctx.database.getColumns(), i = rt(e, ot(e)), s = new He(i, {
             key: "key",
             // 节点唯一标识字段（对应我们之前的field）
@@ -4487,10 +4480,10 @@ class De {
     const { HEADER_HEIGHT: o = 0 } = this.ctx.config;
     for (let r = 0; r < i; r++) {
       const a = t[r], l = o * (a.rowspan || 0), h = o * (a.level || 0);
-      let { minWidth: d, maxWidth: f } = a, x = a.width || 100;
-      d && x < d && (x = d), f && x > f && (x = f), a.children && (x = J(a.children).reduce((m, w) => m + ((w == null ? void 0 : w.width) || 100), 0));
-      const u = new mt(this.ctx, this.columnIndex, s, h, x, l, a);
-      this.ctx.database.setHeader(a.key, u), this.allCellHeaders.push(u), a.children || (this.leafCellHeaders.push(u), u.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(u) : a.fixed === "right" ? this.fixedRightCellHeaders.push(u) : this.centerCellHeaders.push(u), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += x;
+      let { minWidth: d, maxWidth: f } = a, u = a.width || 100;
+      d && u < d && (u = d), f && u > f && (u = f), a.children && (u = J(a.children).reduce((m, w) => m + ((w == null ? void 0 : w.width) || 100), 0));
+      const x = new mt(this.ctx, this.columnIndex, s, h, u, l, a);
+      this.ctx.database.setHeader(a.key, x), this.allCellHeaders.push(x), a.children || (this.leafCellHeaders.push(x), x.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(x) : a.fixed === "right" ? this.fixedRightCellHeaders.push(x) : this.centerCellHeaders.push(x), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += u;
     }
   }
   drawTipLine() {
@@ -4507,12 +4500,12 @@ class De {
       if (this.ctx.paint.drawLine(h, {
         borderColor: e
       }), o) {
-        const f = `${Math.floor(a + this.resizeDiff)}px`, x = 45, u = 24;
-        this.ctx.paint.drawRect(l + x / 2, this.ctx.mouseY - u / 2, x, u, {
+        const f = `${Math.floor(a + this.resizeDiff)}px`, u = 45, x = 24;
+        this.ctx.paint.drawRect(l + u / 2, this.ctx.mouseY - x / 2, u, x, {
           fillColor: s,
           borderWidth: 0,
           borderColor: "transparent"
-        }), this.ctx.paint.drawText(f, l + x / 2, this.ctx.mouseY - u / 2, x, u + 2, {
+        }), this.ctx.paint.drawText(f, l + u / 2, this.ctx.mouseY - x / 2, u, x + 2, {
           padding: 0,
           color: i,
           align: "center",
@@ -4645,8 +4638,11 @@ class Jt {
     }), this.cells = e, this.calculatedHeightCells = o, this.fixedCells = i, this.noFixedCells = s;
   }
   updateCalculatedHeight() {
-    const t = this.calculatedHeightCells.map((e) => e.getAutoHeight());
-    this.calculatedHeight = t.length ? Math.max(...t) : -1;
+    const t = this.calculatedHeightCells.map((e) => {
+      const i = e.getAutoHeight(), { key: s, height: o = -1 } = this.ctx.database.getMaxRowHeightItem(this.rowKey) || {};
+      return i > o ? this.ctx.database.setMaxRowHeightItem(this.rowKey, e.key, i) : i !== 0 && e.key === s && i < o && this.ctx.database.setMaxRowHeightItem(this.rowKey, e.key, i), i;
+    });
+    return this.calculatedHeight = t.length ? Math.max(...t) : -1, this.calculatedHeight;
   }
   drawCenter() {
     this.noFixedCells.forEach((t) => {
@@ -4710,14 +4706,14 @@ class Ne {
         MAX_HEIGHT: h = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
-        FOOTER_POSITION: x
+        FOOTER_POSITION: u
       }
     } = this.ctx;
     if (!e.width)
       return;
-    this.x = 0, x === "top" && o ? this.y = e.height + i.height : this.y = e.height;
-    const { data: u, sumHeight: g } = s.getData();
-    this.height = g, this.data = u, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
+    this.x = 0, u === "top" && o ? this.y = e.height + i.height : this.y = e.height;
+    const { data: x, sumHeight: g } = s.getData();
+    this.height = g, this.data = x, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
     const m = this.ctx.footer.height;
     this.ctx.isEmpty = !this.data.length, !this.data.length && !a ? this.height = l : !this.data.length && a && (this.height = a - e.height - m - r);
     let w = this.height + e.height + r;
@@ -4730,7 +4726,7 @@ class Ne {
     } else this.data.length && a ? E = a : 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 b = this.ctx.stageHeight - e.height - r;
-    o ? this.visibleHeight = b - m : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = u;
+    o ? this.visibleHeight = b - m : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
     const C = window.devicePixelRatio || 1, R = this.ctx.stageWidth * C, S = this.ctx.stageHeight * C;
     t.width = Math.round(R), t.height = Math.round(S);
     const O = this.data.length ? "not-empty" : "empty";
@@ -4768,8 +4764,8 @@ class Ne {
       if (this.isResizing && this.resizeTarget) {
         const d = this.resizeTarget.height;
         let f = r - this.clientY;
-        const { calculatedHeight: x } = this.resizeTarget, u = x === -1 ? h : x;
-        f + d < u && (f = -(d - u)), this.resizeDiff = f, this.ctx.emit("draw");
+        const { calculatedHeight: u } = this.resizeTarget, x = u === -1 ? h : u;
+        f + d < x && (f = -(d - x)), this.resizeDiff = f, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
@@ -4783,8 +4779,8 @@ class Ne {
         for (let d = 0; d < this.renderRows.length; d++) {
           const f = this.renderRows[d];
           if (s > f.y - l + f.height - 1.5 && s < f.y - l + f.height + 1.5 && s < a - 4)
-            for (let u = 0; u < f.cells.length; u++) {
-              const g = f.cells[u];
+            for (let x = 0; x < f.cells.length; x++) {
+              const g = f.cells[x];
               o > g.drawX + 10 && o < g.drawX + g.width - 10 && g.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = f);
             }
         }
@@ -4868,7 +4864,7 @@ class Ne {
     this.headIndex = Math.max(0, l), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const d = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
-      const x = this.headIndex + f, u = this.visibleRows[f], { height: g, top: m } = this.ctx.database.getPositionForRowIndex(x), w = new Jt(this.ctx, x, 0, m + this.y, t.width, g, u);
+      const u = this.headIndex + f, x = this.visibleRows[f], { height: g, top: m } = this.ctx.database.getPositionForRowIndex(u), w = new Jt(this.ctx, u, 0, m + this.y, t.width, g, x);
       d.push(w);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
@@ -5094,16 +5090,16 @@ class Be {
         SELECTOR_AREA_MIN_Y: h,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
-        SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = a, g = l || this.ctx.maxColIndex - f, m = h, w = d || this.ctx.maxRowIndex - x;
+        SELECTOR_AREA_MAX_Y_OFFSET: u
+      } = this.ctx.config, x = a, g = l || this.ctx.maxColIndex - f, m = h, w = d || this.ctx.maxRowIndex - u;
       let [E, p] = o, [y, b] = r;
-      if (E < u || p > g || y < m || b > w)
+      if (E < x || p > g || y < m || b > w)
         return;
       if (this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const R = this.adjustMergeCells(o, r);
         y = R.yArr[0], b = R.yArr[1], E = R.xArr[0], p = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
       }
-      E === p && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, E), Math.min(g, p)], r = [Math.max(m, y), Math.min(w, b)];
+      E === p && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, E), Math.min(g, p)], r = [Math.max(m, y), Math.min(w, b)];
       const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
       if (typeof C == "function") {
         const S = C({
@@ -5151,16 +5147,16 @@ class Be {
         minX: o,
         maxX: r
       }
-    ), f = [d.minX, d.maxX], x = [h.minY, h.maxY];
-    let u = !1;
+    ), f = [d.minX, d.maxX], u = [h.minY, h.maxY];
+    let x = !1;
     if (d.minX !== d.maxX || h.minY !== h.maxY) {
-      const m = JSON.stringify(f) + JSON.stringify(x), w = (g = this.ctx.focusCell) == null ? void 0 : g.getSpanInfo();
-      u = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === m;
+      const m = JSON.stringify(f) + JSON.stringify(u), w = (g = this.ctx.focusCell) == null ? void 0 : g.getSpanInfo();
+      x = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === m;
     }
     return {
       xArr: f,
-      yArr: x,
-      onlyMergeCell: u
+      yArr: u,
+      onlyMergeCell: x
     };
   }
   selectCols(t) {
@@ -5190,8 +5186,8 @@ class Be {
         SELECTOR_AREA_MAX_Y: r,
         SELECTOR_AREA_MAX_X_OFFSET: a,
         SELECTOR_AREA_MAX_Y_OFFSET: l
-      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, x = r || this.ctx.maxRowIndex - l, u = [h, d], g = [f, x];
-      this.setSelector(u, g);
+      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l, x = [h, d], g = [f, u];
+      this.setSelector(x, g);
     }
   }
   selectRows(t, e = !0) {
@@ -5229,8 +5225,8 @@ class Be {
       if (this.ctx.selector.enable = !0, i && t) {
         if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
           return;
-        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, l = Math.min(r, s), h = Math.max(r, s), d = Math.min(a, o), f = Math.max(a, o), x = [l, h], u = [d, f];
-        this.setSelector(x, u);
+        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, l = Math.min(r, s), h = Math.max(r, s), d = Math.min(a, o), f = Math.max(a, o), u = [l, h], x = [d, f];
+        this.setSelector(u, x);
       } else {
         this.ctx.emit("cellSelectedClick", e);
         const s = [e.colIndex, e.colIndex], o = [e.rowIndex, e.rowIndex];
@@ -5296,11 +5292,11 @@ class Be {
     const r = /* @__PURE__ */ new Set();
     for (let l = 0; l <= e[1] - e[0]; l++)
       for (let h = 0; h <= t[1] - t[0]; h++) {
-        const d = l + e[0], f = h + t[0], x = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
-        if (x) {
-          const { rowKey: u, key: g } = x;
-          this.ctx.database.getReadonly(u, g) || (r.add(u), o.push({
-            rowKey: u,
+        const d = l + e[0], f = h + t[0], u = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
+        if (u) {
+          const { rowKey: x, key: g } = u;
+          this.ctx.database.getReadonly(x, g) || (r.add(x), o.push({
+            rowKey: x,
             key: g,
             value: s,
             row: {}
@@ -5328,13 +5324,13 @@ class Be {
       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 = we(o);
-        const a = [i, i + r[0].length - 1], l = [e, e + r.length - 1], [h, d] = l, [f, x] = a, u = d - this.ctx.maxRowIndex, g = x - this.ctx.maxColIndex;
-        (u > 0 || g > 0) && this.ctx.emit("onPastedDataOverflow", {
+        const a = [i, i + r[0].length - 1], l = [e, e + r.length - 1], [h, d] = l, [f, u] = a, x = d - this.ctx.maxRowIndex, g = u - this.ctx.maxColIndex;
+        (x > 0 || g > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
-          maxX: x,
+          maxX: u,
           minY: h,
           minX: f,
-          overflowRowCount: u,
+          overflowRowCount: x,
           overflowColCount: g,
           textArr: r
         });
@@ -5439,8 +5435,8 @@ class Be {
       SELECTOR_AREA_MAX_Y: r,
       SELECTOR_AREA_MAX_X_OFFSET: a,
       SELECTOR_AREA_MAX_Y_OFFSET: l
-    } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, x = r || this.ctx.maxRowIndex - l;
-    return !(e < h || e > d || t < f || t > x);
+    } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l;
+    return !(e < h || e > d || t < f || t > u);
   }
   /**
    * 调整滚动条位置，让焦点单元格始终出现在可视区域内
@@ -5457,7 +5453,7 @@ class Be {
       body: l,
       scrollX: h,
       scrollY: d,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: g }
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: u, FOOTER_POSITION: x, ENABLE_MERGE_CELL_LINK: g }
     } = this.ctx;
     if (!i)
       return;
@@ -5466,7 +5462,7 @@ class Be {
     let R = r.height - w, S = p;
     S > l.visibleHeight && (S = l.visibleHeight);
     let O = 0;
-    x && (u === "top" ? R = r.height + a.height - w : O = a.visibleHeight);
+    u && (x === "top" ? R = r.height + a.height - w : O = a.visibleHeight);
     const v = w + S - (t - O - f);
     let I = h, _ = d;
     C > 0 && !y ? I = Math.floor(h + C) : b > 0 && !y && (I = Math.floor(h - b)), R > 0 ? _ = Math.floor(d - R) : v > 0 && (_ = Math.floor(d + v)), (Math.abs(h - I) > 2 || Math.abs(d - _) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.emit("adjustBoundaryPosition", i), this.ctx.setScroll(I, _));
@@ -5484,8 +5480,8 @@ class Xe {
     this.ctx.on("mousemove", (t) => {
       if (this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default"), this.ctx.editing || !this.ctx.focusCell || !this.maxColRowCell)
         return;
-      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: l, height: h } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, x = r + l - d + f, u = a + h - d + f;
-      e > x && i > u && e < x + d && i < u + d && (this.ctx.stageElement.style.cursor = "crosshair"), this.ctx.autofillMove && this.ctx.startAdjustPosition(t);
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: l, height: h } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + l - d + f, x = a + h - d + f;
+      e > u && i > x && e < u + d && i < x + d && (this.ctx.stageElement.style.cursor = "crosshair"), this.ctx.autofillMove && this.ctx.startAdjustPosition(t);
     }), this.ctx.on("cellMouseenter", (t) => {
       const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], o = i[1], { colIndex: r, rowIndex: a } = t;
       this.ctx.config.ENABLE_AUTOFILL && r === s && a === o && (this.maxColRowCell = t), this.mouseenter(t);
@@ -5523,11 +5519,11 @@ class Xe {
       const {
         SELECTOR_AREA_MIN_X: d,
         SELECTOR_AREA_MAX_X: f,
-        SELECTOR_AREA_MIN_Y: x,
-        SELECTOR_AREA_MAX_Y: u,
+        SELECTOR_AREA_MIN_Y: u,
+        SELECTOR_AREA_MAX_Y: x,
         SELECTOR_AREA_MAX_X_OFFSET: g,
         SELECTOR_AREA_MAX_Y_OFFSET: m
-      } = this.ctx.config, w = d, E = f || this.ctx.maxColIndex - g, p = x, y = u || this.ctx.maxRowIndex - m;
+      } = this.ctx.config, w = d, E = f || this.ctx.maxColIndex - g, p = u, y = x || this.ctx.maxRowIndex - m;
       let [b, C] = r, [R, S] = a;
       if (b < w || R < p)
         return;
@@ -5551,24 +5547,24 @@ class Xe {
    */
   async autofillData() {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
-    for (let u = 0; u <= e.yArr[1] - e.yArr[0]; u++)
+    for (let x = 0; x <= e.yArr[1] - e.yArr[0]; x++)
       for (let g = 0; g <= e.xArr[1] - e.xArr[0]; g++) {
-        const m = u + e.yArr[0], w = g + e.xArr[0];
+        const m = x + e.yArr[0], w = g + e.xArr[0];
         i.set(`${m}-${w}`, !0);
       }
     const { value: s } = e, o = s[0].length, r = s.length, a = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr, h = o === 1 && r === 1;
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !h) {
-      const u = {
+      const x = {
         code: "ERR_MERGED_CELLS_AUTOFILL",
         message: "Merged cells cannot span autofill data"
       };
-      this.ctx.hasEvent("error") ? this.ctx.emit("error", u) : alert(u.message);
+      this.ctx.hasEvent("error") ? this.ctx.emit("error", x) : alert(x.message);
       return;
     }
     let d = [];
-    for (let u = 0; u <= l[1] - l[0]; u++)
+    for (let x = 0; x <= l[1] - l[0]; x++)
       for (let g = 0; g <= a[1] - a[0]; g++) {
-        const m = g + a[0], w = u + l[0], E = s[u % r][g % o], p = this.ctx.database.getItemValueForRowIndexAndColIndex(w, m), y = `${w}-${m}`;
+        const m = g + a[0], w = x + l[0], E = s[x % r][g % o], p = this.ctx.database.getItemValueForRowIndexAndColIndex(w, m), y = `${w}-${m}`;
         if (p && !i.has(y)) {
           const { rowKey: b, key: C } = p;
           this.ctx.database.getReadonly(b, C) || (t.add(b), d.push({
@@ -5584,21 +5580,21 @@ class Xe {
     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, g = d.map((m) => ({
+      const x = f, g = d.map((m) => ({
         rowKey: m.rowKey,
         key: m.key,
         value: m.value,
         oldValue: this.ctx.database.getItemValue(m.rowKey, m.key),
         row: this.ctx.database.getRowDataItemForRowKey(m.rowKey)
       }));
-      if (d = await u(g, a, l), d && !d.length)
+      if (d = await x(g, a, l), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
-    let x = [];
-    t.forEach((u) => {
-      x.push(this.ctx.database.getRowDataItemForRowKey(u));
-    }), this.ctx.emit("autofillChange", d, x), this.ctx.emit("draw");
+    let u = [];
+    t.forEach((x) => {
+      u.push(this.ctx.database.getRowDataItemForRowKey(x));
+    }), this.ctx.emit("autofillChange", d, u), this.ctx.emit("draw");
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -5723,48 +5719,48 @@ function Ft(c, t, e) {
     reference: i,
     floating: s
   } = c;
-  const o = V(t), r = _t(t), a = Rt(r), l = $(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[a] / 2 - s[a] / 2;
-  let u;
+  const o = V(t), r = _t(t), a = Rt(r), l = $(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
+  let x;
   switch (l) {
     case "top":
-      u = {
+      x = {
         x: d,
         y: i.y - s.height
       };
       break;
     case "bottom":
-      u = {
+      x = {
         x: d,
         y: i.y + i.height
       };
       break;
     case "right":
-      u = {
+      x = {
         x: i.x + i.width,
         y: f
       };
       break;
     case "left":
-      u = {
+      x = {
         x: i.x - s.width,
         y: f
       };
       break;
     default:
-      u = {
+      x = {
         x: i.x,
         y: i.y
       };
   }
   switch (et(t)) {
     case "start":
-      u[r] -= x * (e && h ? -1 : 1);
+      x[r] -= u * (e && h ? -1 : 1);
       break;
     case "end":
-      u[r] += x * (e && h ? -1 : 1);
+      x[r] += u * (e && h ? -1 : 1);
       break;
   }
-  return u;
+  return x;
 }
 const je = async (c, t, e) => {
   const {
@@ -5780,7 +5776,7 @@ const je = async (c, t, e) => {
   }), {
     x: d,
     y: f
-  } = Ft(h, i, l), x = i, u = {}, g = 0;
+  } = Ft(h, i, l), u = i, x = {}, g = 0;
   for (let m = 0; m < a.length; m++) {
     const {
       name: w,
@@ -5794,9 +5790,9 @@ const je = async (c, t, e) => {
       x: d,
       y: f,
       initialPlacement: i,
-      placement: x,
+      placement: u,
       strategy: s,
-      middlewareData: u,
+      middlewareData: x,
       rects: h,
       platform: r,
       elements: {
@@ -5804,27 +5800,27 @@ const je = async (c, t, e) => {
         floating: t
       }
     });
-    d = p ?? d, f = y ?? f, u = {
-      ...u,
+    d = p ?? d, f = y ?? f, x = {
+      ...x,
       [w]: {
-        ...u[w],
+        ...x[w],
         ...b
       }
-    }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
+    }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
       reference: c,
       floating: t,
       strategy: s
     }) : C.rects), {
       x: d,
       y: f
-    } = Ft(h, x, l)), m = -1);
+    } = Ft(h, u, l)), m = -1);
   }
   return {
     x: d,
     y: f,
-    placement: x,
+    placement: u,
     strategy: s,
-    middlewareData: u
+    middlewareData: x
   };
 };
 async function ee(c, t) {
@@ -5841,9 +5837,9 @@ async function ee(c, t) {
     boundary: h = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
-    altBoundary: x = !1,
-    padding: u = 0
-  } = tt(t, c), g = te(u), w = a[x ? f === "floating" ? "reference" : "floating" : f], E = ht(await o.getClippingRect({
+    altBoundary: u = !1,
+    padding: x = 0
+  } = tt(t, c), g = te(x), w = a[u ? f === "floating" ? "reference" : "floating" : f], E = ht(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(a.floating)),
     boundary: h,
     rootBoundary: d,
@@ -5890,17 +5886,17 @@ const qe = (c) => ({
     } = tt(c, t) || {};
     if (h == null)
       return {};
-    const f = te(d), x = {
+    const f = te(d), u = {
       x: e,
       y: i
-    }, u = _t(s), g = Rt(u), m = await r.getDimensions(h), w = u === "y", E = w ? "top" : "left", p = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = o.reference[g] + o.reference[u] - x[u] - o.floating[g], C = x[u] - o.reference[u], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    }, x = _t(s), g = Rt(x), m = await r.getDimensions(h), w = x === "y", E = w ? "top" : "left", p = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = o.reference[g] + o.reference[x] - u[x] - o.floating[g], C = u[x] - o.reference[x], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
     let S = R ? R[y] : 0;
     (!S || !await (r.isElement == null ? void 0 : r.isElement(R))) && (S = a.floating[y] || o.floating[g]);
     const O = b / 2 - C / 2, v = S / 2 - m[g] / 2 - 1, I = j(f[E], v), _ = j(f[p], v), T = I, M = S - m[g] - _, L = S / 2 - m[g] / 2 + O, A = Et(T, L, M), H = !l.arrow && et(s) != null && L !== A && o.reference[g] / 2 - (L < T ? I : _) - m[g] / 2 < 0, D = H ? L < T ? L - T : L - M : 0;
     return {
-      [u]: x[u] + D,
+      [x]: u[x] + D,
       data: {
-        [u]: A,
+        [x]: A,
         centerOffset: L - A - D,
         ...H && {
           alignmentOffset: D
@@ -5925,16 +5921,16 @@ const qe = (c) => ({
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
-        fallbackPlacements: x,
-        fallbackStrategy: u = "bestFit",
+        fallbackPlacements: u,
+        fallbackStrategy: x = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: m = !0,
         ...w
       } = tt(c, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = $(s), p = V(a), y = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = x || (y || !m ? [lt(a)] : Ve(a)), R = g !== "none";
-      !x && R && C.push(...Ge(a, m, g, b));
+      const E = $(s), p = V(a), y = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = u || (y || !m ? [lt(a)] : Ve(a)), R = g !== "none";
+      !u && R && C.push(...Ge(a, m, g, b));
       const S = [a, ...C], O = await ee(t, w), v = [];
       let I = ((i = o.flip) == null ? void 0 : i.overflows) || [];
       if (d && v.push(O[E]), f) {
@@ -5961,7 +5957,7 @@ const qe = (c) => ({
           };
         let H = (T = I.filter((D) => D.overflows[0] <= 0).sort((D, k) => D.overflows[1] - k.overflows[1])[0]) == null ? void 0 : T.placement;
         if (!H)
-          switch (u) {
+          switch (x) {
             case "bestFit": {
               var M;
               const D = (M = I.filter((k) => {
@@ -5998,8 +5994,8 @@ async function Qe(c, t) {
     elements: s
   } = c, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = $(e), a = et(e), l = V(e) === "y", h = Je.has(r) ? -1 : 1, d = o && l ? -1 : 1, f = tt(t, c);
   let {
-    mainAxis: x,
-    crossAxis: u,
+    mainAxis: u,
+    crossAxis: x,
     alignmentAxis: g
   } = typeof f == "number" ? {
     mainAxis: f,
@@ -6010,12 +6006,12 @@ async function Qe(c, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), l ? {
-    x: u * d,
-    y: x * h
+  return a && typeof g == "number" && (x = a === "end" ? g * -1 : g), l ? {
+    x: x * d,
+    y: u * h
   } : {
-    x: x * h,
-    y: u * d
+    x: u * h,
+    y: x * d
   };
 }
 const ti = function(c) {
@@ -6068,11 +6064,11 @@ const ti = function(c) {
       } = tt(c, t), h = {
         x: e,
         y: i
-      }, d = await ee(t, l), f = V($(s)), x = Qt(f);
-      let u = h[x], g = h[f];
+      }, d = await ee(t, l), f = V($(s)), u = Qt(f);
+      let x = h[u], g = h[f];
       if (o) {
-        const w = x === "y" ? "top" : "left", E = x === "y" ? "bottom" : "right", p = u + d[w], y = u - d[E];
-        u = Et(p, u, y);
+        const w = u === "y" ? "top" : "left", E = u === "y" ? "bottom" : "right", p = x + d[w], y = x - d[E];
+        x = Et(p, x, y);
       }
       if (r) {
         const w = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", p = g + d[w], y = g - d[E];
@@ -6080,7 +6076,7 @@ const ti = function(c) {
       }
       const m = a.fn({
         ...t,
-        [x]: u,
+        [u]: x,
         [f]: g
       });
       return {
@@ -6089,7 +6085,7 @@ const ti = function(c) {
           x: m.x - e,
           y: m.y - i,
           enabled: {
-            [x]: o,
+            [u]: o,
             [f]: r
           }
         }
@@ -6258,9 +6254,9 @@ function G(c, t, e, i) {
   const a = fi(o, e, i) ? re(o) : Y(0);
   let l = (s.left + a.x) / r.x, h = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
-    const x = N(o), u = i && B(i) ? N(i) : i;
-    let g = x, m = yt(g);
-    for (; m && i && u !== g; ) {
+    const u = N(o), x = i && B(i) ? N(i) : i;
+    let g = u, m = yt(g);
+    for (; m && i && x !== g; ) {
       const w = U(m), E = m.getBoundingClientRect(), p = X(m), y = E.left + (m.clientLeft + parseFloat(p.paddingLeft)) * w.x, b = E.top + (m.clientTop + parseFloat(p.paddingTop)) * w.y;
       l *= w.x, h *= w.y, d *= w.x, f *= w.y, l += y, h += b, g = N(m), m = yt(g);
     }
@@ -6303,15 +6299,15 @@ function ui(c) {
   }, h = Y(1);
   const d = Y(0), f = K(i);
   if ((f || !f && !o) && ((Z(i) !== "body" || it(r)) && (l = gt(i)), K(i))) {
-    const u = G(i);
-    h = U(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
+    const x = G(i);
+    h = U(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
-  const x = r && !f && !o ? ne(r, l, !0) : Y(0);
+  const u = r && !f && !o ? ne(r, l, !0) : Y(0);
   return {
     width: e.width * h.x,
     height: e.height * h.y,
-    x: e.x * h.x - l.scrollLeft * h.x + d.x + x.x,
-    y: e.y * h.y - l.scrollTop * h.y + d.y + x.y
+    x: e.x * h.x - l.scrollLeft * h.x + d.x + u.x,
+    y: e.y * h.y - l.scrollTop * h.y + d.y + u.y
   };
 }
 function xi(c) {
@@ -6429,14 +6425,14 @@ function bi(c, t, e) {
   }
   if (i || !i && !o)
     if ((Z(t) !== "body" || it(s)) && (a = gt(t)), i) {
-      const u = G(t, !0, o, t);
-      l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
+      const x = G(t, !0, o, t);
+      l.x = x.x + t.clientLeft, l.y = x.y + t.clientTop;
     } else s && h();
   o && !i && s && h();
-  const d = s && !i && !o ? ne(s, a) : Y(0), f = r.left + a.scrollLeft - l.x - d.x, x = r.top + a.scrollTop - l.y - d.y;
+  const d = s && !i && !o ? ne(s, a) : Y(0), f = r.left + a.scrollLeft - l.x - d.x, u = r.top + a.scrollTop - l.y - d.y;
   return {
     x: f,
-    y: x,
+    y: u,
     width: r.width,
     height: r.height
   };
@@ -6512,12 +6508,12 @@ function _i(c, t) {
     const h = c.getBoundingClientRect(), {
       left: d,
       top: f,
-      width: x,
-      height: u
+      width: u,
+      height: x
     } = h;
-    if (a || t(), !x || !u)
+    if (a || t(), !u || !x)
       return;
-    const g = st(f), m = st(s.clientWidth - (d + x)), w = st(s.clientHeight - (f + u)), E = st(d), y = {
+    const g = st(f), m = st(s.clientWidth - (d + u)), w = st(s.clientHeight - (f + x)), E = st(d), y = {
       rootMargin: -g + "px " + -m + "px " + -w + "px " + -E + "px",
       threshold: z(0, j(1, l)) || 1
     };
@@ -6561,14 +6557,14 @@ function Ct(c, t, e, i) {
     }), o && E.addEventListener("resize", e);
   });
   const f = h && a ? _i(h, e) : null;
-  let x = -1, u = null;
-  r && (u = new ResizeObserver((E) => {
+  let u = -1, x = null;
+  r && (x = new ResizeObserver((E) => {
     let [p] = E;
-    p && p.target === h && u && (u.unobserve(t), cancelAnimationFrame(x), x = requestAnimationFrame(() => {
+    p && p.target === h && x && (x.unobserve(t), cancelAnimationFrame(u), u = requestAnimationFrame(() => {
       var y;
-      (y = u) == null || y.observe(t);
+      (y = x) == null || y.observe(t);
     })), e();
-  }), h && !l && u.observe(h), u.observe(t));
+  }), h && !l && x.observe(h), x.observe(t));
   let g, m = l ? G(c) : null;
   l && w();
   function w() {
@@ -6579,7 +6575,7 @@ function Ct(c, t, e, i) {
     var E;
     d.forEach((p) => {
       s && p.removeEventListener("scroll", e), o && p.removeEventListener("resize", e);
-    }), f == null || f(), (E = u) == null || E.disconnect(), u = null, l && cancelAnimationFrame(g);
+    }), f == null || f(), (E = x) == null || E.disconnect(), x = null, l && cancelAnimationFrame(g);
   };
 }
 const ct = ti, dt = ei, Mt = Ze, Si = qe, ft = (c, t, e) => {
@@ -6682,31 +6678,31 @@ let Ti = class {
       placement: t.overflowTooltipPlacement,
       middleware: [dt(), Mt(), ct(6), Si({ element: this.arrowEl })]
     }).then((l) => {
-      const { x: h, y: d, placement: f, middlewareData: x } = l;
+      const { x: h, y: d, placement: f, middlewareData: u } = l;
       if (Object.assign(this.floatingEl.style, {
         top: `${d}px`,
         left: `${h}px`
-      }), x.arrow) {
-        const u = x.arrow;
+      }), u.arrow) {
+        const x = u.arrow;
         ["left", "left-start", "left-end"].includes(f) ? Object.assign(this.arrowEl.style, {
-          top: `${u.y}px`,
+          top: `${x.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
         }) : ["right", "right-start", "right-end"].includes(f) ? Object.assign(this.arrowEl.style, {
-          top: `${u.y}px`,
+          top: `${x.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
         }) : ["bottom", "bottom-start", "bottom-end"].includes(f) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
-          left: `${u.x}px`,
+          left: `${x.x}px`,
           right: ""
         }) : ["top", "top-start", "top-end"].includes(f) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
-          left: `${u.x}px`,
+          left: `${x.x}px`,
           right: ""
         });
       }
@@ -6754,7 +6750,7 @@ class Oi {
         l && (this.ctx.emit("setSelectorCell", l), this.cellTarget = l), this.doneEdit();
         return;
       }
-      if ((t.altKey || t.metaKey) && t.code === "Enter" && this.ctx.editing && this.inputEl) {
+      if ((t.altKey || t.metaKey) && t.key === "Enter" && this.ctx.editing && this.inputEl) {
         t.preventDefault();
         const l = this.inputEl.selectionStart, h = this.inputEl.value.substring(0, l), d = this.inputEl.value.substring(l);
         this.inputEl.value = h + `
@@ -6769,7 +6765,7 @@ class Oi {
         this.ctx.emit("setMoveFocus", "RIGHT");
         return;
       }
-      if (t.code === "Enter" && this.ctx.editing) {
+      if (t.key === "Enter" && this.ctx.editing) {
         if (t.preventDefault(), this.doneEdit(), t.shiftKey) {
           this.ctx.emit("setMoveFocus", "TOP");
           return;
@@ -6777,7 +6773,7 @@ class Oi {
         this.ctx.emit("setMoveFocus", "BOTTOM");
         return;
       }
-      if (t.code === "Enter" && !this.ctx.editing) {
+      if (t.key === "Enter" && !this.ctx.editing) {
         t.preventDefault(), this.startEdit();
         return;
       }
@@ -7012,7 +7008,7 @@ class Mi {
     a.forEach((w) => {
       w.render && (w.fixed === "left" ? h.push(w) : w.fixed === "right" ? d.push(w) : l.push(w));
     });
-    const f = e - i, x = {
+    const f = e - i, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -7023,7 +7019,7 @@ class Mi {
         height: `${r}px`
       },
       cells: h
-    }, u = {
+    }, x = {
       key: "center",
       style: {
         position: "absolute",
@@ -7055,7 +7051,7 @@ class Mi {
         width: `${o}px`,
         height: `${r}px`
       },
-      views: [x, u, g]
+      views: [u, x, g]
     };
   }
   getBody() {
@@ -7070,7 +7066,7 @@ class Mi {
       fixedLeftWidth: o,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: l }
-    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = r - a, x = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = r - a, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -7081,7 +7077,7 @@ class Mi {
         height: `${d}px`
       },
       cells: e
-    }, u = {
+    }, x = {
       key: "center",
       style: {
         position: "absolute",
@@ -7113,7 +7109,7 @@ class Mi {
         width: `${h}px`,
         height: `${d}px`
       },
-      views: [x, u, g]
+      views: [u, x, g]
     };
   }
   getFooter() {
@@ -7138,7 +7134,7 @@ class Mi {
         height: `${h}px`
       },
       cells: e
-    }, x = {
+    }, u = {
       key: "center",
       style: {
         position: "absolute",
@@ -7149,7 +7145,7 @@ class Mi {
         height: `${h}px`
       },
       cells: t
-    }, u = {
+    }, x = {
       key: "right",
       style: {
         position: "absolute",
@@ -7170,7 +7166,7 @@ class Mi {
         width: `${l}px`,
         height: `${h}px`
       },
-      views: [f, x, u]
+      views: [f, u, x]
     };
   }
 }
@@ -7419,8 +7415,8 @@ class Ai {
       const { ENABLE_CONTEXT_MENU: i, CUSTOM_BODY_CONTEXT_MENU: s, CONTEXT_MENU: o } = this.ctx.config, r = [...o, ...s];
       if (!i || r.length === 0) return;
       e.preventDefault();
-      const { xArr: a, yArr: l } = this.ctx.selector, [h, d] = a, [f, x] = l, { rowIndex: u, colIndex: g } = t;
-      u >= f && u <= x && g >= h && g <= d || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new zt(this.contextMenuEl, r, {
+      const { xArr: a, yArr: l } = this.ctx.selector, [h, d] = a, [f, u] = l, { rowIndex: x, colIndex: g } = t;
+      x >= f && x <= u && g >= h && g <= d || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new zt(this.contextMenuEl, r, {
         onClick: (w, E) => {
           E === "copy" ? (this.ctx.emit("contextMenuCopy"), this.hide()) : E === "paste" ? (this.ctx.emit("contextMenuPaste"), this.hide()) : E === "cut" ? (this.ctx.emit("contextMenuCut"), this.hide()) : E === "clearSelected" && (this.ctx.emit("contextMenuClearSelected"), this.hide());
         }
@@ -7436,8 +7432,8 @@ class Ai {
       const { HEADER_CONTEXT_MENU: l, CUSTOM_HEADER_CONTEXT_MENU: h, ENABLE_HEADER_CONTEXT_MENU: d } = this.ctx.config, f = [...l, ...h];
       if (!d || f.length === 0) return;
       e.preventDefault();
-      const { xArr: x } = this.ctx.selector, [u, g] = x, { colIndex: m } = t;
-      m >= u && m <= g || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
+      const { xArr: u } = this.ctx.selector, [x, g] = u, { colIndex: m } = t;
+      m >= x && m <= g || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
       const E = this.ctx.database.getColumns(), p = f.map((y) => y.value === "visible" ? {
         ...y,
         children: this.filterColumns(E)
@@ -7580,11 +7576,11 @@ class Di {
             e.preventDefault(), this.hide();
             return;
           }
-          if (e.code === "ArrowUp" || e.shiftKey && e.code === "Enter") {
+          if (e.code === "ArrowUp" || e.shiftKey && e.key === "Enter") {
             e.preventDefault(), this.navigatePrevious();
             return;
           }
-          if (e.code === "ArrowDown" || e.code === "Enter") {
+          if (e.code === "ArrowDown" || e.key === "Enter") {
             e.preventDefault(), this.navigateNext();
             return;
           }
@@ -7788,6 +7784,12 @@ class Xi {
   getCustomHeader() {
     return this.header.getCustomHeader();
   }
+  showColumns(t, e = !0) {
+    this.ctx.database.setCustomHeaderHideData(t, !e), this.header.init(), this.ctx.emit("draw");
+  }
+  fixedColumns(t, e) {
+    this.ctx.database.setCustomHeaderFixedData(t, e), this.header.init(), this.ctx.emit("draw");
+  }
   setLoading(t) {
     this.ctx.loading = t, t ? this.loading.show() : this.loading.hide();
   }
@@ -7992,9 +7994,6 @@ class Xi {
   clearSort() {
     this.ctx.database.clearSort();
   }
-  clearMaxRowHeight() {
-    this.ctx.database.clearMaxRowHeight();
-  }
   contextMenuHide() {
     this.contextMenu.hide();
   }