e-virt-table 1.3.11 → 1.3.13

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(.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}.e-virt-table-finder-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:none;z-index:10000;background:#fff;border:1px solid #dadce0;border-radius:12px;box-shadow:0 2px 6px #0003;padding:0 8px;height:48px;min-width:250px;align-items:center;font-size:12px}.e-virt-table-finder-bar.show{display:flex}.e-virt-table-finder-bar-input-wrapper{display:flex;align-items:center;flex:1;padding:0 8px;position:relative}.e-virt-table-finder-bar-input{border:none;outline:none;flex:1;font-size:12px;background:transparent;color:#333;min-width:150px;padding-left:0;position:relative}.e-virt-table-finder-bar-nav{display:flex;flex-direction:row;gap:8px;margin:0 8px;align-items:center}.e-virt-table-finder-bar-nav-btn{border:none;background:transparent;cursor:pointer;padding:0;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center}.e-virt-table-finder-bar-nav-btn svg{width:24px;height:24px}.e-virt-table-finder-bar-nav-btn.prev-btn{transform:rotate(-90deg)}.e-virt-table-finder-bar-nav-btn.next-btn{transform:rotate(90deg)}.e-virt-table-finder-bar-nav-btn.close-btn{font-size:24px;color:#666;line-height:1;width:24px;height:24px}.e-virt-table-finder-bar-nav-btn:hover{color:#666;background-color:#f0f0f0}.e-virt-table-finder-bar-count{color:#666;font-size:12px;margin:0 8px;white-space:nowrap;flex-shrink:0}.e-virt-table-finder-bar-count.no-results{color:#999}.e-virt-table-finder-bar-loading{display:none;position:absolute;left:8px;top:0;width:16px;height:16px;flex-shrink:0;pointer-events:none;z-index:0}.e-virt-table-finder-bar-loading.show{display:block}.e-virt-table-finder-bar-loading svg{width:100%;height:100%;color:#666;animation:rotate 1s linear infinite}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(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}.e-virt-table-finder-bar{position:absolute;top:8px;right:16px;display:none;z-index:10000;background:#fff;border:1px solid #dadce0;border-radius:12px;box-shadow:0 2px 6px #0003;padding:0 8px;height:48px;min-width:250px;align-items:center;font-size:12px}.e-virt-table-finder-bar.show{display:flex}.e-virt-table-finder-bar-input-wrapper{display:flex;align-items:center;flex:1;padding:0 8px;position:relative}.e-virt-table-finder-bar-input{border:none;outline:none;flex:1;font-size:12px;background:transparent;color:#333;min-width:150px;padding-left:0;position:relative}.e-virt-table-finder-bar-nav{display:flex;flex-direction:row;gap:8px;margin:0 8px;align-items:center}.e-virt-table-finder-bar-nav-btn{border:none;background:transparent;cursor:pointer;padding:0;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center}.e-virt-table-finder-bar-nav-btn svg{width:24px;height:24px}.e-virt-table-finder-bar-nav-btn.prev-btn{transform:rotate(-90deg)}.e-virt-table-finder-bar-nav-btn.next-btn{transform:rotate(90deg)}.e-virt-table-finder-bar-nav-btn.close-btn{font-size:24px;color:#666;line-height:1;width:24px;height:24px}.e-virt-table-finder-bar-nav-btn:hover{color:#666;background-color:#f0f0f0}.e-virt-table-finder-bar-count{color:#666;font-size:12px;margin:0 8px;white-space:nowrap;flex-shrink:0}.e-virt-table-finder-bar-count.no-results{color:#999}.e-virt-table-finder-bar-loading{display:none;position:absolute;left:8px;top:0;width:16px;height:16px;flex-shrink:0;pointer-events:none;z-index:0}.e-virt-table-finder-bar-loading.show{display:block}.e-virt-table-finder-bar-loading svg{width:100%;height:100%;color:#666;animation:rotate 1s linear infinite}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 var de = Object.defineProperty;
 var fe = (h, t, e) => t in h ? de(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
 var n = (h, t, e) => fe(h, typeof t != "symbol" ? t + "" : t, e);
@@ -539,10 +539,10 @@ class vt extends qt {
       const R = this.ctx.icons.get("expand"), S = this.ctx.icons.get("shrink");
       o = c ? S : R, a = c ? "shrink" : "expand";
     }
-    let w = m, E = m, C = this.drawX;
-    (this.align === "center" || this.align === "right") && (C = this.drawX + (this.visibleWidth - w - 2 * e) / 2, this.align = "left");
-    let p = C + r + e, b = this.drawY + (this.visibleHeight - E) / 2, y = r + this.drawX + w - 0.5;
-    this.type === "selection-tree" ? (p = r + this.drawSelectionImageX + this.drawSelectionImageWidth, y = p + w - e / 2) : this.type === "tree-selection" ? y = p + g + w - e / 2 : y = p + w - e / 2, this.drawTextX = y, this.drawTextWidth = this.drawX + this.visibleWidth - y, !(p + w + e > this.drawX + this.visibleWidth) && (b + E + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = p, this.drawTreeImageY = b, this.drawTreeImageWidth = w, 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;
@@ -621,13 +621,13 @@ class vt extends qt {
       return;
     }
     let E = "transparent";
-    const C = this.ctx.hoverCell, p = this.ctx.currentCell;
+    const p = this.ctx.hoverCell, C = this.ctx.currentCell;
     let b = this.rowIndex, y = this.rowIndex;
     if (this.rowspan !== 1 && (x || d)) {
       const _ = this.getSpanInfo(), { yArr: T } = _;
       b = T[0], y = T[1];
     }
-    x && C && (C.rowKey === this.rowKey && (E = u), C.rowIndex >= b && C.rowIndex <= y && (E = u)), d && p && (p.rowKey === this.rowKey && (E = f), p.rowIndex >= b && p.rowIndex <= y && (E = f)), this.drawCellSkyBgColor = E;
+    x && p && (p.rowKey === this.rowKey && (E = u), p.rowIndex >= b && p.rowIndex <= y && (E = u)), d && C && (C.rowKey === this.rowKey && (E = f), C.rowIndex >= b && C.rowIndex <= y && (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 } = _({
@@ -653,17 +653,17 @@ class vt extends qt {
     let g = u, m = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: C = 16, TREE_ICON_SIZE: p } = this.ctx.config, b = this.ctx.database.getRowForRowKey(c), { level: y = 0 } = b || {}, R = y * C;
-        g = u + p + R;
+        const { TREE_INDENT: p = 16, TREE_ICON_SIZE: C } = this.ctx.config, b = this.ctx.database.getRowForRowKey(c), { level: y = 0 } = b || {}, R = y * p;
+        g = u + C + R;
       }
     }
     let w = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck";
     if (a === "selection-tree" || a === "tree-selection") {
-      const C = this.ctx.database.getTreeSelectionState(c);
-      C.indeterminate && d ? (w = this.ctx.icons.get("checkbox-indeterminate"), E = "checkbox-indeterminate") : C.checked && d ? (w = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : !C.checked && d ? (w = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
+      const p = this.ctx.database.getTreeSelectionState(c);
+      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 C = this.ctx.database.getRowSelection(c);
-      C && d ? (w = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : C && !d ? (w = this.ctx.icons.get("checkbox-check-disabled"), E = "checkbox-check-disabled") : !C && d ? (w = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
+      const p = this.ctx.database.getRowSelection(c);
+      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));
   }
@@ -687,8 +687,8 @@ class vt extends qt {
       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], g = x[1];
         if (a.rowIndex >= u && a.rowIndex <= g) {
-          const { width: m, height: w, offsetTop: E, offsetLeft: C } = f;
-          l = this.drawX - C + m - s - o, c = this.drawY - E + (w - s) / 2;
+          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);
@@ -961,9 +961,9 @@ class vt extends qt {
   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: g = 1, borderColor: m, fillColor: w } = e, E = f[0], C = f[1], p = x[0], b = x[1];
-    if (r >= E && r <= C && o === p) {
-      const y = r === C ? 1 : 0, R = r === E ? 1 : 0;
+    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, R = r === E ? 1 : 0;
       this.ctx.paint.drawLine([c + R, d + 1, c + l - y, d + 1], {
         borderColor: m,
         fillColor: w,
@@ -973,8 +973,8 @@ class vt extends qt {
         lineDash: u
       });
     }
-    if (r === C && o >= p && o <= b) {
-      const y = o === p ? 1 : 0, R = o === b ? 1 : 0;
+    if (r === p && o >= C && o <= b) {
+      const y = o === C ? 1 : 0, R = o === b ? 1 : 0;
       this.ctx.paint.drawLine([c + l - 1, d + y, c + l - 1, d + a - R], {
         borderColor: m,
         fillColor: w,
@@ -984,8 +984,8 @@ class vt extends qt {
         lineDash: u
       });
     }
-    if (r >= E && r <= C && o === b) {
-      const y = r === C ? 1 : 0, R = r === E ? 1 : 0;
+    if (r >= E && r <= p && o === b) {
+      const y = r === p ? 1 : 0, R = r === E ? 1 : 0;
       this.ctx.paint.drawLine([c + R, d + a - 1, c + l - y, d + a - 1], {
         borderColor: m,
         fillColor: w,
@@ -995,8 +995,8 @@ class vt extends qt {
         lineDash: u
       });
     }
-    if (r === E && o >= p && o <= b) {
-      const y = o === b ? 1 : 0, R = o === p ? 1 : 0;
+    if (r === E && o >= C && o <= b) {
+      const y = o === b ? 1 : 0, R = o === C ? 1 : 0;
       this.ctx.paint.drawLine([c + 1, d + R, c + 1, d + a - y], {
         borderColor: m,
         fillColor: w,
@@ -1083,7 +1083,7 @@ class be {
       TREE_CHILDREN_KEY: d
     } = this.ctx.config;
     t.forEach((f, x) => {
-      var p;
+      var C;
       d !== "children" && (f.children = f[d]);
       const u = f[o], g = u != null ? `${u}` : $t();
       this.itemRowKeyMap.set(f, g);
@@ -1100,10 +1100,10 @@ class be {
       this.selectionMap.set(g, {
         key: c ? f[c] : g,
         row: f,
-        check: ((p = this.selectionMap.get(g)) == null ? void 0 : p.check) || !1
+        check: ((C = this.selectionMap.get(g)) == null ? void 0 : C.check) || !1
       });
-      const C = r || this.expandMap.get(g) || f._expand || !1;
-      this.expandMap.set(g, C), this.rowKeyMap.set(g, {
+      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,
@@ -1112,7 +1112,7 @@ class be {
         calculatedHeight: -1,
         check: !1,
         selectable: E,
-        expand: C,
+        expand: p,
         expandLazy: !1,
         hasChildren: f._hasChildren || (Array.isArray(f.children) ? f.children.length > 0 : !1),
         expandLoading: !1,
@@ -1179,19 +1179,20 @@ class be {
   }
   generateColumns(t) {
     const e = (i) => i.map((s) => {
-      var l, c, d, f, x, u, g, m;
+      var c, d, f, x, u, g, m, w;
       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 = (g = this.customHeader) == null ? void 0 : g.resizableData) == null ? void 0 : m[s.key]
+        hide: (d = (c = this.customHeader) == null ? void 0 : c.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],
+        width: (w = (m = this.customHeader) == null ? void 0 : m.resizableData) == null ? void 0 : w[s.key]
       }, a = {};
-      for (const [w, E] of Object.entries(r))
-        E !== void 0 && (a[w] = E);
+      for (const [E, p] of Object.entries(r))
+        p !== void 0 && (a[E] = p);
+      const l = o && o.every((E) => E.hide);
       return {
         ...s,
         children: o,
-        hide: typeof s.hide == "function" ? s.hide(s) : s.hide,
+        hide: l || (typeof s.hide == "function" ? s.hide(s) : s.hide),
         ...a
       };
     });
@@ -1435,18 +1436,18 @@ class be {
     const a = /* @__PURE__ */ new Set();
     let l = [], c = t.map((g) => {
       const { rowKey: m, key: w } = g;
-      let E = g.value, C = E;
-      const p = 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) ? C = null : /^-?\d+(\.\d+)?$/.test(`${E}`) ? C = Number(E) : (C = b, l.push({
+      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({
         ...g,
-        value: C,
+        value: p,
         oldValue: b,
-        row: p
+        row: C
       }))), {
         ...g,
-        value: C,
+        value: p,
         oldValue: b,
-        row: p
+        row: C
       };
     });
     if (c = c.filter((g) => !l.some((m) => g.rowKey === m.rowKey && g.key === m.key)), l.length) {
@@ -1461,11 +1462,11 @@ class be {
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
     s === "none" && typeof d == "function" && (c = await d(c), r = !1), c.forEach((g) => {
-      const { value: m, rowKey: w, key: E } = g, C = this.getItemValue(w, E);
+      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: C,
+        oldValue: p,
         newValue: m
       });
     });
@@ -1689,19 +1690,19 @@ class be {
     if (this.ctx.config.TREE_SELECT_MODE === "auto") {
       const c = (w) => {
         const E = this.getTreeChildren(w);
-        let C = [];
-        for (const p of E)
-          C.push(p), C.push(...c(p));
-        return C;
+        let p = [];
+        for (const C of E)
+          p.push(C), p.push(...c(C));
+        return p;
       }, 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 = (w) => {
         const E = this.getTreeChildren(w);
-        let C = [];
-        for (const p of E)
-          C.push(p), C.push(...c(p));
-        return C;
+        let p = [];
+        for (const C of E)
+          p.push(C), p.push(...c(C));
+        return p;
       }, 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);
@@ -2012,7 +2013,7 @@ class be {
           }
         ]
       };
-    let w = e, E = e, C = a, p = a, b = [], y = 0, R = 0, S = 0, O = 0;
+    let w = e, E = e, p = a, C = a, b = [], y = 0, R = 0, S = 0, O = 0;
     if (d !== 1 && g) {
       O = x;
       const v = l.reduce((I, _) => {
@@ -2063,7 +2064,7 @@ class be {
           break;
         const _ = this.getItemValue(s, i), T = this.getItemValue(s, I.key);
         if (_ === T && c.includes(I.key))
-          C = v;
+          p = v;
         else
           break;
       }
@@ -2073,17 +2074,17 @@ class be {
           break;
         const _ = this.getItemValue(s, i), T = this.getItemValue(s, I.key);
         if (_ === T && c.includes(I.key))
-          p = v;
+          C = v;
         else
           break;
       }
-      for (let v = C; v < a; v++) {
+      for (let v = p; v < a; v++) {
         const I = this.getColumnByColIndex(v);
         if (!I)
           break;
         R += I.width || 100;
       }
-      for (let v = C; v <= p; v++) {
+      for (let v = p; v <= C; v++) {
         const I = this.getColumnByColIndex(v);
         if (!I)
           break;
@@ -2096,7 +2097,7 @@ class be {
       }
     }
     return {
-      xArr: [C, p],
+      xArr: [p, C],
       yArr: [w, E],
       rowspan: d,
       colspan: u,
@@ -2529,10 +2530,10 @@ class _e {
     } = 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(((I = a.match(/\d+/)) == null ? void 0 : I[0]) || "12") * (r.lineHeight || 1.2), C = s - d * 2 - g - m;
-    let p = !1;
+    const E = parseInt(((I = a.match(/\d+/)) == null ? void 0 : I[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, C, r.cacheTextKey), R = Math.min(y.length, Math.max(b, 1));
+    let y = this.wrapText(t, p, r.cacheTextKey), R = Math.min(y.length, Math.max(b, 1));
     x === "auto" && u ? R = y.length : typeof x == "number" && x < R && x !== 1 ? R = x : (x === 1 && (y = [t], R = 1), x === "auto" && b === 1 && (y = [t], R = 1));
     let S = i + d;
     const O = Math.round(R * E);
@@ -2543,7 +2544,7 @@ class _e {
       const T = y[_], M = S + _ * E;
       if (this.ctx.textBaseline = "top", _ === R - 1) {
         const A = y.slice(_).join(""), { _text: H, ellipsis: D } = this.handleEllipsis(A, s, d, a);
-        this.ctx.fillText(H, v, M), p = D;
+        this.ctx.fillText(H, v, M), C = D;
         break;
       }
       this.ctx.fillText(T, v, M);
@@ -2564,7 +2565,7 @@ class _e {
       };
       r.textCallback(A);
     }
-    return this.ctx.restore(), p;
+    return this.ctx.restore(), C;
   }
   /**
    * 将文本按宽度换行
@@ -4711,9 +4712,9 @@ class Ne {
     let w = this.height + e.height + r;
     w += m;
     let E = w;
-    const C = window.innerHeight, { top: p } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
-    if (C > p && d && !a) {
-      const T = C - p - f;
+    const p = window.innerHeight, { top: C } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (p > C && d && !a) {
+      const T = p - C - f;
       T > e.height + r ? E = T : 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`);
@@ -5084,14 +5085,14 @@ class Be {
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: x
       } = this.ctx.config, u = a, g = l || this.ctx.maxColIndex - f, m = c, w = d || this.ctx.maxRowIndex - x;
-      let [E, C] = o, [p, b] = r;
-      if (E < u || C > g || p < m || b > w)
+      let [E, p] = o, [C, b] = r;
+      if (E < u || p > g || C < m || b > w)
         return;
       if (this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const R = this.adjustMergeCells(o, r);
-        p = R.yArr[0], b = R.yArr[1], E = R.xArr[0], C = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
+        C = R.yArr[0], b = R.yArr[1], E = R.xArr[0], p = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
       }
-      E === C && p === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, E), Math.min(g, C)], r = [Math.max(m, p), Math.min(w, 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 S = y({
@@ -5103,7 +5104,7 @@ class Be {
           return;
         o = S.xArr, r = S.yArr;
       }
-      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, b === this.ctx.maxRowIndex && p === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, C === this.ctx.maxColIndex && E === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
+      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, b === this.ctx.maxRowIndex && C === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, p === this.ctx.maxColIndex && E === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
   }
   adjustMergeCells(t, e) {
@@ -5118,13 +5119,13 @@ class Be {
     let a = [], l = [];
     for (let m = 0; m <= e[1] - e[0]; m++)
       for (let w = 0; w <= t[1] - t[0]; w++) {
-        const E = m + e[0], C = w + t[0], p = this.ctx.database.getVirtualBodyCell(E, C);
-        p && ((E === i || E === s) && a.push(p), (C === o || C === r) && l.push(p));
+        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, w) => {
-        const { yArr: E } = w.getSpanInfo(), [C, p] = E;
-        return m.minY = Math.min(m.minY, C), m.maxY = Math.max(m.maxY, p), m;
+        const { yArr: E } = w.getSpanInfo(), [p, C] = E;
+        return m.minY = Math.min(m.minY, p), m.maxY = Math.max(m.maxY, C), m;
       },
       {
         minY: i,
@@ -5132,8 +5133,8 @@ class Be {
       }
     ), d = l.reduce(
       (m, w) => {
-        const { xArr: E } = w.getSpanInfo(), [C, p] = E;
-        return m.minX = Math.min(m.minX, C), m.maxX = Math.max(m.maxX, p), m;
+        const { xArr: E } = w.getSpanInfo(), [p, C] = E;
+        return m.minX = Math.min(m.minX, p), m.maxX = Math.max(m.maxX, C), m;
       },
       {
         minX: o,
@@ -5328,18 +5329,18 @@ class Be {
         });
         const m = r.length === 1 && r[0].length === 1;
         if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !m) {
-          const p = {
+          const C = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
           };
-          this.ctx.hasEvent("error") ? this.ctx.emit("error", p) : alert(p.message);
+          this.ctx.hasEvent("error") ? this.ctx.emit("error", C) : alert(C.message);
           return;
         }
         let w = [];
-        for (let p = 0; p <= r.length - 1; p++) {
-          const b = r[p].length;
+        for (let C = 0; C <= r.length - 1; C++) {
+          const b = r[C].length;
           for (let y = 0; y <= b - 1; y++) {
-            const R = p + e, S = y + i, O = r[p][y], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const R = C + e, S = y + i, O = r[C][y], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
               R,
               S
             );
@@ -5356,13 +5357,13 @@ class Be {
           }
         }
         if (this.isCut) {
-          const p = this.clearSelectedData(
+          const C = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
           ), b = w.map((y) => `${y.rowKey}-${y.key}`);
-          p.forEach((y) => {
+          C.forEach((y) => {
             b.includes(`${y.rowKey}-${y.key}`) || w.unshift(y);
           }), this.isCut = !1;
         }
@@ -5370,21 +5371,21 @@ class Be {
           return;
         const { BEFORE_PASTE_DATA_METHOD: E } = this.ctx.config;
         if (typeof E == "function") {
-          const p = E, b = w.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 (w = await p(b, a, l, r), w && !w.length)
+          if (w = await C(b, a, l, r), w && !w.length)
             return;
         }
         this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(w, !0);
-        let C = [];
-        s.forEach((p) => {
-          C.push(this.ctx.database.getRowDataItemForRowKey(p));
-        }), this.ctx.emit("pasteChange", w, C), this.ctx.emit("draw");
+        let p = [];
+        s.forEach((C) => {
+          p.push(this.ctx.database.getRowDataItemForRowKey(C));
+        }), this.ctx.emit("pasteChange", w, p), this.ctx.emit("draw");
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
       });
@@ -5450,14 +5451,14 @@ class Be {
     if (!i)
       return;
     g && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: m, drawY: w, width: E, height: C, fixed: p } = i, b = o - m + 1, y = i.drawX + E - (e - s) + 1;
-    let R = r.height - w, S = C;
+    const { drawX: m, drawY: w, width: E, height: p, fixed: C } = i, b = o - m + 1, y = i.drawX + E - (e - s) + 1;
+    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);
     const v = w + S - (t - O - f);
     let I = c, _ = d;
-    y > 0 && !p ? I = Math.floor(c + y) : b > 0 && !p && (I = Math.floor(c - b)), R > 0 ? _ = Math.floor(d - R) : v > 0 && (_ = Math.floor(d + v)), (Math.abs(c - I) > 2 || Math.abs(d - _) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.emit("adjustBoundaryPosition", i), this.ctx.setScroll(I, _));
+    y > 0 && !C ? I = Math.floor(c + y) : b > 0 && !C && (I = Math.floor(c - b)), R > 0 ? _ = Math.floor(d - R) : v > 0 && (_ = Math.floor(d + v)), (Math.abs(c - I) > 2 || Math.abs(d - _) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.emit("adjustBoundaryPosition", i), this.ctx.setScroll(I, _));
   }
   destroy() {
   }
@@ -5515,11 +5516,11 @@ class Xe {
         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, C = x, p = u || this.ctx.maxRowIndex - m;
+      } = this.ctx.config, w = d, E = f || this.ctx.maxColIndex - g, p = x, C = u || this.ctx.maxRowIndex - m;
       let [b, y] = r, [R, S] = a;
-      if (b < w || R < C)
+      if (b < w || R < p)
         return;
-      r = [Math.max(w, b), Math.min(E, y)], a = [Math.max(C, R), Math.min(p, S)];
+      r = [Math.max(w, b), Math.min(E, y)], a = [Math.max(p, R), Math.min(C, S)];
       const { BEFORE_SET_AUTOFILL_METHOD: O } = this.ctx.config;
       if (typeof O == "function") {
         const I = O({
@@ -5556,9 +5557,9 @@ class Xe {
     let d = [];
     for (let u = 0; u <= l[1] - l[0]; u++)
       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], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, m), p = `${w}-${m}`;
-        if (C && !i.has(p)) {
-          const { rowKey: b, key: y } = C;
+        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({
             rowKey: b,
             key: y,
@@ -5774,8 +5775,8 @@ const je = async (h, t, e) => {
       name: w,
       fn: E
     } = a[m], {
-      x: C,
-      y: p,
+      x: p,
+      y: C,
       data: b,
       reset: y
     } = await E({
@@ -5792,7 +5793,7 @@ const je = async (h, t, e) => {
         floating: t
       }
     });
-    d = C ?? d, f = p ?? f, u = {
+    d = p ?? d, f = C ?? f, u = {
       ...u,
       [w]: {
         ...u[w],
@@ -5836,12 +5837,12 @@ async function ee(h, t) {
     boundary: c,
     rootBoundary: d,
     strategy: l
-  })), C = f === "floating" ? {
+  })), p = f === "floating" ? {
     x: i,
     y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, p = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), b = await (o.isElement == null ? void 0 : o.isElement(p)) ? await (o.getScale == null ? void 0 : o.getScale(p)) || {
+  } : r.reference, C = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), b = await (o.isElement == null ? void 0 : o.isElement(C)) ? await (o.getScale == null ? void 0 : o.getScale(C)) || {
     x: 1,
     y: 1
   } : {
@@ -5849,10 +5850,10 @@ async function ee(h, t) {
     y: 1
   }, y = ct(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
-    rect: C,
-    offsetParent: p,
+    rect: p,
+    offsetParent: C,
     strategy: l
-  }) : C);
+  }) : p);
   return {
     top: (E.top - y.top + g.top) / b.y,
     bottom: (y.bottom - E.bottom + g.bottom) / b.y,
@@ -5881,10 +5882,10 @@ const qe = (h) => ({
     const f = te(d), x = {
       x: e,
       y: i
-    }, u = _t(s), g = Rt(u), m = await r.getDimensions(c), w = u === "y", E = w ? "top" : "left", C = w ? "bottom" : "right", p = w ? "clientHeight" : "clientWidth", b = o.reference[g] + o.reference[u] - x[u] - o.floating[g], y = x[u] - o.reference[u], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
-    let S = R ? R[p] : 0;
-    (!S || !await (r.isElement == null ? void 0 : r.isElement(R))) && (S = a.floating[p] || o.floating[g]);
-    const O = b / 2 - y / 2, v = S / 2 - m[g] / 2 - 1, I = j(f[E], v), _ = j(f[C], 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;
+    }, u = _t(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], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let S = R ? R[C] : 0;
+    (!S || !await (r.isElement == null ? void 0 : r.isElement(R))) && (S = a.floating[C] || o.floating[g]);
+    const O = b / 2 - y / 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,
       data: {
@@ -5921,7 +5922,7 @@ const qe = (h) => ({
       } = tt(h, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = $(s), C = V(a), p = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), y = x || (p || !m ? [lt(a)] : Ve(a)), R = g !== "none";
+      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)] : Ve(a)), R = g !== "none";
       !x && R && y.push(...Ge(a, m, g, b));
       const S = [a, ...y], O = await ee(t, w), v = [];
       let I = ((i = o.flip) == null ? void 0 : i.overflows) || [];
@@ -5935,9 +5936,9 @@ const qe = (h) => ({
       }], !v.every((L) => L <= 0)) {
         var _, T;
         const L = (((_ = o.flip) == null ? void 0 : _.index) || 0) + 1, A = S[L];
-        if (A && (!(f === "alignment" ? C !== V(A) : !1) || // We leave the current main axis only if every placement on that axis
+        if (A && (!(f === "alignment" ? p !== V(A) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        I.every((k) => V(k.placement) === C ? k.overflows[0] > 0 : !0)))
+        I.every((k) => V(k.placement) === p ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: L,
@@ -5955,7 +5956,7 @@ const qe = (h) => ({
               const D = (M = I.filter((k) => {
                 if (R) {
                   const W = V(k.placement);
-                  return W === C || // Create a bias to the `y` side axis due to horizontal
+                  return W === p || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   W === "y";
                 }
@@ -6044,11 +6045,11 @@ const ti = function(h) {
           fn: (w) => {
             let {
               x: E,
-              y: C
+              y: p
             } = w;
             return {
               x: E,
-              y: C
+              y: p
             };
           }
         },
@@ -6059,12 +6060,12 @@ const ti = function(h) {
       }, d = await ee(t, l), f = V($(s)), x = Qt(f);
       let u = c[x], g = c[f];
       if (o) {
-        const w = x === "y" ? "top" : "left", E = x === "y" ? "bottom" : "right", C = u + d[w], p = u - d[E];
-        u = Et(C, u, p);
+        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 w = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", C = g + d[w], p = g - d[E];
-        g = Et(C, g, p);
+        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,
@@ -6249,8 +6250,8 @@ function G(h, t, e, i) {
     const x = N(o), u = i && B(i) ? N(i) : i;
     let g = x, m = Ct(g);
     for (; m && i && u !== g; ) {
-      const w = U(m), E = m.getBoundingClientRect(), C = X(m), p = E.left + (m.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = E.top + (m.clientTop + parseFloat(C.paddingTop)) * w.y;
-      l *= w.x, c *= w.y, d *= w.x, f *= w.y, l += p, c += b, g = N(m), m = Ct(g);
+      const w = U(m), E = m.getBoundingClientRect(), p = X(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({
@@ -6505,7 +6506,7 @@ function _i(h, t) {
     } = c;
     if (a || t(), !x || !u)
       return;
-    const g = st(f), m = st(s.clientWidth - (d + x)), w = st(s.clientHeight - (f + u)), E = st(d), p = {
+    const g = st(f), m = st(s.clientWidth - (d + x)), w = st(s.clientHeight - (f + u)), E = st(d), C = {
       rootMargin: -g + "px " + -m + "px " + -w + "px " + -E + "px",
       threshold: z(0, j(1, l)) || 1
     };
@@ -6523,12 +6524,12 @@ function _i(h, t) {
     }
     try {
       e = new IntersectionObserver(y, {
-        ...p,
+        ...C,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      e = new IntersectionObserver(y, p);
+      e = new IntersectionObserver(y, C);
     }
     e.observe(h);
   }
@@ -6551,10 +6552,10 @@ function yt(h, t, e, i) {
   const f = c && a ? _i(c, e) : null;
   let x = -1, u = null;
   r && (u = new ResizeObserver((E) => {
-    let [C] = E;
-    C && C.target === c && u && (u.unobserve(t), cancelAnimationFrame(x), x = requestAnimationFrame(() => {
-      var p;
-      (p = u) == null || p.observe(t);
+    let [p] = E;
+    p && p.target === c && u && (u.unobserve(t), cancelAnimationFrame(x), x = requestAnimationFrame(() => {
+      var C;
+      (C = u) == null || C.observe(t);
     })), e();
   }), c && !l && u.observe(c), u.observe(t));
   let g, m = l ? G(h) : null;
@@ -6565,8 +6566,8 @@ function yt(h, t, e, i) {
   }
   return e(), () => {
     var E;
-    d.forEach((C) => {
-      s && C.removeEventListener("scroll", e), o && C.removeEventListener("resize", 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);
   };
 }
@@ -7420,12 +7421,12 @@ class Ai {
       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 E = this.ctx.database.getColumns(), C = f.map((p) => p.value === "visible" ? {
-        ...p,
+      const E = this.ctx.database.getColumns(), p = f.map((C) => C.value === "visible" ? {
+        ...C,
         children: this.filterColumns(E)
-      } : p);
-      this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new zt(this.contextMenuEl, C, {
-        onClick: (p, b) => {
+      } : C);
+      this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new zt(this.contextMenuEl, p, {
+        onClick: (C, b) => {
           const { xArr: y } = this.ctx.selector, [R, S] = y;
           if (b === "fixedLeft" || b === "fixedRight" || b === "fixedNone") {
             const O = this.ctx.header.allCellHeaders.filter((v) => v.colIndex >= R && v.colIndex <= S).filter((v) => v.level === 0).filter((v) => !v.column.fixedDisabled).map((v) => v.key);
@@ -7437,12 +7438,12 @@ class Ai {
             const O = this.ctx.header.leafCellHeaders.filter((v) => v.colIndex >= R && v.colIndex <= S).filter((v) => !v.children.length).filter((v) => !v.column.hideDisabled).map((v) => v.key);
             O.length > 0 && this.ctx.database.setCustomHeaderHideData(O, !0), this.hide();
           } else if (b !== "visible") if (b.startsWith("visible_")) {
-            if (!p.key) return;
-            if (p.children) {
-              const _ = this.getLeafKeys(p.children);
+            if (!C.key) return;
+            if (C.children) {
+              const _ = this.getLeafKeys(C.children);
               this.ctx.database.setCustomHeaderHideData(_, !1);
             } else
-              this.ctx.database.setCustomHeaderHideData([p.key], !1);
+              this.ctx.database.setCustomHeaderHideData([C.key], !1);
             this.currentDOMTreeMenu && this.currentDOMTreeMenu.removeSubMenuItem(b);
             const O = this.ctx.database.getColumns();
             J(O).filter((_) => _.hide).length === 0 && this.hide();
@@ -7562,11 +7563,11 @@ class Di {
             e.preventDefault(), this.hide();
             return;
           }
-          if (e.code === "ArrowUp") {
+          if (e.code === "ArrowUp" || e.shiftKey && e.code === "Enter") {
             e.preventDefault(), this.navigatePrevious();
             return;
           }
-          if (e.code === "ArrowDown") {
+          if (e.code === "ArrowDown" || e.code === "Enter") {
             e.preventDefault(), this.navigateNext();
             return;
           }
@@ -7579,13 +7580,9 @@ class Di {
     });
   }
   async initSearchData() {
-    this.showLoading(), this.searchData = [];
-    const { allCellHeaders: t } = this.ctx.header;
-    await this.batchRun(
-      t.length,
-      0,
-      1e4,
-      (s) => {
+    this.showLoading(), this.searchData = [], setTimeout(() => {
+      const { allCellHeaders: t } = this.ctx.header;
+      for (let s = 0; s < t.length; s++) {
         const o = t[s];
         o && ["string", "number"].includes(typeof o.text) && this.searchData.push({
           rowIndex: 0,
@@ -7594,25 +7591,20 @@ class Di {
           type: "header",
           colKey: o.key
         });
-      },
-      5
-    );
-    const { maxColIndex: e, maxRowIndex: i } = this.ctx;
-    await this.batchRun(
-      i,
-      e,
-      1e4,
-      (s, o) => {
-        const r = this.ctx.database.getVirtualBodyCell(s, o, !1), a = r == null ? void 0 : r.getText();
-        ["string", "number"].includes(typeof a) && this.searchData.push({
-          rowIndex: s,
-          colIndex: o,
-          text: `${a}`,
-          type: "body"
-        });
-      },
-      5
-    ), this.hideLoading();
+      }
+      const { maxColIndex: e, maxRowIndex: i } = this.ctx;
+      for (let s = 0; s < i; s++)
+        for (let o = 0; o < e; o++) {
+          const r = this.ctx.database.getVirtualBodyCell(s, o, !1), a = r == null ? void 0 : r.getText();
+          ["string", "number"].includes(typeof a) && this.searchData.push({
+            rowIndex: s,
+            colIndex: o,
+            text: `${a}`,
+            type: "body"
+          });
+        }
+      this.hideLoading();
+    }, 0);
   }
   createContainer() {
     const t = document.createElement("div");
@@ -7642,15 +7634,14 @@ class Di {
   performSearch() {
     const t = this.input.value.trim();
     if (this.searchResults = [], this.currentIndex = -1, !t) {
-      this.updateCount();
+      this.cearFinderBar(), this.updateCount();
       return;
     }
-    this.showLoading(), this.searchResults = this.searchData.filter((e) => e.text.includes(t)), this.searchResults.length > 0 ? (this.currentIndex = 0, this.scrollToCurrentResult()) : (this.ctx.finderBar = {
-      rowIndex: -1,
-      colIndex: -1,
-      text: "",
-      type: "header"
-    }, this.ctx.emit("draw")), this.updateCount(), this.hideLoading();
+    this.showLoading(), setTimeout(() => {
+      this.searchResults = this.searchData.filter(
+        (e) => e.text.toLowerCase().includes(t.toLowerCase())
+      ), this.searchResults.length > 0 ? (this.currentIndex = 0, this.scrollToCurrentResult()) : this.cearFinderBar(), this.updateCount(), this.hideLoading();
+    }, 0);
   }
   scrollToCurrentResult() {
     if (this.currentIndex < 0 || this.currentIndex >= this.searchResults.length)
@@ -7685,22 +7676,21 @@ class Di {
     var t;
     this.loadingEl.classList.remove("show"), (t = this.loadingEl.parentElement) == null || t.classList.remove("loading"), this.input.readOnly = !1;
   }
-  async batchRun(t, e, i, s, o = 0) {
-    for (let r = 0; r <= t; r += i) {
-      const a = Math.min(r + i - 1, t), l = [];
-      for (let c = r; c <= a; c++)
-        for (let d = 0; d <= e; d++)
-          l.push(Promise.resolve(s(c, d)));
-      await Promise.all(l), o > 0 && await new Promise((c) => setTimeout(c, o));
-    }
+  cearFinderBar() {
+    this.ctx.finderBar = {
+      rowIndex: -1,
+      colIndex: -1,
+      text: "",
+      type: "header"
+    }, this.ctx.emit("draw");
   }
   hide() {
-    this.isVisible && (this.isVisible = !1, this.container.classList.remove("show"), this.ctx.finding = !1, this.input.value = "", this.searchResults = [], this.currentIndex = -1, this.hideLoading(), this.ctx.finderBar = {
+    this.isVisible && (this.isVisible = !1, this.container.classList.remove("show"), this.ctx.finding = !1, this.input.value = "", this.searchResults = [], this.searchData = [], this.currentIndex = -1, this.hideLoading(), this.ctx.finderBar = {
       rowIndex: -1,
       colIndex: -1,
       text: "",
       type: "header"
-    }, this.updateCount());
+    }, this.updateCount(), this.ctx.emit("draw"));
   }
   destroy() {
     this.hide(), this.container.remove();