e-virt-table 1.3.5 → 1.3.7

package/dist/index.es.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--evt-header-font: 12px normal Arial;--evt-body-font: 12px normal Arial;--evt-color-white: #fff;--evt-color-black: #000000;--evt-color-primary: rgb(82, 146, 247);--evt-text-color-primary: #333;--evt-text-color-regular: #666;--evt-text-color-secondary: #999;--evt-box-shadow: 0 2px 12px 0 #0000001a;--evt-editor-bg-color: #fff;--evt-editor-text-color: #333;--evt-border-color: #e1e6eb;--evt-stripe-color: #fafafa;--evt-placeholder-color: #cdd0dc;--evt-header-bg-color: #f8faff;--evt-body-bg-color: #fff;--evt-header-text-color: #1d2129;--evt-body-text-color: #4e5969;--evt-footer-text-color: #4e5969;--evt-loading-icon-color: #4e5969;--evt-expand-icon-color: #4e5969;--evt-shrink-icon-color: #4e5969;--evt-error-tip-icon-color: red;--evt-required-color: #f56c6c;--evt-cell-hover-icon-bg-color: #fff;--evt-cell-hover-icon-border-color: #dde0ea;--evt-scroller-color: #dee0e3;--evt-scroller-track-color: #fff;--evt-scroller-focus-color: #bbbec4;--evt-select-border-color: var(--evt-color-primary);--evt-select-area-color: rgba(82, 146, 247, .1);--evt-select-row-col-bg-color: rgba(82, 146, 247, .1);--evt-autofill-point-border-color: #fff;--evt-edit-bg-color: #fcf6ed;--evt-checkbox-color: var(--evt-color-primary);--evt-checkbox-uncheck-color: #dde0ea;--evt-checkbox-disabled-color: #f1f2f4;--evt-checkbox-check-disabled-color: #dde0ea;--evt-icon-edit-color: #4e5969;--evt-icon-select-color: #4e5969;--evt-readonly-color: #fff;--evt-readonly-text-color: var(--evt-body-text-color);--evt-error-tip-color: #ed3f14;--evt-footer-bg-color: #fafafa;--evt-highlight-hover-row-color: rgba(186, 203, 231, .1);--evt-highlight-selected-row-color: rgba(82, 146, 247, .1);--evt-tooltip-bg-color: #303133;--evt-tooltip-text-color: #fff;--evt-resize-row-line-color: #e1e6eb;--evt-resize-column-text-color: #fff;--evt-resize-column-text-bg-color: var(--evt-color-primary);--evt-resize-column-line-color: #e1e6eb;--evt-tree-line-color: #e1e6eb;--evt-sort-icon-color: var(--evt-color-primary);--evt-drag-tip-bg-color: rgba(82, 146, 247, .1);--evt-drag-tip-line-color: var(--evt-color-primary);--evt-context-menu-min-width: 150px;--evt-context-menu-max-width: 220px;--evt-context-menu-item-padding: 8px 12px;--evt-context-menu-bg-color: #fff;--evt-context-menu-text-color: #333;--evt-context-menu-item-hover-text-color: var(--evt-color-primary);--evt-context-menu-item-hover-bg-color: #f5f5f5;--evt-context-menu-text-size: 13px}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-body-text-color: #cfd3dc;--evt-readonly-text-color: #cfd3dc;--evt-footer-text-color: #cfd3dc;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc;--evt-context-menu-bg-color: #141414;--evt-context-menu-text-color: #cfd3dc;--evt-context-menu-item-hover-text-color: var(--evt-color-primary);--evt-context-menu-item-hover-bg-color: #414243}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;box-sizing:border-box;z-index:10;border-radius:8px;border:1px solid var(--evt-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--evt-editor-bg-color);border:2px solid var(--evt-color-primary);box-sizing:border-box;box-shadow:var(--evt-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:absolute;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--evt-editor-bg-color);color:var(--evt-editor-text-color);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--evt-text-color-regular);background-color:var(--evt-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--evt-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:6px 24px;color:var(--evt-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--evt-color-primary);background-color:#f5f7fa}.e-virt-table-loading{display:none;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:2000;background-color:#fff6;display:flex;align-items:center;justify-content:center}.e-virt-table-loading-spinner{opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.e-virt-table-loading-spinner svg{color:var(--evt-text-color-regular);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.e-virt-table-loading-text{margin:0;font-size:12px;color:var(--evt-text-color-regular)}.e-virt-table-main-menu,.e-virt-table-submenu{position:absolute;background:var(--evt-context-menu-bg-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:var(--evt-context-menu-min-width);max-width:var(--evt-context-menu-max-width);color:var(--evt-text-color-primary)}.e-virt-table-main-menu{border:1px solid var(--evt-border-color);z-index:3000;left:-99999px;top:-99999px;display:none;position:fixed;background-color:var(--evt-body-bg-color)}.e-virt-table-submenu{border:1px solid var(--evt-border-color);z-index:1000;max-height:350px;overflow-y:auto;opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .2s,visibility .2s,transform .2s;-ms-overflow-style:none;scrollbar-width:none}.e-virt-table-submenu::-webkit-scrollbar{display:none}.e-virt-table-submenu.show{opacity:1;visibility:visible;transform:translate(0)}.e-virt-table-submenu:not(.show){transition:none}.e-virt-table-menu-item,.e-virt-table-submenu-item{position:relative;-webkit-user-select:none;user-select:none;padding:var(--evt-context-menu-item-padding);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s,color .2s;color:var(--evt-context-menu-text-color);font-size:var(--evt-context-menu-text-size)}.e-virt-table-menu-item:last-child,.e-virt-table-submenu-item:last-child{border-bottom:none}.e-virt-table-menu-item:has(.menu-item-icon){padding-left:8px}.menu-item-content{display:flex;align-items:center;flex:1;min-width:0}.menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;flex-shrink:0}.menu-item-icon svg{width:100%;height:100%;fill:currentColor}.menu-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-virt-table-menu-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--evt-text-color-regular);transition:color .2s}.e-virt-table-menu-arrow svg{width:20px;height:20px;fill:currentColor}.e-virt-table-submenu-item:hover,.e-virt-table-menu-item:hover,.e-virt-table-menu-item.active{background:var(--evt-context-menu-item-hover-bg-color);color:var(--evt-context-menu-item-hover-text-color)}.e-virt-table-menu-item.disabled,.e-virt-table-submenu-item.disabled{cursor:not-allowed}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--evt-header-font: 12px normal Arial;--evt-body-font: 12px normal Arial;--evt-color-white: #fff;--evt-color-black: #000000;--evt-color-primary: rgb(82, 146, 247);--evt-text-color-primary: #333;--evt-text-color-regular: #666;--evt-text-color-secondary: #999;--evt-box-shadow: 0 2px 12px 0 #0000001a;--evt-editor-bg-color: #fff;--evt-editor-text-color: #333;--evt-border-color: #e1e6eb;--evt-stripe-color: #fafafa;--evt-placeholder-color: #cdd0dc;--evt-header-bg-color: #f8faff;--evt-body-bg-color: #fff;--evt-header-text-color: #1d2129;--evt-body-text-color: #4e5969;--evt-footer-text-color: #4e5969;--evt-loading-icon-color: #4e5969;--evt-expand-icon-color: #4e5969;--evt-shrink-icon-color: #4e5969;--evt-error-tip-icon-color: red;--evt-required-color: #f56c6c;--evt-cell-hover-icon-bg-color: #fff;--evt-cell-hover-icon-border-color: #dde0ea;--evt-scroller-color: #dee0e3;--evt-scroller-track-color: #fff;--evt-scroller-focus-color: #bbbec4;--evt-select-border-color: var(--evt-color-primary);--evt-select-area-color: rgba(82, 146, 247, .1);--evt-select-row-col-bg-color: rgba(82, 146, 247, .1);--evt-autofill-point-border-color: #fff;--evt-edit-bg-color: #fcf6ed;--evt-checkbox-color: var(--evt-color-primary);--evt-checkbox-uncheck-color: #dde0ea;--evt-checkbox-disabled-color: #f1f2f4;--evt-checkbox-check-disabled-color: #dde0ea;--evt-icon-edit-color: #4e5969;--evt-icon-select-color: #4e5969;--evt-readonly-color: #fff;--evt-readonly-text-color: var(--evt-body-text-color);--evt-error-tip-color: #ed3f14;--evt-footer-bg-color: #fafafa;--evt-highlight-hover-row-color: rgba(186, 203, 231, .1);--evt-highlight-selected-row-color: rgba(82, 146, 247, .1);--evt-tooltip-bg-color: #303133;--evt-tooltip-text-color: #fff;--evt-resize-row-line-color: #e1e6eb;--evt-resize-column-text-color: #fff;--evt-resize-column-text-bg-color: var(--evt-color-primary);--evt-resize-column-line-color: #e1e6eb;--evt-tree-line-color: #e1e6eb;--evt-sort-icon-color: var(--evt-color-primary);--evt-drag-tip-bg-color: rgba(82, 146, 247, .1);--evt-drag-tip-line-color: var(--evt-color-primary);--evt-context-menu-min-width: 150px;--evt-context-menu-max-width: 220px;--evt-context-menu-item-padding: 8px 12px;--evt-context-menu-bg-color: #fff;--evt-context-menu-text-color: #333;--evt-context-menu-item-hover-text-color: var(--evt-color-primary);--evt-context-menu-item-hover-bg-color: #f5f5f5;--evt-context-menu-text-size: 13px}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-body-text-color: #cfd3dc;--evt-readonly-text-color: #cfd3dc;--evt-footer-text-color: #cfd3dc;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc;--evt-context-menu-bg-color: #141414;--evt-context-menu-text-color: #cfd3dc;--evt-context-menu-item-hover-text-color: var(--evt-color-primary);--evt-context-menu-item-hover-bg-color: #414243}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;box-sizing:border-box;z-index:10;border-radius:8px;border:1px solid var(--evt-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--evt-editor-bg-color);border:2px solid var(--evt-color-primary);box-sizing:border-box;box-shadow:var(--evt-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:absolute;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--evt-editor-bg-color);color:var(--evt-editor-text-color);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--evt-text-color-regular);background-color:var(--evt-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--evt-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:6px 24px;color:var(--evt-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--evt-color-primary);background-color:#f5f7fa}.e-virt-table-loading{display:none;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:2000;background-color:#fff6;display:flex;align-items:center;justify-content:center}.e-virt-table-loading-spinner{opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.e-virt-table-loading-spinner svg{color:var(--evt-text-color-regular);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.e-virt-table-loading-text{margin:0;font-size:12px;color:var(--evt-text-color-regular)}.e-virt-table-main-menu,.e-virt-table-submenu{position:absolute;background:var(--evt-context-menu-bg-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:var(--evt-context-menu-min-width);max-width:var(--evt-context-menu-max-width);color:var(--evt-text-color-primary)}.e-virt-table-main-menu{border:1px solid var(--evt-border-color);z-index:3000;left:-99999px;top:-99999px;display:none;position:fixed;background-color:var(--evt-body-bg-color)}.e-virt-table-submenu{border:1px solid var(--evt-border-color);z-index:1000;max-height:350px;overflow-y:auto;opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .2s,visibility .2s,transform .2s;-ms-overflow-style:none;scrollbar-width:none}.e-virt-table-submenu::-webkit-scrollbar{display:none}.e-virt-table-submenu.show{opacity:1;visibility:visible;transform:translate(0)}.e-virt-table-submenu:not(.show){transition:none}.e-virt-table-menu-item,.e-virt-table-submenu-item{position:relative;-webkit-user-select:none;user-select:none;padding:var(--evt-context-menu-item-padding);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s,color .2s;color:var(--evt-context-menu-text-color);font-size:var(--evt-context-menu-text-size)}.e-virt-table-menu-item:last-child,.e-virt-table-submenu-item:last-child{border-bottom:none}.e-virt-table-menu-item:has(.e-virt-table-menu-item-icon){padding-left:8px}.e-virt-table-menu-item-content{display:flex;align-items:center;flex:1;min-width:0}.e-virt-table-menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;flex-shrink:0}.e-virt-table-menu-item-icon svg{width:100%;height:100%;fill:currentColor}.e-virt-table-menu-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-virt-table-menu-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--evt-text-color-regular);transition:color .2s}.e-virt-table-menu-arrow svg{width:20px;height:20px;fill:currentColor}.e-virt-table-submenu-item:hover,.e-virt-table-menu-item:hover,.e-virt-table-menu-item.active{background:var(--evt-context-menu-item-hover-bg-color);color:var(--evt-context-menu-item-hover-text-color)}.e-virt-table-menu-item.disabled,.e-virt-table-submenu-item.disabled{cursor:not-allowed}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 var he = Object.defineProperty;
 var de = (h, t, e) => t in h ? he(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
 var n = (h, t, e) => de(h, typeof t != "symbol" ? t + "" : t, e);
@@ -24,10 +24,10 @@ class fe {
           rowKey: r,
           ...x
         };
-        x.validator(u, c, (w) => {
-          w && e.push({
+        x.validator(u, c, (g) => {
+          g && e.push({
             ...u,
-            message: w
+            message: g
           });
         });
       }
@@ -531,7 +531,7 @@ class bt extends jt {
       return;
     const l = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = l || {};
     this.rowExpand = c, this.rowHasChildren = d;
-    const { TREE_INDENT: u = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: m } = this.ctx.config;
+    const { TREE_INDENT: u = 16, CHECKBOX_SIZE: g, TREE_ICON_SIZE: m } = this.ctx.config;
     if (r = x * u, f) {
       const v = this.ctx.icons.get("loading");
       a = "loading", o = v;
@@ -539,10 +539,10 @@ class bt extends jt {
       const v = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
       o = c ? _ : v, a = c ? "shrink" : "expand";
     }
-    let g = m, E = m, p = this.drawX;
-    (this.align === "center" || this.align === "right") && (p = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
-    let C = p + r + e, b = this.drawY + (this.visibleHeight - E) / 2, y = r + this.drawX + g - 0.5;
-    this.type === "selection-tree" ? (C = r + this.drawSelectionImageX + this.drawSelectionImageWidth, y = C + g - e / 2) : this.type === "tree-selection" ? y = C + w + g - e / 2 : y = C + g - e / 2, this.drawTextX = y, this.drawTextWidth = this.drawX + this.visibleWidth - y, !(C + g + e > this.drawX + this.visibleWidth) && (b + E + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = C, this.drawTreeImageY = b, this.drawTreeImageWidth = g, this.drawTreeImageHeight = E, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
+    let w = m, E = m, p = this.drawX;
+    (this.align === "center" || this.align === "right") && (p = this.drawX + (this.visibleWidth - w - 2 * e) / 2, this.align = "left");
+    let C = p + r + e, b = this.drawY + (this.visibleHeight - E) / 2, y = r + this.drawX + w - 0.5;
+    this.type === "selection-tree" ? (C = r + this.drawSelectionImageX + this.drawSelectionImageWidth, y = C + w - e / 2) : this.type === "tree-selection" ? y = C + g + w - e / 2 : y = C + w - e / 2, this.drawTextX = y, this.drawTextWidth = this.drawX + this.visibleWidth - y, !(C + w + e > this.drawX + this.visibleWidth) && (b + E + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = C, this.drawTreeImageY = b, this.drawTreeImageWidth = w, this.drawTreeImageHeight = E, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
   }
   drawTreeLine() {
     const { TREE_LINE: e, TREE_INDENT: i = 16, TREE_ICON_SIZE: s = 16, TREE_LINE_COLOR: o = "#e1e6eb" } = this.ctx.config;
@@ -551,10 +551,10 @@ class bt extends jt {
     let d = this.drawTreeImageX - a * i;
     const f = Array.isArray(r.parentRowKeys) ? r.parentRowKeys : [];
     if (a > 0) {
-      for (let g = 0; g < a - 1; g += 1) {
-        const E = f[g + 1];
+      for (let w = 0; w < a - 1; w += 1) {
+        const E = f[w + 1];
         if (!!(E ? this.ctx.database.getRowForRowKey(E) || {} : {}).isLastChild) continue;
-        const b = Math.round(this.drawTreeImageX - (a - g) * i + s / 2);
+        const b = Math.round(this.drawTreeImageX - (a - w) * i + s / 2);
         this.ctx.paint.drawLine([b, this.drawY, b, this.drawY + this.visibleHeight], {
           borderColor: o,
           borderWidth: 1,
@@ -562,8 +562,8 @@ class bt extends jt {
           lineDashOffset: 0
         });
       }
-      const x = Math.round(this.drawTreeImageX - i + s / 2), w = !!r.isLastChild ? c : this.drawY + this.visibleHeight;
-      this.ctx.paint.drawLine([x, this.drawY, x, w], {
+      const x = Math.round(this.drawTreeImageX - i + s / 2), g = !!r.isLastChild ? c : this.drawY + this.visibleHeight;
+      this.ctx.paint.drawLine([x, this.drawY, x, g], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -601,7 +601,7 @@ class bt extends jt {
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
       HIGHLIGHT_HOVER_ROW: x,
       HIGHLIGHT_HOVER_ROW_COLOR: u,
-      STRIPE: w,
+      STRIPE: g,
       STRIPE_COLOR: m
     } = this.ctx.config;
     if (this.cellType === "footer") {
@@ -619,16 +619,16 @@ class bt extends jt {
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = S;
       return;
     }
-    let g = "transparent";
+    let w = "transparent";
     const E = this.ctx.hoverCell, p = this.ctx.currentCell;
     let C = this.rowIndex, b = this.rowIndex;
     if (this.rowspan !== 1 && (x || d)) {
       const _ = this.getSpanInfo(), { yArr: S } = _;
       C = S[0], b = S[1];
     }
-    x && E && (E.rowKey === this.rowKey && (g = u), E.rowIndex >= C && E.rowIndex <= b && (g = u)), d && p && (p.rowKey === this.rowKey && (g = f), p.rowIndex >= C && p.rowIndex <= b && (g = f)), this.drawCellSkyBgColor = g;
+    x && E && (E.rowKey === this.rowKey && (w = u), E.rowIndex >= C && E.rowIndex <= b && (w = u)), d && p && (p.rowKey === this.rowKey && (w = f), p.rowIndex >= C && p.rowIndex <= b && (w = f)), this.drawCellSkyBgColor = w;
     let y = e, v = a;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, v = r), w && (this.rowIndex % 2 ? y = m : y = e), typeof s == "function") {
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, v = r), g && (this.rowIndex % 2 ? y = m : y = e), typeof s == "function") {
       const _ = s, { backgroundColor: S, color: I, font: R } = _({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -648,22 +648,22 @@ class bt extends jt {
     const d = this.ctx.database.getRowSelectable(c), { 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, m = this.drawY + (i - f) / 2;
+    let g = u, m = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
         const { TREE_INDENT: p = 16, TREE_ICON_SIZE: C } = this.ctx.config, b = this.ctx.database.getRowForRowKey(c), { level: y = 0 } = b || {}, v = y * p;
-        w = u + C + v;
+        g = u + C + v;
       }
     }
-    let g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck";
+    let w = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck";
     if (a === "selection-tree" || a === "tree-selection") {
       const p = this.ctx.database.getTreeSelectionState(c);
-      p.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), E = "checkbox-indeterminate") : p.checked && d ? (g = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : !p.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
+      p.indeterminate && d ? (w = this.ctx.icons.get("checkbox-indeterminate"), E = "checkbox-indeterminate") : p.checked && d ? (w = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : !p.checked && d ? (w = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
     } else {
       const p = this.ctx.database.getRowSelection(c);
-      p && d ? (g = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : p && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), E = "checkbox-check-disabled") : !p && d ? (g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
+      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");
     }
-    w + 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 = w, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = g));
+    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));
   }
   updateHoverIcon() {
     if (this.ctx.database.getReadonly(this.rowKey, this.key))
@@ -683,10 +683,10 @@ class bt extends jt {
     if (this.hoverIconName && !this.ctx.editing && a) {
       let l = 0, c = 0;
       if (a.rowKey === this.rowKey && (l = this.drawX + this.width - s - o, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
-        const f = this.getSpanInfo(), { yArr: x } = f, u = x[0], w = x[1];
-        if (a.rowIndex >= u && a.rowIndex <= w) {
-          const { width: m, height: g, offsetTop: E, offsetLeft: p } = f;
-          l = this.drawX - p + m - s - o, c = this.drawY - E + (g - s) / 2;
+        const f = this.getSpanInfo(), { yArr: x } = f, u = x[0], g = x[1];
+        if (a.rowIndex >= u && a.rowIndex <= g) {
+          const { width: m, height: w, offsetTop: E, offsetLeft: p } = f;
+          l = this.drawX - p + m - s - o, c = this.drawY - E + (w - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
@@ -959,13 +959,13 @@ class bt extends jt {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: l } = this;
     let c = i, d = s;
-    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: w = 1, borderColor: m, fillColor: g } = e, E = f[0], p = f[1], C = x[0], b = x[1];
+    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: m, fillColor: w } = e, E = f[0], p = f[1], C = x[0], b = x[1];
     if (r >= E && r <= p && o === C) {
       const y = r === p ? 1 : 0, v = r === E ? 1 : 0;
       this.ctx.paint.drawLine([c + v, d + 1, c + l - y, d + 1], {
         borderColor: m,
-        fillColor: g,
-        borderWidth: w,
+        fillColor: w,
+        borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
@@ -975,8 +975,8 @@ class bt extends jt {
       const y = o === C ? 1 : 0, v = o === b ? 1 : 0;
       this.ctx.paint.drawLine([c + l - 1, d + y, c + l - 1, d + a - v], {
         borderColor: m,
-        fillColor: g,
-        borderWidth: w,
+        fillColor: w,
+        borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
@@ -986,8 +986,8 @@ class bt extends jt {
       const y = r === p ? 1 : 0, v = r === E ? 1 : 0;
       this.ctx.paint.drawLine([c + v, d + a - 1, c + l - y, d + a - 1], {
         borderColor: m,
-        fillColor: g,
-        borderWidth: w,
+        fillColor: w,
+        borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
@@ -997,8 +997,8 @@ class bt extends jt {
       const y = o === b ? 1 : 0, v = o === C ? 1 : 0;
       this.ctx.paint.drawLine([c + 1, d + v, c + 1, d + a - y], {
         borderColor: m,
-        fillColor: g,
-        borderWidth: w,
+        fillColor: w,
+        borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: u
@@ -1032,6 +1032,8 @@ class ye {
       resizableData: {}
     });
     n(this, "overlayerAutoHeightMap", /* @__PURE__ */ new Map());
+    n(this, "maxRowHeightMap", /* @__PURE__ */ new Map());
+    // 记录每行的最大渲染高度（按 rowKey 存储）
     n(this, "bufferCheckState", {
       buffer: !1,
       check: !1,
@@ -1049,7 +1051,7 @@ class ye {
   }
   // 初始化默认不忽略清空改变值和校验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.ctx.paint.clearTextCache(), this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear(), this.maxRowHeightMap.clear();
     const e = this.getColumns(), i = Q(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();
@@ -1075,9 +1077,9 @@ class ye {
       var p;
       const { ROW_KEY: a = "", DEFAULT_EXPAND_ALL: l, CELL_HEIGHT: c, SELECTABLE_METHOD: d, CHECKBOX_KEY: f } = this.ctx.config, x = o[a], u = x != null ? `${x}` : zt();
       this.itemRowKeyMap.set(o, u);
-      const w = o._height || c, m = o._readonly;
-      let g = !0;
-      if (typeof d == "function" && (g = d), f) {
+      const g = o._height || c, m = o._readonly;
+      let w = !0;
+      if (typeof d == "function" && (w = d), f) {
         const C = o[f];
         if (this.checkboxKeyMap.has(C)) {
           const b = this.checkboxKeyMap.get(C) || [];
@@ -1096,10 +1098,10 @@ class ye {
         index: r,
         rowIndex: r,
         level: e,
-        height: w,
+        height: g,
         calculatedHeight: -1,
         check: !1,
-        selectable: g,
+        selectable: w,
         expand: E,
         expandLazy: !1,
         hasChildren: o._hasChildren || (Array.isArray(o.children) ? o.children.length > 0 : !1),
@@ -1139,10 +1141,19 @@ class ye {
       const o = this.rowIndexRowKeyMap.get(i);
       if (o) {
         const r = this.rowKeyMap.get(o);
-        r.calculatedHeight = s;
+        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);
+        }
       }
     }), this.clearBufferData(), this.getData(), this.ctx.emit("draw"));
   }
+  /**
+   * 清除最大行高记录
+   */
+  clearMaxRowHeight() {
+    this.maxRowHeightMap.clear(), this.clearBufferData(), this.getData(), this.ctx.emit("draw");
+  }
   /**
    * 获取所有行数据（平铺）
    * @returns 获取转化平铺数据
@@ -1158,15 +1169,15 @@ class ye {
   }
   generateColumns(t) {
     const e = (i) => i.map((s) => {
-      var l, c, d, f, x, u, w, m;
+      var l, c, d, f, x, u, g, m;
       const o = s.children && Array.isArray(s.children) ? e(s.children) : void 0, r = {
         hide: (c = (l = this.customHeader) == null ? void 0 : l.hideData) == null ? void 0 : c[s.key],
         fixed: (f = (d = this.customHeader) == null ? void 0 : d.fixedData) == null ? void 0 : f[s.key],
         sort: (u = (x = this.customHeader) == null ? void 0 : x.sortData) == null ? void 0 : u[s.key],
-        width: (m = (w = this.customHeader) == null ? void 0 : w.resizableData) == null ? void 0 : m[s.key]
+        width: (m = (g = this.customHeader) == null ? void 0 : g.resizableData) == null ? void 0 : m[s.key]
       }, a = {};
-      for (const [g, E] of Object.entries(r))
-        E !== void 0 && (a[g] = E);
+      for (const [w, E] of Object.entries(r))
+        E !== void 0 && (a[w] = E);
       return {
         ...s,
         children: o,
@@ -1201,7 +1212,12 @@ class ye {
     const i = (o) => {
       o.forEach((r) => {
         t.push(r);
-        const a = this.itemRowKeyMap.get(r), { expand: l, hasChildren: c, height: d, calculatedHeight: f } = this.rowKeyMap.get(a), x = this.sumHeight, u = Math.max(f, d);
+        const a = this.itemRowKeyMap.get(r), { expand: l, hasChildren: c, 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,
@@ -1407,54 +1423,54 @@ class ye {
   async batchSetItemValue(t, e = !1, i = !0, s = "none") {
     let o = [], r = i;
     const a = /* @__PURE__ */ new Set();
-    let l = [], c = t.map((w) => {
-      const { rowKey: m, key: g } = w;
-      let E = w.value, p = E;
-      const C = this.getRowDataItemForRowKey(m), b = this.getItemValue(m, g), y = this.getVirtualBodyCellByKey(m, g);
+    let l = [], c = t.map((g) => {
+      const { rowKey: m, key: w } = g;
+      let E = g.value, p = E;
+      const C = this.getRowDataItemForRowKey(m), b = this.getItemValue(m, w), y = this.getVirtualBodyCellByKey(m, w);
       return (y == null ? void 0 : y.type) === "number" && (["", void 0, null].includes(E) ? p = null : /^-?\d+(\.\d+)?$/.test(`${E}`) ? p = Number(E) : (p = b, l.push({
-        ...w,
+        ...g,
         value: p,
         oldValue: b,
         row: C
       }))), {
-        ...w,
+        ...g,
         value: p,
         oldValue: b,
         row: C
       };
     });
-    if (c = c.filter((w) => !l.some((m) => w.rowKey === m.rowKey && w.key === m.key)), l.length) {
-      const w = {
+    if (c = c.filter((g) => !l.some((m) => g.rowKey === m.rowKey && g.key === m.key)), l.length) {
+      const g = {
         code: "ERR_BATCH_SET_NUMBER_VALUE",
         message: "Assignment failed, not a numeric type",
         data: l
       };
-      this.ctx.emit("error", w);
+      this.ctx.emit("error", g);
     }
-    if (c = c.filter((w) => w.oldValue !== w.value), !c.length)
+    if (c = c.filter((g) => g.oldValue !== g.value), !c.length)
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
-    s === "none" && typeof d == "function" && (c = await d(c), r = !1), c.forEach((w) => {
-      const { value: m, rowKey: g, key: E } = w, p = this.getItemValue(g, E);
-      a.add(g), this.setItemValue(g, E, m, !1, !1, !1, r), o.push({
-        rowKey: g,
+    s === "none" && typeof d == "function" && (c = await d(c), r = !1), c.forEach((g) => {
+      const { value: m, rowKey: w, key: E } = g, p = this.getItemValue(w, E);
+      a.add(w), this.setItemValue(w, E, m, !1, !1, !1, r), o.push({
+        rowKey: w,
         key: E,
         oldValue: p,
         newValue: m
       });
     });
     let f = [];
-    a.forEach((w) => {
-      f.push(this.ctx.database.getRowDataItemForRowKey(w));
+    a.forEach((g) => {
+      f.push(this.ctx.database.getRowDataItemForRowKey(g));
     });
-    const x = c.map(({ rowKey: w, key: m }) => this.getValidator(w, m));
+    const x = c.map(({ rowKey: g, key: m }) => this.getValidator(g, m));
     Promise.all(x).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
     });
-    const u = c.map((w) => {
-      const m = !!this.getValidationError(w.rowKey, w.key).length;
+    const u = c.map((g) => {
+      const m = !!this.getValidationError(g.rowKey, g.key).length;
       return {
-        ...w,
+        ...g,
         errorTip: m
       };
     });
@@ -1491,15 +1507,15 @@ class ye {
     this.originalDataMap.has(f) || this.originalDataMap.set(f, c);
     const x = this.originalDataMap.get(f), u = this.getRowDataItemForRowKey(t);
     if (r) {
-      const w = this.getVirtualBodyCellByKey(t, e);
-      if ((w == null ? void 0 : w.type) === "number")
+      const g = this.getVirtualBodyCellByKey(t, e);
+      if ((g == null ? void 0 : g.type) === "number")
         if (["", void 0, null].includes(i))
           d = null;
         else if (/^-?\d+(\.\d+)?$/.test(`${i}`))
           d = Number(i);
         else {
           d = c;
-          const g = {
+          const w = {
             code: "ERR_SET_NUMBER_VALUE",
             message: "Assignment failed, not a numeric type",
             data: [
@@ -1512,7 +1528,7 @@ class ye {
               }
             ]
           };
-          this.ctx.emit("error", g);
+          this.ctx.emit("error", w);
         }
       if (d === c)
         return {
@@ -1661,23 +1677,23 @@ class ye {
       return { checked: s, indeterminate: !1 };
     let r = !1, a = s;
     if (this.ctx.config.TREE_SELECT_MODE === "auto") {
-      const c = (g) => {
-        const E = this.getTreeChildren(g);
+      const c = (w) => {
+        const E = this.getTreeChildren(w);
         let p = [];
         for (const C of E)
           p.push(C), p.push(...c(C));
         return p;
-      }, f = c(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), a = s || w, s && u > 0 && x === 0 && (a = !1, r = !1);
+      }, f = c(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);
     } else if (this.ctx.config.TREE_SELECT_MODE === "cautious") {
-      const c = (g) => {
-        const E = this.getTreeChildren(g);
+      const c = (w) => {
+        const E = this.getTreeChildren(w);
         let p = [];
         for (const C of E)
           p.push(C), p.push(...c(C));
         return p;
-      }, f = c(t).map((g) => this.selectionMap.get(g)), x = f.filter((g) => g == null ? void 0 : g.check).length, u = f.length, w = x > 0, m = x === u;
-      r = w && !m, a = s || m, s && u > 0 && x === 0 && (a = !1, r = !1);
+      }, f = c(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);
     } else this.ctx.config.TREE_SELECT_MODE === "strictly" && (r = !1, a = s);
     return { checked: a, indeterminate: r };
   }
@@ -1782,11 +1798,11 @@ class ye {
     this.rowKeyMap.forEach((x, u) => {
       var m;
       (m = this.selectionMap.get(u)) != null && m.check && (s += 1);
-      let w = x.selectable;
-      typeof w == "function" && (w = w({
+      let g = x.selectable;
+      typeof g == "function" && (g = g({
         row: x.item,
         rowIndex: x.rowIndex
-      })), w && (o += 1);
+      })), g && (o += 1);
     });
     const l = r > i && s === 0 && a, c = o && o > s && s > 0 || l, d = o !== 0, f = !!o && o === s;
     return this.bufferCheckState = {
@@ -1964,7 +1980,7 @@ class ye {
       height: f,
       width: x,
       colspan: u,
-      mergeRow: w,
+      mergeRow: g,
       mergeCol: m
     } = t;
     if (d === 1 && u === 1)
@@ -1986,8 +2002,8 @@ class ye {
           }
         ]
       };
-    let g = e, E = e, p = a, C = a, b = [], y = 0, v = 0, _ = 0, S = 0;
-    if (d !== 1 && w) {
+    let w = e, E = e, p = a, C = a, b = [], y = 0, v = 0, _ = 0, S = 0;
+    if (d !== 1 && g) {
       S = x;
       const I = l.reduce((R, T) => {
         const O = this.getItemValue(s, T) ?? "";
@@ -1999,7 +2015,7 @@ class ye {
           return `${M}${A}`;
         }, "");
         if (I === O)
-          g = R;
+          w = R;
         else
           break;
       }
@@ -2013,11 +2029,11 @@ class ye {
         else
           break;
       }
-      for (let R = g; R < e; R++) {
+      for (let R = w; R < e; R++) {
         const { height: T } = this.positions[R];
         y += T;
       }
-      for (let R = g; R <= E; R++) {
+      for (let R = w; R <= E; R++) {
         const { height: T } = this.positions[R];
         _ += T;
         const O = this.rowIndexRowKeyMap.get(R) || "", { item: M } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
@@ -2071,7 +2087,7 @@ class ye {
     }
     return {
       xArr: [p, C],
-      yArr: [g, E],
+      yArr: [w, E],
       rowspan: d,
       colspan: u,
       height: _,
@@ -2081,25 +2097,25 @@ class ye {
       dataList: b
     };
   }
-  setValidationErrorByRowIndex(t, e, i) {
-    const s = this.rowIndexRowKeyMap.get(t), o = `${s}​_${e}`, r = this.getRowForRowIndex(t), a = this.getColumnByKey(e);
-    if (!s || !a || !r)
+  setValidationErrorByRowKey(t, e, i) {
+    const s = `${t}​_${e}`, o = this.getRowForRowKey(t), r = o == null ? void 0 : o.rowIndex, a = this.getColumnByKey(e);
+    if (!t || !a || !o)
       return;
-    const l = this.getItemValue(s, e), c = [
+    const l = this.getItemValue(t, e), c = [
       {
         key: e,
-        rowKey: s,
-        rowIndex: t,
+        rowKey: t,
+        rowIndex: r,
         colIndex: a.colIndex,
         column: a.column,
-        row: r,
+        row: o,
         value: l,
         message: i,
         field: e,
         fieldValue: l
       }
     ];
-    this.validationErrorMap.set(o, c);
+    this.validationErrorMap.set(s, c);
   }
   setValidationError(t, e, i) {
     const s = `${t}​_${e}`;
@@ -2296,7 +2312,7 @@ class Ie {
     this.ctx.emit("resetHeader", t), this.ctx.emit("resize", t);
   }
   handleMouseDown(t) {
-    this.clearDomSelection(), t.button === 0 && (this.ctx.mousedown = !0), this.ctx.containerElement.focus({ preventScroll: !0 }), this.ctx.emit("mousedown", t);
+    this.clearDomSelection(), t.button === 0 && (this.ctx.mousedown = !0), this.ctx.emit("mousedown", t);
   }
   handleMousemove(t) {
     const e = t, i = this.ctx.containerElement.getBoundingClientRect(), s = e.clientX - i.left, o = e.clientY - i.top;
@@ -2495,12 +2511,12 @@ class ve {
       verticalAlign: f = "middle",
       maxLineClamp: x = 1,
       autoRowHeight: u = !1,
-      offsetLeft: w = 0,
+      offsetLeft: g = 0,
       offsetRight: m = 0
     } = r;
     if (this.ctx.font = a, this.ctx.fillStyle = c, this.ctx.textAlign = l, ["", null, void 0].includes(t))
       return this.ctx.restore(), !1;
-    const E = parseInt(((R = a.match(/\d+/)) == null ? void 0 : R[0]) || "12") * (r.lineHeight || 1.2), p = s - d * 2 - w - m;
+    const E = parseInt(((R = a.match(/\d+/)) == null ? void 0 : R[0]) || "12") * (r.lineHeight || 1.2), p = s - d * 2 - g - m;
     let C = !1;
     const b = Math.round((o - 2 * d) / E);
     let y = this.wrapText(t, p, r.cacheTextKey), v = Math.min(y.length, Math.max(b, 1));
@@ -2508,7 +2524,7 @@ class ve {
     let _ = i + d;
     const S = Math.round(v * E);
     f === "middle" ? _ = i + (o - S) / 2 : f === "bottom" && (_ = i + o - S - d);
-    let I = e + d + w;
+    let I = e + d + g;
     l === "center" ? I = e + s / 2 : l === "right" && (I = e + s - d - m);
     for (let T = 0; T < y.length; T++) {
       const O = y[T], M = _ + T * E;
@@ -2584,8 +2600,8 @@ class ve {
     } = 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, c);
-    let w = 1;
-    return l === "auto" ? w = u.length : u.length > l ? w = l : w = u.length, this.ctx.restore(), Math.max(Math.floor(w * f + o * 2), Math.floor(d + o * 2));
+    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));
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     this.ctx.save();
@@ -2835,6 +2851,10 @@ class Dt {
     n(this, "ENABLE_MERGE_CELL_LINK", !1);
     /** 启用填充器 */
     n(this, "ENABLE_AUTOFILL", !1);
+    /** 启用选择器-批量跨列选择 */
+    n(this, "ENABLE_AUTOFILL_SPAN_COL", !0);
+    /** 启用选择器-批量跨行选择 */
+    n(this, "ENABLE_AUTOFILL_SPAN_ROW", !0);
     /** 启用body右键菜单 */
     n(this, "ENABLE_CONTEXT_MENU", !1);
     /** 启用表头右键菜单 */
@@ -2913,6 +2933,8 @@ class Dt {
     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 格子样式 */
@@ -3340,8 +3362,8 @@ class Oe {
     this.ctx = t, this.init();
   }
   init() {
-    this.resizeObserver = new ResizeObserver(() => {
-      this.ctx.emit("resetHeader"), this.ctx.emit("resizeObserver");
+    this.resizeObserver = new ResizeObserver((t) => {
+      this.ctx.emit("resetHeader"), this.ctx.emit("resizeObserver", t), this.ctx.emit("containerResize", this.ctx.containerElement);
     }), this.resizeObserver.observe(this.ctx.containerElement), this.mutationObserver = new MutationObserver((t) => {
       for (const e of t)
         e.type === "attributes" && e.attributeName === "class" && (this.ctx.config.updateCssVar(), this.ctx.emit("draw"));
@@ -3485,10 +3507,10 @@ class Oe {
         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);
+      }).then((g) => {
+        this.ctx.database.setExpandChildren(t.rowKey, g), this.ctx.database.expandLoading(t.rowKey, !1), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
+      }).catch((g) => {
+        this.ctx.database.expandLoading(t.rowKey, !1), console.error(g);
       }));
     else {
       const u = this.ctx.database.getIsExpand(t.rowKey);
@@ -3673,6 +3695,8 @@ class Le {
     // 自动填充移动中
     n(this, "selectorMove", !1);
     // 选择器移动中
+    n(this, "disableHoverIconClick", !1);
+    // 禁用hoverIconClick,防止填充选择器移动时，触发hoverIconClick
     n(this, "selectColsIng", !1);
     // 选择列中
     n(this, "selectRowsIng", !1);
@@ -4002,8 +4026,8 @@ class Xt {
     } = this.ctx, l = s, c = i, d = e.height, f = e.width, x = t.height, u = this.ctx.footer.height;
     if (this.type === "vertical") {
       this.visibleDistance = c - o - d, this.distance = x - this.visibleDistance + u, this.trackX = l - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = c, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
-      const w = this.distance ? this.visibleDistance / (x + u) : 0;
-      let m = Math.floor(w * this.visibleDistance);
+      const g = this.distance ? this.visibleDistance / (x + u) : 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 {
       this.visibleDistance = l - o, this.distance = f - this.visibleDistance, this.splitPoints = [
@@ -4012,11 +4036,11 @@ class Xt {
         l - o,
         c
       ];
-      const w = a ? 0 : 0.5;
-      this.trackX = 0, this.trackY = c - o + w, this.trackWidth = l, this.trackHeight = o;
+      const g = a ? 0 : 0.5;
+      this.trackX = 0, this.trackY = c - o + g, this.trackWidth = l, this.trackHeight = o;
       const m = this.distance ? this.visibleDistance / f : 0;
-      let g = Math.floor(m * this.visibleDistance);
-      this.barY = this.trackY - 1 + (o - r) / 2, g < 30 ? g = 30 : g >= this.visibleDistance && (g = 0), this.barWidth = g, this.barHeight = r, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      let w = Math.floor(m * this.visibleDistance);
+      this.barY = this.trackY - 1 + (o - r) / 2, w < 30 ? w = 30 : w >= this.visibleDistance && (w = 0), this.barWidth = w, this.barHeight = r, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
   draw() {
@@ -4245,8 +4269,8 @@ class He {
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [], this.visibleHeight = this.height, this.visibleColumns = $t(i);
     const s = rt(this.visibleColumns), o = Q(this.visibleColumns);
     this.height = t * s, this.width = o.reduce((f, x) => {
-      const u = x.width || 100, { maxWidth: w, minWidth: m } = x;
-      return w && u > w ? f + w : m && u < m ? f + m : f + u;
+      const u = x.width || 100, { maxWidth: g, minWidth: m } = x;
+      return g && u > g ? f + g : m && u < m ? f + m : f + u;
     }, 0), this.columnIndex = 0, this.resizeNum = 0;
     const r = ue(nt(this.visibleColumns, s));
     this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
@@ -4294,7 +4318,7 @@ class He {
           const { offsetX: r, offsetY: a } = this.ctx.getOffset(t), l = r, c = a, d = o.getDrawX(), f = o.getDrawY();
           if (l > d + o.width - 5 && l < d + o.width + 4 && l < e - 4 && // 视窗中最后一列不允许调整宽
           c > f) {
-            const x = o.colIndex + o.colspan - 1, u = this.leafCellHeaders.find((w) => w.colIndex === x);
+            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)
               return;
             this.ctx.isTarget(t) && a <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = u);
@@ -4418,7 +4442,7 @@ class He {
     for (let r = 0; r < i; r++) {
       const a = t[r], l = o * (a.rowspan || 0), c = 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 = Q(a.children).reduce((m, g) => m + ((g == null ? void 0 : g.width) || 100), 0));
+      d && x < d && (x = d), f && x > f && (x = f), a.children && (x = Q(a.children).reduce((m, w) => m + ((w == null ? void 0 : w.width) || 100), 0));
       const u = new mt(this.ctx, this.columnIndex, s, c, 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;
     }
@@ -4646,18 +4670,18 @@ class De {
     if (!e.width)
       return;
     this.x = 0, x === "top" && o ? this.y = e.height + i.height : this.y = e.height;
-    const { data: u, sumHeight: w } = s.getData();
-    this.height = w, this.data = u, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
+    const { data: u, sumHeight: g } = s.getData();
+    this.height = g, this.data = u, 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 g = this.height + e.height + r;
-    g += m;
-    let E = g;
+    let w = this.height + e.height + r;
+    w += m;
+    let E = w;
     const p = window.innerHeight, { top: C } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
     if (p > C && d && !a) {
       const O = p - C - f;
-      O > e.height + r ? E = O : g > c && (E = c);
-    } else this.data.length && a ? E = a : this.data.length && c && g > c && (E = c);
+      O > e.height + r ? E = O : w > c && (E = c);
+    } else this.data.length && a ? E = a : this.data.length && c && w > c && (E = c);
     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;
@@ -4714,8 +4738,8 @@ class De {
           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 w = f.cells[u];
-              o > w.drawX + 10 && o < w.drawX + w.width - 10 && w.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = f);
+              const g = f.cells[u];
+              o > g.drawX + 10 && o < g.drawX + g.width - 10 && g.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = f);
             }
         }
       }
@@ -4798,8 +4822,8 @@ class De {
     this.headIndex = Math.max(0, l), this.tailIndex = Math.min(this.ctx.maxRowIndex, c + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const d = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
-      const x = this.headIndex + f, u = this.visibleRows[f], { height: w, top: m } = this.ctx.database.getPositionForRowIndex(x), g = new Zt(this.ctx, x, 0, m + this.y, t.width, w, u);
-      d.push(g);
+      const x = this.headIndex + f, u = this.visibleRows[f], { height: g, top: m } = this.ctx.database.getPositionForRowIndex(x), w = new Zt(this.ctx, x, 0, m + this.y, t.width, g, u);
+      d.push(w);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
   }
@@ -4944,7 +4968,7 @@ class ke {
     }), this.ctx.on("mouseup", () => {
       this.ctx.selectorMove = !1, this.ctx.stopAdjustPosition();
       const t = setTimeout(() => {
-        this.ctx.adjustPositioning = !1, clearTimeout(t);
+        this.ctx.adjustPositioning = !1, this.ctx.disableHoverIconClick = !1, clearTimeout(t);
       }, 0);
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
       this.ctx.mousedown && this.selectCols(t);
@@ -5020,7 +5044,7 @@ class ke {
       o = [a, a];
     }
     if (JSON.stringify(this.ctx.selector.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.selector.yArr) !== JSON.stringify(r)) {
-      this.ctx.mousedown && (this.ctx.selectorMove = !0), this.ctx.selector.enable = !0;
+      this.ctx.mousedown && (this.ctx.selectorMove = !0, this.ctx.disableHoverIconClick = !0), this.ctx.selector.enable = !0;
       const {
         SELECTOR_AREA_MIN_X: a,
         SELECTOR_AREA_MAX_X: l,
@@ -5028,15 +5052,15 @@ class ke {
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = a, w = l || this.ctx.maxColIndex - f, m = c, g = d || this.ctx.maxRowIndex - x;
+      } = this.ctx.config, u = a, g = l || this.ctx.maxColIndex - f, m = c, w = d || this.ctx.maxRowIndex - x;
       let [E, p] = o, [C, b] = r;
-      if (E < u || p > w || C < m || b > g)
+      if (E < u || p > g || C < m || b > w)
         return;
-      if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
+      if (this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const v = this.adjustMergeCells(o, r);
         C = v.yArr[0], b = v.yArr[1], E = v.xArr[0], p = v.xArr[1], this.ctx.onlyMergeCell = v.onlyMergeCell;
       }
-      E === p && C === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, E), Math.min(w, p)], r = [Math.max(m, C), Math.min(g, b)];
+      E === p && C === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, E), Math.min(g, p)], r = [Math.max(m, C), Math.min(w, b)];
       const { BEFORE_SET_SELECTOR_METHOD: y } = this.ctx.config;
       if (typeof y == "function") {
         const _ = y({
@@ -5052,7 +5076,7 @@ class ke {
     }
   }
   adjustMergeCells(t, e) {
-    var w;
+    var g;
     const [i, s] = e, [o, r] = t;
     if (s === this.ctx.maxRowIndex && i === 0 || r === this.ctx.maxColIndex && o === 0)
       return {
@@ -5062,13 +5086,13 @@ class ke {
       };
     let a = [], l = [];
     for (let m = 0; m <= e[1] - e[0]; m++)
-      for (let g = 0; g <= t[1] - t[0]; g++) {
-        const E = m + e[0], p = g + t[0], C = this.ctx.database.getVirtualBodyCell(E, p);
+      for (let w = 0; w <= t[1] - t[0]; w++) {
+        const E = m + e[0], p = w + t[0], C = this.ctx.database.getVirtualBodyCell(E, p);
         C && ((E === i || E === s) && a.push(C), (p === o || p === r) && l.push(C));
       }
     const c = a.reduce(
-      (m, g) => {
-        const { yArr: E } = g.getSpanInfo(), [p, C] = E;
+      (m, w) => {
+        const { yArr: E } = w.getSpanInfo(), [p, C] = E;
         return m.minY = Math.min(m.minY, p), m.maxY = Math.max(m.maxY, C), m;
       },
       {
@@ -5076,8 +5100,8 @@ class ke {
         maxY: s
       }
     ), d = l.reduce(
-      (m, g) => {
-        const { xArr: E } = g.getSpanInfo(), [p, C] = E;
+      (m, w) => {
+        const { xArr: E } = w.getSpanInfo(), [p, C] = E;
         return m.minX = Math.min(m.minX, p), m.maxX = Math.max(m.maxX, C), m;
       },
       {
@@ -5087,8 +5111,8 @@ class ke {
     ), f = [d.minX, d.maxX], x = [c.minY, c.maxY];
     let u = !1;
     if (d.minX !== d.maxX || c.minY !== c.maxY) {
-      const m = 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)) === m;
+      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;
     }
     return {
       xArr: f,
@@ -5123,8 +5147,8 @@ class ke {
         SELECTOR_AREA_MAX_Y: r,
         SELECTOR_AREA_MAX_X_OFFSET: a,
         SELECTOR_AREA_MAX_Y_OFFSET: l
-      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = o, x = r || this.ctx.maxRowIndex - l, u = [c, d], w = [f, x];
-      this.setSelector(u, w);
+      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = o, x = r || this.ctx.maxRowIndex - l, u = [c, d], g = [f, x];
+      this.setSelector(u, g);
     }
   }
   selectRows(t, e = !0) {
@@ -5231,10 +5255,10 @@ class ke {
       for (let c = 0; c <= t[1] - t[0]; c++) {
         const d = l + e[0], f = c + t[0], x = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
         if (x) {
-          const { rowKey: u, key: w } = x;
-          this.ctx.database.getReadonly(u, w) || (r.add(u), o.push({
+          const { rowKey: u, key: g } = x;
+          this.ctx.database.getReadonly(u, g) || (r.add(u), o.push({
             rowKey: u,
-            key: w,
+            key: g,
             value: s,
             row: {}
             //内部有设置
@@ -5261,14 +5285,14 @@ class ke {
       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 = ge(o);
-        const a = [i, i + r[0].length - 1], l = [e, e + r.length - 1], [c, d] = l, [f, x] = a, u = d - this.ctx.maxRowIndex, w = x - this.ctx.maxColIndex;
-        (u > 0 || w > 0) && this.ctx.emit("onPastedDataOverflow", {
+        const a = [i, i + r[0].length - 1], l = [e, e + r.length - 1], [c, d] = l, [f, x] = a, u = d - this.ctx.maxRowIndex, g = x - this.ctx.maxColIndex;
+        (u > 0 || g > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
           maxX: x,
           minY: c,
           minX: f,
           overflowRowCount: u,
-          overflowColCount: w,
+          overflowColCount: g,
           textArr: r
         });
         const m = r.length === 1 && r[0].length === 1;
@@ -5280,7 +5304,7 @@ class ke {
           this.ctx.hasEvent("error") ? this.ctx.emit("error", C) : alert(C.message);
           return;
         }
-        let g = [];
+        let w = [];
         for (let C = 0; C <= r.length - 1; C++) {
           const b = r[C].length;
           for (let y = 0; y <= b - 1; y++) {
@@ -5290,7 +5314,7 @@ class ke {
             );
             if (I) {
               const { rowKey: R, key: T } = I;
-              this.ctx.database.getReadonly(R, T) || (s.add(R), g.push({
+              this.ctx.database.getReadonly(R, T) || (s.add(R), w.push({
                 rowKey: R,
                 key: T,
                 value: S,
@@ -5306,30 +5330,30 @@ class ke {
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), b = g.map((y) => `${y.rowKey}-${y.key}`);
+          ), b = w.map((y) => `${y.rowKey}-${y.key}`);
           C.forEach((y) => {
-            b.includes(`${y.rowKey}-${y.key}`) || g.unshift(y);
+            b.includes(`${y.rowKey}-${y.key}`) || w.unshift(y);
           }), this.isCut = !1;
         }
-        if (!g.length)
+        if (!w.length)
           return;
         const { BEFORE_PASTE_DATA_METHOD: E } = this.ctx.config;
         if (typeof E == "function") {
-          const C = E, b = g.map((y) => ({
+          const C = E, b = w.map((y) => ({
             rowKey: y.rowKey,
             key: y.key,
             value: y.value,
             oldValue: this.ctx.database.getItemValue(y.rowKey, y.key),
             row: this.ctx.database.getRowDataItemForRowKey(y.rowKey)
           }));
-          if (g = await C(b, a, l, r), g && !g.length)
+          if (w = await C(b, a, l, r), w && !w.length)
             return;
         }
-        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(g, !0);
+        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(w, !0);
         let p = [];
         s.forEach((C) => {
           p.push(this.ctx.database.getRowDataItemForRowKey(C));
-        }), this.ctx.emit("pasteChange", g, p), this.ctx.emit("draw");
+        }), this.ctx.emit("pasteChange", w, p), this.ctx.emit("draw");
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
       });
@@ -5390,17 +5414,17 @@ class ke {
       body: l,
       scrollX: c,
       scrollY: d,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: w }
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: u, ENABLE_MERGE_CELL_LINK: g }
     } = this.ctx;
     if (!i)
       return;
-    w && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: m, drawY: g, width: E, height: p, fixed: C } = i, b = o - m + 1, y = i.drawX + E - (e - s) + 1;
-    let v = r.height - g, _ = p;
+    g && this.ctx.onlyMergeCell && i.updateSpanInfo();
+    const { drawX: m, drawY: w, width: E, height: p, fixed: C } = i, b = o - m + 1, y = i.drawX + E - (e - s) + 1;
+    let v = r.height - w, _ = p;
     _ > l.visibleHeight && (_ = l.visibleHeight);
     let S = 0;
-    x && (u === "top" ? v = r.height + a.height - g : S = a.visibleHeight);
-    const I = g + _ - (t - S - f);
+    x && (u === "top" ? v = r.height + a.height - w : S = a.visibleHeight);
+    const I = w + _ - (t - S - f);
     let R = c, T = d;
     y > 0 && !C ? R = Math.floor(c + y) : b > 0 && !C && (R = Math.floor(c - b)), v > 0 ? T = Math.floor(d - v) : I > 0 && (T = Math.floor(d + I)), (Math.abs(c - R) > 2 || Math.abs(d - T) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, T), this.ctx.emit("adjustBoundaryPosition", i));
   }
@@ -5437,49 +5461,44 @@ class Xe {
     return !(JSON.stringify(this.ctx.autofill.xArr) === JSON.stringify(t) && JSON.stringify(this.ctx.autofill.yArr) === JSON.stringify(e));
   }
   setMousedown() {
-    this.ctx.autofill.enable = !0, this.ctx.autofillMove = !0;
+    this.ctx.autofill.enable = !0, this.ctx.autofillMove = !0, this.ctx.disableHoverIconClick = !0;
   }
   setMouseUp() {
     if (!this.ctx.autofill.enable)
       return;
-    this.isAutofillIng() && this.autofillData(), this.ctx.autofill.enable = !1, this.ctx.autofillMove = !1, this.ctx.autofill.xArr = [-1, -1], this.ctx.autofill.yArr = [-1, -1];
+    this.isAutofillIng() && this.autofillData(), this.ctx.autofill.enable = !1, this.ctx.autofillMove = !1, this.ctx.autofill.xArr = [-1, -1], this.ctx.autofill.yArr = [-1, -1], setTimeout(() => {
+      this.ctx.disableHoverIconClick = !1;
+    }, 0);
   }
   setAutofill(t, e) {
-    const { ENABLE_AUTOFILL: i, ENABLE_SELECTOR_SPAN_COL: s, ENABLE_SELECTOR_SPAN_ROW: o } = this.ctx.config;
+    const { ENABLE_AUTOFILL: i, ENABLE_AUTOFILL_SPAN_COL: s, ENABLE_AUTOFILL_SPAN_ROW: o } = this.ctx.config;
     if (!i)
       return;
     let r = t, a = e;
-    if (!o) {
-      const [l] = a;
-      a = [l, l];
-    }
-    if (!s) {
-      const [l] = r;
-      r = [l, l];
-    }
-    if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a)) {
+    const l = this.ctx.selector.xArr, c = this.ctx.selector.yArr;
+    if (!(!o && JSON.stringify(c) !== JSON.stringify(a)) && !(!s && JSON.stringify(l) !== JSON.stringify(r)) && (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a))) {
       const {
-        SELECTOR_AREA_MIN_X: l,
-        SELECTOR_AREA_MAX_X: c,
-        SELECTOR_AREA_MIN_Y: d,
-        SELECTOR_AREA_MAX_Y: f,
-        SELECTOR_AREA_MAX_X_OFFSET: x,
-        SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, w = l, m = c || this.ctx.maxColIndex - x, g = d, E = f || this.ctx.maxRowIndex - u;
-      let [p, C] = r, [b, y] = a;
-      if (p < w || b < g)
+        SELECTOR_AREA_MIN_X: d,
+        SELECTOR_AREA_MAX_X: f,
+        SELECTOR_AREA_MIN_Y: x,
+        SELECTOR_AREA_MAX_Y: u,
+        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, C = u || this.ctx.maxRowIndex - m;
+      let [b, y] = r, [v, _] = a;
+      if (b < w || v < p)
         return;
-      r = [Math.max(w, p), Math.min(m, C)], a = [Math.max(g, b), Math.min(E, y)];
-      const { BEFORE_SET_AUTOFILL_METHOD: v } = this.ctx.config;
-      if (typeof v == "function") {
-        const S = v({
+      r = [Math.max(w, b), Math.min(E, y)], a = [Math.max(p, v), Math.min(C, _)];
+      const { BEFORE_SET_AUTOFILL_METHOD: S } = this.ctx.config;
+      if (typeof S == "function") {
+        const R = S({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: a
         });
-        if (!S)
+        if (!R)
           return;
-        r = S.xArr, a = S.yArr;
+        r = R.xArr, a = R.yArr;
       }
       this.ctx.autofill.xArr = r, this.ctx.autofill.yArr = a, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
@@ -5490,9 +5509,9 @@ 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 w = 0; w <= e.xArr[1] - e.xArr[0]; w++) {
-        const m = u + e.yArr[0], g = w + e.xArr[0];
-        i.set(`${m}-${g}`, !0);
+      for (let g = 0; g <= e.xArr[1] - e.xArr[0]; g++) {
+        const m = u + 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, c = o === 1 && r === 1;
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !c) {
@@ -5505,8 +5524,8 @@ class Xe {
     }
     let d = [];
     for (let u = 0; u <= l[1] - l[0]; u++)
-      for (let w = 0; w <= a[1] - a[0]; w++) {
-        const m = w + a[0], g = u + l[0], E = s[u % r][w % o], p = this.ctx.database.getItemValueForRowIndexAndColIndex(g, m), C = `${g}-${m}`;
+      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), C = `${w}-${m}`;
         if (p && !i.has(C)) {
           const { rowKey: b, key: y } = p;
           this.ctx.database.getReadonly(b, y) || (t.add(b), d.push({
@@ -5522,14 +5541,14 @@ 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, w = d.map((m) => ({
+      const u = 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(w, a, l), d && !d.length)
+      if (d = await u(g, a, l), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
@@ -5718,10 +5737,10 @@ const Ue = async (h, t, e) => {
   }), {
     x: d,
     y: f
-  } = Kt(c, i, l), x = i, u = {}, w = 0;
+  } = Kt(c, i, l), x = i, u = {}, g = 0;
   for (let m = 0; m < a.length; m++) {
     const {
-      name: g,
+      name: w,
       fn: E
     } = a[m], {
       x: p,
@@ -5744,11 +5763,11 @@ const Ue = async (h, t, e) => {
     });
     d = p ?? d, f = C ?? f, u = {
       ...u,
-      [g]: {
-        ...u[g],
+      [w]: {
+        ...u[w],
         ...b
       }
-    }, y && w <= 50 && (w++, typeof y == "object" && (y.placement && (x = y.placement), y.rects && (c = y.rects === !0 ? await r.getElementRects({
+    }, y && g <= 50 && (g++, typeof y == "object" && (y.placement && (x = y.placement), y.rects && (c = y.rects === !0 ? await r.getElementRects({
       reference: h,
       floating: t,
       strategy: s
@@ -5781,8 +5800,8 @@ async function te(h, t) {
     elementContext: f = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = et(t, h), w = Qt(u), g = a[x ? f === "floating" ? "reference" : "floating" : f], E = ct(await o.getClippingRect({
-    element: (e = await (o.isElement == null ? void 0 : o.isElement(g))) == null || e ? g : g.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
+  } = et(t, h), g = Qt(u), w = a[x ? f === "floating" ? "reference" : "floating" : f], E = ct(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: c,
     rootBoundary: d,
     strategy: l
@@ -5804,10 +5823,10 @@ async function te(h, t) {
     strategy: l
   }) : p);
   return {
-    top: (E.top - y.top + w.top) / b.y,
-    bottom: (y.bottom - E.bottom + w.bottom) / b.y,
-    left: (E.left - y.left + w.left) / b.x,
-    right: (y.right - E.right + w.right) / b.x
+    top: (E.top - y.top + g.top) / b.y,
+    bottom: (y.bottom - E.bottom + g.bottom) / b.y,
+    left: (E.left - y.left + g.left) / b.x,
+    right: (y.right - E.right + g.right) / b.x
   };
 }
 const je = (h) => ({
@@ -5831,10 +5850,10 @@ const je = (h) => ({
     const f = Qt(d), x = {
       x: e,
       y: i
-    }, u = vt(s), w = Rt(u), m = await r.getDimensions(c), g = u === "y", E = g ? "top" : "left", p = g ? "bottom" : "right", C = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[u] - x[u] - o.floating[w], y = x[u] - o.reference[u], v = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    }, u = vt(s), g = Rt(u), m = await r.getDimensions(c), w = u === "y", E = w ? "top" : "left", p = w ? "bottom" : "right", C = w ? "clientHeight" : "clientWidth", b = o.reference[g] + o.reference[u] - x[u] - o.floating[g], y = x[u] - o.reference[u], v = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
     let _ = v ? v[C] : 0;
-    (!_ || !await (r.isElement == null ? void 0 : r.isElement(v))) && (_ = a.floating[C] || o.floating[w]);
-    const S = b / 2 - y / 2, I = _ / 2 - m[w] / 2 - 1, R = j(f[E], I), T = j(f[p], I), O = R, M = _ - m[w] - T, L = _ / 2 - m[w] / 2 + S, A = Et(O, L, M), D = !l.arrow && it(s) != null && L !== A && o.reference[w] / 2 - (L < O ? R : T) - m[w] / 2 < 0, H = D ? L < O ? L - O : L - M : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(v))) && (_ = a.floating[C] || o.floating[g]);
+    const S = b / 2 - y / 2, I = _ / 2 - m[g] / 2 - 1, R = j(f[E], I), T = j(f[p], I), O = R, M = _ - m[g] - T, L = _ / 2 - m[g] / 2 + S, A = Et(O, L, M), D = !l.arrow && it(s) != null && L !== A && o.reference[g] / 2 - (L < O ? R : T) - m[g] / 2 < 0, H = D ? L < O ? L - O : L - M : 0;
     return {
       [u]: x[u] + H,
       data: {
@@ -5865,15 +5884,15 @@ const je = (h) => ({
         crossAxis: f = !0,
         fallbackPlacements: x,
         fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: w = "none",
+        fallbackAxisSideDirection: g = "none",
         flipAlignment: m = !0,
-        ...g
+        ...w
       } = et(h, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = $(s), p = V(a), C = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), y = x || (C || !m ? [lt(a)] : We(a)), v = w !== "none";
-      !x && v && y.push(...$e(a, m, w, b));
-      const _ = [a, ...y], S = await te(t, g), I = [];
+      const E = $(s), p = V(a), C = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), y = x || (C || !m ? [lt(a)] : We(a)), v = g !== "none";
+      !x && v && y.push(...$e(a, m, g, b));
+      const _ = [a, ...y], S = await te(t, w), I = [];
       let R = ((i = o.flip) == null ? void 0 : i.overflows) || [];
       if (d && I.push(S[E]), f) {
         const L = Fe(s, r, b);
@@ -5938,7 +5957,7 @@ async function Je(h, t) {
   let {
     mainAxis: x,
     crossAxis: u,
-    alignmentAxis: w
+    alignmentAxis: g
   } = typeof f == "number" ? {
     mainAxis: f,
     crossAxis: 0,
@@ -5948,7 +5967,7 @@ async function Je(h, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return a && typeof w == "number" && (u = a === "end" ? w * -1 : w), l ? {
+  return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), l ? {
     x: u * d,
     y: x * c
   } : {
@@ -5991,11 +6010,11 @@ const Qe = function(h) {
         mainAxis: o = !0,
         crossAxis: r = !1,
         limiter: a = {
-          fn: (g) => {
+          fn: (w) => {
             let {
               x: E,
               y: p
-            } = g;
+            } = w;
             return {
               x: E,
               y: p
@@ -6007,19 +6026,19 @@ const Qe = function(h) {
         x: e,
         y: i
       }, d = await te(t, l), f = V($(s)), x = Jt(f);
-      let u = c[x], w = c[f];
+      let u = c[x], g = c[f];
       if (o) {
-        const g = x === "y" ? "top" : "left", E = x === "y" ? "bottom" : "right", p = u + d[g], C = u - d[E];
+        const w = x === "y" ? "top" : "left", E = x === "y" ? "bottom" : "right", p = u + d[w], C = u - d[E];
         u = Et(p, u, C);
       }
       if (r) {
-        const g = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", p = w + d[g], C = w - d[E];
-        w = Et(p, w, C);
+        const w = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", p = g + d[w], C = g - d[E];
+        g = Et(p, g, C);
       }
       const m = a.fn({
         ...t,
         [x]: u,
-        [f]: w
+        [f]: g
       });
       return {
         ...m,
@@ -6197,10 +6216,10 @@ function G(h, t, e, i) {
   let l = (s.left + a.x) / r.x, c = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
     const x = N(o), u = i && X(i) ? N(i) : i;
-    let w = x, m = Ct(w);
-    for (; m && i && u !== w; ) {
-      const g = U(m), E = m.getBoundingClientRect(), p = B(m), C = E.left + (m.clientLeft + parseFloat(p.paddingLeft)) * g.x, b = E.top + (m.clientTop + parseFloat(p.paddingTop)) * g.y;
-      l *= g.x, c *= g.y, d *= g.x, f *= g.y, l += C, c += b, w = N(m), m = Ct(w);
+    let g = x, m = Ct(g);
+    for (; m && i && u !== g; ) {
+      const w = U(m), E = m.getBoundingClientRect(), p = B(m), C = E.left + (m.clientLeft + parseFloat(p.paddingLeft)) * w.x, b = E.top + (m.clientTop + parseFloat(p.paddingTop)) * w.y;
+      l *= w.x, c *= w.y, d *= w.x, f *= w.y, l += C, c += b, g = N(m), m = Ct(g);
     }
   }
   return ct({
@@ -6455,8 +6474,8 @@ function vi(h, t) {
     } = c;
     if (a || t(), !x || !u)
       return;
-    const w = ot(f), m = ot(s.clientWidth - (d + x)), g = ot(s.clientHeight - (f + u)), E = ot(d), C = {
-      rootMargin: -w + "px " + -m + "px " + -g + "px " + -E + "px",
+    const g = ot(f), m = ot(s.clientWidth - (d + x)), w = ot(s.clientHeight - (f + u)), E = ot(d), C = {
+      rootMargin: -g + "px " + -m + "px " + -w + "px " + -E + "px",
       threshold: z(0, j(1, l)) || 1
     };
     let b = !0;
@@ -6507,17 +6526,17 @@ function yt(h, t, e, i) {
       (C = u) == null || C.observe(t);
     })), e();
   }), c && !l && u.observe(c), u.observe(t));
-  let w, m = l ? G(h) : null;
-  l && g();
-  function g() {
+  let g, m = l ? G(h) : null;
+  l && w();
+  function w() {
     const E = G(h);
-    m && !le(m, E) && e(), m = E, w = requestAnimationFrame(g);
+    m && !le(m, E) && e(), m = E, g = requestAnimationFrame(w);
   }
   return e(), () => {
     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(w);
+    }), f == null || f(), (E = u) == null || E.disconnect(), u = null, l && cancelAnimationFrame(g);
   };
 }
 const ht = Qe, dt = ti, Lt = qe, _i = je, ft = (h, t, e) => {
@@ -6678,7 +6697,9 @@ class Ti {
     }), this.ctx.on("cellHeaderMousedown", () => {
       this.enable && this.doneEdit(), this.cellTarget = null;
     }), this.ctx.on("hoverIconClick", (t) => {
-      this.editCell(t.rowIndex, t.colIndex);
+      this.ctx.disableHoverIconClick || this.editCell(t.rowIndex, t.colIndex);
+    }), this.ctx.on("cellMousedown", () => {
+      this.inputEl.focus({ preventScroll: !0 });
     }), this.ctx.on("keydown", (t) => {
       if (!this.ctx.isTarget(t) || !this.ctx.focusCell)
         return;
@@ -6772,7 +6793,7 @@ class Ti {
     return !(e < o || e > r || t < a || t > l);
   }
   initTextEditor() {
-    this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
+    this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.setAttribute("tabindex", "-1"), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
       this.doneEdit();
     }), this.editorEl = this.ctx.editorElement, this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.containerElement.appendChild(this.editorEl);
   }
@@ -6800,18 +6821,12 @@ class Ti {
       header: d
     } = this.ctx;
     let f = this.ctx.body.visibleHeight;
-    if (o > f && (o = f), this.editorEl.style.display = "inline-block", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
-      this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${c}px`, i !== null && (this.inputEl.value = i), this.inputEl.focus({ preventScroll: !0 });
-      const x = this.inputEl.value.length;
-      this.inputEl.setSelectionRange(x, x);
-    } else
-      this.inputEl.style.display = "none";
-    (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
+    o > f && (o = f), this.editorEl.style.display = "inline-block", this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text" ? (this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${c}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i)) : this.editorEl.style.zIndex = "-1", (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
   }
   doneEditByInput() {
     if (this.cellTarget && this.cellTarget.editorType === "text") {
       const { rowKey: t, key: e } = this.cellTarget, i = this.cellTarget.getValue(), s = this.inputEl.value;
-      s !== i && !(s === "" && i === null) && !this.cancel && this.ctx.setItemValueByEditor(t, e, s, !0), this.inputEl.value = "";
+      s !== i && !(s === "" && i === null) && !this.cancel && this.ctx.setItemValueByEditor(t, e, s, !0);
     }
   }
   startEdit(t = !1) {
@@ -6840,7 +6855,7 @@ class Ti {
     o && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget), this.ctx.emit("drawView"));
   }
   doneEdit() {
-    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.ctx.containerElement.focus({ preventScroll: !0 }), this.editorEl.style.display = "none", this.ctx.emit("draw"));
+    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.inputEl.focus({ preventScroll: !0 }), this.editorEl.style.zIndex = "-1", this.ctx.emit("draw"));
   }
   clearEditor() {
     this.doneEdit(), this.cellTarget = null, this.selectorArrStr = "", this.ctx.clearSelector(), this.ctx.focusCell = void 0, this.ctx.emit("draw");
@@ -6928,8 +6943,8 @@ class Li {
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: o, visibleHeight: r, renderCellHeaders: a } = this.ctx.header;
     let l = [], c = [], d = [];
-    a.forEach((g) => {
-      g.render && (g.fixed === "left" ? c.push(g) : g.fixed === "right" ? d.push(g) : l.push(g));
+    a.forEach((w) => {
+      w.render && (w.fixed === "left" ? c.push(w) : w.fixed === "right" ? d.push(w) : l.push(w));
     });
     const f = e - i, x = {
       key: "left",
@@ -6953,7 +6968,7 @@ class Li {
         height: `${r}px`
       },
       cells: l
-    }, w = {
+    }, g = {
       key: "right",
       style: {
         position: "absolute",
@@ -6974,14 +6989,14 @@ class Li {
         width: `${o}px`,
         height: `${r}px`
       },
-      views: [x, u, w]
+      views: [x, u, g]
     };
   }
   getBody() {
     const t = [], e = [], i = [];
     let s = this.ctx.body.renderRows;
-    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((g) => {
-      g.cells.forEach((E) => {
+    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((w) => {
+      w.cells.forEach((E) => {
         E.cellType === "footer" && (E.render = E.renderFooter), E.render && (E.fixed === "left" ? e.push(E) : E.fixed === "right" ? i.push(E) : t.push(E));
       });
     });
@@ -7011,7 +7026,7 @@ class Li {
         height: `${d}px`
       },
       cells: t
-    }, w = {
+    }, g = {
       key: "right",
       style: {
         position: "absolute",
@@ -7032,14 +7047,14 @@ class Li {
         width: `${c}px`,
         height: `${d}px`
       },
-      views: [x, u, w]
+      views: [x, u, g]
     };
   }
   getFooter() {
     const t = [], e = [], i = [];
     this.ctx.footer.renderRows.forEach((m) => {
-      m.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));
+      m.cells.forEach((w) => {
+        w.cellType === "footer" && w.renderFooter && (w.render = w.renderFooter, w.fixed === "left" ? e.push(w) : w.fixed === "right" ? i.push(w) : t.push(w));
       });
     });
     const {
@@ -7118,13 +7133,13 @@ class Pt {
       e ? "e-virt-table-submenu-item" : "e-virt-table-menu-item"
     );
     i.setAttribute(e ? "data-submenu" : "data-menu", t.value), t.disabled && i.classList.add("disabled");
-    const s = this.createElement("div", "menu-item-content");
+    const s = this.createElement("div", "e-virt-table-menu-item-content");
     if (t.icon) {
-      const a = this.createElement("span", "menu-item-icon");
+      const a = this.createElement("span", "e-virt-table-menu-item-icon");
       a.innerHTML = t.icon, s.appendChild(a);
     } else
       s.classList.add("menu-item-no-icon");
-    const o = this.createElement("span", "menu-item-text");
+    const o = this.createElement("span", "e-virt-table-menu-item-text");
     if (o.textContent = t.label, s.appendChild(o), i.appendChild(s), (r = t.children) != null && r.length) {
       const a = this.createElement("span", "e-virt-table-menu-arrow");
       a.innerHTML = qt, i.appendChild(a);
@@ -7338,9 +7353,9 @@ class Mi {
       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, [c, d] = a, [f, x] = l, { rowIndex: u, colIndex: w } = t;
-      u >= f && u <= x && w >= c && w <= d || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new Pt(this.contextMenuEl, r, {
-        onClick: (g, E) => {
+      const { xArr: a, yArr: l } = this.ctx.selector, [c, d] = a, [f, x] = l, { rowIndex: u, colIndex: g } = t;
+      u >= f && u <= x && g >= c && g <= d || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new Pt(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());
         }
       }), this.currentDOMTreeMenu.positionMenu(e);
@@ -7355,8 +7370,8 @@ class Mi {
       const { HEADER_CONTEXT_MENU: l, CUSTOM_HEADER_CONTEXT_MENU: c, ENABLE_HEADER_CONTEXT_MENU: d } = this.ctx.config, f = [...l, ...c];
       if (!d || f.length === 0) return;
       e.preventDefault();
-      const { xArr: x } = this.ctx.selector, [u, w] = x, { colIndex: m } = t;
-      m >= u && m <= w || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
+      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 E = this.ctx.database.getColumns(), p = f.map((C) => C.value === "visible" ? {
         ...C,
         children: this.filterColumns(E)
@@ -7657,11 +7672,17 @@ class ki {
   }
   setValidations(t) {
     if (t.forEach((e) => {
-      const { rowIndex: i, key: s, message: o } = e;
-      this.ctx.database.setValidationErrorByRowIndex(i, s, o);
+      const { rowIndex: i, key: s, message: o, rowKey: r } = e;
+      if (i !== void 0 && r === void 0) {
+        const a = this.ctx.database.getRowKeyForRowIndex(i);
+        this.ctx.database.setValidationErrorByRowKey(a, s, o);
+      }
+      r && this.ctx.database.setValidationErrorByRowKey(r, s, o);
     }), t && Array.isArray(t) && t.length) {
       const [e] = t;
-      if (e && e.rowIndex >= 0 && e.key) {
+      if (e && e.rowKey)
+        this.scrollToRowkey(e.rowKey), this.scrollToColkey(e.key);
+      else if (e && e.rowIndex !== void 0 && e.rowIndex >= 0 && e.key) {
         const { rowIndex: i, key: s } = e;
         this.scrollToRowIndex(i), this.scrollToColkey(s);
       }
@@ -7751,6 +7772,9 @@ class ki {
   clearSort() {
     this.ctx.database.clearSort();
   }
+  clearMaxRowHeight() {
+    this.ctx.database.clearMaxRowHeight();
+  }
   contextMenuHide() {
     this.contextMenu.hide();
   }