e-virt-table 1.4.0 → 1.4.2

package/dist/index.es.js

@@ -1,8 +1,8 @@
 (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-body-bg-color: #fff;--evt-stripe-color: #fafafa;--evt-placeholder-color: #cdd0dc;--evt-header-bg-color: #f8faff;--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;background-color:var(--evt-body-bg-color);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}.e-virt-table-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#666;z-index:15}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-var we = Object.defineProperty;
-var me = (h, t, e) => t in h ? we(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var r = (h, t, e) => me(h, typeof t != "symbol" ? t + "" : t, e);
-class Ee {
+var Ee = Object.defineProperty;
+var pe = (h, t, e) => t in h ? Ee(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var r = (h, t, e) => pe(h, typeof t != "symbol" ? t + "" : t, e);
+class ye {
   constructor(t) {
     r(this, "rules");
     this.rules = t;
@@ -60,13 +60,13 @@ class Ee {
     return e;
   }
 }
-function qt() {
+function Qt() {
   return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(h) {
     const t = Math.random() * 16 | 0;
     return (h === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function St(h, t) {
+function Lt(h, t) {
   let e = 0, i;
   return function(...s) {
     const o = (/* @__PURE__ */ new Date()).getTime(), n = o - e, a = typeof t == "function" ? t() : t;
@@ -75,10 +75,10 @@ function St(h, t) {
     }, a - n));
   };
 }
-function rt(h = []) {
-  return h.length ? h.map((t) => rt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function at(h = []) {
+  return h.length ? h.map((t) => at(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
-function pe(h = []) {
+function Ce(h = []) {
   let t = [], e = [], i = [];
   return h.forEach((s) => {
     s.fixed === "left" ? t.push(s) : s.fixed === "right" ? i.push(s) : e.push(s);
@@ -88,14 +88,14 @@ function pe(h = []) {
     ...i.sort((s, o) => (s.sort ?? 0) - (o.sort ?? 0))
   ];
 }
-function at(h = [], t = 1, e = 0, i = "") {
+function lt(h = [], t = 1, e = 0, i = "") {
   return h.sort((s, o) => (s.sort ?? 0) - (o.sort ?? 0)).map((s) => {
     if (s.children) {
       let o = 0, n = s.fixed;
       s.children.forEach((l) => {
         l.fixed = n;
       });
-      const a = at(s.children, t - 1, e + 1, s.key);
+      const a = lt(s.children, t - 1, e + 1, s.key);
       return a && a.forEach((l) => {
         o += l.colspan ?? 0;
       }), {
@@ -117,30 +117,30 @@ function at(h = [], t = 1, e = 0, i = "") {
     };
   });
 }
-function tt(h = []) {
+function et(h = []) {
   let t = [];
   return h.forEach((e) => {
-    e.children ? t = t.concat(tt(e.children)) : t.push(e);
+    e.children ? t = t.concat(et(e.children)) : t.push(e);
   }), t;
 }
-function Jt(h) {
+function te(h) {
   return h.filter((t) => !t.hide).map((t) => Array.isArray(t.children) && t.children.length > 0 ? {
     ...t,
-    children: Jt(t.children)
+    children: te(t.children)
     // 递归处理
   } : { ...t });
 }
-const kt = /^(\r\n|\n\r|\r|\n)/, ye = /^[^\t\r\n]+/, Bt = /^\t/;
-function Ce(h) {
+const Xt = /^(\r\n|\n\r|\r|\n)/, be = /^[^\t\r\n]+/, Kt = /^\t/;
+function Re(h) {
   let t = [[""]];
   if (h.length === 0)
     return t;
   let e = 0, i = 0, s;
   for (; h.length > 0 && s !== h.length; )
-    if (s = h.length, h.match(Bt))
-      h = h.replace(Bt, ""), e += 1, t[i][e] = "";
-    else if (h.match(kt))
-      h = h.replace(kt, ""), e = 0, i += 1, t[i] = [""];
+    if (s = h.length, h.match(Kt))
+      h = h.replace(Kt, ""), e += 1, t[i][e] = "";
+    else if (h.match(Xt))
+      h = h.replace(Xt, ""), e = 0, i += 1, t[i] = [""];
     else {
       let o = "";
       if (h.startsWith('"')) {
@@ -151,14 +151,14 @@ function Ce(h) {
         }
         o = o.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (l) => new Array(Math.floor(l.length / 2)).fill('"').join(""));
       } else {
-        const n = h.match(ye);
+        const n = h.match(be);
         o = n ? n[0] : "", h = h.slice(o.length);
       }
       t[i][e] = o;
     }
   return Array.isArray(t) && t.length > 1 && t[t.length - 1].length === 1 && t[t.length - 1][0] === "" && (t = t.slice(0, t.length - 1)), t;
 }
-function be(h) {
+function ve(h) {
   let t, e, i, s, o = "", n;
   for (t = 0, e = h.length; t < e; t += 1) {
     for (s = h[t].length, i = 0; i < s; i += 1)
@@ -169,7 +169,7 @@ function be(h) {
   }
   return o;
 }
-function Qt(h, t, e = []) {
+function ee(h, t, e = []) {
   let i = 0;
   const s = [];
   return h.forEach((o, n) => {
@@ -181,15 +181,15 @@ function Qt(h, t, e = []) {
     }
   }), s;
 }
-function te(h, t) {
+function ie(h, t) {
   let e = "", i = "";
   const s = {};
   return t.forEach((o, n) => {
     n === 0 ? (e = o.key, i = o.key, s[o.key] = 1) : h[o.key] === h[e] ? (s[o.key] = 0, s[i] += 1) : (s[o.key] = 1, e = o.key, i = o.key);
   }), s;
 }
-function Re(h, t, e = []) {
-  const { visibleRows: i, rowIndex: s, headIndex: o } = h, n = Qt(i, t, e);
+function Ie(h, t, e = []) {
+  const { visibleRows: i, rowIndex: s, headIndex: o } = h, n = ee(i, t, e);
   return n[s - o] === 0 ? {
     rowspan: 0,
     colspan: 0,
@@ -202,10 +202,10 @@ function Re(h, t, e = []) {
     mergeRow: !0
   };
 }
-function Ie(h, t = []) {
+function _e(h, t = []) {
   const { column: e, row: i, visibleLeafColumns: s } = h, o = s.filter((n) => t.includes(n.key));
   if (t.includes(e.key)) {
-    const n = te(i, o);
+    const n = ie(i, o);
     return n[e.key] === 0 ? {
       rowspan: 0,
       colspan: 0,
@@ -219,11 +219,11 @@ function Ie(h, t = []) {
     };
   }
 }
-function ve(h, t = document.documentElement) {
+function Te(h, t = document.documentElement) {
   const e = h.startsWith("--") ? h : `--${h}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
-function Xt(h) {
+function Yt(h) {
   if (!h) return /* @__PURE__ */ new Date(0);
   if (typeof h == "number")
     return new Date(h);
@@ -277,15 +277,15 @@ function Xt(h) {
   }
   return /* @__PURE__ */ new Date(NaN);
 }
-function _e(h, t) {
-  const e = Xt(h), i = Xt(t);
+function Se(h, t) {
+  const e = Yt(h), i = Yt(t);
   return isNaN(e.getTime()) && isNaN(i.getTime()) ? 0 : isNaN(e.getTime()) ? -1 : isNaN(i.getTime()) ? 1 : e.getTime() - i.getTime();
 }
-function Te(h) {
+function Oe(h) {
   const t = String(h).match(/\.(\d+)/);
   return (t == null ? void 0 : t[1].length) ?? 0;
 }
-class ee {
+class se {
   constructor(t, e, i, s, o, n, a) {
     r(this, "ctx");
     r(this, "x", 0);
@@ -355,7 +355,7 @@ class ee {
     return o ? o.isInside(i, s) : !1;
   }
 }
-class j {
+class Z {
   constructor(t, e, i, s, o, n) {
     r(this, "source");
     r(this, "name");
@@ -380,7 +380,7 @@ class j {
     return this.visible ? !!(this.source && t > this.x && t < this.x + this.width && e > this.y && e < this.y + this.height) : !1;
   }
 }
-class ie extends ee {
+class oe extends se {
   constructor(e, i, s, o, n, a, l, c, d, f = "body", u = !0) {
     super(e, o, n, a, l, f, c.fixed);
     r(this, "parentRowKey", "");
@@ -587,19 +587,19 @@ class ie extends ee {
       const _ = this.ctx.icons.get("expand"), R = this.ctx.icons.get("shrink");
       o = c ? R : _, a = c ? "shrink" : "expand";
     }
-    let w = E, m = E, y = this.drawX;
-    (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - w - 2 * e) / 2, this.align = "left");
-    let b = y + n + e, p = this.drawY + (this.visibleHeight - m) / 2, C = n + this.drawX + w - 0.5;
-    const I = this.getImage("selection"), v = this.getImage("drag"), T = v ? v.width : 0;
-    if (this.type === "selection-tree" && I) {
-      const _ = I.x, R = I.width;
-      b = n + _ + R, C = b + w - e / 2;
-    } else this.type === "tree-selection" ? (b += T, C = b + g + w - e / 2) : (b += T, C = b + w - e / 2);
-    this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(b + w + e > this.drawX + this.visibleWidth) && (p + m + e > this.drawY + this.visibleHeight || this.setImage("tree", new j(a, b, p, w, m, o)));
+    let m = E, w = E, y = this.drawX;
+    (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - m - 2 * e) / 2, this.align = "left");
+    let C = y + n + e, p = this.drawY + (this.visibleHeight - w) / 2, b = n + this.drawX + m - 0.5;
+    const v = this.getImage("selection"), I = this.getImage("drag"), T = I ? I.width : 0;
+    if (this.type === "selection-tree" && v) {
+      const _ = v.x, R = v.width;
+      C = n + _ + R, b = C + m - e / 2;
+    } else this.type === "tree-selection" ? (C += T, b = C + g + m - e / 2) : (C += T, b = C + m - e / 2);
+    this.drawTextX = b, this.drawTextWidth = this.drawX + this.visibleWidth - b, !(C + m + e > this.drawX + this.visibleWidth) && (p + w + e > this.drawY + this.visibleHeight || this.setImage("tree", new Z(a, C, p, m, w, o)));
   }
   updateDragImage() {
     if (this.cellType === "body" && this.column.dragRow) {
-      const { DRAG_ROW_ICON_SIZE: e, CELL_PADDING: i } = this.ctx.config, s = this.drawX + i / 2, o = this.drawY + (this.visibleHeight - e) / 2, n = new j("drag", s, o, e, e, this.ctx.icons.get("drag"));
+      const { DRAG_ROW_ICON_SIZE: e, CELL_PADDING: i } = this.ctx.config, s = this.drawX + i / 2, o = this.drawY + (this.visibleHeight - e) / 2, n = new Z("drag", s, o, e, e, this.ctx.icons.get("drag"));
       this.rowspan === 0 && n.setVisible(!1), this.setImage("drag", n);
     }
   }
@@ -610,12 +610,12 @@ class ie extends ee {
     if (!l) return;
     const c = l.x, d = l.y, f = l.width, u = l.height, x = c + f / 2, g = d + u / 2;
     let E = c - a * i;
-    const w = Array.isArray(n.parentRowKeys) ? n.parentRowKeys : [];
+    const m = Array.isArray(n.parentRowKeys) ? n.parentRowKeys : [];
     if (a > 0) {
-      for (let C = 0; C < a - 1; C += 1) {
-        const I = w[C + 1];
-        if (!!(I ? this.ctx.database.getRowForRowKey(I) || {} : {}).isLastChild) continue;
-        const _ = Math.round(c - (a - C) * i + s / 2);
+      for (let b = 0; b < a - 1; b += 1) {
+        const v = m[b + 1];
+        if (!!(v ? this.ctx.database.getRowForRowKey(v) || {} : {}).isLastChild) continue;
+        const _ = Math.round(c - (a - b) * i + s / 2);
         this.ctx.paint.drawLine([_, this.drawY, _, this.drawY + this.visibleHeight], {
           borderColor: o,
           borderWidth: 1,
@@ -623,8 +623,8 @@ class ie extends ee {
           lineDashOffset: 0
         });
       }
-      const m = Math.round(c - i + s / 2), b = !!n.isLastChild ? g : this.drawY + this.visibleHeight;
-      this.ctx.paint.drawLine([m, this.drawY, m, b], {
+      const w = Math.round(c - i + s / 2), C = !!n.isLastChild ? g : this.drawY + this.visibleHeight;
+      this.ctx.paint.drawLine([w, this.drawY, w, C], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -639,8 +639,8 @@ class ie extends ee {
       });
     }
     if (n.hasChildren && n.expand) {
-      const m = d + u, y = this.drawY + this.visibleHeight;
-      this.ctx.paint.drawLine([x, m, x, y], {
+      const w = d + u, y = this.drawY + this.visibleHeight;
+      this.ctx.paint.drawLine([x, w, x, y], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -664,7 +664,7 @@ class ie extends ee {
       HIGHLIGHT_HOVER_ROW_COLOR: x,
       STRIPE: g,
       STRIPE_COLOR: E,
-      FINDER_CELL_BG_COLOR: w
+      FINDER_CELL_BG_COLOR: m
     } = this.ctx.config;
     if (this.cellType === "footer") {
       let S = c, O = l;
@@ -681,16 +681,16 @@ class ie extends ee {
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = S, this.drawTextColor = O;
       return;
     }
-    let m = "transparent";
-    const y = this.ctx.hoverCell, b = this.ctx.currentCell;
-    let p = this.rowIndex, C = this.rowIndex;
+    let w = "transparent";
+    const y = this.ctx.hoverCell, C = this.ctx.currentCell;
+    let p = this.rowIndex, b = this.rowIndex;
     if (this.rowspan !== 1 && (u || d)) {
       const S = this.getSpanInfo(), { yArr: O } = S;
-      p = O[0], C = O[1];
+      p = O[0], b = O[1];
     }
-    u && y && !this.ctx.dragRowIng && (y.rowKey === this.rowKey && (m = x), y.rowIndex >= p && y.rowIndex <= C && (m = x)), d && b && !this.ctx.dragRowIng && (b.rowKey === this.rowKey && (m = f), b.rowIndex >= p && b.rowIndex <= C && (m = f)), this.drawCellSkyBgColor = m;
-    let I = e, v = a;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (I = i, v = n), g && (this.rowIndex % 2 ? I = E : I = e), typeof s == "function") {
+    u && y && !this.ctx.dragRowIng && (y.rowKey === this.rowKey && (w = x), y.rowIndex >= p && y.rowIndex <= b && (w = x)), d && C && !this.ctx.dragRowIng && (C.rowKey === this.rowKey && (w = f), C.rowIndex >= p && C.rowIndex <= b && (w = f)), this.drawCellSkyBgColor = w;
+    let v = e, I = a;
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (v = i, I = n), g && (this.rowIndex % 2 ? v = E : v = e), typeof s == "function") {
       const S = s, { backgroundColor: O, color: M, font: L } = S({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -699,10 +699,10 @@ class ie extends ee {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      O && (I = O), M && (v = M), L && (this.drawTextFont = L);
+      O && (v = O), M && (I = M), L && (this.drawTextFont = L);
     }
     const { rowIndex: T, colIndex: _, type: R } = this.ctx.finderBar;
-    T === this.rowIndex && _ === this.colIndex && R === "body" && (I = w), this.drawCellBgColor = I, this.drawTextColor = v;
+    T === this.rowIndex && _ === this.colIndex && R === "body" && (v = m), this.drawCellBgColor = v, this.drawTextColor = I;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: n, type: a, rowIndex: l, rowKey: c } = this;
@@ -714,27 +714,27 @@ class ie extends ee {
     let g = x, E = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: C = 16, TREE_ICON_SIZE: I } = this.ctx.config, v = this.ctx.database.getRowForRowKey(c), { level: T = 0 } = v || {}, _ = T * C;
-        g = x + I + _;
+        const { TREE_INDENT: b = 16, TREE_ICON_SIZE: v } = this.ctx.config, I = this.ctx.database.getRowForRowKey(c), { level: T = 0 } = I || {}, _ = T * b;
+        g = x + v + _;
       }
     }
-    let w = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck";
+    let m = this.ctx.icons.get("checkbox-uncheck"), w = "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"), m = "checkbox-indeterminate") : C.checked && d ? (w = this.ctx.icons.get("checkbox-check"), m = "checkbox-check") : !C.checked && d ? (w = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), m = "checkbox-disabled");
+      const b = this.ctx.database.getTreeSelectionState(c);
+      b.indeterminate && d ? (m = this.ctx.icons.get("checkbox-indeterminate"), w = "checkbox-indeterminate") : b.checked && d ? (m = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : !b.checked && d ? (m = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (m = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled");
     } else {
-      const C = this.ctx.database.getRowSelection(c);
-      C && d ? (w = this.ctx.icons.get("checkbox-check"), m = "checkbox-check") : C && !d ? (w = this.ctx.icons.get("checkbox-check-disabled"), m = "checkbox-check-disabled") : !C && d ? (w = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), m = "checkbox-disabled");
+      const b = this.ctx.database.getRowSelection(c);
+      b && d ? (m = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : b && !d ? (m = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !b && d ? (m = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (m = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled");
     }
-    const y = this.getImage("drag"), b = y ? y.width : 0;
-    if (g += b, g + f + u > this.drawX + this.visibleWidth || E + f + u > this.drawY + this.visibleHeight)
+    const y = this.getImage("drag"), C = y ? y.width : 0;
+    if (g += C, g + f + u > this.drawX + this.visibleWidth || E + f + u > this.drawY + this.visibleHeight)
       return;
-    const p = new j(m, g, E, f, f, w);
+    const p = new Z(w, g, E, f, f, m);
     if (a === "index-selection") {
-      p.setVisible(!1), (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(m)) && p.setVisible(!0);
-      let C = this.rowIndex, I = this.rowIndex;
-      const v = this.ctx.hoverCell, T = this.getSpanInfo(), { yArr: _ } = T;
-      C = _[0], I = _[1], v && v.rowIndex >= C && v.rowIndex <= I && p.setVisible(!0);
+      p.setVisible(!1), (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(w)) && p.setVisible(!0);
+      let b = this.rowIndex, v = this.rowIndex;
+      const I = this.ctx.hoverCell, T = this.getSpanInfo(), { yArr: _ } = T;
+      b = _[0], v = _[1], I && I.rowIndex >= b && I.rowIndex <= v && p.setVisible(!0);
     }
     this.setImage("selection", p);
   }
@@ -758,11 +758,11 @@ class ie extends ee {
       if (a.rowKey === this.rowKey && (l = this.drawX + this.width - s - o, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && n) {
         const u = this.getSpanInfo(), { yArr: x } = u, g = x[0], E = x[1];
         if (a.rowIndex >= g && a.rowIndex <= E) {
-          const { width: w, height: m, offsetTop: y, offsetLeft: b } = u;
-          l = this.drawX - b + w - s - o, c = this.drawY - y + (m - s) / 2;
+          const { width: m, height: w, offsetTop: y, offsetLeft: C } = u;
+          l = this.drawX - C + m - s - o, c = this.drawY - y + (w - s) / 2;
         }
       }
-      const d = this.ctx.icons.get(this.hoverIconName), f = new j(this.hoverIconName, l, c, s, s, d);
+      const d = this.ctx.icons.get(this.hoverIconName), f = new Z(this.hoverIconName, l, c, s, s, d);
       (this.rowspan === 0 || this.colspan === 0) && f.setVisible(!1), this.setImage("hover", f);
     }
   }
@@ -955,7 +955,11 @@ class ie extends ee {
         maxLineClamp: this.maxLineClamp,
         cacheTextKey: d,
         layoutCallback: (f) => {
-          this.ctx.emit("registerTextLayout", `${this.rowIndex}-${this.colIndex}`, f);
+          this.ctx.emit(
+            "registerTextLayout",
+            `${this.cellType}-${this.rowIndex}-${this.colIndex}`,
+            f
+          );
         }
       }
     ), this.ellipsis;
@@ -1039,45 +1043,45 @@ class ie extends ee {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: n, height: a, width: l } = this;
     let c = i, d = s;
-    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: g = 1, borderColor: E, fillColor: w } = e, m = f[0], y = f[1], b = u[0], p = u[1];
-    if (n >= m && n <= y && o === b) {
-      const C = n === y ? 1 : 0, I = n === m ? 1 : 0;
-      this.ctx.paint.drawLine([c + I, d + 1, c + l - C, d + 1], {
+    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: g = 1, borderColor: E, fillColor: m } = e, w = f[0], y = f[1], C = u[0], p = u[1];
+    if (n >= w && n <= y && o === C) {
+      const b = n === y ? 1 : 0, v = n === w ? 1 : 0;
+      this.ctx.paint.drawLine([c + v, d + 1, c + l - b, d + 1], {
         borderColor: E,
-        fillColor: w,
+        fillColor: m,
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: x
       });
     }
-    if (n === y && o >= b && o <= p) {
-      const C = o === b ? 1 : 0, I = o === p ? 1 : 0;
-      this.ctx.paint.drawLine([c + l - 1, d + C, c + l - 1, d + a - I], {
+    if (n === y && o >= C && o <= p) {
+      const b = o === C ? 1 : 0, v = o === p ? 1 : 0;
+      this.ctx.paint.drawLine([c + l - 1, d + b, c + l - 1, d + a - v], {
         borderColor: E,
-        fillColor: w,
+        fillColor: m,
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: x
       });
     }
-    if (n >= m && n <= y && o === p) {
-      const C = n === y ? 1 : 0, I = n === m ? 1 : 0;
-      this.ctx.paint.drawLine([c + I, d + a - 1, c + l - C, d + a - 1], {
+    if (n >= w && n <= y && o === p) {
+      const b = n === y ? 1 : 0, v = n === w ? 1 : 0;
+      this.ctx.paint.drawLine([c + v, d + a - 1, c + l - b, d + a - 1], {
         borderColor: E,
-        fillColor: w,
+        fillColor: m,
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
         lineDash: x
       });
     }
-    if (n === m && o >= b && o <= p) {
-      const C = o === p ? 1 : 0, I = o === b ? 1 : 0;
-      this.ctx.paint.drawLine([c + 1, d + I, c + 1, d + a - C], {
+    if (n === w && o >= C && o <= p) {
+      const b = o === p ? 1 : 0, v = o === C ? 1 : 0;
+      this.ctx.paint.drawLine([c + 1, d + v, c + 1, d + a - b], {
         borderColor: E,
-        fillColor: w,
+        fillColor: m,
         borderWidth: g,
         lineCap: "round",
         lineJoin: "round",
@@ -1086,7 +1090,7 @@ class ie extends ee {
     }
   }
 }
-class Se {
+class Le {
   constructor(t, e) {
     r(this, "ctx");
     r(this, "data");
@@ -1132,7 +1136,7 @@ class Se {
   // 初始化默认不忽略清空改变值和校验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.maxRowHeightCellMap.clear();
-    const e = this.getColumns(), i = tt(e);
+    const e = this.getColumns(), i = et(e);
     if (this.ctx.hasSelection = i.some((s) => s.type === "selection"), this.ctx.hasTree = i.some((s) => {
       var o;
       return (o = s.type) == null ? void 0 : o.includes("tree");
@@ -1164,35 +1168,35 @@ class Se {
       TREE_CHILDREN_KEY: d
     } = this.ctx.config;
     t.forEach((f, u) => {
-      var b;
+      var C;
       d !== "children" && (f.children = f[d]);
-      const x = f[o], g = x ?? qt();
+      const x = f[o], g = x ?? Qt();
       this.itemRowKeyMap.set(f, g);
-      const E = f._height || a, w = f._readonly;
-      let m = !0;
-      if (typeof l == "function" && (m = l), c) {
+      const E = f._height || a, m = f._readonly;
+      let w = !0;
+      if (typeof l == "function" && (w = l), c) {
         const p = f[c];
         if (this.checkboxKeyMap.has(p)) {
-          const C = this.checkboxKeyMap.get(p) || [];
-          C.push(g), this.checkboxKeyMap.set(p, C);
+          const b = this.checkboxKeyMap.get(p) || [];
+          b.push(g), this.checkboxKeyMap.set(p, b);
         } else
           this.checkboxKeyMap.set(p, [g]);
       }
       this.selectionMap.set(g, {
         key: c ? f[c] : g,
         row: f,
-        check: ((b = this.selectionMap.get(g)) == null ? void 0 : b.check) || !1
+        check: ((C = this.selectionMap.get(g)) == null ? void 0 : C.check) || !1
       });
       const y = n || this.expandMap.get(g) || f._expand || !1;
       this.expandMap.set(g, y), this.rowKeyMap.set(g, {
-        readonly: w,
+        readonly: m,
         index: u,
         rowIndex: u,
         level: e,
         height: E,
         calculatedHeight: -1,
         check: !1,
-        selectable: m,
+        selectable: w,
         expand: y,
         expandLazy: !1,
         hasChildren: f._hasChildren || (Array.isArray(f.children) ? f.children.length > 0 : !1),
@@ -1251,16 +1255,16 @@ class Se {
   }
   generateColumns(t) {
     const e = (i) => i.map((s) => {
-      var c, d, f, u, x, g, E, w;
+      var c, d, f, u, x, g, E, m;
       const o = s.children && Array.isArray(s.children) ? e(s.children) : void 0, n = {
         hide: (d = (c = this.customHeader) == null ? void 0 : c.hideData) == null ? void 0 : d[s.key],
         fixed: (u = (f = this.customHeader) == null ? void 0 : f.fixedData) == null ? void 0 : u[s.key],
         sort: (g = (x = this.customHeader) == null ? void 0 : x.sortData) == null ? void 0 : g[s.key],
-        width: (w = (E = this.customHeader) == null ? void 0 : E.resizableData) == null ? void 0 : w[s.key]
+        width: (m = (E = this.customHeader) == null ? void 0 : E.resizableData) == null ? void 0 : m[s.key]
       }, a = {};
-      for (const [m, y] of Object.entries(n))
-        y !== void 0 && (a[m] = y);
-      const l = o && o.every((m) => m.hide);
+      for (const [w, y] of Object.entries(n))
+        y !== void 0 && (a[w] = y);
+      const l = o && o.every((w) => w.hide);
       return {
         ...s,
         children: o,
@@ -1391,7 +1395,7 @@ class Se {
       } else if (s === "string") {
         const d = String(a || ""), f = String(l || "");
         c = d.localeCompare(f);
-      } else s === "date" && (c = _e(a, l));
+      } else s === "date" && (c = Se(a, l));
       return i === "asc" ? c : -c;
     });
   }
@@ -1506,67 +1510,67 @@ class Se {
     const a = /* @__PURE__ */ new Map(), l = [];
     let c = [];
     for (const g of t) {
-      const { rowKey: E, key: w } = g;
-      let m = g.value;
-      const y = this.getRowDataItemForRowKey(E), b = this.getItemValue(E, w), p = this.getVirtualBodyCellByKey(E, w), C = {
+      const { rowKey: E, key: m } = g;
+      let w = g.value;
+      const y = this.getRowDataItemForRowKey(E), C = this.getItemValue(E, m), p = this.getVirtualBodyCellByKey(E, m), b = {
         ...g,
-        oldValue: b,
+        oldValue: C,
         row: y
       };
       if ((p == null ? void 0 : p.type) === "number")
-        if (["", void 0, null].includes(m))
-          m = null;
-        else if (/^-?\d+(\.\d+)?$/.test(String(m))) {
-          const I = Te(m);
-          if (typeof p.precision == "number" && p.precision >= 0 && I > p.precision) {
-            const v = 10 ** p.precision;
-            m = Math.round(Number(m) * v) / v;
+        if (["", void 0, null].includes(w))
+          w = null;
+        else if (/^-?\d+(\.\d+)?$/.test(String(w))) {
+          const v = Oe(w);
+          if (typeof p.precision == "number" && p.precision >= 0 && v > p.precision) {
+            const I = 10 ** p.precision;
+            w = Math.round(Number(w) * I) / I;
             const T = this.ctx.locale.getText("numberTruncated", { precision: p.precision });
             l.push({
-              ...C,
+              ...b,
               column: p == null ? void 0 : p.column,
               code: "ERR_NUMBER_PRECISION",
               message: T
             });
-          } else if (typeof p.min == "number" && Number(m) < p.min) {
-            const v = this.ctx.locale.getText("numberMin", { min: p.min });
-            m = p.min, l.push({
-              ...C,
+          } else if (typeof p.min == "number" && Number(w) < p.min) {
+            const I = this.ctx.locale.getText("numberMin", { min: p.min });
+            w = p.min, l.push({
+              ...b,
               column: p == null ? void 0 : p.column,
               code: "ERR_NUMBER_MIN",
-              message: v
+              message: I
             });
-          } else if (typeof p.max == "number" && Number(m) > p.max) {
-            const v = this.ctx.locale.getText("numberMax", { max: p.max });
-            m = p.max, l.push({
-              ...C,
+          } else if (typeof p.max == "number" && Number(w) > p.max) {
+            const I = this.ctx.locale.getText("numberMax", { max: p.max });
+            w = p.max, l.push({
+              ...b,
               column: p == null ? void 0 : p.column,
               code: "ERR_NUMBER_MAX",
-              message: v
+              message: I
             });
           } else
-            m = Number(m);
+            w = Number(w);
         } else
-          m = b, l.push({
-            ...C,
+          w = C, l.push({
+            ...b,
             column: p == null ? void 0 : p.column,
             code: "ERR_INVALID_NUMBER",
             message: this.ctx.locale.getText("invalidNumber")
           });
-      else if ((p == null ? void 0 : p.editorType) === "text" && typeof p.maxlength == "number" && String(m).length > p.maxlength) {
-        m = String(m).slice(0, p.maxlength);
-        const I = this.ctx.locale.getText("stringMaxlength", { maxlength: p.maxlength });
+      else if ((p == null ? void 0 : p.editorType) === "text" && typeof p.maxlength == "number" && String(w).length > p.maxlength) {
+        w = String(w).slice(0, p.maxlength);
+        const v = this.ctx.locale.getText("stringMaxlength", { maxlength: p.maxlength });
         l.push({
-          ...C,
+          ...b,
           column: p == null ? void 0 : p.column,
           code: "ERR_STRING_MAXLENGTH",
-          message: I
+          message: v
         });
       }
-      m !== b && c.push({
+      w !== C && c.push({
         ...g,
-        value: m,
-        oldValue: b,
+        value: w,
+        oldValue: C,
         row: y
       });
     }
@@ -1585,11 +1589,11 @@ class Se {
     const f = [];
     c.forEach((g) => {
       f.push(this.getValidator(g.rowKey, g.key));
-      const { value: E, rowKey: w, key: m, row: y } = g, b = this.getItemValue(w, m);
-      a.set(w, y), this.setItemValue(w, m, E, !1, !1, !1, n), o.push({
-        rowKey: w,
-        key: m,
-        oldValue: b,
+      const { value: E, rowKey: m, key: w, row: y } = g, C = this.getItemValue(m, w);
+      a.set(m, y), this.setItemValue(m, w, E, !1, !1, !1, n), o.push({
+        rowKey: m,
+        key: w,
+        oldValue: C,
         newValue: E
       });
     });
@@ -1771,22 +1775,22 @@ class Se {
       return { checked: s, indeterminate: !1 };
     let n = !1, a = s;
     if (this.ctx.config.TREE_SELECT_MODE === "auto") {
-      const c = (w) => {
-        const m = this.getTreeChildren(w);
+      const c = (m) => {
+        const w = this.getTreeChildren(m);
         let y = [];
-        for (const b of m)
-          y.push(b), y.push(...c(b));
+        for (const C of w)
+          y.push(C), y.push(...c(C));
         return y;
-      }, f = c(t).map((w) => this.selectionMap.get(w)), u = f.filter((w) => w == null ? void 0 : w.check).length, x = f.length, g = u > 0;
+      }, f = c(t).map((m) => this.selectionMap.get(m)), u = f.filter((m) => m == null ? void 0 : m.check).length, x = f.length, g = u > 0;
       n = g && !(u === x), a = s || g, s && x > 0 && u === 0 && (a = !1, n = !1);
     } else if (this.ctx.config.TREE_SELECT_MODE === "cautious") {
-      const c = (w) => {
-        const m = this.getTreeChildren(w);
+      const c = (m) => {
+        const w = this.getTreeChildren(m);
         let y = [];
-        for (const b of m)
-          y.push(b), y.push(...c(b));
+        for (const C of w)
+          y.push(C), y.push(...c(C));
         return y;
-      }, f = c(t).map((w) => this.selectionMap.get(w)), u = f.filter((w) => w == null ? void 0 : w.check).length, x = f.length, g = u > 0, E = u === x;
+      }, f = c(t).map((m) => this.selectionMap.get(m)), u = f.filter((m) => m == null ? void 0 : m.check).length, x = f.length, g = u > 0, E = u === x;
       n = g && !E, a = s || E, s && x > 0 && u === 0 && (a = !1, n = !1);
     } else this.ctx.config.TREE_SELECT_MODE === "strictly" && (n = !1, a = s);
     return { checked: a, indeterminate: n };
@@ -2048,7 +2052,7 @@ class Se {
           value: this.getItemValue(t, e),
           field: e,
           fieldValue: this.getItemValue(t, e)
-        }, u = new Ee(c).validate(d);
+        }, u = new ye(c).validate(d);
         this.setValidationError(t, e, u), s(u);
       } else
         this.clearValidationError(t, e), s([]);
@@ -2098,7 +2102,7 @@ class Se {
           }
         ]
       };
-    let w = e, m = e, y = a, b = a, p = [], C = 0, I = 0, v = 0, T = 0;
+    let m = e, w = e, y = a, C = a, p = [], b = 0, v = 0, I = 0, T = 0;
     if (d !== 1 && g) {
       T = u;
       const _ = l.reduce((R, S) => {
@@ -2111,7 +2115,7 @@ class Se {
           return `${M}${H}`;
         }, "");
         if (_ === O)
-          w = R;
+          m = R;
         else
           break;
       }
@@ -2121,17 +2125,17 @@ class Se {
           return `${M}${H}`;
         }, "");
         if (_ === O)
-          m = R;
+          w = R;
         else
           break;
       }
-      for (let R = w; R < e; R++) {
+      for (let R = m; R < e; R++) {
         const { height: S } = this.positions[R];
-        C += S;
+        b += S;
       }
-      for (let R = w; R <= m; R++) {
+      for (let R = m; R <= w; R++) {
         const { height: S } = this.positions[R];
-        v += S;
+        I += S;
         const O = this.rowIndexRowKeyMap.get(R) || "", { item: M } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
         p.push({
           rowKey: O,
@@ -2142,7 +2146,7 @@ class Se {
       }
     }
     if (x !== 1 && E) {
-      v = f;
+      I = f;
       for (let _ = a - 1; _ >= 0; _--) {
         const R = this.getColumnByColIndex(_);
         if (!R)
@@ -2159,7 +2163,7 @@ class Se {
           break;
         const S = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
         if (S === O && c.includes(R.key))
-          b = _;
+          C = _;
         else
           break;
       }
@@ -2167,9 +2171,9 @@ class Se {
         const R = this.getColumnByColIndex(_);
         if (!R)
           break;
-        I += R.width || 100;
+        v += R.width || 100;
       }
-      for (let _ = y; _ <= b; _++) {
+      for (let _ = y; _ <= C; _++) {
         const R = this.getColumnByColIndex(_);
         if (!R)
           break;
@@ -2182,14 +2186,14 @@ class Se {
       }
     }
     return {
-      xArr: [y, b],
-      yArr: [w, m],
+      xArr: [y, C],
+      yArr: [m, w],
       rowspan: d,
       colspan: x,
-      height: v,
+      height: I,
       width: T,
-      offsetTop: C,
-      offsetLeft: I,
+      offsetTop: b,
+      offsetLeft: v,
       dataList: p
     };
   }
@@ -2228,7 +2232,7 @@ class Se {
   // 获取虚拟单元格,只针对可见的
   getVirtualBodyCell(t, e, i = !0) {
     const s = this.getColumnByColIndex(e), o = this.getRowForRowIndex(t);
-    return !s || !o ? void 0 : new ie(this.ctx, t, e, 0, 0, 0, 0, s, o.item, "body", i);
+    return !s || !o ? void 0 : new oe(this.ctx, t, e, 0, 0, 0, 0, s, o.item, "body", i);
   }
   getVirtualBodyCellByKey(t, e) {
     const i = this.getRowIndexForRowKey(t), s = this.getColIndexForKey(e);
@@ -2338,7 +2342,7 @@ class Se {
     this.changedDataMap.clear();
   }
 }
-class Oe {
+class Me {
   constructor(t) {
     r(this, "ctx");
     r(this, "history", []);
@@ -2393,7 +2397,7 @@ class Oe {
     this.history = [], this.historyIndex = -1;
   }
 }
-class Le {
+class Ae {
   constructor(t) {
     r(this, "eventTasks", /* @__PURE__ */ new Set());
     r(this, "ctx");
@@ -2423,7 +2427,7 @@ class Le {
     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;
+    const e = t, i = this.ctx.containerElement.getBoundingClientRect(), s = this.ctx.zoomScale.toLogical(e.clientX - i.left), o = this.ctx.zoomScale.toLogical(e.clientY - i.top);
     this.ctx.mouseX = s, this.ctx.mouseY = o, this.ctx.emit("mousemove", t);
   }
   handleMouseUp(t) {
@@ -2437,6 +2441,13 @@ class Le {
     e && this.ctx.isTarget(t) && (this.ctx.dragHeaderIng || this.ctx.emit("keydown", t));
   }
   handleWheel(t) {
+    const e = t, { ENABLE_ZOOM_WHEEL: i } = this.ctx.config;
+    if (i && (e.ctrlKey || e.metaKey)) {
+      t.preventDefault();
+      const s = e.deltaY > 0 ? -0.1 : 0.1;
+      this.ctx.setZoom(this.ctx.getZoom() + s);
+      return;
+    }
     this.ctx.emit("wheel", t);
   }
   handleTouchstart(t) {
@@ -2475,7 +2486,7 @@ class Le {
       }
   }
 }
-class Me {
+class He {
   constructor() {
     r(this, "events", /* @__PURE__ */ new Map());
   }
@@ -2513,7 +2524,7 @@ class Me {
     this.events.clear();
   }
 }
-class Ae {
+class De {
   constructor(t) {
     r(this, "ctx");
     r(this, "textCacheMap", /* @__PURE__ */ new Map());
@@ -2521,11 +2532,14 @@ class Ae {
     if (!e) throw new Error("canvas context not found");
     this.ctx = e;
   }
+  getCtx() {
+    return this.ctx;
+  }
   clearTextCache() {
     this.textCacheMap.clear();
   }
-  scale(t) {
-    this.ctx.setTransform(1, 0, 0, 1, 0, 0), this.ctx.scale(t, t);
+  scale(t, e = 1) {
+    this.ctx.setTransform(1, 0, 0, 1, 0, 0), this.ctx.scale(t * e, t * e);
   }
   save() {
     this.ctx.save();
@@ -2609,7 +2623,7 @@ class Ae {
    * @returns 是否溢出
    */
   drawText(t = "", e, i, s, o, n = {}) {
-    var b, p, C;
+    var C, p, b;
     this.ctx.save();
     const {
       font: a = "12px Arial",
@@ -2624,7 +2638,7 @@ class Ae {
     } = n;
     if (this.ctx.font = a, this.ctx.fillStyle = c, ["", null, void 0].includes(t))
       return this.ctx.restore(), !1;
-    const m = parseInt(((b = a.match(/\d+/)) == null ? void 0 : b[0]) || "12") * (n.lineHeight || 1.2), y = this.buildTextLayout(t, e, i, s, o, {
+    const w = parseInt(((C = a.match(/\d+/)) == null ? void 0 : C[0]) || "12") * (n.lineHeight || 1.2), y = this.buildTextLayout(t, e, i, s, o, {
       font: a,
       color: c,
       align: l,
@@ -2632,25 +2646,25 @@ class Ae {
       verticalAlign: f,
       maxLineClamp: u,
       autoRowHeight: x,
-      lineHeight: m,
+      lineHeight: w,
       offsetLeft: g,
       offsetRight: E
     });
-    if (this.ctx.textBaseline = "top", this.ctx.textAlign = "left", y.lines.forEach((I) => {
-      this.ctx.fillText(I.text, I.drawX, I.drawY);
+    if (this.ctx.textBaseline = "top", this.ctx.textAlign = "left", y.lines.forEach((v) => {
+      this.ctx.fillText(v.text, v.drawX, v.drawY);
     }), n.textCallback && y.lines.length) {
-      const I = y.lines.reduce((S, O) => Math.max(S, O.width), 0), v = Math.round(I);
-      let T = ((p = y.lines[0]) == null ? void 0 : p.drawX) ?? e + d + g, _ = T + v;
-      l === "center" ? (T = e + s / 2 - v / 2, _ = e + s / 2 + v / 2) : l === "right" && (T = e + s - d - E - v, _ = e + s - d - E);
+      const v = y.lines.reduce((S, O) => Math.max(S, O.width), 0), I = Math.round(v);
+      let T = ((p = y.lines[0]) == null ? void 0 : p.drawX) ?? e + d + g, _ = T + I;
+      l === "center" ? (T = e + s / 2 - I / 2, _ = e + s / 2 + I / 2) : l === "right" && (T = e + s - d - E - I, _ = e + s - d - E);
       const R = {
-        x: ((C = y.lines[0]) == null ? void 0 : C.drawX) ?? T,
+        x: ((b = y.lines[0]) == null ? void 0 : b.drawX) ?? T,
         y: y.contentY,
-        width: v,
-        height: y.lines.length * m,
+        width: I,
+        height: y.lines.length * w,
         left: T,
         right: _,
         top: y.contentY,
-        bottom: y.contentY + y.lines.length * m
+        bottom: y.contentY + y.lines.length * w
       };
       n.textCallback(R);
     }
@@ -2667,22 +2681,22 @@ class Ae {
       autoRowHeight: x,
       lineHeight: g,
       offsetLeft: E,
-      offsetRight: w
+      offsetRight: m
     } = n;
     this.ctx.save(), this.ctx.font = a;
-    const m = s - d * 2 - E - w, y = m, b = o - d * 2, p = Array.from(t);
-    let C = this.wrapTextToLines(t, m);
-    const I = Math.round(b / g);
-    let v = Math.min(C.length, Math.max(I, 1));
-    u === "auto" && x ? v = C.length : typeof u == "number" && u < v && u !== 1 ? v = u : (u === 1 && (C = [{ items: p.map((M, L) => ({ char: M, sourceIndex: L })), text: t, caretIndex: 0, lineIndex: 0, drawX: 0, drawY: 0, width: 0, segments: [] }], v = 1), u === "auto" && I === 1 && (C = [{ items: p.map((M, L) => ({ char: M, sourceIndex: L })), text: t, caretIndex: 0, lineIndex: 0, drawX: 0, drawY: 0, width: 0, segments: [] }], v = 1));
+    const w = s - d * 2 - E - m, y = w, C = o - d * 2, p = Array.from(t);
+    let b = this.wrapTextToLines(t, w);
+    const v = Math.round(C / g);
+    let I = Math.min(b.length, Math.max(v, 1));
+    u === "auto" && x ? I = b.length : typeof u == "number" && u < I && u !== 1 ? I = u : (u === 1 && (b = [{ items: p.map((M, L) => ({ char: M, sourceIndex: L })), text: t, caretIndex: 0, lineIndex: 0, drawX: 0, drawY: 0, width: 0, segments: [] }], I = 1), u === "auto" && v === 1 && (b = [{ items: p.map((M, L) => ({ char: M, sourceIndex: L })), text: t, caretIndex: 0, lineIndex: 0, drawX: 0, drawY: 0, width: 0, segments: [] }], I = 1));
     let T = !1;
-    const _ = C.slice(0, v);
-    if (C.length > v) {
+    const _ = b.slice(0, I);
+    if (b.length > I) {
       T = !0;
-      const M = C.slice(v - 1), L = this.buildEllipsisLine(M, s, d);
-      L.lineIndex = v - 1, _[v - 1] = L;
-    } else if (v > 0) {
-      const M = v - 1, L = C.slice(M), H = L.map((A) => A.text).join(""), { ellipsis: D } = this.handleEllipsis(H, s, d, a);
+      const M = b.slice(I - 1), L = this.buildEllipsisLine(M, s, d);
+      L.lineIndex = I - 1, _[I - 1] = L;
+    } else if (I > 0) {
+      const M = I - 1, L = b.slice(M), H = L.map((A) => A.text).join(""), { ellipsis: D } = this.handleEllipsis(H, s, d, a);
       if (D) {
         T = !0;
         const A = this.buildEllipsisLine(L, s, d);
@@ -2695,9 +2709,9 @@ class Ae {
     const O = [];
     return _.forEach((M, L) => {
       M.lineIndex = L;
-      const H = this.buildLineSegments(M), D = H.reduce((N, yt) => N + yt.width, 0);
+      const H = this.buildLineSegments(M), D = H.reduce((N, Ct) => N + Ct.width, 0);
       let A = e + d + E;
-      c === "center" ? A = e + (s - D) / 2 : c === "right" && (A = e + s - d - w - D);
+      c === "center" ? A = e + (s - D) / 2 : c === "right" && (A = e + s - d - m - D);
       const k = S + L * g;
       M.drawX = A, M.drawY = k, M.width = D, M.segments = H, H.forEach((N) => {
         N.sourceIndex < 0 || O.push({
@@ -2716,7 +2730,7 @@ class Ae {
       glyphs: O,
       lines: _,
       box: { x: e, y: i, width: s, height: o },
-      contentBox: { x: e + d + E, y: i + d, width: y, height: b },
+      contentBox: { x: e + d + E, y: i + d, width: y, height: C },
       contentY: S,
       lineHeight: g,
       font: a,
@@ -2877,7 +2891,7 @@ class Ae {
     };
   }
 }
-class Kt {
+class Ft {
   constructor(t) {
     r(this, "_config", {});
     /** CSS 类名前缀 */
@@ -2972,6 +2986,12 @@ class Kt {
     r(this, "CELL_HOVER_ICON_BG_COLOR", "#fff");
     /** hover编辑图标边框颜色 */
     r(this, "CELL_HOVER_ICON_BORDER_COLOR", "#DDE0EA");
+    /** 内容缩放最小比例 */
+    r(this, "MIN_ZOOM", 0.5);
+    /** 内容缩放最大比例 */
+    r(this, "MAX_ZOOM", 2);
+    /** 启用 Ctrl + 滚轮内容缩放 */
+    r(this, "ENABLE_ZOOM_WHEEL", !0);
     /** 滚动条轨道尺寸 */
     r(this, "SCROLLER_TRACK_SIZE", 14);
     /** 滚动条滑块尺寸 */
@@ -3245,24 +3265,24 @@ class Kt {
     let t = {};
     Object.keys(this).forEach((e) => {
       if (e.endsWith("_COLOR") || e.endsWith("_FONT")) {
-        const i = `--evt-${e.toLocaleLowerCase().replace(/_/g, "-")}`, s = ve(i);
+        const i = `--evt-${e.toLocaleLowerCase().replace(/_/g, "-")}`, s = Te(i);
         s && (t[e] = s);
       }
     }), Object.assign(this, t, this._config);
   }
 }
-const lt = `<svg t="1724122015492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4237" width="32" height="32"><path d="M401.472 316.992l159.04 217.664L591.488 512l-30.976-22.656-159.04 217.728q-2.24 3.008-3.84 6.464-1.6 3.456-2.496 7.104-0.896 3.648-1.024 7.424-0.192 3.84 0.384 7.552 0.64 3.712 1.92 7.296 1.28 3.52 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992 3.072 2.24 6.464 3.84 3.456 1.6 7.168 2.496 3.648 0.896 7.424 1.024 3.776 0.192 7.488-0.448 3.776-0.576 7.296-1.856 3.584-1.28 6.784-3.264 3.2-1.92 6.016-4.48 2.816-2.56 5.056-5.632l159.04-217.728q3.584-4.928 5.504-10.752 1.92-5.76 1.92-11.904 0-6.08-1.92-11.904-1.92-5.76-5.504-10.752L463.488 271.68q-2.24-3.072-5.056-5.632-2.752-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.52-1.28-7.296-1.856-3.712-0.576-7.488-0.448-3.84 0.192-7.424 1.088-3.712 0.896-7.168 2.496-3.392 1.6-6.4 3.84-3.136 2.176-5.696 4.992-2.56 2.752-4.48 6.016-1.984 3.2-3.264 6.784-1.28 3.52-1.92 7.296-0.576 3.712-0.384 7.488 0.128 3.84 1.024 7.488 0.896 3.648 2.496 7.04 1.6 3.456 3.84 6.528z m30.976-61.056q-3.776 0-7.488 0.704-3.712 0.768-7.168 2.24-3.52 1.408-6.656 3.52-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.176 7.232-0.768 3.712-0.768 7.488 0 3.776 0.768 7.488 0.704 3.712 2.176 7.232 1.408 3.456 3.52 6.592 2.112 3.2 4.8 5.824 2.688 2.688 5.76 4.8 3.2 2.112 6.72 3.52 3.456 1.472 7.168 2.176 3.712 0.768 7.488 0.768 3.84 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.656 1.472-3.52 2.24-7.232 0.704-3.712 0.704-7.488 0-3.84-0.704-7.488-0.768-3.712-2.24-7.232-1.408-3.456-3.52-6.592-2.112-3.2-4.8-5.824-2.624-2.688-5.76-4.8-3.2-2.112-6.656-3.52-3.52-1.472-7.232-2.24Q436.224 256 432.448 256z m0 435.392q-3.776 0-7.488 0.704-3.712 0.768-7.168 2.176-3.52 1.472-6.656 3.584-3.2 2.112-5.824 4.736-2.688 2.688-4.8 5.824-2.112 3.2-3.52 6.656-1.472 3.52-2.176 7.232-0.768 3.712-0.768 7.488 0 3.776 0.768 7.488 0.704 3.712 2.176 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.76 2.688 2.752 5.76 4.8 3.2 2.112 6.72 3.584 3.456 1.472 7.168 2.176 3.712 0.768 7.488 0.768 3.84 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.472 6.592-3.584 3.2-2.048 5.824-4.736 2.688-2.688 4.8-5.824 2.112-3.2 3.52-6.656 1.472-3.456 2.24-7.168 0.704-3.712 0.704-7.488 0-3.84-0.704-7.488-0.768-3.712-2.24-7.232-1.408-3.52-3.52-6.656-2.112-3.136-4.8-5.76-2.624-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704z" p-id="4238"></path></svg>\r
-`, Yt = `<svg t="1722595535853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M640 128H384c-170.496 0-256 85.504-256 256v256c0 170.496 85.504 256 256 256h256c170.496 0 256-85.504 256-256V384c0-170.496-85.504-256-256-256z m67.584 302.592c-2.048 4.608-4.608 8.704-8.192 12.288L506.88 634.88c-3.584 3.584-7.68 6.144-12.288 8.192-4.608 2.048-9.728 3.072-14.848 3.072s-10.24-1.024-14.848-3.072c-4.608-2.048-8.704-4.608-12.288-8.192l-96.256-96.256c-3.584-3.584-6.144-7.68-8.192-12.288-2.048-4.608-3.072-9.728-3.072-14.848 0-2.56 0-5.12 1.024-7.68 0.512-2.56 1.024-5.12 2.048-7.168 1.024-2.56 2.048-4.608 3.584-6.656 1.536-2.048 3.072-4.096 4.608-5.632 1.536-2.048 3.584-3.584 5.632-4.608 2.048-1.536 4.096-2.56 6.656-3.584 2.56-1.024 4.608-1.536 7.168-2.048 2.56-0.512 5.12-0.512 7.68-0.512 5.12 0 10.24 1.024 14.848 3.072 4.608 2.048 8.704 4.608 12.288 8.192l69.12 68.608L645.12 389.12c3.584-3.584 7.68-6.144 12.288-8.192 4.608-2.048 9.728-3.072 14.848-3.072 2.56 0 5.12 0 7.68 0.512s5.12 1.024 7.168 2.048c2.56 1.024 4.608 2.048 6.656 3.584 2.048 1.536 4.096 3.072 5.632 4.608 1.536 1.536 3.584 3.584 4.608 5.632 1.536 2.048 2.56 4.096 3.584 6.656 1.024 2.56 1.536 4.608 2.048 7.168 0.512 2.56 1.024 5.12 1.024 7.68 0 5.12-1.024 10.24-3.072 14.848z" p-id="4552"></path></svg>
-`, Ft = `<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>
-`, Ot = `<svg t="1755138507987" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5079" width="200" height="200"><path d="M512 938.688a42.688 42.688 0 0 1-35.072-18.432l-192-277.312A42.56 42.56 0 0 1 320 576h384a42.752 42.752 0 0 1 35.072 66.944l-192 277.312a42.688 42.688 0 0 1-35.072 18.432" fill="currentColor" p-id="2016"></path><path d="M704 448H320a42.752 42.752 0 0 1-35.072-66.944l192-277.312c16-23.04 54.208-23.04 70.144 0l192 277.312A42.56 42.56 0 0 1 704 448" fill="currentColor" p-id="2015"></path></svg>
-`, se = `<svg t="1724133395728" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2893" width="32" height="32"><path d="M512 226.8476541a19.82487759 19.82487759 0 0 1 14.66497778 5.70304692c3.80203107 3.82918865 5.70304692 8.71751457 5.70304693 14.66497779v122.20814825a19.82487759 19.82487759 0 0 1-5.70304693 14.66497778 19.82487759 19.82487759 0 0 1-14.66497778 5.70304691 19.82487759 19.82487759 0 0 1-14.66497778-5.70304691 19.82487759 19.82487759 0 0 1-5.70304693-14.66497778v-122.20814825a19.82487759 19.82487759 0 0 1 5.70304693-14.66497779 19.82487759 19.82487759 0 0 1 14.66497778-5.70304692z m0 407.36049415a19.82487759 19.82487759 0 0 1 14.66497778 5.70304691c3.80203107 3.82918865 5.70304692 8.71751457 5.70304693 14.66497778v122.20814827a19.82487759 19.82487759 0 0 1-5.70304693 14.66497776 19.82487759 19.82487759 0 0 1-14.66497778 5.70304693 19.82487759 19.82487759 0 0 1-14.66497778-5.70304693 19.82487759 19.82487759 0 0 1-5.70304693-14.66497776v-122.20814827a19.82487759 19.82487759 0 0 1 5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 14.66497778-5.70304691zM797.1523459 512a19.82487759 19.82487759 0 0 1-5.70304692 14.66497778 19.82487759 19.82487759 0 0 1-14.66497779 5.70304693h-122.20814825a19.82487759 19.82487759 0 0 1-14.66497778-5.70304693 19.82487759 19.82487759 0 0 1-5.70304691-14.66497778 19.82487759 19.82487759 0 0 1 5.70304691-14.66497778 19.82487759 19.82487759 0 0 1 14.66497778-5.70304693h122.20814825a19.82487759 19.82487759 0 0 1 14.66497779 5.70304693c3.80203107 3.82918865 5.70304692 8.71751457 5.70304692 14.66497778z m-407.36049415 0a19.82487759 19.82487759 0 0 1-5.70304691 14.66497778 19.82487759 19.82487759 0 0 1-14.66497778 5.70304693h-122.20814827a19.82487759 19.82487759 0 0 1-14.66497776-5.70304693 19.82487759 19.82487759 0 0 1-5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 14.66497776-5.70304693h122.20814827a19.82487759 19.82487759 0 0 1 14.66497778 5.70304693c3.80203107 3.82918865 5.70304692 8.71751457 5.70304691 14.66497778zM310.22076878 310.22076878a21.29137537 21.29137537 0 0 1 14.66497779-5.70304693c5.51294514 0 10.18401235 1.90101585 14.01320099 5.70304693l86.55052591 86.57768347a20.91117183 20.91117183 0 0 1 5.73020449 14.31193182 19.28172983 19.28172983 0 0 1-6.05609289 14.013201 19.11878565 19.11878565 0 0 1-14.013201 6.05609289 20.96548698 20.96548698 0 0 1-14.31193182-5.70304692L310.22076878 338.87178998a19.06447114 19.06447114 0 0 1-5.70304693-14.01320099c0-5.54010272 1.90101585-10.42842865 5.70304693-14.66497778z m288.32975775 288.32975775a19.79772001 19.79772001 0 0 1 14.3390894-6.35482371c5.29568642 0 10.04822572 2.11827457 14.31193182 6.38198066l86.57768347 86.55052651c3.80203107 3.80203107 5.70304692 8.47309828 5.70304691 14.01320102a19.55330372 19.55330372 0 0 1-6.05609225 14.31193182 19.66193339 19.66193339 0 0 1-14.31193245 6.05609288 19.01015661 19.01015661 0 0 1-14.01320099-5.70304692l-86.55052591-86.57768347a19.79772001 19.79772001 0 0 1-6.38198129-14.31193245c0-5.29568642 2.11827457-10.07538268 6.38198129-14.33908939zM713.77923122 310.22076878c3.80203107 4.26370672 5.70304692 9.15203265 5.70304693 14.66497779s-1.90101585 10.18401235-5.70304693 14.01320099l-86.57768347 86.55052591a20.91117183 20.91117183 0 0 1-14.31193182 5.73020449 19.28172983 19.28172983 0 0 1-14.013201-6.05609289 19.11878565 19.11878565 0 0 1-6.05609289-14.013201c0-5.29568642 1.90101585-10.07538268 5.70304692-14.31193182l86.57768348-86.57768347c3.80203107-3.80203107 8.50025585-5.70304692 14.01320099-5.70304693 5.54010272 0 10.40127108 1.90101585 14.66497779 5.70304693zM425.44947347 598.57768347a19.79772001 19.79772001 0 0 1 6.35482371 14.33908939c0 5.29568642-2.11827457 10.04822572-6.38198066 14.31193245L338.89894756 713.77923122a19.06447114 19.06447114 0 0 1-14.01320099 5.70304693 19.55330372 19.55330372 0 0 1-14.31193245-6.05609227 19.68909035 19.68909035 0 0 1-6.05609227-14.31193245 19.01015661 19.01015661 0 0 1 5.70304693-14.01320099l86.57768347-86.55052591a19.79772001 19.79772001 0 0 1 14.31193182-6.38198129c5.29568642 0 10.07538268 2.11827457 14.3390894 6.38198129z" fill="#000000" fill-opacity=".65" p-id="2894"></path></svg>
-`, He = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z" fill="currentColor"></path></svg>
-`, De = `<svg t="1722595639920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4708" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" p-id="4709"></path></svg>
-`, Ne = `<svg t="1722595280953" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4394" width="32" height="32"><path d="M128 384v256q0 12.608 1.28 25.088 1.216 12.544 3.648 24.832 2.432 12.352 6.08 24.384t8.448 23.68q4.864 11.584 10.752 22.72 5.952 11.072 12.928 21.504 7.04 10.496 14.976 20.224 8 9.728 16.896 18.56 8.896 8.96 18.56 16.896 9.728 8 20.224 14.976 10.432 7.04 21.504 12.928 11.136 5.888 22.72 10.688 11.648 4.864 23.68 8.512 12.032 3.648 24.32 6.08 12.352 2.432 24.896 3.712Q371.392 896 384 896h256q12.608 0 25.088-1.28 12.544-1.216 24.832-3.648 12.352-2.432 24.384-6.08t23.68-8.512q11.584-4.8 22.72-10.688 11.072-5.952 21.504-12.928 10.496-7.04 20.224-14.976 9.728-8 18.56-16.896 8.96-8.832 16.896-18.56 8-9.728 14.976-20.224 7.04-10.432 12.928-21.504 5.888-11.136 10.688-22.72 4.864-11.648 8.512-23.68 3.648-12.032 6.08-24.32 2.432-12.352 3.712-24.896Q896 652.608 896 640V384q0-12.608-1.28-25.088-1.216-12.544-3.648-24.832-2.432-12.352-6.08-24.384t-8.512-23.68q-4.8-11.584-10.688-22.72-5.952-11.072-12.928-21.504-7.04-10.496-14.976-20.224-8-9.664-16.896-18.56-8.832-8.96-18.56-16.896-9.728-8-20.224-14.976-10.432-7.04-21.504-12.928-11.136-5.888-22.72-10.752-11.648-4.8-23.68-8.448-12.032-3.648-24.32-6.08-12.352-2.432-24.896-3.712Q652.608 128 640 128H384q-12.608 0-25.088 1.28-12.544 1.216-24.832 3.648-12.352 2.432-24.384 6.08t-23.68 8.448q-11.584 4.864-22.72 10.752-11.072 5.952-21.504 12.928-10.496 7.04-20.224 14.976-9.664 8-18.56 16.896-8.96 8.896-16.896 18.56-8 9.728-14.976 20.224-7.04 10.432-12.928 21.504-5.888 11.136-10.752 22.72-4.8 11.648-8.448 23.68-3.648 12.032-6.08 24.32-2.432 12.352-3.712 24.896Q128 371.392 128 384z m566.016 166.336H330.112a38.4 38.4 0 0 1 0-76.8h363.904a38.4 38.4 0 0 1 0 76.8z" p-id="4395"></path></svg>
-`, ke = `<svg t="1722595946663" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4865" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z" p-id="4866"></path><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4867"></path></svg>
-`, Be = `<svg t="1744798692576" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6606" width="200" height="200"><path d="M855.296 894.528H168.768v-76.8h686.528v76.8z m38.4-38.4q0 3.84-0.768 7.488-0.704 3.712-2.176 7.232-1.472 3.52-3.52 6.656-2.112 3.136-4.8 5.76-2.688 2.688-5.824 4.8-3.2 2.112-6.656 3.584-3.456 1.408-7.168 2.176-3.712 0.704-7.488 0.704-3.84 0-7.488-0.704-3.712-0.768-7.232-2.176-3.52-1.472-6.656-3.584-3.136-2.112-5.76-4.736-2.688-2.688-4.8-5.824-2.112-3.2-3.584-6.656-1.408-3.52-2.176-7.232-0.704-3.648-0.704-7.488 0-3.776 0.704-7.488 0.768-3.712 2.176-7.168 1.472-3.52 3.584-6.656 2.112-3.136 4.736-5.76 2.688-2.752 5.824-4.8 3.2-2.112 6.656-3.584 3.52-1.472 7.232-2.176 3.712-0.768 7.488-0.768 3.776 0 7.488 0.768 3.712 0.704 7.168 2.176 3.52 1.472 6.656 3.584 3.2 2.048 5.76 4.736 2.752 2.688 4.864 5.824 2.048 3.2 3.52 6.656 1.472 3.456 2.176 7.168 0.768 3.712 0.768 7.488z m-686.528 0q0 3.84-0.768 7.488-0.704 3.712-2.176 7.232-1.472 3.52-3.52 6.656-2.112 3.136-4.8 5.76-2.688 2.688-5.76 4.8-3.2 2.112-6.72 3.584-3.456 1.408-7.168 2.176-3.712 0.704-7.488 0.704-3.84 0-7.488-0.704-3.712-0.768-7.232-2.176-3.456-1.472-6.656-3.584-3.136-2.112-5.76-4.736-2.688-2.688-4.8-5.824-2.112-3.2-3.584-6.656-1.408-3.52-2.176-7.232-0.704-3.648-0.704-7.488 0-3.776 0.704-7.488 0.768-3.712 2.176-7.168 1.472-3.52 3.584-6.656 2.112-3.136 4.736-5.76 2.688-2.752 5.824-4.8 3.2-2.112 6.656-3.584 3.52-1.472 7.232-2.176 3.712-0.768 7.488-0.768 3.776 0 7.488 0.768 3.712 0.704 7.168 2.176 3.52 1.472 6.656 3.584 3.2 2.048 5.824 4.736 2.688 2.688 4.8 5.824 2.048 3.2 3.52 6.656 1.472 3.456 2.176 7.168 0.768 3.712 0.768 7.488zM652.032 211.2l-369.92 370.368v89.344h90.048l369.664-369.856L652.032 211.2z m-54.4-54.272q22.528-22.528 54.4-22.528 31.808 0 54.336 22.528l89.792 89.856q22.464 22.464 22.464 54.272t-22.464 54.272l-369.664 369.856q-22.464 22.528-54.336 22.528H282.24q-31.808 0-54.336-22.528-22.464-22.464-22.464-54.272V581.568q0-31.808 22.4-54.272l369.92-370.368z" p-id="6607"></path></svg>
-`, Xe = Ot.replace('fill="currentColor" p-id="2016"', 'fill="#bec4c7" p-id="2016"'), Ke = Ot.replace('fill="currentColor" p-id="2015"', 'fill="#bec4c7" p-id="2015"');
-class Ye {
+const ct = `<svg t="1724122015492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4237" width="32" height="32"><path d="M401.472 316.992l159.04 217.664L591.488 512l-30.976-22.656-159.04 217.728q-2.24 3.008-3.84 6.464-1.6 3.456-2.496 7.104-0.896 3.648-1.024 7.424-0.192 3.84 0.384 7.552 0.64 3.712 1.92 7.296 1.28 3.52 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992 3.072 2.24 6.464 3.84 3.456 1.6 7.168 2.496 3.648 0.896 7.424 1.024 3.776 0.192 7.488-0.448 3.776-0.576 7.296-1.856 3.584-1.28 6.784-3.264 3.2-1.92 6.016-4.48 2.816-2.56 5.056-5.632l159.04-217.728q3.584-4.928 5.504-10.752 1.92-5.76 1.92-11.904 0-6.08-1.92-11.904-1.92-5.76-5.504-10.752L463.488 271.68q-2.24-3.072-5.056-5.632-2.752-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.52-1.28-7.296-1.856-3.712-0.576-7.488-0.448-3.84 0.192-7.424 1.088-3.712 0.896-7.168 2.496-3.392 1.6-6.4 3.84-3.136 2.176-5.696 4.992-2.56 2.752-4.48 6.016-1.984 3.2-3.264 6.784-1.28 3.52-1.92 7.296-0.576 3.712-0.384 7.488 0.128 3.84 1.024 7.488 0.896 3.648 2.496 7.04 1.6 3.456 3.84 6.528z m30.976-61.056q-3.776 0-7.488 0.704-3.712 0.768-7.168 2.24-3.52 1.408-6.656 3.52-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.176 7.232-0.768 3.712-0.768 7.488 0 3.776 0.768 7.488 0.704 3.712 2.176 7.232 1.408 3.456 3.52 6.592 2.112 3.2 4.8 5.824 2.688 2.688 5.76 4.8 3.2 2.112 6.72 3.52 3.456 1.472 7.168 2.176 3.712 0.768 7.488 0.768 3.84 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.656 1.472-3.52 2.24-7.232 0.704-3.712 0.704-7.488 0-3.84-0.704-7.488-0.768-3.712-2.24-7.232-1.408-3.456-3.52-6.592-2.112-3.2-4.8-5.824-2.624-2.688-5.76-4.8-3.2-2.112-6.656-3.52-3.52-1.472-7.232-2.24Q436.224 256 432.448 256z m0 435.392q-3.776 0-7.488 0.704-3.712 0.768-7.168 2.176-3.52 1.472-6.656 3.584-3.2 2.112-5.824 4.736-2.688 2.688-4.8 5.824-2.112 3.2-3.52 6.656-1.472 3.52-2.176 7.232-0.768 3.712-0.768 7.488 0 3.776 0.768 7.488 0.704 3.712 2.176 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.76 2.688 2.752 5.76 4.8 3.2 2.112 6.72 3.584 3.456 1.472 7.168 2.176 3.712 0.768 7.488 0.768 3.84 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.472 6.592-3.584 3.2-2.048 5.824-4.736 2.688-2.688 4.8-5.824 2.112-3.2 3.52-6.656 1.472-3.456 2.24-7.168 0.704-3.712 0.704-7.488 0-3.84-0.704-7.488-0.768-3.712-2.24-7.232-1.408-3.52-3.52-6.656-2.112-3.136-4.8-5.76-2.624-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704z" p-id="4238"></path></svg>\r
+`, Wt = `<svg t="1722595535853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M640 128H384c-170.496 0-256 85.504-256 256v256c0 170.496 85.504 256 256 256h256c170.496 0 256-85.504 256-256V384c0-170.496-85.504-256-256-256z m67.584 302.592c-2.048 4.608-4.608 8.704-8.192 12.288L506.88 634.88c-3.584 3.584-7.68 6.144-12.288 8.192-4.608 2.048-9.728 3.072-14.848 3.072s-10.24-1.024-14.848-3.072c-4.608-2.048-8.704-4.608-12.288-8.192l-96.256-96.256c-3.584-3.584-6.144-7.68-8.192-12.288-2.048-4.608-3.072-9.728-3.072-14.848 0-2.56 0-5.12 1.024-7.68 0.512-2.56 1.024-5.12 2.048-7.168 1.024-2.56 2.048-4.608 3.584-6.656 1.536-2.048 3.072-4.096 4.608-5.632 1.536-2.048 3.584-3.584 5.632-4.608 2.048-1.536 4.096-2.56 6.656-3.584 2.56-1.024 4.608-1.536 7.168-2.048 2.56-0.512 5.12-0.512 7.68-0.512 5.12 0 10.24 1.024 14.848 3.072 4.608 2.048 8.704 4.608 12.288 8.192l69.12 68.608L645.12 389.12c3.584-3.584 7.68-6.144 12.288-8.192 4.608-2.048 9.728-3.072 14.848-3.072 2.56 0 5.12 0 7.68 0.512s5.12 1.024 7.168 2.048c2.56 1.024 4.608 2.048 6.656 3.584 2.048 1.536 4.096 3.072 5.632 4.608 1.536 1.536 3.584 3.584 4.608 5.632 1.536 2.048 2.56 4.096 3.584 6.656 1.024 2.56 1.536 4.608 2.048 7.168 0.512 2.56 1.024 5.12 1.024 7.68 0 5.12-1.024 10.24-3.072 14.848z" p-id="4552"></path></svg>
+`, Vt = `<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>
+`, Mt = `<svg t="1755138507987" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5079" width="200" height="200"><path d="M512 938.688a42.688 42.688 0 0 1-35.072-18.432l-192-277.312A42.56 42.56 0 0 1 320 576h384a42.752 42.752 0 0 1 35.072 66.944l-192 277.312a42.688 42.688 0 0 1-35.072 18.432" fill="currentColor" p-id="2016"></path><path d="M704 448H320a42.752 42.752 0 0 1-35.072-66.944l192-277.312c16-23.04 54.208-23.04 70.144 0l192 277.312A42.56 42.56 0 0 1 704 448" fill="currentColor" p-id="2015"></path></svg>
+`, ne = `<svg t="1724133395728" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2893" width="32" height="32"><path d="M512 226.8476541a19.82487759 19.82487759 0 0 1 14.66497778 5.70304692c3.80203107 3.82918865 5.70304692 8.71751457 5.70304693 14.66497779v122.20814825a19.82487759 19.82487759 0 0 1-5.70304693 14.66497778 19.82487759 19.82487759 0 0 1-14.66497778 5.70304691 19.82487759 19.82487759 0 0 1-14.66497778-5.70304691 19.82487759 19.82487759 0 0 1-5.70304693-14.66497778v-122.20814825a19.82487759 19.82487759 0 0 1 5.70304693-14.66497779 19.82487759 19.82487759 0 0 1 14.66497778-5.70304692z m0 407.36049415a19.82487759 19.82487759 0 0 1 14.66497778 5.70304691c3.80203107 3.82918865 5.70304692 8.71751457 5.70304693 14.66497778v122.20814827a19.82487759 19.82487759 0 0 1-5.70304693 14.66497776 19.82487759 19.82487759 0 0 1-14.66497778 5.70304693 19.82487759 19.82487759 0 0 1-14.66497778-5.70304693 19.82487759 19.82487759 0 0 1-5.70304693-14.66497776v-122.20814827a19.82487759 19.82487759 0 0 1 5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 14.66497778-5.70304691zM797.1523459 512a19.82487759 19.82487759 0 0 1-5.70304692 14.66497778 19.82487759 19.82487759 0 0 1-14.66497779 5.70304693h-122.20814825a19.82487759 19.82487759 0 0 1-14.66497778-5.70304693 19.82487759 19.82487759 0 0 1-5.70304691-14.66497778 19.82487759 19.82487759 0 0 1 5.70304691-14.66497778 19.82487759 19.82487759 0 0 1 14.66497778-5.70304693h122.20814825a19.82487759 19.82487759 0 0 1 14.66497779 5.70304693c3.80203107 3.82918865 5.70304692 8.71751457 5.70304692 14.66497778z m-407.36049415 0a19.82487759 19.82487759 0 0 1-5.70304691 14.66497778 19.82487759 19.82487759 0 0 1-14.66497778 5.70304693h-122.20814827a19.82487759 19.82487759 0 0 1-14.66497776-5.70304693 19.82487759 19.82487759 0 0 1-5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 5.70304693-14.66497778 19.82487759 19.82487759 0 0 1 14.66497776-5.70304693h122.20814827a19.82487759 19.82487759 0 0 1 14.66497778 5.70304693c3.80203107 3.82918865 5.70304692 8.71751457 5.70304691 14.66497778zM310.22076878 310.22076878a21.29137537 21.29137537 0 0 1 14.66497779-5.70304693c5.51294514 0 10.18401235 1.90101585 14.01320099 5.70304693l86.55052591 86.57768347a20.91117183 20.91117183 0 0 1 5.73020449 14.31193182 19.28172983 19.28172983 0 0 1-6.05609289 14.013201 19.11878565 19.11878565 0 0 1-14.013201 6.05609289 20.96548698 20.96548698 0 0 1-14.31193182-5.70304692L310.22076878 338.87178998a19.06447114 19.06447114 0 0 1-5.70304693-14.01320099c0-5.54010272 1.90101585-10.42842865 5.70304693-14.66497778z m288.32975775 288.32975775a19.79772001 19.79772001 0 0 1 14.3390894-6.35482371c5.29568642 0 10.04822572 2.11827457 14.31193182 6.38198066l86.57768347 86.55052651c3.80203107 3.80203107 5.70304692 8.47309828 5.70304691 14.01320102a19.55330372 19.55330372 0 0 1-6.05609225 14.31193182 19.66193339 19.66193339 0 0 1-14.31193245 6.05609288 19.01015661 19.01015661 0 0 1-14.01320099-5.70304692l-86.55052591-86.57768347a19.79772001 19.79772001 0 0 1-6.38198129-14.31193245c0-5.29568642 2.11827457-10.07538268 6.38198129-14.33908939zM713.77923122 310.22076878c3.80203107 4.26370672 5.70304692 9.15203265 5.70304693 14.66497779s-1.90101585 10.18401235-5.70304693 14.01320099l-86.57768347 86.55052591a20.91117183 20.91117183 0 0 1-14.31193182 5.73020449 19.28172983 19.28172983 0 0 1-14.013201-6.05609289 19.11878565 19.11878565 0 0 1-6.05609289-14.013201c0-5.29568642 1.90101585-10.07538268 5.70304692-14.31193182l86.57768348-86.57768347c3.80203107-3.80203107 8.50025585-5.70304692 14.01320099-5.70304693 5.54010272 0 10.40127108 1.90101585 14.66497779 5.70304693zM425.44947347 598.57768347a19.79772001 19.79772001 0 0 1 6.35482371 14.33908939c0 5.29568642-2.11827457 10.04822572-6.38198066 14.31193245L338.89894756 713.77923122a19.06447114 19.06447114 0 0 1-14.01320099 5.70304693 19.55330372 19.55330372 0 0 1-14.31193245-6.05609227 19.68909035 19.68909035 0 0 1-6.05609227-14.31193245 19.01015661 19.01015661 0 0 1 5.70304693-14.01320099l86.57768347-86.55052591a19.79772001 19.79772001 0 0 1 14.31193182-6.38198129c5.29568642 0 10.07538268 2.11827457 14.3390894 6.38198129z" fill="#000000" fill-opacity=".65" p-id="2894"></path></svg>
+`, Ne = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z" fill="currentColor"></path></svg>
+`, ke = `<svg t="1722595639920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4708" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" p-id="4709"></path></svg>
+`, Be = `<svg t="1722595280953" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4394" width="32" height="32"><path d="M128 384v256q0 12.608 1.28 25.088 1.216 12.544 3.648 24.832 2.432 12.352 6.08 24.384t8.448 23.68q4.864 11.584 10.752 22.72 5.952 11.072 12.928 21.504 7.04 10.496 14.976 20.224 8 9.728 16.896 18.56 8.896 8.96 18.56 16.896 9.728 8 20.224 14.976 10.432 7.04 21.504 12.928 11.136 5.888 22.72 10.688 11.648 4.864 23.68 8.512 12.032 3.648 24.32 6.08 12.352 2.432 24.896 3.712Q371.392 896 384 896h256q12.608 0 25.088-1.28 12.544-1.216 24.832-3.648 12.352-2.432 24.384-6.08t23.68-8.512q11.584-4.8 22.72-10.688 11.072-5.952 21.504-12.928 10.496-7.04 20.224-14.976 9.728-8 18.56-16.896 8.96-8.832 16.896-18.56 8-9.728 14.976-20.224 7.04-10.432 12.928-21.504 5.888-11.136 10.688-22.72 4.864-11.648 8.512-23.68 3.648-12.032 6.08-24.32 2.432-12.352 3.712-24.896Q896 652.608 896 640V384q0-12.608-1.28-25.088-1.216-12.544-3.648-24.832-2.432-12.352-6.08-24.384t-8.512-23.68q-4.8-11.584-10.688-22.72-5.952-11.072-12.928-21.504-7.04-10.496-14.976-20.224-8-9.664-16.896-18.56-8.832-8.96-18.56-16.896-9.728-8-20.224-14.976-10.432-7.04-21.504-12.928-11.136-5.888-22.72-10.752-11.648-4.8-23.68-8.448-12.032-3.648-24.32-6.08-12.352-2.432-24.896-3.712Q652.608 128 640 128H384q-12.608 0-25.088 1.28-12.544 1.216-24.832 3.648-12.352 2.432-24.384 6.08t-23.68 8.448q-11.584 4.864-22.72 10.752-11.072 5.952-21.504 12.928-10.496 7.04-20.224 14.976-9.664 8-18.56 16.896-8.96 8.896-16.896 18.56-8 9.728-14.976 20.224-7.04 10.432-12.928 21.504-5.888 11.136-10.752 22.72-4.8 11.648-8.448 23.68-3.648 12.032-6.08 24.32-2.432 12.352-3.712 24.896Q128 371.392 128 384z m566.016 166.336H330.112a38.4 38.4 0 0 1 0-76.8h363.904a38.4 38.4 0 0 1 0 76.8z" p-id="4395"></path></svg>
+`, Xe = `<svg t="1722595946663" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4865" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z" p-id="4866"></path><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4867"></path></svg>
+`, Ke = `<svg t="1744798692576" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6606" width="200" height="200"><path d="M855.296 894.528H168.768v-76.8h686.528v76.8z m38.4-38.4q0 3.84-0.768 7.488-0.704 3.712-2.176 7.232-1.472 3.52-3.52 6.656-2.112 3.136-4.8 5.76-2.688 2.688-5.824 4.8-3.2 2.112-6.656 3.584-3.456 1.408-7.168 2.176-3.712 0.704-7.488 0.704-3.84 0-7.488-0.704-3.712-0.768-7.232-2.176-3.52-1.472-6.656-3.584-3.136-2.112-5.76-4.736-2.688-2.688-4.8-5.824-2.112-3.2-3.584-6.656-1.408-3.52-2.176-7.232-0.704-3.648-0.704-7.488 0-3.776 0.704-7.488 0.768-3.712 2.176-7.168 1.472-3.52 3.584-6.656 2.112-3.136 4.736-5.76 2.688-2.752 5.824-4.8 3.2-2.112 6.656-3.584 3.52-1.472 7.232-2.176 3.712-0.768 7.488-0.768 3.776 0 7.488 0.768 3.712 0.704 7.168 2.176 3.52 1.472 6.656 3.584 3.2 2.048 5.76 4.736 2.752 2.688 4.864 5.824 2.048 3.2 3.52 6.656 1.472 3.456 2.176 7.168 0.768 3.712 0.768 7.488z m-686.528 0q0 3.84-0.768 7.488-0.704 3.712-2.176 7.232-1.472 3.52-3.52 6.656-2.112 3.136-4.8 5.76-2.688 2.688-5.76 4.8-3.2 2.112-6.72 3.584-3.456 1.408-7.168 2.176-3.712 0.704-7.488 0.704-3.84 0-7.488-0.704-3.712-0.768-7.232-2.176-3.456-1.472-6.656-3.584-3.136-2.112-5.76-4.736-2.688-2.688-4.8-5.824-2.112-3.2-3.584-6.656-1.408-3.52-2.176-7.232-0.704-3.648-0.704-7.488 0-3.776 0.704-7.488 0.768-3.712 2.176-7.168 1.472-3.52 3.584-6.656 2.112-3.136 4.736-5.76 2.688-2.752 5.824-4.8 3.2-2.112 6.656-3.584 3.52-1.472 7.232-2.176 3.712-0.768 7.488-0.768 3.776 0 7.488 0.768 3.712 0.704 7.168 2.176 3.52 1.472 6.656 3.584 3.2 2.048 5.824 4.736 2.688 2.688 4.8 5.824 2.048 3.2 3.52 6.656 1.472 3.456 2.176 7.168 0.768 3.712 0.768 7.488zM652.032 211.2l-369.92 370.368v89.344h90.048l369.664-369.856L652.032 211.2z m-54.4-54.272q22.528-22.528 54.4-22.528 31.808 0 54.336 22.528l89.792 89.856q22.464 22.464 22.464 54.272t-22.464 54.272l-369.664 369.856q-22.464 22.528-54.336 22.528H282.24q-31.808 0-54.336-22.528-22.464-22.464-22.464-54.272V581.568q0-31.808 22.4-54.272l369.92-370.368z" p-id="6607"></path></svg>
+`, Ye = Mt.replace('fill="currentColor" p-id="2016"', 'fill="#bec4c7" p-id="2016"'), Fe = Mt.replace('fill="currentColor" p-id="2015"', 'fill="#bec4c7" p-id="2015"');
+class We {
   constructor(t) {
     r(this, "ctx");
     r(this, "list", [
@@ -3270,95 +3290,95 @@ class Ye {
         name: "loading",
         configName: "LOADING_ICON_SVG",
         configColorName: "LOADING_ICON_COLOR",
-        svg: se,
+        svg: ne,
         color: "#4E5969"
       },
       {
         name: "expand",
         configName: "EXPAND_ICON_SVG",
         configColorName: "EXPAND_ICON_COLOR",
-        svg: lt,
+        svg: ct,
         color: "#4E5969"
       },
       {
         name: "shrink",
         configName: "SHRINK_ICON_SVG",
         configColorName: "SHRINK_ICON_COLOR",
-        svg: Ft,
+        svg: Vt,
         color: "#4E5969"
       },
       {
         name: "checkbox-uncheck",
         configName: "CHECKBOX_UNCHECK_SVG",
         configColorName: "CHECKBOX_UNCHECK_COLOR",
-        svg: De,
+        svg: ke,
         color: ""
       },
       {
         name: "checkbox-check",
         configName: "CHECKBOX_CHECK_SVG",
         configColorName: "CHECKBOX_COLOR",
-        svg: Yt,
+        svg: Wt,
         color: "rgb(82,146,247)"
       },
       {
         name: "checkbox-indeterminate",
         configName: "CHECKBOX_INDETERMINATE_SVG",
         configColorName: "CHECKBOX_COLOR",
-        svg: Ne,
+        svg: Be,
         color: "rgb(82,146,247)"
       },
       {
         name: "checkbox-check-disabled",
         configName: "CHECKBOX_CHECK_DISABLED_SVG",
-        svg: Yt,
+        svg: Wt,
         color: "#DDE0EA"
       },
       {
         name: "checkbox-disabled",
         configName: "CHECKBOX_DISABLED_SVG",
         configColorName: "CHECKBOX_DISABLED_COLOR",
-        svg: ke,
+        svg: Xe,
         color: "#F1F2F4"
       },
       {
         name: "icon-edit",
         configName: "ICON_EDIT_SVG",
         configColorName: "ICON_EDIT_COLOR",
-        svg: Be,
+        svg: Ke,
         color: "#4E5969"
       },
       {
         name: "icon-select",
         configName: "ICON_SELECT_SVG",
         configColorName: "ICON_SELECT_COLOR",
-        svg: Ft,
+        svg: Vt,
         color: "#4E5969"
       },
       {
         name: "sort-asc",
         configName: "SORT_ASC_ICON_SVG",
         configColorName: "SORT_ICON_COLOR",
-        svg: Xe,
+        svg: Ye,
         color: "rgb(82,146,247)"
       },
       {
         name: "sort-desc",
         configName: "SORT_DESC_ICON_SVG",
         configColorName: "SORT_ICON_COLOR",
-        svg: Ke,
+        svg: Fe,
         color: "rgb(82,146,247)"
       },
       {
         name: "sort-default",
         configName: "SORTABLE_ICON_SVG",
-        svg: Ot,
+        svg: Mt,
         color: "#bec4c7"
       },
       {
         name: "drag",
         configName: "DRAG_ROW_ICON_SVG",
-        svg: He,
+        svg: Ne,
         color: "#4E5969"
       }
     ]);
@@ -3421,7 +3441,7 @@ class Ye {
     return this.list.find((e) => e.name === t);
   }
 }
-class Fe {
+class Ve {
   constructor(t) {
     r(this, "ctx");
     r(this, "visibleHoverCell");
@@ -3578,7 +3598,7 @@ class Fe {
     this.resizeObserver.unobserve(this.ctx.stageElement), this.mutationObserver.disconnect();
   }
 }
-const We = {
+const Pe = {
   numberErrorTip: "只允许输入数字",
   emptyText: "暂无数据",
   loadingText: "加载中...",
@@ -3602,7 +3622,7 @@ const We = {
   numberMax: "输入值大于{max}，已自动调整为{max}",
   stringMaxlength: "输入值超过{maxlength}个字符，已自动截取"
 };
-class Ve {
+class ze {
   constructor() {
     r(this, "langConfig");
   }
@@ -3610,18 +3630,108 @@ class Ve {
     this.langConfig = t;
   }
   getText(t, e) {
-    const i = { ...We };
-    Object.assign(i, Tt.locale, this.langConfig);
+    const i = { ...Pe };
+    Object.assign(i, Ot.locale, this.langConfig);
     const s = i[t];
     return s ? s.replace(/{(\w+)}/g, (o, n) => (e == null ? void 0 : e[n]) || o) : "";
   }
 }
-class Pe {
+const $e = /^-?\d*\.?\d+px$/;
+class Ge {
+  constructor() {
+    r(this, "value", 1);
+  }
+  get isDefault() {
+    return this.value === 1;
+  }
+  clamp(t, e, i) {
+    return Math.min(i, Math.max(e, t));
+  }
+  /** @returns 是否发生变化 */
+  set(t, e, i) {
+    const s = this.clamp(t, e, i);
+    return Math.abs(s - this.value) < 1e-4 ? !1 : (this.value = s, !0);
+  }
+  /** 逻辑 -> 物理 */
+  toVisual(t) {
+    return t * this.value;
+  }
+  /** 物理 -> 逻辑 */
+  toLogical(t) {
+    return t / this.value;
+  }
+  toPx(t) {
+    return `${this.toVisual(t)}px`;
+  }
+  /** DOM 测量高度 -> 逻辑高度 */
+  domHeightToLogical(t) {
+    return Math.round(t / this.value);
+  }
+  /** 逻辑内容尺寸 -> 物理尺寸 */
+  contentToPhysical(t) {
+    return t * this.value;
+  }
+  scaleStyle(t) {
+    if (this.isDefault)
+      return t;
+    const e = { ...t };
+    for (const i of Object.keys(e)) {
+      const s = e[i];
+      typeof s == "string" && $e.test(s) && (e[i] = `${parseFloat(s) * this.value}px`);
+    }
+    return e;
+  }
+  assignScaledStyle(t, e) {
+    Object.assign(t.style, this.scaleStyle(e));
+  }
+  /** 容器物理宽度 -> 逻辑可视宽度 */
+  containerWidth(t) {
+    return Math.floor(t / this.value);
+  }
+  resolveStageWidth(t) {
+    const e = this.containerWidth(t.containerPhysicalWidth), i = t.fillContainer ? e : Math.min(Math.floor(t.contentWidth + t.scrollerTrackSize), e), s = Math.min(
+      Math.round(this.toVisual(i)),
+      Math.floor(t.containerPhysicalWidth)
+    );
+    return { stageWidth: i, stagePhysicalWidth: s };
+  }
+  applyStageHeight(t, e) {
+    const i = Math.floor(e), s = Math.floor(i / this.value);
+    return t.style.height = `${i}px`, { stageHeight: s, stagePhysicalHeight: i };
+  }
+  /** floating-ui 锚点：逻辑单元格 -> 视口物理矩形 */
+  getViewportRect(t, e) {
+    const i = this.toVisual(t.x) + e.x, s = this.toVisual(t.y) + e.y, o = this.toVisual(t.width), n = this.toVisual(t.height);
+    return {
+      x: i,
+      y: s,
+      left: i,
+      top: s,
+      right: i + o,
+      bottom: s + n,
+      width: o,
+      height: n
+    };
+  }
+  /** overlayer 单元格：外层物理定位 + 内层 zoom 缩放自定义 render */
+  createOverlayerCellElement(t, e) {
+    const i = document.createElement("div");
+    if (this.assignScaledStyle(i, t.style), Object.keys(t.domDataset || {}).forEach((l) => {
+      i.setAttribute(l, t.domDataset[l]);
+    }), typeof t.render != "function")
+      return i;
+    if (this.isDefault)
+      return t.render(i, t), i;
+    const s = "visibleWidth" in t ? t.visibleWidth : t.width, o = "visibleHeight" in t ? t.visibleHeight : t.height, n = "autoRowHeight" in t && t.autoRowHeight && "renderType" in t && t.renderType === "default", a = document.createElement("div");
+    return a.className = `${e}-overlayer-cell-content`, a.style.width = `${s}px`, a.style.boxSizing = "border-box", n ? (a.style.height = "auto", a.style.minHeight = `${o}px`, i.style.height = "auto") : (a.style.height = `${o}px`, i.style.height = this.toPx(o)), a.style.zoom = String(this.value), i.style.width = this.toPx(s), i.appendChild(a), t.render(a, t), i;
+  }
+}
+class Ue {
   constructor(t, e) {
     r(this, "eventBus");
     r(this, "eventBrowser");
     r(this, "eventTable");
-    r(this, "locale", new Ve());
+    r(this, "locale", new ze());
     r(this, "containerElement");
     r(this, "stageElement");
     r(this, "canvasElement");
@@ -3631,7 +3741,12 @@ class Pe {
     r(this, "contextMenuElement");
     r(this, "loadingElement");
     r(this, "stageWidth", 0);
+    // 逻辑可视宽度(物理宽度/zoom)
     r(this, "stageHeight", 0);
+    // 逻辑可视高度(物理高度/zoom)
+    r(this, "stagePhysicalWidth", 0);
+    r(this, "stagePhysicalHeight", 0);
+    r(this, "zoomScale");
     r(this, "paint");
     r(this, "icons");
     r(this, "domSelectionStr", "");
@@ -3765,10 +3880,13 @@ class Pe {
       loadingElement: c,
       contextMenuElement: d
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = n, this.editorElement = a, this.emptyElement = l, this.loadingElement = c, this.contextMenuElement = d, this.config = new Kt(e.config || {}), this.eventBus = new Me(), this.eventBrowser = new Le(this), this.eventTable = new Fe(this), this.paint = new Ae(this.canvasElement), this.database = new Se(this, e), this.history = new Oe(this), this.icons = new Ye(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = n, this.editorElement = a, this.emptyElement = l, this.loadingElement = c, this.contextMenuElement = d, this.config = new Ft(e.config || {}), this.eventBus = new He(), this.eventBrowser = new Ae(this), this.eventTable = new Ve(this), this.paint = new De(this.canvasElement), this.database = new Le(this, e), this.history = new Me(this), this.icons = new We(this), this.zoomScale = new Ge();
+  }
+  get zoom() {
+    return this.zoomScale.value;
   }
   setConfig(t) {
-    this.config = new Kt(t);
+    this.config = new Ft(t);
   }
   setItemValueByEditor(t, e, i, s = !0, o = !0, n = !0) {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
@@ -3876,10 +3994,29 @@ class Pe {
   getOffset(t) {
     const { left: e, top: i } = this.containerElement.getBoundingClientRect();
     return {
-      offsetX: t.clientX - e,
-      offsetY: t.clientY - i
+      offsetX: this.zoomScale.toLogical(t.clientX - e),
+      offsetY: this.zoomScale.toLogical(t.clientY - i)
     };
   }
+  toVisual(t) {
+    return this.zoomScale.toVisual(t);
+  }
+  toLogical(t) {
+    return this.zoomScale.toLogical(t);
+  }
+  toVisualPx(t) {
+    return this.zoomScale.toPx(t);
+  }
+  scaleStyle(t) {
+    return this.zoomScale.scaleStyle(t);
+  }
+  setZoom(t) {
+    const { MIN_ZOOM: e, MAX_ZOOM: i } = this.config;
+    this.zoomScale.set(t, e, i) && (this.emit("zoomChange", this.zoomScale.value), this.emit("resetHeader"));
+  }
+  getZoom() {
+    return this.zoomScale.value;
+  }
   hasEvent(t) {
     return this.eventBus.has(t);
   }
@@ -3899,7 +4036,7 @@ class Pe {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class Wt {
+class Pt {
   constructor(t, e) {
     r(this, "ctx");
     r(this, "type");
@@ -3930,7 +4067,7 @@ class Wt {
     this.updateScroll(t);
   }
   onTouchmove(t) {
-    const { clientY: e, clientX: i } = t.touches[0], s = e - this.clientY, o = i - this.clientX;
+    const { clientY: e, clientX: i } = t.touches[0], s = this.ctx.zoomScale.toLogical(e - this.clientY), o = this.ctx.zoomScale.toLogical(i - this.clientX);
     let n = 0;
     this.type === "vertical" ? (n = Math.max(0, Math.min(this.dragStart - s, this.distance)), this.hasScrollbar() && !(n === 0 && s > 0 || n === this.distance && s < 0) && t.preventDefault()) : this.type === "horizontal" && (n = Math.max(0, Math.min(this.dragStart - o, this.distance))), this.scroll = n;
   }
@@ -3943,13 +4080,13 @@ class Wt {
       return;
     if (this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize")
       return !0;
-    const { offsetX: e, offsetY: i, clientX: s, clientY: o } = t;
-    if (!(s == this.clientX && o == this.clientY)) {
-      if (this.isOnScrollbar(e, i))
-        this.clientX = s, this.clientY = o, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll, t.preventDefault();
-      else if (this.isOnTrack(e, i)) {
+    const { clientX: e, clientY: i } = t, s = this.ctx.zoomScale.toLogical(t.offsetX), o = this.ctx.zoomScale.toLogical(t.offsetY);
+    if (!(e == this.clientX && i == this.clientY)) {
+      if (this.isOnScrollbar(s, o))
+        this.clientX = e, this.clientY = i, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll, t.preventDefault();
+      else if (this.isOnTrack(s, o)) {
         let n = 0;
-        this.type === "vertical" ? n = (i - this.ctx.header.height - this.barHeight / 2) / (this.visibleDistance - this.barHeight) * this.distance : n = (e - this.barWidth / 2) / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(n, this.distance));
+        this.type === "vertical" ? n = (o - this.ctx.header.height - this.barHeight / 2) / (this.visibleDistance - this.barHeight) * this.distance : n = (s - this.barWidth / 2) / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(n, this.distance));
       }
     }
   }
@@ -3957,10 +4094,10 @@ class Wt {
     this.isDragging = !1, this.isFocus = !1, this.clientX = 0, this.clientY = 0;
   }
   onMouseMove(t) {
-    const { offsetX: e, offsetY: i, clientX: s, clientY: o, buttons: n } = t;
-    if (this.isOnScrollbar(e, i) && t.target === this.ctx.canvasElement ? this.isFocus = !0 : this.isFocus = !1, n === 0 || s == this.clientX && o == this.clientY) return;
+    const { clientX: e, clientY: i, buttons: s } = t, o = this.ctx.zoomScale.toLogical(t.offsetX), n = this.ctx.zoomScale.toLogical(t.offsetY);
+    if (this.isOnScrollbar(o, n) && t.target === this.ctx.canvasElement ? this.isFocus = !0 : this.isFocus = !1, s === 0 || e == this.clientX && i == this.clientY) return;
     let a = 0;
-    if (this.type === "horizontal" ? a = s - this.clientX : a = o - this.clientY, this.isDragging && a !== 0) {
+    if (this.type === "horizontal" ? a = e - this.clientX : a = i - this.clientY, a = this.ctx.zoomScale.toLogical(a), this.isDragging && a !== 0) {
       let l = 0;
       this.type === "vertical" ? l = this.dragStart + a / (this.visibleDistance - this.barHeight) * this.distance : l = this.dragStart + a / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(l, this.distance));
     }
@@ -4004,8 +4141,8 @@ class Wt {
       const g = a ? 0 : 0.5;
       this.trackX = 0, this.trackY = c - o + g, this.trackWidth = l, this.trackHeight = o;
       const E = this.distance ? this.visibleDistance / f : 0;
-      let w = Math.floor(E * this.visibleDistance);
-      this.barY = this.trackY - 1 + (o - n) / 2, w < 30 ? w = 30 : w >= this.visibleDistance && (w = 0), this.barWidth = w, this.barHeight = n, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      let m = Math.floor(E * this.visibleDistance);
+      this.barY = this.trackY - 1 + (o - n) / 2, m < 30 ? m = 30 : m >= this.visibleDistance && (m = 0), this.barWidth = m, this.barHeight = n, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
   draw() {
@@ -4026,7 +4163,7 @@ class Wt {
     }), this.ctx.scrollerFocus = this.isFocus;
   }
 }
-class ze {
+class Ze {
   // 垂直滚动定时器
   constructor(t) {
     r(this, "ctx");
@@ -4039,7 +4176,7 @@ class ze {
     r(this, "timerX", 0);
     // 水平滚动定时器
     r(this, "timerY", 0);
-    this.ctx = t, this.verticalScrollbar = new Wt(t, "vertical"), this.horizontalScrollbar = new Wt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("touchmove", (e) => this.onTouchmove(e)), this.ctx.on("touchstart", (e) => {
+    this.ctx = t, this.verticalScrollbar = new Pt(t, "vertical"), this.horizontalScrollbar = new Pt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("touchmove", (e) => this.onTouchmove(e)), this.ctx.on("touchstart", (e) => {
       this.onTouchstart(e);
     }), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
@@ -4141,7 +4278,7 @@ class ze {
     t && (this.adjustPositionX = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0)), e && (this.adjustPositionY = "", this.timerY && (clearInterval(this.timerY), this.timerY = 0));
   }
 }
-class $e extends ee {
+class je extends se {
   constructor(e, i, s, o, n, a, l) {
     super(e, s, o, n, a, "header", l.fixed);
     r(this, "align");
@@ -4210,7 +4347,7 @@ class $e extends ee {
     r(this, "drawSortImageName", "");
     r(this, "drawSortImageSource");
     r(this, "renderHeaderType", "default");
-    this.ctx = e, this.x = s, this.y = o, this.width = n, this.height = a, this.visibleWidth = n, this.visibleHeight = a, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.hide = (typeof l.hide == "function" ? l.hide(l) : l.hide) || !1, this.type = l.type || "", this.editorType = l.editorType || "text", this.hideHeaderSelection = l.hideHeaderSelection || !1, this.align = l.headerAlign || l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.headerVerticalAlign || l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed || "", this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.sortIconName = l.sortIconName || "sort-default", this.sortAscIconName = l.sortAscIconName || "sort-asc", this.sortDescIconName = l.sortDescIconName || "sort-desc", this.rowKey = qt(), this.overflowTooltipShow = l.overflowTooltipHeaderShow !== !1, this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader, this.maxLineClampHeader = l.maxLineClampHeader || "auto", this.renderHeaderType = l.renderHeaderType || "default";
+    this.ctx = e, this.x = s, this.y = o, this.width = n, this.height = a, this.visibleWidth = n, this.visibleHeight = a, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.hide = (typeof l.hide == "function" ? l.hide(l) : l.hide) || !1, this.type = l.type || "", this.editorType = l.editorType || "text", this.hideHeaderSelection = l.hideHeaderSelection || !1, this.align = l.headerAlign || l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.headerVerticalAlign || l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed || "", this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.sortIconName = l.sortIconName || "sort-default", this.sortAscIconName = l.sortAscIconName || "sort-asc", this.sortDescIconName = l.sortDescIconName || "sort-desc", this.rowKey = Qt(), this.overflowTooltipShow = l.overflowTooltipHeaderShow !== !1, this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader, this.maxLineClampHeader = l.maxLineClampHeader || "auto", this.renderHeaderType = l.renderHeaderType || "default";
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -4288,6 +4425,9 @@ class $e extends ee {
         cacheTextKey: o,
         textCallback: (n) => {
           this.textInfo = n;
+        },
+        layoutCallback: (n) => {
+          this.ctx.emit("registerTextLayout", `${this.cellType}-${this.colIndex}-${this.level}`, n);
         }
       }
     );
@@ -4326,7 +4466,7 @@ class $e extends ee {
       this.drawTextX = a + o - n / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX, (this.align === "left" || this.align === "right") && (a = this.drawX + n, this.drawTextX = a + o - n / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX), this.verticalAlign === "top" ? l = this.drawY + n / 2 : this.verticalAlign === "bottom" && (l = this.drawY + this.height - o - n / 2), this.column.dragRow && (a += this.ctx.config.DRAG_ROW_ICON_SIZE, this.drawTextX += this.ctx.config.DRAG_ROW_ICON_SIZE, this.drawTextWidth -= this.ctx.config.DRAG_ROW_ICON_SIZE);
       let c = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck";
       e ? (c = this.ctx.icons.get("checkbox-indeterminate"), d = "checkbox-indeterminate") : i && s ? (c = this.ctx.icons.get("checkbox-check"), d = "checkbox-check") : i && !s ? (c = this.ctx.icons.get("checkbox-check-disabled"), d = "checkbox-check-disabled") : !i && s ? (c = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck") : (c = this.ctx.icons.get("checkbox-disabled"), d = "checkbox-disabled");
-      const f = new j(d, a, l, o, o, c);
+      const f = new Z(d, a, l, o, o, c);
       f.setVisible(!this.hideHeaderSelection), this.setImage("selection", f);
     }
   }
@@ -4337,7 +4477,7 @@ class $e extends ee {
     let l = this.sortIconName;
     const c = this.ctx.database.getSortState(this.key);
     c.direction === "asc" ? l = this.sortAscIconName : c.direction === "desc" && (l = this.sortDescIconName);
-    const d = this.ctx.icons.get(l), f = new j(l, o, n, a, a, d);
+    const d = this.ctx.icons.get(l), f = new Z(l, o, n, a, a, d);
     this.setImage("sort", f);
   }
   getText() {
@@ -4360,7 +4500,7 @@ class $e extends ee {
     };
   }
 }
-class oe {
+class re {
   constructor(t, e) {
     r(this, "root");
     r(this, "key");
@@ -4409,7 +4549,7 @@ class oe {
     return !1;
   }
 }
-class Ge {
+class qe {
   constructor(t) {
     r(this, "ctx");
     // 上下文
@@ -4455,7 +4595,7 @@ class Ge {
     r(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
-      St(() => {
+      Lt(() => {
         this.init(), this.ctx.clearSelector(), this.ctx.emit("draw");
       }, 100)
     ), this.init(), this.initSelection(), this.initSort(), this.initResizeColumn(), this.initDragColumn();
@@ -4465,31 +4605,33 @@ class Ge {
       config: { HEADER_HEIGHT: e, SCROLLER_TRACK_SIZE: i }
     } = this.ctx;
     if (!t) {
-      const f = this.ctx.database.getColumns();
-      this.columns = f;
-    }
-    this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [], this.visibleColumns = Jt(this.columns);
-    const s = rt(this.visibleColumns), o = tt(this.visibleColumns);
-    this.height = e * s, this.visibleHeight = this.height, this.width = o.reduce((f, u) => {
-      const x = u.width || 100, { maxWidth: g, minWidth: E } = u;
-      return g && x > g ? f + g : E && x < E ? f + E : f + x;
+      const x = this.ctx.database.getColumns();
+      this.columns = x;
+    }
+    this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [], this.visibleColumns = te(this.columns);
+    const s = at(this.visibleColumns), o = et(this.visibleColumns);
+    this.height = e * s, this.visibleHeight = this.height, this.width = o.reduce((x, g) => {
+      const E = g.width || 100, { maxWidth: m, minWidth: w } = g;
+      return m && E > m ? x + m : w && E < w ? x + w : x + E;
     }, 0), this.columnIndex = 0, this.resizeNum = 0;
-    const n = pe(at(this.visibleColumns, s));
+    const n = Ce(lt(this.visibleColumns, s));
     this.render(n, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
-    const a = this.ctx.containerElement.getBoundingClientRect();
-    this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(a.width) : this.ctx.stageWidth = Math.min(
-      Math.floor(this.width + i),
-      Math.floor(a.width)
-    ), this.ctx.stageElement.style.width = this.ctx.stageWidth + "px", this.visibleWidth = this.ctx.stageWidth - i;
-    const l = this.visibleWidth - this.width;
-    if (this.resizeNum && l > 0) {
-      const f = Math.floor(l / this.resizeNum * 100) / 100;
-      this.resizeAllColumn(f);
-    }
-    const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = c.reduce((f, u) => f + u.width, 0);
-    const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedRightWidth = d.reduce((f, u) => f + u.width, i), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.allCellHeaders = this.allCellHeaders, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
+    const a = this.ctx.containerElement.getBoundingClientRect(), { stageWidth: l, stagePhysicalWidth: c } = this.ctx.zoomScale.resolveStageWidth({
+      containerPhysicalWidth: a.width,
+      contentWidth: this.width,
+      scrollerTrackSize: i,
+      fillContainer: this.resizeNum > 0
+    });
+    this.ctx.stageWidth = l, this.ctx.stagePhysicalWidth = c, this.ctx.stageElement.style.width = `${c}px`, this.visibleWidth = this.ctx.stageWidth - i;
+    const d = this.visibleWidth - this.width;
+    if (this.resizeNum && d > 0) {
+      const x = Math.floor(d / this.resizeNum * 100) / 100;
+      this.resizeAllColumn(x);
+    }
+    const f = this.fixedLeftCellHeaders.filter((x) => !x.hasChildren);
+    this.ctx.fixedLeftWidth = f.reduce((x, g) => x + g.width, 0);
+    const u = this.fixedRightCellHeaders.filter((x) => !x.hasChildren);
+    this.ctx.fixedRightWidth = u.reduce((x, g) => x + g.width, i), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.allCellHeaders = this.allCellHeaders, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
   initSort() {
     this.ctx.on("cellHeaderClick", (t, e) => {
@@ -4527,20 +4669,21 @@ class Ge {
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
-        if (t.offsetX < 0 || t.offsetX > this.visibleWidth) {
+        const { offsetX: s } = this.ctx.getOffset(t);
+        if (s < 0 || s > this.visibleWidth) {
           this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
           return;
         }
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
-        const s = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
-        for (const o of s) {
-          const { offsetX: n, offsetY: a } = this.ctx.getOffset(t), l = n, 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 u = o.colIndex + o.colspan - 1, x = this.leafCellHeaders.find((g) => g.colIndex === u);
-            if (!x || !x.fixed && this.ctx.stageWidth - this.ctx.fixedRightWidth < d + o.width)
+        const o = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
+        for (const n of o) {
+          const { offsetX: a, offsetY: l } = this.ctx.getOffset(t), c = a, d = l, f = n.getDrawX(), u = n.getDrawY();
+          if (c > f + n.width - 5 && c < f + n.width + 4 && c < e - 4 && // 视窗中最后一列不允许调整宽
+          d > u) {
+            const x = n.colIndex + n.colspan - 1, g = this.leafCellHeaders.find((E) => E.colIndex === x);
+            if (!g || !g.fixed && this.ctx.stageWidth - this.ctx.fixedRightWidth < f + n.width)
               return;
-            this.ctx.isTarget(t) && a <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = x);
+            this.ctx.isTarget(t) && l <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = g);
           }
         }
       }
@@ -4556,7 +4699,7 @@ class Ge {
         if (this.dragingCell && this.dragTarget) {
           const t = (c, d = {}) => (c.forEach((f, u) => {
             f.children && t(f.children, d), d[f.key] = u;
-          }), d), e = this.ctx.database.getColumns(), i = at(e, rt(e)), s = new oe(i, {
+          }), d), e = this.ctx.database.getColumns(), i = lt(e, at(e)), s = new re(i, {
             key: "key",
             // 节点唯一标识字段（对应我们之前的field）
             childrenKey: "children"
@@ -4650,7 +4793,7 @@ class Ge {
       columns: t,
       customHeader: e
     } : {
-      columns: at(t, rt(t)),
+      columns: lt(t, at(t)),
       customHeader: e
     };
   }
@@ -4661,8 +4804,8 @@ class Ge {
     for (let n = 0; n < i; n++) {
       const a = t[n], l = o * (a.rowspan || 0), c = o * (a.level || 0);
       let { minWidth: d, maxWidth: f } = a, u = a.width || 100;
-      d && u < d && (u = d), f && u > f && (u = f), a.children && (u = tt(a.children).reduce((E, w) => E + ((w == null ? void 0 : w.width) || 100), 0));
-      const x = new $e(this.ctx, this.columnIndex, s, c, u, l, a);
+      d && u < d && (u = d), f && u > f && (u = f), a.children && (u = et(a.children).reduce((E, m) => E + ((m == null ? void 0 : m.width) || 100), 0));
+      const x = new je(this.ctx, this.columnIndex, s, c, u, l, a);
       this.ctx.database.setHeader(a.key, x), this.allCellHeaders.push(x), a.children || (this.leafCellHeaders.push(x), x.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(x) : a.fixed === "right" ? this.fixedRightCellHeaders.push(x) : this.centerCellHeaders.push(x), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += u;
     }
   }
@@ -4781,7 +4924,7 @@ class Ge {
     }), this.drawBottomLine(), this.drawTipLine(), this.drawDragTip();
   }
 }
-class ne {
+class ae {
   constructor(t, e, i = 0, s = 0, o = 0, n = 0, a, l = "body") {
     r(this, "ctx");
     r(this, "x", 0);
@@ -4802,7 +4945,7 @@ class ne {
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [], o = [];
     t.renderLeafCellHeaders.forEach((n) => {
-      const a = new ie(
+      const a = new oe(
         this.ctx,
         this.rowIndex,
         n.colIndex,
@@ -4845,7 +4988,7 @@ class ne {
     });
   }
 }
-class Ue {
+class Je {
   constructor(t) {
     r(this, "resizeTarget", null);
     //调整行大小的目标
@@ -4904,31 +5047,38 @@ class Ue {
     this.height = g, this.data = x, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - n;
     const E = 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 - E - n);
+    const { zoomScale: m } = this.ctx;
     let w = this.height + e.height + n;
     w += E;
-    let m = w;
-    const y = window.innerHeight, { top: b } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
-    if (y > b && d && !a) {
-      const O = y - b - f;
-      O > e.height + n ? m = O : w > c && (m = c);
-    } else this.data.length && a ? m = a : this.data.length && c && w > c && (m = c);
-    m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
-    let p = this.ctx.stageHeight - e.height - n;
-    o ? this.visibleHeight = p - E : this.visibleHeight = p, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
-    const C = window.devicePixelRatio || 1, I = this.ctx.stageWidth * C, v = this.ctx.stageHeight * C;
-    t.width = Math.round(I), t.height = Math.round(v);
-    const T = this.data.length ? "not-empty" : "empty";
+    let y = m.contentToPhysical(w);
+    const C = window.innerHeight, { top: p } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (C > p && d && !a) {
+      const M = C - p - f;
+      M > m.contentToPhysical(e.height + n) ? y = M : m.contentToPhysical(w) > c && (y = c);
+    } else this.data.length && a ? y = a : this.data.length && c && m.contentToPhysical(w) > c && (y = c);
+    if (y > 0) {
+      const { stageHeight: O, stagePhysicalHeight: M } = m.applyStageHeight(
+        this.ctx.stageElement,
+        y
+      );
+      this.ctx.stageHeight = O, this.ctx.stagePhysicalHeight = M;
+    }
+    let b = this.ctx.stageHeight - e.height - n;
+    o ? this.visibleHeight = b - E : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
+    const v = window.devicePixelRatio || 1, I = this.ctx.stagePhysicalWidth * v, T = this.ctx.stagePhysicalHeight * v;
+    t.width = Math.round(I), t.height = Math.round(T);
+    const _ = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: T,
-      type: T,
+      isEmpty: _,
+      type: _,
       headerHeight: e.height,
       bodyHeight: this.height,
       footerHeight: E,
       width: this.width,
       height: this.data.length ? 0 : l + E
     });
-    const _ = Math.round(t.width / C * 1e4) / 1e4, R = Math.round(t.height / C * 1e4) / 1e4;
-    this.ctx.canvasElement.setAttribute("style", `height:${R}px;width:${_}px;`), this.ctx.paint.scale(C);
+    const R = Math.round(t.width / v * 1e4) / 1e4, S = Math.round(t.height / v * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${S}px;width:${R}px;`), this.ctx.paint.scale(v, this.ctx.zoomScale.value);
   }
   initTree() {
     this.ctx.on("cellClick", (t, e) => {
@@ -5018,7 +5168,7 @@ class Ue {
           let s = !0;
           const { BEFORE_DRAG_ROW_METHOD: o } = this.ctx.config;
           if (typeof o == "function" && (s = await o(i)), s && !this.ctx.config.ENABLE_DRAG_ROW_CUSTOM) {
-            const n = this.ctx.database.getOriginalData(), { TREE_CHILDREN_KEY: a, ROW_KEY: l } = this.ctx.config, c = new oe(n, {
+            const n = this.ctx.database.getOriginalData(), { TREE_CHILDREN_KEY: a, ROW_KEY: l } = this.ctx.config, c = new re(n, {
               key: l,
               childrenKey: a
             });
@@ -5160,8 +5310,8 @@ class Ue {
     this.headIndex = Math.max(0, l), this.tailIndex = Math.min(this.ctx.maxRowIndex, c + 1), this.visibleRows = n.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 u = this.headIndex + f, x = this.visibleRows[f], { height: g, top: E } = this.ctx.database.getPositionForRowIndex(u), w = new ne(this.ctx, u, 0, E + this.y, t.width, g, x);
-      d.push(w);
+      const u = this.headIndex + f, x = this.visibleRows[f], { height: g, top: E } = this.ctx.database.getPositionForRowIndex(u), m = new ae(this.ctx, u, 0, E + this.y, t.width, g, x);
+      d.push(m);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
   }
@@ -5190,7 +5340,7 @@ class Ue {
     }), this.drawTipLine();
   }
 }
-class je {
+class Qe {
   constructor(t) {
     r(this, "ctx");
     r(this, "renderRows", []);
@@ -5245,7 +5395,7 @@ class je {
     let e = this.y;
     const i = [];
     this.data.forEach((s, o) => {
-      const n = new ne(this.ctx, o, 0, e, this.width, t, s, "footer");
+      const n = new ae(this.ctx, o, 0, e, this.width, t, s, "footer");
       e += t, i.push(n);
     }), this.renderRows = i, this.ctx.footer.renderRows = this.renderRows;
   }
@@ -5271,7 +5421,7 @@ class je {
     }), this.drawTopLine();
   }
 }
-class Ze {
+class ti {
   constructor(t) {
     r(this, "isCut", !1);
     r(this, "isMultipleRow", !1);
@@ -5283,7 +5433,7 @@ class Ze {
       this.moveFocus(t);
     }), this.ctx.on(
       "mousemove",
-      St((t) => {
+      Lt((t) => {
         var e;
         (e = this.ctx.focusCellHeader) != null && e.fixed || !this.ctx.dragHeaderIng && this.ctx.selectorMove && this.ctx.startAdjustPosition(t);
       }, 100)
@@ -5310,7 +5460,7 @@ class Ze {
         this.ctx.disableHoverIconClick = !1;
       }, 0);
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
-      this.ctx.mousedown && this.selectCols(t);
+      this.ctx.textSelecting || this.ctx.mousedown && this.selectCols(t);
     }), this.ctx.on("cellHoverChange", (t) => {
       this.ctx.textSelecting || this.ctx.mousedown && this.selectCols(t);
     }), this.ctx.on("cellHeaderMousedown", (t, e) => {
@@ -5391,27 +5541,27 @@ class Ze {
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, x = a, g = l || this.ctx.maxColIndex - f, E = c, w = d || this.ctx.maxRowIndex - u;
-      let [m, y] = o, [b, p] = n;
-      if (m < x || y > g || b < E || p > w)
+      } = this.ctx.config, x = a, g = l || this.ctx.maxColIndex - f, E = c, m = d || this.ctx.maxRowIndex - u;
+      let [w, y] = o, [C, p] = n;
+      if (w < x || y > g || C < E || p > m)
         return;
       if (this.ctx.config.ENABLE_MERGE_CELL_LINK) {
-        const I = this.adjustMergeCells(o, n);
-        b = I.yArr[0], p = I.yArr[1], m = I.xArr[0], y = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
+        const v = this.adjustMergeCells(o, n);
+        C = v.yArr[0], p = v.yArr[1], w = v.xArr[0], y = v.xArr[1], this.ctx.onlyMergeCell = v.onlyMergeCell;
       }
-      m === y && b === p ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, m), Math.min(g, y)], n = [Math.max(E, b), Math.min(w, p)];
-      const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
-      if (typeof C == "function") {
-        const v = C({
+      w === y && C === p ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, w), Math.min(g, y)], n = [Math.max(E, C), Math.min(m, p)];
+      const { BEFORE_SET_SELECTOR_METHOD: b } = this.ctx.config;
+      if (typeof b == "function") {
+        const I = b({
           focusCell: this.ctx.focusCell,
           xArr: o,
           yArr: n
         });
-        if (!v)
+        if (!I)
           return;
-        o = v.xArr, n = v.yArr;
+        o = I.xArr, n = I.yArr;
       }
-      this.ctx.selector.xArr = o, this.ctx.selector.yArr = n, p === this.ctx.maxRowIndex && b === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, y === this.ctx.maxColIndex && m === 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 = n, p === this.ctx.maxRowIndex && C === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, y === this.ctx.maxColIndex && w === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
   }
   adjustMergeCells(t, e) {
@@ -5425,23 +5575,23 @@ class Ze {
       };
     let a = [], l = [];
     for (let E = 0; E <= e[1] - e[0]; E++)
-      for (let w = 0; w <= t[1] - t[0]; w++) {
-        const m = E + e[0], y = w + t[0], b = this.ctx.database.getVirtualBodyCell(m, y);
-        b && ((m === i || m === s) && a.push(b), (y === o || y === n) && l.push(b));
+      for (let m = 0; m <= t[1] - t[0]; m++) {
+        const w = E + e[0], y = m + t[0], C = this.ctx.database.getVirtualBodyCell(w, y);
+        C && ((w === i || w === s) && a.push(C), (y === o || y === n) && l.push(C));
       }
     const c = a.reduce(
-      (E, w) => {
-        const { yArr: m } = w.getSpanInfo(), [y, b] = m;
-        return E.minY = Math.min(E.minY, y), E.maxY = Math.max(E.maxY, b), E;
+      (E, m) => {
+        const { yArr: w } = m.getSpanInfo(), [y, C] = w;
+        return E.minY = Math.min(E.minY, y), E.maxY = Math.max(E.maxY, C), E;
       },
       {
         minY: i,
         maxY: s
       }
     ), d = l.reduce(
-      (E, w) => {
-        const { xArr: m } = w.getSpanInfo(), [y, b] = m;
-        return E.minX = Math.min(E.minX, y), E.maxX = Math.max(E.maxX, b), E;
+      (E, m) => {
+        const { xArr: w } = m.getSpanInfo(), [y, C] = w;
+        return E.minX = Math.min(E.minX, y), E.maxX = Math.max(E.maxX, C), E;
       },
       {
         minX: o,
@@ -5450,8 +5600,8 @@ class Ze {
     ), f = [d.minX, d.maxX], u = [c.minY, c.maxY];
     let x = !1;
     if (d.minX !== d.maxX || c.minY !== c.maxY) {
-      const E = JSON.stringify(f) + JSON.stringify(u), w = (g = this.ctx.focusCell) == null ? void 0 : g.getSpanInfo();
-      x = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === E;
+      const E = JSON.stringify(f) + JSON.stringify(u), m = (g = this.ctx.focusCell) == null ? void 0 : g.getSpanInfo();
+      x = (m && JSON.stringify(m.xArr) + JSON.stringify(m.yArr)) === E;
     }
     return {
       xArr: f,
@@ -5578,7 +5728,7 @@ class Ze {
         return;
       t = a.data;
     }
-    const o = be(t);
+    const o = ve(t);
     navigator.clipboard ? navigator.clipboard.writeText(o).then(() => {
       this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("copyChange", {
         xArr: this.ctx.selector.xArrCopy,
@@ -5623,7 +5773,7 @@ class Ze {
     if (this.ctx.selector.enable && t) {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then(async (o) => {
-        let n = Ce(o);
+        let n = Re(o);
         const a = [i, i + n[0].length - 1], l = [e, e + n.length - 1], [c, d] = l, [f, u] = a, x = d - this.ctx.maxRowIndex, g = u - this.ctx.maxColIndex;
         (x > 0 || g > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
@@ -5636,25 +5786,25 @@ class Ze {
         });
         const E = n.length === 1 && n[0].length === 1;
         if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !E) {
-          const b = {
+          const C = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: this.ctx.locale.getText("mergeCellNoPaste"),
             data: []
           };
-          this.ctx.hasEvent("error") ? this.ctx.emit("error", b) : console.error(b.message);
+          this.ctx.hasEvent("error") ? this.ctx.emit("error", C) : console.error(C.message);
           return;
         }
-        let w = [];
-        for (let b = 0; b <= n.length - 1; b++) {
-          const p = n[b].length;
-          for (let C = 0; C <= p - 1; C++) {
-            const I = b + e, v = C + i, T = n[b][C], _ = this.ctx.database.getItemValueForRowIndexAndColIndex(
-              I,
-              v
+        let m = [];
+        for (let C = 0; C <= n.length - 1; C++) {
+          const p = n[C].length;
+          for (let b = 0; b <= p - 1; b++) {
+            const v = C + e, I = b + i, T = n[C][b], _ = this.ctx.database.getItemValueForRowIndexAndColIndex(
+              v,
+              I
             );
             if (_) {
               const { rowKey: R, key: S } = _;
-              this.ctx.database.getReadonly(R, S) || (s.add(R), w.push({
+              this.ctx.database.getReadonly(R, S) || (s.add(R), m.push({
                 rowKey: R,
                 key: S,
                 value: T,
@@ -5665,35 +5815,35 @@ class Ze {
           }
         }
         if (this.isCut) {
-          const b = this.clearSelectedData(
+          const C = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), p = w.map((C) => `${C.rowKey}-${C.key}`);
-          b.forEach((C) => {
-            p.includes(`${C.rowKey}-${C.key}`) || w.unshift(C);
+          ), p = m.map((b) => `${b.rowKey}-${b.key}`);
+          C.forEach((b) => {
+            p.includes(`${b.rowKey}-${b.key}`) || m.unshift(b);
           }), this.isCut = !1;
         }
-        if (!w.length)
+        if (!m.length)
           return;
-        const { BEFORE_PASTE_DATA_METHOD: m } = this.ctx.config;
-        if (typeof m == "function") {
-          const b = m, p = w.map((C) => ({
-            rowKey: C.rowKey,
-            key: C.key,
-            value: C.value,
-            oldValue: this.ctx.database.getItemValue(C.rowKey, C.key),
-            row: this.ctx.database.getRowDataItemForRowKey(C.rowKey)
+        const { BEFORE_PASTE_DATA_METHOD: w } = this.ctx.config;
+        if (typeof w == "function") {
+          const C = w, p = m.map((b) => ({
+            rowKey: b.rowKey,
+            key: b.key,
+            value: b.value,
+            oldValue: this.ctx.database.getItemValue(b.rowKey, b.key),
+            row: this.ctx.database.getRowDataItemForRowKey(b.rowKey)
           }));
-          if (w = await b(p, a, l, n), w && !w.length)
+          if (m = await C(p, a, l, n), m && !m.length)
             return;
         }
-        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(w, !0);
+        this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(m, !0);
         let y = [];
-        s.forEach((b) => {
-          y.push(this.ctx.database.getRowDataItemForRowKey(b));
-        }), this.ctx.emit("pasteChange", w, y), this.ctx.emit("draw");
+        s.forEach((C) => {
+          y.push(this.ctx.database.getRowDataItemForRowKey(C));
+        }), this.ctx.emit("pasteChange", m, y), this.ctx.emit("draw");
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
       });
@@ -5759,19 +5909,19 @@ class Ze {
     if (!i)
       return;
     g && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: E, drawY: w, width: m, height: y, fixed: b } = i, p = o - E + 1, C = i.drawX + m - (e - s) + 1;
-    let I = n.height - w, v = y;
-    v > l.visibleHeight && (v = l.visibleHeight);
+    const { drawX: E, drawY: m, width: w, height: y, fixed: C } = i, p = o - E + 1, b = i.drawX + w - (e - s) + 1;
+    let v = n.height - m, I = y;
+    I > l.visibleHeight && (I = l.visibleHeight);
     let T = 0;
-    u && (x === "top" ? I = n.height + a.height - w : T = a.visibleHeight);
-    const _ = w + v - (t - T - f);
+    u && (x === "top" ? v = n.height + a.height - m : T = a.visibleHeight);
+    const _ = m + I - (t - T - f);
     let R = c, S = d;
-    C > 0 && !b ? R = Math.floor(c + C) : p > 0 && !b && (R = Math.floor(c - p)), I > 0 ? S = Math.floor(d - I) : _ > 0 && (S = Math.floor(d + _)), (Math.abs(c - R) > 2.5 || Math.abs(d - S) > 2.5) && this.ctx.setScroll(R, S);
+    b > 0 && !C ? R = Math.floor(c + b) : p > 0 && !C && (R = Math.floor(c - p)), v > 0 ? S = Math.floor(d - v) : _ > 0 && (S = Math.floor(d + _)), (Math.abs(c - R) > 2.5 || Math.abs(d - S) > 2.5) && this.ctx.setScroll(R, S);
   }
   destroy() {
   }
 }
-class qe {
+class ei {
   constructor(t) {
     r(this, "ctx");
     r(this, "maxColRowCell");
@@ -5824,11 +5974,11 @@ class qe {
         SELECTOR_AREA_MAX_Y: x,
         SELECTOR_AREA_MAX_X_OFFSET: g,
         SELECTOR_AREA_MAX_Y_OFFSET: E
-      } = this.ctx.config, w = d, m = f || this.ctx.maxColIndex - g, y = u, b = x || this.ctx.maxRowIndex - E;
-      let [p, C] = n, [I, v] = a;
-      if (p < w || I < y)
+      } = this.ctx.config, m = d, w = f || this.ctx.maxColIndex - g, y = u, C = x || this.ctx.maxRowIndex - E;
+      let [p, b] = n, [v, I] = a;
+      if (p < m || v < y)
         return;
-      n = [Math.max(w, p), Math.min(m, C)], a = [Math.max(y, I), Math.min(b, v)];
+      n = [Math.max(m, p), Math.min(w, b)], a = [Math.max(y, v), Math.min(C, I)];
       const { BEFORE_SET_AUTOFILL_METHOD: T } = this.ctx.config;
       if (typeof T == "function") {
         const R = T({
@@ -5850,8 +6000,8 @@ class qe {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
     for (let x = 0; x <= e.yArr[1] - e.yArr[0]; x++)
       for (let g = 0; g <= e.xArr[1] - e.xArr[0]; g++) {
-        const E = x + e.yArr[0], w = g + e.xArr[0];
-        i.set(`${E}-${w}`, !0);
+        const E = x + e.yArr[0], m = g + e.xArr[0];
+        i.set(`${E}-${m}`, !0);
       }
     const { value: s } = e, o = s[0].length, n = s.length, a = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr, c = o === 1 && n === 1;
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !c) {
@@ -5866,13 +6016,13 @@ class qe {
     let d = [];
     for (let x = 0; x <= l[1] - l[0]; x++)
       for (let g = 0; g <= a[1] - a[0]; g++) {
-        const E = g + a[0], w = x + l[0], m = s[x % n][g % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(w, E), b = `${w}-${E}`;
-        if (y && !i.has(b)) {
-          const { rowKey: p, key: C } = y;
-          this.ctx.database.getReadonly(p, C) || (t.add(p), d.push({
+        const E = g + a[0], m = x + l[0], w = s[x % n][g % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(m, E), C = `${m}-${E}`;
+        if (y && !i.has(C)) {
+          const { rowKey: p, key: b } = y;
+          this.ctx.database.getReadonly(p, b) || (t.add(p), d.push({
             rowKey: p,
-            key: C,
-            value: m,
+            key: b,
+            value: w,
             row: {}
           }));
         }
@@ -5910,76 +6060,76 @@ class qe {
   destroy() {
   }
 }
-const q = Math.min, $ = Math.max, ct = Math.round, nt = Math.floor, Y = (h) => ({
+const q = Math.min, $ = Math.max, ht = Math.round, rt = Math.floor, Y = (h) => ({
   x: h,
   y: h
-}), Je = {
+}), ii = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Rt(h, t, e) {
+function vt(h, t, e) {
   return $(h, q(t, e));
 }
-function it(h, t) {
+function st(h, t) {
   return typeof h == "function" ? h(t) : h;
 }
 function G(h) {
   return h.split("-")[0];
 }
-function st(h) {
+function ot(h) {
   return h.split("-")[1];
 }
-function re(h) {
+function le(h) {
   return h === "x" ? "y" : "x";
 }
-function Lt(h) {
+function At(h) {
   return h === "y" ? "height" : "width";
 }
 function V(h) {
   const t = h[0];
   return t === "t" || t === "b" ? "y" : "x";
 }
-function Mt(h) {
-  return re(V(h));
+function Ht(h) {
+  return le(V(h));
 }
-function Qe(h, t, e) {
+function si(h, t, e) {
   e === void 0 && (e = !1);
-  const i = st(h), s = Mt(h), o = Lt(s);
+  const i = ot(h), s = Ht(h), o = At(s);
   let n = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[o] > t.floating[o] && (n = ht(n)), [n, ht(n)];
+  return t.reference[o] > t.floating[o] && (n = dt(n)), [n, dt(n)];
 }
-function ti(h) {
-  const t = ht(h);
+function oi(h) {
+  const t = dt(h);
   return [It(h), t, It(t)];
 }
 function It(h) {
   return h.includes("start") ? h.replace("start", "end") : h.replace("end", "start");
 }
-const Vt = ["left", "right"], Pt = ["right", "left"], ei = ["top", "bottom"], ii = ["bottom", "top"];
-function si(h, t, e) {
+const zt = ["left", "right"], $t = ["right", "left"], ni = ["top", "bottom"], ri = ["bottom", "top"];
+function ai(h, t, e) {
   switch (h) {
     case "top":
     case "bottom":
-      return e ? t ? Pt : Vt : t ? Vt : Pt;
+      return e ? t ? $t : zt : t ? zt : $t;
     case "left":
     case "right":
-      return t ? ei : ii;
+      return t ? ni : ri;
     default:
       return [];
   }
 }
-function oi(h, t, e, i) {
-  const s = st(h);
-  let o = si(G(h), e === "start", i);
+function li(h, t, e, i) {
+  const s = ot(h);
+  let o = ai(G(h), e === "start", i);
   return s && (o = o.map((n) => n + "-" + s), t && (o = o.concat(o.map(It)))), o;
 }
-function ht(h) {
+function dt(h) {
   const t = G(h);
-  return Je[t] + h.slice(t.length);
+  return ii[t] + h.slice(t.length);
 }
-function ni(h) {
+function ci(h) {
   return {
     top: 0,
     right: 0,
@@ -5988,15 +6138,15 @@ function ni(h) {
     ...h
   };
 }
-function ae(h) {
-  return typeof h != "number" ? ni(h) : {
+function ce(h) {
+  return typeof h != "number" ? ci(h) : {
     top: h,
     right: h,
     bottom: h,
     left: h
   };
 }
-function dt(h) {
+function ft(h) {
   const {
     x: t,
     y: e,
@@ -6014,12 +6164,12 @@ function dt(h) {
     y: e
   };
 }
-function zt(h, t, e) {
+function Gt(h, t, e) {
   let {
     reference: i,
     floating: s
   } = h;
-  const o = V(t), n = Mt(t), a = Lt(n), l = G(t), c = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
+  const o = V(t), n = Ht(t), a = At(n), l = G(t), c = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
   let x;
   switch (l) {
     case "top":
@@ -6052,7 +6202,7 @@ function zt(h, t, e) {
         y: i.y
       };
   }
-  switch (st(t)) {
+  switch (ot(t)) {
     case "start":
       x[n] -= u * (e && c ? -1 : 1);
       break;
@@ -6062,7 +6212,7 @@ function zt(h, t, e) {
   }
   return x;
 }
-async function ri(h, t) {
+async function hi(h, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -6078,8 +6228,8 @@ async function ri(h, t) {
     elementContext: f = "floating",
     altBoundary: u = !1,
     padding: x = 0
-  } = it(t, h), g = ae(x), w = a[u ? f === "floating" ? "reference" : "floating" : f], m = dt(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)),
+  } = st(t, h), g = ce(x), m = a[u ? f === "floating" ? "reference" : "floating" : f], w = ft(await o.getClippingRect({
+    element: (e = await (o.isElement == null ? void 0 : o.isElement(m))) == null || e ? m : m.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: d,
     strategy: l
@@ -6088,26 +6238,26 @@ async function ri(h, t) {
     y: s,
     width: n.floating.width,
     height: n.floating.height
-  } : n.reference, b = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), p = await (o.isElement == null ? void 0 : o.isElement(b)) ? await (o.getScale == null ? void 0 : o.getScale(b)) || {
+  } : n.reference, C = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), p = await (o.isElement == null ? void 0 : o.isElement(C)) ? await (o.getScale == null ? void 0 : o.getScale(C)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, C = dt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, b = ft(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: y,
-    offsetParent: b,
+    offsetParent: C,
     strategy: l
   }) : y);
   return {
-    top: (m.top - C.top + g.top) / p.y,
-    bottom: (C.bottom - m.bottom + g.bottom) / p.y,
-    left: (m.left - C.left + g.left) / p.x,
-    right: (C.right - m.right + g.right) / p.x
+    top: (w.top - b.top + g.top) / p.y,
+    bottom: (b.bottom - w.bottom + g.bottom) / p.y,
+    left: (w.left - b.left + g.left) / p.x,
+    right: (b.right - w.right + g.right) / p.x
   };
 }
-const ai = 50, li = async (h, t, e) => {
+const di = 50, fi = async (h, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
@@ -6115,7 +6265,7 @@ const ai = 50, li = async (h, t, e) => {
     platform: n
   } = e, a = n.detectOverflow ? n : {
     ...n,
-    detectOverflow: ri
+    detectOverflow: hi
   }, l = await (n.isRTL == null ? void 0 : n.isRTL(t));
   let c = await n.getElementRects({
     reference: h,
@@ -6124,20 +6274,20 @@ const ai = 50, li = async (h, t, e) => {
   }), {
     x: d,
     y: f
-  } = zt(c, i, l), u = i, x = 0;
+  } = Gt(c, i, l), u = i, x = 0;
   const g = {};
   for (let E = 0; E < o.length; E++) {
-    const w = o[E];
-    if (!w)
+    const m = o[E];
+    if (!m)
       continue;
     const {
-      name: m,
+      name: w,
       fn: y
-    } = w, {
-      x: b,
+    } = m, {
+      x: C,
       y: p,
-      data: C,
-      reset: I
+      data: b,
+      reset: v
     } = await y({
       x: d,
       y: f,
@@ -6152,17 +6302,17 @@ const ai = 50, li = async (h, t, e) => {
         floating: t
       }
     });
-    d = b ?? d, f = p ?? f, g[m] = {
-      ...g[m],
-      ...C
-    }, I && x < ai && (x++, typeof I == "object" && (I.placement && (u = I.placement), I.rects && (c = I.rects === !0 ? await n.getElementRects({
+    d = C ?? d, f = p ?? f, g[w] = {
+      ...g[w],
+      ...b
+    }, v && x < di && (x++, typeof v == "object" && (v.placement && (u = v.placement), v.rects && (c = v.rects === !0 ? await n.getElementRects({
       reference: h,
       floating: t,
       strategy: s
-    }) : I.rects), {
+    }) : v.rects), {
       x: d,
       y: f
-    } = zt(c, u, l)), E = -1);
+    } = Gt(c, u, l)), E = -1);
   }
   return {
     x: d,
@@ -6171,7 +6321,7 @@ const ai = 50, li = async (h, t, e) => {
     strategy: s,
     middlewareData: g
   };
-}, ci = (h) => ({
+}, ui = (h) => ({
   name: "arrow",
   options: h,
   async fn(t) {
@@ -6186,16 +6336,16 @@ const ai = 50, li = async (h, t, e) => {
     } = t, {
       element: c,
       padding: d = 0
-    } = it(h, t) || {};
+    } = st(h, t) || {};
     if (c == null)
       return {};
-    const f = ae(d), u = {
+    const f = ce(d), u = {
       x: e,
       y: i
-    }, x = Mt(s), g = Lt(x), E = await n.getDimensions(c), w = x === "y", m = w ? "top" : "left", y = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", p = o.reference[g] + o.reference[x] - u[x] - o.floating[g], C = u[x] - o.reference[x], I = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
-    let v = I ? I[b] : 0;
-    (!v || !await (n.isElement == null ? void 0 : n.isElement(I))) && (v = a.floating[b] || o.floating[g]);
-    const T = p / 2 - C / 2, _ = v / 2 - E[g] / 2 - 1, R = q(f[m], _), S = q(f[y], _), O = R, M = v - E[g] - S, L = v / 2 - E[g] / 2 + T, H = Rt(O, L, M), D = !l.arrow && st(s) != null && L !== H && o.reference[g] / 2 - (L < O ? R : S) - E[g] / 2 < 0, A = D ? L < O ? L - O : L - M : 0;
+    }, x = Ht(s), g = At(x), E = await n.getDimensions(c), m = x === "y", w = m ? "top" : "left", y = m ? "bottom" : "right", C = m ? "clientHeight" : "clientWidth", p = o.reference[g] + o.reference[x] - u[x] - o.floating[g], b = u[x] - o.reference[x], v = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    let I = v ? v[C] : 0;
+    (!I || !await (n.isElement == null ? void 0 : n.isElement(v))) && (I = a.floating[C] || o.floating[g]);
+    const T = p / 2 - b / 2, _ = I / 2 - E[g] / 2 - 1, R = q(f[w], _), S = q(f[y], _), O = R, M = I - E[g] - S, L = I / 2 - E[g] / 2 + T, H = vt(O, L, M), D = !l.arrow && ot(s) != null && L !== H && o.reference[g] / 2 - (L < O ? R : S) - E[g] / 2 < 0, A = D ? L < O ? L - O : L - M : 0;
     return {
       [x]: u[x] + A,
       data: {
@@ -6208,7 +6358,7 @@ const ai = 50, li = async (h, t, e) => {
       reset: D
     };
   }
-}), hi = function(h) {
+}), xi = function(h) {
   return h === void 0 && (h = {}), {
     name: "flip",
     options: h,
@@ -6228,16 +6378,16 @@ const ai = 50, li = async (h, t, e) => {
         fallbackStrategy: x = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: E = !0,
-        ...w
-      } = it(h, t);
+        ...m
+      } = st(h, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const m = G(s), y = V(a), b = G(a) === a, p = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = u || (b || !E ? [ht(a)] : ti(a)), I = g !== "none";
-      !u && I && C.push(...oi(a, E, g, p));
-      const v = [a, ...C], T = await l.detectOverflow(t, w), _ = [];
+      const w = G(s), y = V(a), C = G(a) === a, p = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), b = u || (C || !E ? [dt(a)] : oi(a)), v = g !== "none";
+      !u && v && b.push(...li(a, E, g, p));
+      const I = [a, ...b], T = await l.detectOverflow(t, m), _ = [];
       let R = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d && _.push(T[m]), f) {
-        const L = Qe(s, n, p);
+      if (d && _.push(T[w]), f) {
+        const L = si(s, n, p);
         _.push(T[L[0]], T[L[1]]);
       }
       if (R = [...R, {
@@ -6245,7 +6395,7 @@ const ai = 50, li = async (h, t, e) => {
         overflows: _
       }], !_.every((L) => L <= 0)) {
         var S, O;
-        const L = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, H = v[L];
+        const L = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, H = I[L];
         if (H && (!(f === "alignment" ? y !== V(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         R.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
@@ -6264,14 +6414,14 @@ const ai = 50, li = async (h, t, e) => {
             case "bestFit": {
               var M;
               const A = (M = R.filter((k) => {
-                if (I) {
+                if (v) {
                   const N = V(k.placement);
                   return N === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   N === "y";
                 }
                 return !0;
-              }).map((k) => [k.placement, k.overflows.filter((N) => N > 0).reduce((N, yt) => N + yt, 0)]).sort((k, N) => k[1] - N[1])[0]) == null ? void 0 : M[0];
+              }).map((k) => [k.placement, k.overflows.filter((N) => N > 0).reduce((N, Ct) => N + Ct, 0)]).sort((k, N) => k[1] - N[1])[0]) == null ? void 0 : M[0];
               A && (D = A);
               break;
             }
@@ -6289,13 +6439,13 @@ const ai = 50, li = async (h, t, e) => {
       return {};
     }
   };
-}, di = /* @__PURE__ */ new Set(["left", "top"]);
-async function fi(h, t) {
+}, gi = /* @__PURE__ */ new Set(["left", "top"]);
+async function mi(h, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = h, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), n = G(e), a = st(e), l = V(e) === "y", c = di.has(n) ? -1 : 1, d = o && l ? -1 : 1, f = it(t, h);
+  } = h, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), n = G(e), a = ot(e), l = V(e) === "y", c = gi.has(n) ? -1 : 1, d = o && l ? -1 : 1, f = st(t, h);
   let {
     mainAxis: u,
     crossAxis: x,
@@ -6317,7 +6467,7 @@ async function fi(h, t) {
     y: x * d
   };
 }
-const ui = function(h) {
+const wi = function(h) {
   return h === void 0 && (h = 0), {
     name: "offset",
     options: h,
@@ -6328,7 +6478,7 @@ const ui = function(h) {
         y: o,
         placement: n,
         middlewareData: a
-      } = t, l = await fi(t, h);
+      } = t, l = await mi(t, h);
       return n === ((e = a.offset) == null ? void 0 : e.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
         x: s + l.x,
         y: o + l.y,
@@ -6339,7 +6489,7 @@ const ui = function(h) {
       };
     }
   };
-}, xi = function(h) {
+}, Ei = function(h) {
   return h === void 0 && (h = {}), {
     name: "shift",
     options: h,
@@ -6353,41 +6503,41 @@ const ui = function(h) {
         mainAxis: n = !0,
         crossAxis: a = !1,
         limiter: l = {
-          fn: (m) => {
+          fn: (w) => {
             let {
               x: y,
-              y: b
-            } = m;
+              y: C
+            } = w;
             return {
               x: y,
-              y: b
+              y: C
             };
           }
         },
         ...c
-      } = it(h, t), d = {
+      } = st(h, t), d = {
         x: e,
         y: i
-      }, f = await o.detectOverflow(t, c), u = V(G(s)), x = re(u);
+      }, f = await o.detectOverflow(t, c), u = V(G(s)), x = le(u);
       let g = d[x], E = d[u];
       if (n) {
-        const m = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = g + f[m], p = g - f[y];
-        g = Rt(b, g, p);
+        const w = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", C = g + f[w], p = g - f[y];
+        g = vt(C, g, p);
       }
       if (a) {
-        const m = u === "y" ? "top" : "left", y = u === "y" ? "bottom" : "right", b = E + f[m], p = E - f[y];
-        E = Rt(b, E, p);
+        const w = u === "y" ? "top" : "left", y = u === "y" ? "bottom" : "right", C = E + f[w], p = E - f[y];
+        E = vt(C, E, p);
       }
-      const w = l.fn({
+      const m = l.fn({
         ...t,
         [x]: g,
         [u]: E
       });
       return {
-        ...w,
+        ...m,
         data: {
-          x: w.x - e,
-          y: w.y - i,
+          x: m.x - e,
+          y: m.y - i,
           enabled: {
             [x]: n,
             [u]: a
@@ -6401,7 +6551,7 @@ function wt() {
   return typeof window < "u";
 }
 function Q(h) {
-  return le(h) ? (h.nodeName || "").toLowerCase() : "#document";
+  return he(h) ? (h.nodeName || "").toLowerCase() : "#document";
 }
 function B(h) {
   var t;
@@ -6409,9 +6559,9 @@ function B(h) {
 }
 function F(h) {
   var t;
-  return (t = (le(h) ? h.ownerDocument : h.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (he(h) ? h.ownerDocument : h.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function le(h) {
+function he(h) {
   return wt() ? h instanceof Node || h instanceof B(h).Node : !1;
 }
 function X(h) {
@@ -6420,10 +6570,10 @@ function X(h) {
 function W(h) {
   return wt() ? h instanceof HTMLElement || h instanceof B(h).HTMLElement : !1;
 }
-function $t(h) {
+function Ut(h) {
   return !wt() || typeof ShadowRoot > "u" ? !1 : h instanceof ShadowRoot || h instanceof B(h).ShadowRoot;
 }
-function ot(h) {
+function nt(h) {
   const {
     overflow: t,
     overflowX: e,
@@ -6432,10 +6582,10 @@ function ot(h) {
   } = K(h);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && s !== "inline" && s !== "contents";
 }
-function gi(h) {
+function pi(h) {
   return /^(table|td|th)$/.test(Q(h));
 }
-function mt(h) {
+function Et(h) {
   try {
     if (h.matches(":popover-open"))
       return !0;
@@ -6447,25 +6597,25 @@ function mt(h) {
     return !1;
   }
 }
-const wi = /transform|translate|scale|rotate|perspective|filter/, mi = /paint|layout|strict|content/, z = (h) => !!h && h !== "none";
-let Ct;
-function At(h) {
+const yi = /transform|translate|scale|rotate|perspective|filter/, Ci = /paint|layout|strict|content/, z = (h) => !!h && h !== "none";
+let bt;
+function Dt(h) {
   const t = X(h) ? K(h) : h;
-  return z(t.transform) || z(t.translate) || z(t.scale) || z(t.rotate) || z(t.perspective) || !Ht() && (z(t.backdropFilter) || z(t.filter)) || wi.test(t.willChange || "") || mi.test(t.contain || "");
+  return z(t.transform) || z(t.translate) || z(t.scale) || z(t.rotate) || z(t.perspective) || !Nt() && (z(t.backdropFilter) || z(t.filter)) || yi.test(t.willChange || "") || Ci.test(t.contain || "");
 }
-function Ei(h) {
+function bi(h) {
   let t = P(h);
   for (; W(t) && !J(t); ) {
-    if (At(t))
+    if (Dt(t))
       return t;
-    if (mt(t))
+    if (Et(t))
       return null;
     t = P(t);
   }
   return null;
 }
-function Ht() {
-  return Ct == null && (Ct = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), Ct;
+function Nt() {
+  return bt == null && (bt = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), bt;
 }
 function J(h) {
   return /^(html|body|#document)$/.test(Q(h));
@@ -6473,7 +6623,7 @@ function J(h) {
 function K(h) {
   return B(h).getComputedStyle(h);
 }
-function Et(h) {
+function pt(h) {
   return X(h) ? {
     scrollLeft: h.scrollLeft,
     scrollTop: h.scrollTop
@@ -6489,108 +6639,108 @@ function P(h) {
     // Step into the shadow DOM of the parent of a slotted node.
     h.assignedSlot || // DOM Element detected.
     h.parentNode || // ShadowRoot detected.
-    $t(h) && h.host || // Fallback.
+    Ut(h) && h.host || // Fallback.
     F(h)
   );
-  return $t(t) ? t.host : t;
+  return Ut(t) ? t.host : t;
 }
-function ce(h) {
+function de(h) {
   const t = P(h);
-  return J(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : W(t) && ot(t) ? t : ce(t);
+  return J(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : W(t) && nt(t) ? t : de(t);
 }
-function et(h, t, e) {
+function it(h, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
-  const s = ce(h), o = s === ((i = h.ownerDocument) == null ? void 0 : i.body), n = B(s);
+  const s = de(h), o = s === ((i = h.ownerDocument) == null ? void 0 : i.body), n = B(s);
   if (o) {
-    const a = vt(n);
-    return t.concat(n, n.visualViewport || [], ot(s) ? s : [], a && e ? et(a) : []);
+    const a = _t(n);
+    return t.concat(n, n.visualViewport || [], nt(s) ? s : [], a && e ? it(a) : []);
   } else
-    return t.concat(s, et(s, [], e));
+    return t.concat(s, it(s, [], e));
 }
-function vt(h) {
+function _t(h) {
   return h.parent && Object.getPrototypeOf(h.parent) ? h.frameElement : null;
 }
-function he(h) {
+function fe(h) {
   const t = K(h);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = W(h), o = s ? h.offsetWidth : e, n = s ? h.offsetHeight : i, a = ct(e) !== o || ct(i) !== n;
+  const s = W(h), o = s ? h.offsetWidth : e, n = s ? h.offsetHeight : i, a = ht(e) !== o || ht(i) !== n;
   return a && (e = o, i = n), {
     width: e,
     height: i,
     $: a
   };
 }
-function Dt(h) {
+function kt(h) {
   return X(h) ? h : h.contextElement;
 }
-function Z(h) {
-  const t = Dt(h);
+function j(h) {
+  const t = kt(h);
   if (!W(t))
     return Y(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
     $: o
-  } = he(t);
-  let n = (o ? ct(e.width) : e.width) / i, a = (o ? ct(e.height) : e.height) / s;
+  } = fe(t);
+  let n = (o ? ht(e.width) : e.width) / i, a = (o ? ht(e.height) : e.height) / s;
   return (!n || !Number.isFinite(n)) && (n = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: n,
     y: a
   };
 }
-const pi = /* @__PURE__ */ Y(0);
-function de(h) {
+const Ri = /* @__PURE__ */ Y(0);
+function ue(h) {
   const t = B(h);
-  return !Ht() || !t.visualViewport ? pi : {
+  return !Nt() || !t.visualViewport ? Ri : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function yi(h, t, e) {
+function vi(h, t, e) {
   return t === void 0 && (t = !1), !e || t && e !== B(h) ? !1 : t;
 }
 function U(h, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = h.getBoundingClientRect(), o = Dt(h);
+  const s = h.getBoundingClientRect(), o = kt(h);
   let n = Y(1);
-  t && (i ? X(i) && (n = Z(i)) : n = Z(h));
-  const a = yi(o, e, i) ? de(o) : Y(0);
+  t && (i ? X(i) && (n = j(i)) : n = j(h));
+  const a = vi(o, e, i) ? ue(o) : Y(0);
   let l = (s.left + a.x) / n.x, c = (s.top + a.y) / n.y, d = s.width / n.x, f = s.height / n.y;
   if (o) {
     const u = B(o), x = i && X(i) ? B(i) : i;
-    let g = u, E = vt(g);
+    let g = u, E = _t(g);
     for (; E && i && x !== g; ) {
-      const w = Z(E), m = E.getBoundingClientRect(), y = K(E), b = m.left + (E.clientLeft + parseFloat(y.paddingLeft)) * w.x, p = m.top + (E.clientTop + parseFloat(y.paddingTop)) * w.y;
-      l *= w.x, c *= w.y, d *= w.x, f *= w.y, l += b, c += p, g = B(E), E = vt(g);
+      const m = j(E), w = E.getBoundingClientRect(), y = K(E), C = w.left + (E.clientLeft + parseFloat(y.paddingLeft)) * m.x, p = w.top + (E.clientTop + parseFloat(y.paddingTop)) * m.y;
+      l *= m.x, c *= m.y, d *= m.x, f *= m.y, l += C, c += p, g = B(E), E = _t(g);
     }
   }
-  return dt({
+  return ft({
     width: d,
     height: f,
     x: l,
     y: c
   });
 }
-function pt(h, t) {
-  const e = Et(h).scrollLeft;
+function yt(h, t) {
+  const e = pt(h).scrollLeft;
   return t ? t.left + e : U(F(h)).left + e;
 }
-function fe(h, t) {
-  const e = h.getBoundingClientRect(), i = e.left + t.scrollLeft - pt(h, e), s = e.top + t.scrollTop;
+function xe(h, t) {
+  const e = h.getBoundingClientRect(), i = e.left + t.scrollLeft - yt(h, e), s = e.top + t.scrollTop;
   return {
     x: i,
     y: s
   };
 }
-function Ci(h) {
+function Ii(h) {
   let {
     elements: t,
     rect: e,
     offsetParent: i,
     strategy: s
   } = h;
-  const o = s === "fixed", n = F(i), a = t ? mt(t.floating) : !1;
+  const o = s === "fixed", n = F(i), a = t ? Et(t.floating) : !1;
   if (i === n || a && o)
     return e;
   let l = {
@@ -6598,11 +6748,11 @@ function Ci(h) {
     scrollTop: 0
   }, c = Y(1);
   const d = Y(0), f = W(i);
-  if ((f || !f && !o) && ((Q(i) !== "body" || ot(n)) && (l = Et(i)), f)) {
+  if ((f || !f && !o) && ((Q(i) !== "body" || nt(n)) && (l = pt(i)), f)) {
     const x = U(i);
-    c = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+    c = j(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
-  const u = n && !f && !o ? fe(n, l) : Y(0);
+  const u = n && !f && !o ? xe(n, l) : Y(0);
   return {
     width: e.width * c.x,
     height: e.height * c.y,
@@ -6610,12 +6760,12 @@ function Ci(h) {
     y: e.y * c.y - l.scrollTop * c.y + d.y + u.y
   };
 }
-function bi(h) {
+function _i(h) {
   return Array.from(h.getClientRects());
 }
-function Ri(h) {
-  const t = F(h), e = Et(h), i = h.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let n = -e.scrollLeft + pt(h);
+function Ti(h) {
+  const t = F(h), e = pt(h), i = h.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let n = -e.scrollLeft + yt(h);
   const a = -e.scrollTop;
   return K(i).direction === "rtl" && (n += $(t.clientWidth, i.clientWidth) - s), {
     width: s,
@@ -6624,20 +6774,20 @@ function Ri(h) {
     y: a
   };
 }
-const Gt = 25;
-function Ii(h, t) {
+const Zt = 25;
+function Si(h, t) {
   const e = B(h), i = F(h), s = e.visualViewport;
   let o = i.clientWidth, n = i.clientHeight, a = 0, l = 0;
   if (s) {
     o = s.width, n = s.height;
-    const d = Ht();
+    const d = Nt();
     (!d || d && t === "fixed") && (a = s.offsetLeft, l = s.offsetTop);
   }
-  const c = pt(i);
+  const c = yt(i);
   if (c <= 0) {
     const d = i.ownerDocument, f = d.body, u = getComputedStyle(f), x = d.compatMode === "CSS1Compat" && parseFloat(u.marginLeft) + parseFloat(u.marginRight) || 0, g = Math.abs(i.clientWidth - f.clientWidth - x);
-    g <= Gt && (o -= g);
-  } else c <= Gt && (o += c);
+    g <= Zt && (o -= g);
+  } else c <= Zt && (o += c);
   return {
     width: o,
     height: n,
@@ -6645,8 +6795,8 @@ function Ii(h, t) {
     y: l
   };
 }
-function vi(h, t) {
-  const e = U(h, !0, t === "fixed"), i = e.top + h.clientTop, s = e.left + h.clientLeft, o = W(h) ? Z(h) : Y(1), n = h.clientWidth * o.x, a = h.clientHeight * o.y, l = s * o.x, c = i * o.y;
+function Oi(h, t) {
+  const e = U(h, !0, t === "fixed"), i = e.top + h.clientTop, s = e.left + h.clientLeft, o = W(h) ? j(h) : Y(1), n = h.clientWidth * o.x, a = h.clientHeight * o.y, l = s * o.x, c = i * o.y;
   return {
     width: n,
     height: a,
@@ -6654,16 +6804,16 @@ function vi(h, t) {
     y: c
   };
 }
-function Ut(h, t, e) {
+function jt(h, t, e) {
   let i;
   if (t === "viewport")
-    i = Ii(h, e);
+    i = Si(h, e);
   else if (t === "document")
-    i = Ri(F(h));
+    i = Ti(F(h));
   else if (X(t))
-    i = vi(t, e);
+    i = Oi(t, e);
   else {
-    const s = de(h);
+    const s = ue(h);
     i = {
       x: t.x - s.x,
       y: t.y - s.y,
@@ -6671,36 +6821,36 @@ function Ut(h, t, e) {
       height: t.height
     };
   }
-  return dt(i);
+  return ft(i);
 }
-function ue(h, t) {
+function ge(h, t) {
   const e = P(h);
-  return e === t || !X(e) || J(e) ? !1 : K(e).position === "fixed" || ue(e, t);
+  return e === t || !X(e) || J(e) ? !1 : K(e).position === "fixed" || ge(e, t);
 }
-function _i(h, t) {
+function Li(h, t) {
   const e = t.get(h);
   if (e)
     return e;
-  let i = et(h, [], !1).filter((a) => X(a) && Q(a) !== "body"), s = null;
+  let i = it(h, [], !1).filter((a) => X(a) && Q(a) !== "body"), s = null;
   const o = K(h).position === "fixed";
   let n = o ? P(h) : h;
   for (; X(n) && !J(n); ) {
-    const a = K(n), l = At(n);
-    !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && (s.position === "absolute" || s.position === "fixed") || ot(n) && !l && ue(h, n)) ? i = i.filter((d) => d !== n) : s = a, n = P(n);
+    const a = K(n), l = Dt(n);
+    !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && (s.position === "absolute" || s.position === "fixed") || nt(n) && !l && ge(h, n)) ? i = i.filter((d) => d !== n) : s = a, n = P(n);
   }
   return t.set(h, i), i;
 }
-function Ti(h) {
+function Mi(h) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
   } = h;
-  const n = [...e === "clippingAncestors" ? mt(t) ? [] : _i(t, this._c) : [].concat(e), i], a = Ut(t, n[0], s);
+  const n = [...e === "clippingAncestors" ? Et(t) ? [] : Li(t, this._c) : [].concat(e), i], a = jt(t, n[0], s);
   let l = a.top, c = a.right, d = a.bottom, f = a.left;
   for (let u = 1; u < n.length; u++) {
-    const x = Ut(t, n[u], s);
+    const x = jt(t, n[u], s);
     l = $(x.top, l), c = q(x.right, c), d = q(x.bottom, d), f = $(x.left, f);
   }
   return {
@@ -6710,17 +6860,17 @@ function Ti(h) {
     y: l
   };
 }
-function Si(h) {
+function Ai(h) {
   const {
     width: t,
     height: e
-  } = he(h);
+  } = fe(h);
   return {
     width: t,
     height: e
   };
 }
-function Oi(h, t, e) {
+function Hi(h, t, e) {
   const i = W(t), s = F(t), o = e === "fixed", n = U(h, !0, o, t);
   let a = {
     scrollLeft: 0,
@@ -6728,15 +6878,15 @@ function Oi(h, t, e) {
   };
   const l = Y(0);
   function c() {
-    l.x = pt(s);
+    l.x = yt(s);
   }
   if (i || !i && !o)
-    if ((Q(t) !== "body" || ot(s)) && (a = Et(t)), i) {
+    if ((Q(t) !== "body" || nt(s)) && (a = pt(t)), i) {
       const x = U(t, !0, o, t);
       l.x = x.x + t.clientLeft, l.y = x.y + t.clientTop;
     } else s && c();
   o && !i && s && c();
-  const d = s && !i && !o ? fe(s, a) : Y(0), f = n.left + a.scrollLeft - l.x - d.x, u = n.top + a.scrollTop - l.y - d.y;
+  const d = s && !i && !o ? xe(s, a) : Y(0), f = n.left + a.scrollLeft - l.x - d.x, u = n.top + a.scrollTop - l.y - d.y;
   return {
     x: f,
     y: u,
@@ -6744,10 +6894,10 @@ function Oi(h, t, e) {
     height: n.height
   };
 }
-function bt(h) {
+function Rt(h) {
   return K(h).position === "static";
 }
-function jt(h, t) {
+function qt(h, t) {
   if (!W(h) || K(h).position === "fixed")
     return null;
   if (t)
@@ -6755,28 +6905,28 @@ function jt(h, t) {
   let e = h.offsetParent;
   return F(h) === e && (e = e.ownerDocument.body), e;
 }
-function xe(h, t) {
+function me(h, t) {
   const e = B(h);
-  if (mt(h))
+  if (Et(h))
     return e;
   if (!W(h)) {
     let s = P(h);
     for (; s && !J(s); ) {
-      if (X(s) && !bt(s))
+      if (X(s) && !Rt(s))
         return s;
       s = P(s);
     }
     return e;
   }
-  let i = jt(h, t);
-  for (; i && gi(i) && bt(i); )
-    i = jt(i, t);
-  return i && J(i) && bt(i) && !At(i) ? e : i || Ei(h) || e;
+  let i = qt(h, t);
+  for (; i && pi(i) && Rt(i); )
+    i = qt(i, t);
+  return i && J(i) && Rt(i) && !Dt(i) ? e : i || bi(h) || e;
 }
-const Li = async function(h) {
-  const t = this.getOffsetParent || xe, e = this.getDimensions, i = await e(h.floating);
+const Di = async function(h) {
+  const t = this.getOffsetParent || me, e = this.getDimensions, i = await e(h.floating);
   return {
-    reference: Oi(h.reference, await t(h.floating), h.strategy),
+    reference: Hi(h.reference, await t(h.floating), h.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -6785,25 +6935,25 @@ const Li = async function(h) {
     }
   };
 };
-function Mi(h) {
+function Ni(h) {
   return K(h).direction === "rtl";
 }
-const Ai = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ci,
+const ki = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ii,
   getDocumentElement: F,
-  getClippingRect: Ti,
-  getOffsetParent: xe,
-  getElementRects: Li,
-  getClientRects: bi,
-  getDimensions: Si,
-  getScale: Z,
+  getClippingRect: Mi,
+  getOffsetParent: me,
+  getElementRects: Di,
+  getClientRects: _i,
+  getDimensions: Ai,
+  getScale: j,
   isElement: X,
-  isRTL: Mi
+  isRTL: Ni
 };
-function ge(h, t) {
+function we(h, t) {
   return h.x === t.x && h.y === t.y && h.width === t.width && h.height === t.height;
 }
-function Hi(h, t) {
+function Bi(h, t) {
   let e = null, i;
   const s = F(h);
   function o() {
@@ -6820,36 +6970,36 @@ function Hi(h, t) {
     } = c;
     if (a || t(), !u || !x)
       return;
-    const g = nt(f), E = nt(s.clientWidth - (d + u)), w = nt(s.clientHeight - (f + x)), m = nt(d), b = {
-      rootMargin: -g + "px " + -E + "px " + -w + "px " + -m + "px",
+    const g = rt(f), E = rt(s.clientWidth - (d + u)), m = rt(s.clientHeight - (f + x)), w = rt(d), C = {
+      rootMargin: -g + "px " + -E + "px " + -m + "px " + -w + "px",
       threshold: $(0, q(1, l)) || 1
     };
     let p = !0;
-    function C(I) {
-      const v = I[0].intersectionRatio;
-      if (v !== l) {
+    function b(v) {
+      const I = v[0].intersectionRatio;
+      if (I !== l) {
         if (!p)
           return n();
-        v ? n(!1, v) : i = setTimeout(() => {
+        I ? n(!1, I) : i = setTimeout(() => {
           n(!1, 1e-7);
         }, 1e3);
       }
-      v === 1 && !ge(c, h.getBoundingClientRect()) && n(), p = !1;
+      I === 1 && !we(c, h.getBoundingClientRect()) && n(), p = !1;
     }
     try {
-      e = new IntersectionObserver(C, {
-        ...b,
+      e = new IntersectionObserver(b, {
+        ...C,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      e = new IntersectionObserver(C, b);
+      e = new IntersectionObserver(b, C);
     }
     e.observe(h);
   }
   return n(!0), o;
 }
-function _t(h, t, e, i) {
+function Tt(h, t, e, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: s = !0,
@@ -6857,48 +7007,48 @@ function _t(h, t, e, i) {
     elementResize: n = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = i, c = Dt(h), d = s || o ? [...c ? et(c) : [], ...t ? et(t) : []] : [];
-  d.forEach((m) => {
-    s && m.addEventListener("scroll", e, {
+  } = i, c = kt(h), d = s || o ? [...c ? it(c) : [], ...t ? it(t) : []] : [];
+  d.forEach((w) => {
+    s && w.addEventListener("scroll", e, {
       passive: !0
-    }), o && m.addEventListener("resize", e);
+    }), o && w.addEventListener("resize", e);
   });
-  const f = c && a ? Hi(c, e) : null;
+  const f = c && a ? Bi(c, e) : null;
   let u = -1, x = null;
-  n && (x = new ResizeObserver((m) => {
-    let [y] = m;
+  n && (x = new ResizeObserver((w) => {
+    let [y] = w;
     y && y.target === c && x && t && (x.unobserve(t), cancelAnimationFrame(u), u = requestAnimationFrame(() => {
-      var b;
-      (b = x) == null || b.observe(t);
+      var C;
+      (C = x) == null || C.observe(t);
     })), e();
   }), c && !l && x.observe(c), t && x.observe(t));
   let g, E = l ? U(h) : null;
-  l && w();
-  function w() {
-    const m = U(h);
-    E && !ge(E, m) && e(), E = m, g = requestAnimationFrame(w);
+  l && m();
+  function m() {
+    const w = U(h);
+    E && !we(E, w) && e(), E = w, g = requestAnimationFrame(m);
   }
   return e(), () => {
-    var m;
+    var w;
     d.forEach((y) => {
       s && y.removeEventListener("scroll", e), o && y.removeEventListener("resize", e);
-    }), f == null || f(), (m = x) == null || m.disconnect(), x = null, l && cancelAnimationFrame(g);
+    }), f == null || f(), (w = x) == null || w.disconnect(), x = null, l && cancelAnimationFrame(g);
   };
 }
-const ft = ui, ut = xi, Nt = hi, Di = ci, xt = (h, t, e) => {
+const ut = wi, xt = Ei, Bt = xi, Xi = ui, gt = (h, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: Ai,
+    platform: ki,
     ...e
   }, o = {
     ...s.platform,
     _c: i
   };
-  return li(h, t, {
+  return fi(h, t, {
     ...s,
     platform: o
   });
 };
-let Ni = class {
+let Ki = class {
   constructor(t) {
     r(this, "ctx");
     r(this, "enable", !1);
@@ -6967,49 +7117,48 @@ let Ni = class {
     if (!s)
       return;
     this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.minWidth = "100px", this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = i;
-    const o = t.drawX + s.x, n = t.drawY + s.y;
-    xt({
+    const o = this.ctx.zoomScale.getViewportRect(
+      {
+        x: t.drawX,
+        y: t.drawY,
+        width: t.visibleWidth,
+        height: t.visibleHeight
+      },
+      s
+    );
+    gt({
       getBoundingClientRect() {
-        return {
-          width: t.visibleWidth,
-          height: t.visibleHeight,
-          x: o,
-          y: n,
-          left: o,
-          right: o + t.visibleWidth,
-          top: n,
-          bottom: n + t.visibleHeight
-        };
+        return o;
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [ut(), Nt(), ft(6), Di({ element: this.arrowEl })]
-    }).then((l) => {
-      const { x: c, y: d, placement: f, middlewareData: u } = l;
+      middleware: [xt(), Bt(), ut(6), Xi({ element: this.arrowEl })]
+    }).then((a) => {
+      const { x: l, y: c, placement: d, middlewareData: f } = a;
       if (Object.assign(this.floatingEl.style, {
-        top: `${d}px`,
-        left: `${c}px`
-      }), u.arrow) {
-        const x = u.arrow;
-        ["left", "left-start", "left-end"].includes(f) ? Object.assign(this.arrowEl.style, {
-          top: `${x.y}px`,
+        top: `${c}px`,
+        left: `${l}px`
+      }), f.arrow) {
+        const u = f.arrow;
+        ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
+          top: `${u.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
-        }) : ["right", "right-start", "right-end"].includes(f) ? Object.assign(this.arrowEl.style, {
-          top: `${x.y}px`,
+        }) : ["right", "right-start", "right-end"].includes(d) ? Object.assign(this.arrowEl.style, {
+          top: `${u.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
-        }) : ["bottom", "bottom-start", "bottom-end"].includes(f) ? Object.assign(this.arrowEl.style, {
+        }) : ["bottom", "bottom-start", "bottom-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
-          left: `${x.x}px`,
+          left: `${u.x}px`,
           right: ""
-        }) : ["top", "top-start", "top-end"].includes(f) && Object.assign(this.arrowEl.style, {
+        }) : ["top", "top-start", "top-end"].includes(d) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
-          left: `${x.x}px`,
+          left: `${u.x}px`,
           right: ""
         });
       }
@@ -7022,7 +7171,7 @@ let Ni = class {
     this.contentEl.remove(), this.arrowEl.remove(), this.floatingEl.remove();
   }
 };
-class ki {
+class Yi {
   constructor(t) {
     r(this, "editorEl");
     r(this, "inputEl");
@@ -7080,8 +7229,6 @@ class ki {
         return;
       }
       if (t.key === "Enter" && !this.ctx.editing) {
-        if (this.isTextSelectionActive())
-          return;
         t.preventDefault(), this.startEdit();
         return;
       }
@@ -7120,9 +7267,9 @@ class ki {
         t.preventDefault();
         return;
       }
-      this.isTextSelectionActive() || this.startEdit(!0);
+      this.startEdit(!0);
     }), this.ctx.on("cellClick", (t) => {
-      if (this.ctx.stageElement.style.cursor === "pointer" || this.isTextSelectionActive() || !this.isInSelectorRange(t.rowIndex, t.colIndex))
+      if (this.ctx.stageElement.style.cursor === "pointer" || !this.isInSelectorRange(t.rowIndex, t.colIndex))
         return;
       const { xArr: e, yArr: i } = this.ctx.selector, s = JSON.stringify(e) + JSON.stringify(i);
       if (this.focusInput(), this.selectorArrStr === s && this.cellTarget) {
@@ -7159,19 +7306,21 @@ class ki {
       return;
     const t = this.inputEl.value;
     if (this.cellTarget && this.cellTarget.type === "number" && t !== "" && (this.ctx.emit("cellHideTooltip"), !/^-?\d+(\.\d+)?$/.test(t))) {
-      const c = this.ctx.locale.getText("numberErrorTip");
-      this.ctx.emit("cellShowTooltip", this.cellTarget, c);
+      const d = this.ctx.locale.getText("numberErrorTip");
+      this.ctx.emit("cellShowTooltip", this.cellTarget, d);
     }
     this.inputEl.style.height = "auto";
-    let e = this.inputEl.scrollHeight, i = this.ctx.body.visibleHeight;
-    e > i && (e = i);
+    let e = this.inputEl.scrollHeight;
+    const i = this.ctx.toLogical(e);
+    let s = this.ctx.body.visibleHeight;
+    i > s && (e = this.ctx.toVisual(s));
     const {
-      stageHeight: s,
-      footer: o,
-      header: n,
-      config: { SCROLLER_TRACK_SIZE: a }
-    } = this.ctx, l = s - o.height - a;
-    this.editorEl.style.bottom = "auto", this.drawY < n.height && (this.editorEl.style.top = `${n.height - 1}px`), this.drawY + e > l && (this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = "auto", this.editorEl.style.bottom = `${s - l}px`), this.inputEl.style.height = `${e}px`;
+      stageHeight: o,
+      footer: n,
+      header: a,
+      config: { SCROLLER_TRACK_SIZE: l }
+    } = this.ctx, c = o - n.height - l;
+    this.editorEl.style.bottom = "auto", this.drawY < a.height && (this.editorEl.style.top = this.ctx.toVisualPx(a.height - 1)), this.drawY + this.ctx.toLogical(e) > c && (this.editorEl.style.left = this.ctx.toVisualPx(this.drawX - 1), this.editorEl.style.top = "auto", this.editorEl.style.bottom = this.ctx.toVisualPx(o - c)), this.inputEl.style.height = `${e}px`;
   }
   startEditByInput(t, e = !1) {
     const i = e ? null : t.getValue(), { editorType: s } = t;
@@ -7185,7 +7334,9 @@ class ki {
       header: d
     } = this.ctx;
     let f = this.ctx.body.visibleHeight;
-    o > f && (o = f), this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxWidth = "none", this.editorEl.style.maxHeight = `${f}px`, ["text"].includes(s) ? (this.inputEl.style.opacity = "1", this.inputEl.style.position = "relative", this.inputEl.style.minWidth = `${n - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${n}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${c}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i), (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize()) : (this.inputEl.style.opacity = "0", this.inputEl.style.width = "1px", this.inputEl.style.height = "1px", this.inputEl.style.position = "absolute", this.inputEl.style.left = "0px", this.inputEl.style.top = "0px");
+    o > f && (o = f);
+    const u = this.ctx.toVisual(f);
+    this.editorEl.style.zIndex = "100", this.editorEl.style.left = this.ctx.toVisualPx(this.drawX - 1), this.editorEl.style.top = this.ctx.toVisualPx(this.drawY), this.editorEl.style.bottom = "auto", this.editorEl.style.maxWidth = "none", this.editorEl.style.maxHeight = `${u}px`, ["text"].includes(s) ? (this.inputEl.style.opacity = "1", this.inputEl.style.position = "relative", this.inputEl.style.minWidth = this.ctx.toVisualPx(n - 1), this.inputEl.style.minHeight = this.ctx.toVisualPx(o - 1), this.inputEl.style.maxHeight = `${u}px`, this.inputEl.style.width = this.ctx.toVisualPx(n), this.inputEl.style.height = "auto", this.inputEl.style.padding = this.ctx.toVisualPx(c), this.inputEl.value = "", i !== null && (this.inputEl.value = i), (this.ctx.toLogical(this.inputEl.scrollHeight) > o || this.drawY < d.height) && this.autoSize()) : (this.inputEl.style.opacity = "0", this.inputEl.style.width = "1px", this.inputEl.style.height = "1px", this.inputEl.style.position = "absolute", this.inputEl.style.left = "0px", this.inputEl.style.top = "0px");
   }
   doneEditByInput() {
     if (this.cellTarget && this.cellTarget.editorType === "text") {
@@ -7229,7 +7380,7 @@ class ki {
   }
   resetEditorStyle() {
     const t = this.cellTarget;
-    t && (this.editorEl.style.left = `${t.drawX}px`, this.editorEl.style.top = `${t.drawY}px`, this.editorEl.style.maxWidth = "1px", this.editorEl.style.maxHeight = "1px", this.editorEl.style.zIndex = "-1");
+    t && (this.editorEl.style.left = this.ctx.toVisualPx(t.drawX), this.editorEl.style.top = this.ctx.toVisualPx(t.drawY), this.editorEl.style.maxWidth = "1px", this.editorEl.style.maxHeight = "1px", this.editorEl.style.zIndex = "-1");
   }
   clearEditor() {
     this.doneEdit(), this.cellTarget = null, this.selectorArrStr = "", this.ctx.clearSelector(), this.ctx.focusCell = void 0, this.inputEl.blur(), this.ctx.emit("draw");
@@ -7239,7 +7390,7 @@ class ki {
     (t = this.editorEl) == null || t.remove();
   }
 }
-let Bi = class {
+let Fi = class {
   constructor(t) {
     r(this, "ctx");
     r(this, "emptyEl");
@@ -7248,7 +7399,7 @@ let Bi = class {
     this.ctx.emptyElement ? this.emptyEl = this.ctx.emptyElement : (this.emptyEl = document.createElement("div"), this.emptyEl.innerText = this.getText()), this.emptyEl.className = "e-virt-table-empty", this.emptyEl.style.display = "none", this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: i, headerHeight: s, bodyHeight: o, footerHeight: n }) => {
       const a = s + (o + n) / 2, l = {
         display: i === "empty" ? "block" : "none",
-        top: `${a}px`,
+        top: this.ctx.toVisualPx(a),
         ...e
       };
       Object.assign(this.emptyEl.style, l);
@@ -7264,7 +7415,7 @@ let Bi = class {
     this.emptyEl.remove();
   }
 };
-class Xi {
+class Wi {
   constructor(t) {
     r(this, "ctx");
     r(this, "observer");
@@ -7278,14 +7429,14 @@ class Xi {
   }
   init() {
     this.observer = new MutationObserver(
-      St(() => {
+      Lt(() => {
         const t = this.ctx.overlayerElement.querySelectorAll('[data-auto-height="true"]'), e = /* @__PURE__ */ new Map();
         t.forEach((o) => {
           const n = Number(o.getAttribute("data-row-index")), a = Number(o.getAttribute("data-col-index"));
           if (isNaN(n) || isNaN(a))
             return;
           const l = o.getBoundingClientRect(), c = `${n}​_${a}`;
-          e.set(c, Math.round(l.height));
+          e.set(c, this.ctx.zoomScale.domHeightToLogical(l.height));
         });
         const i = this.ctx.database.getOverlayerAutoHeightMap();
         if (!this.arerMapsEqual(i, e)) {
@@ -7303,13 +7454,14 @@ class Xi {
       const e = this.ctx.overlayerElement;
       e.replaceChildren(), Object.assign(e.style, t.style), t.views.forEach((i) => {
         const s = document.createElement("div");
-        s.className = i.class, Object.assign(s.style, i.style), i.views.forEach((o) => {
+        s.className = i.class, this.ctx.zoomScale.assignScaledStyle(s, i.style), i.views.forEach((o) => {
           const n = document.createElement("div");
-          Object.assign(n.style, o.style), o.cells.forEach((a) => {
-            const l = document.createElement("div");
-            Object.assign(l.style, a.style), Object.keys(a.domDataset).forEach((c) => {
-              l.setAttribute(c, a.domDataset[c]);
-            }), typeof a.render == "function" && a.render(l, a), n.appendChild(l);
+          this.ctx.zoomScale.assignScaledStyle(n, o.style), o.cells.forEach((a) => {
+            const l = this.ctx.zoomScale.createOverlayerCellElement(
+              a,
+              this.ctx.config.CSS_PREFIX
+            );
+            n.appendChild(l);
           }), s.appendChild(n);
         }), e.appendChild(s);
       });
@@ -7340,8 +7492,8 @@ class Xi {
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: o, visibleHeight: n, renderCellHeaders: a } = this.ctx.header;
     let l = [], c = [], d = [];
-    a.forEach((w) => {
-      w.render && (w.fixed === "left" ? c.push(w) : w.fixed === "right" ? d.push(w) : l.push(w));
+    a.forEach((m) => {
+      m.render && (m.fixed === "left" ? c.push(m) : m.fixed === "right" ? d.push(m) : l.push(m));
     });
     const f = e - i, u = {
       key: "left",
@@ -7392,9 +7544,9 @@ class Xi {
   getBody() {
     const t = [], e = [], i = [];
     let s = this.ctx.body.renderRows;
-    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((w) => {
-      w.cells.forEach((m) => {
-        m.cellType === "footer" && (m.render = m.renderFooter), m.render && (m.fixed === "left" ? e.push(m) : m.fixed === "right" ? i.push(m) : t.push(m));
+    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((m) => {
+      m.cells.forEach((w) => {
+        w.cellType === "footer" && (w.render = w.renderFooter), w.render && (w.fixed === "left" ? e.push(w) : w.fixed === "right" ? i.push(w) : t.push(w));
       });
     });
     const {
@@ -7450,8 +7602,8 @@ class Xi {
   getFooter() {
     const t = [], e = [], i = [];
     this.ctx.footer.renderRows.forEach((E) => {
-      E.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));
+      E.cells.forEach((m) => {
+        m.cellType === "footer" && m.renderFooter && (m.render = m.renderFooter, m.fixed === "left" ? e.push(m) : m.fixed === "right" ? i.push(m) : t.push(m));
       });
     });
     const {
@@ -7505,7 +7657,7 @@ class Xi {
     };
   }
 }
-class Zt {
+class Jt {
   constructor(t, e = [], i = {}) {
     r(this, "container");
     r(this, "menuData");
@@ -7539,7 +7691,7 @@ class Zt {
     const o = this.createElement("span", "e-virt-table-menu-item-text");
     if (o.textContent = t.label || "", s.appendChild(o), i.appendChild(s), (n = t.children) != null && n.length) {
       const a = this.createElement("span", "e-virt-table-menu-arrow");
-      a.innerHTML = lt, i.appendChild(a);
+      a.innerHTML = ct, i.appendChild(a);
       const l = this.createSubmenu(t.children);
       i._submenu = l, this.container.appendChild(l);
     }
@@ -7593,10 +7745,10 @@ class Zt {
   async showSubmenu(t, e) {
     if (this.activeSubmenus.has(e)) return;
     this.activeSubmenus.add(e), e.classList.add("show");
-    const i = _t(t, e, async () => {
-      const s = this.container.getBoundingClientRect(), o = window.innerWidth, n = e.offsetWidth || 200, a = o - s.right, l = s.left, c = a >= n || a >= l ? "right-start" : "left-start", { x: d, y: f } = await xt(t, e, {
+    const i = Tt(t, e, async () => {
+      const s = this.container.getBoundingClientRect(), o = window.innerWidth, n = e.offsetWidth || 200, a = o - s.right, l = s.left, c = a >= n || a >= l ? "right-start" : "left-start", { x: d, y: f } = await gt(t, e, {
         placement: c,
-        middleware: [ft(8), ut({ padding: 8 })]
+        middleware: [ut(8), xt({ padding: 8 })]
       });
       Object.assign(e.style, {
         left: `${d}px`,
@@ -7663,10 +7815,10 @@ class Zt {
       }),
       contextElement: document.body
     };
-    _t(e, this.container, () => {
-      xt(e, this.container, {
+    Tt(e, this.container, () => {
+      gt(e, this.container, {
         placement: "right-start",
-        middleware: [ft(), ut(), Nt()]
+        middleware: [ut(), xt(), Bt()]
       }).then(({ x: i, y: s }) => {
         this.container && Object.assign(this.container.style, {
           left: `${i}px`,
@@ -7728,7 +7880,7 @@ class Zt {
     }), t.remove();
   }
 }
-class Ki {
+class Vi {
   constructor(t) {
     r(this, "ctx");
     r(this, "contextMenuEl");
@@ -7745,16 +7897,16 @@ class Ki {
         return;
       }
       const { ENABLE_CONTEXT_MENU: i, CUSTOM_BODY_CONTEXT_MENU: s, CONTEXT_MENU: o, BEFORE_BODY_CONTEXT_MENU_METHOD: n } = this.ctx.config;
-      let a = o.map((m) => ({
-        ...m,
-        label: m.label || this.ctx.locale.getText(m.value)
+      let a = o.map((w) => ({
+        ...w,
+        label: w.label || this.ctx.locale.getText(w.value)
       }));
       if (a = [...a, ...s], n && (a = await n({ list: a, cell: t, hide: this.hide.bind(this) })), !i || a.length === 0) return;
       e.preventDefault();
       const { xArr: l, yArr: c } = this.ctx.selector, [d, f] = l, [u, x] = c, { rowIndex: g, colIndex: E } = t;
-      g >= u && g <= x && E >= d && E <= f || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new Zt(this.contextMenuEl, a, {
-        onClick: (m, y) => {
-          y === "copy" ? (this.ctx.emit("contextMenuCopy"), this.hide()) : y === "paste" ? (this.ctx.emit("contextMenuPaste"), this.hide()) : y === "cut" ? (this.ctx.emit("contextMenuCut"), this.hide()) : y === "clearSelected" ? (this.ctx.emit("contextMenuClearSelected"), this.hide()) : m.event && m.event(e, {
+      g >= u && g <= x && E >= d && E <= f || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new Jt(this.contextMenuEl, a, {
+        onClick: (w, y) => {
+          y === "copy" ? (this.ctx.emit("contextMenuCopy"), this.hide()) : y === "paste" ? (this.ctx.emit("contextMenuPaste"), this.hide()) : y === "cut" ? (this.ctx.emit("contextMenuCut"), this.hide()) : y === "clearSelected" ? (this.ctx.emit("contextMenuClearSelected"), this.hide()) : w.event && w.event(e, {
             hide: this.hide.bind(this),
             cell: t
           });
@@ -7775,35 +7927,35 @@ class Ki {
       }));
       if (u = [...u, ...d], n && (u = await n({ list: u, cell: t, hide: this.hide.bind(this) })), !f || u.length === 0) return;
       e.preventDefault();
-      const { xArr: x } = this.ctx.selector, [g, E] = x, { colIndex: w } = t;
-      w >= g && w <= E || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
-      const y = this.ctx.database.getColumns(), b = u.map((p) => p.value === "visible" ? {
+      const { xArr: x } = this.ctx.selector, [g, E] = x, { colIndex: m } = t;
+      m >= g && m <= E || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
+      const y = this.ctx.database.getColumns(), C = u.map((p) => p.value === "visible" ? {
         ...p,
         children: this.filterColumns(y)
       } : p);
-      this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new Zt(this.contextMenuEl, b, {
-        onClick: (p, C) => {
-          const { xArr: I } = this.ctx.selector, [v, T] = I;
-          if (C === "fixedLeft" || C === "fixedRight" || C === "fixedNone") {
-            const _ = this.ctx.header.allCellHeaders.filter((R) => R.colIndex >= v && R.colIndex <= T).filter((R) => R.level === 0).filter((R) => !R.column.fixedDisabled).map((R) => R.key);
+      this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new Jt(this.contextMenuEl, C, {
+        onClick: (p, b) => {
+          const { xArr: v } = this.ctx.selector, [I, T] = v;
+          if (b === "fixedLeft" || b === "fixedRight" || b === "fixedNone") {
+            const _ = this.ctx.header.allCellHeaders.filter((R) => R.colIndex >= I && R.colIndex <= T).filter((R) => R.level === 0).filter((R) => !R.column.fixedDisabled).map((R) => R.key);
             this.ctx.database.setCustomHeaderFixedData(
               _,
-              C === "fixedLeft" ? "left" : C === "fixedRight" ? "right" : ""
+              b === "fixedLeft" ? "left" : b === "fixedRight" ? "right" : ""
             ), this.hide();
-          } else if (C === "hide") {
-            const _ = this.ctx.header.leafCellHeaders.filter((R) => R.colIndex >= v && R.colIndex <= T).filter((R) => !R.children.length).filter((R) => !R.column.hideDisabled).map((R) => R.key);
+          } else if (b === "hide") {
+            const _ = this.ctx.header.leafCellHeaders.filter((R) => R.colIndex >= I && R.colIndex <= T).filter((R) => !R.children.length).filter((R) => !R.column.hideDisabled).map((R) => R.key);
             _.length > 0 && this.ctx.database.setCustomHeaderHideData(_, !0), this.hide();
-          } else if (C !== "visible") if (C.startsWith("visible_")) {
+          } else if (b !== "visible") if (b.startsWith("visible_")) {
             if (!p.key) return;
             if (p.children) {
               const O = this.getLeafKeys(p.children);
               this.ctx.database.setCustomHeaderHideData(O, !1);
             } else
               this.ctx.database.setCustomHeaderHideData([p.key], !1);
-            this.currentDOMTreeMenu && this.currentDOMTreeMenu.removeSubMenuItem(C);
+            this.currentDOMTreeMenu && this.currentDOMTreeMenu.removeSubMenuItem(b);
             const _ = this.ctx.database.getColumns();
-            tt(_).filter((O) => O.hide).length === 0 && this.hide();
-          } else C === "resetHeader" ? (this.ctx.database.resetCustomHeader(), this.hide()) : p.event && p.event(e, {
+            et(_).filter((O) => O.hide).length === 0 && this.hide();
+          } else b === "resetHeader" ? (this.ctx.database.resetCustomHeader(), this.hide()) : p.event && p.event(e, {
             hide: this.hide.bind(this),
             cell: t
           });
@@ -7827,10 +7979,10 @@ class Ki {
       }),
       contextElement: document.body
     };
-    _t(e, this.contextMenuEl, () => {
-      xt(e, this.contextMenuEl, {
+    Tt(e, this.contextMenuEl, () => {
+      gt(e, this.contextMenuEl, {
         placement: "right-start",
-        middleware: [ft(), ut(), Nt()]
+        middleware: [ut(), xt(), Bt()]
       }).then(({ x: i, y: s }) => {
         this.contextMenuEl && Object.assign(this.contextMenuEl.style, {
           left: `${i}px`,
@@ -7866,7 +8018,7 @@ class Ki {
     this.hide(), (t = this.contextMenuEl) == null || t.remove();
   }
 }
-class Yi {
+class Pi {
   constructor(t) {
     r(this, "ctx");
     r(this, "loadingEl");
@@ -7902,7 +8054,7 @@ class Yi {
     this.loadingEl.remove();
   }
 }
-class Fi {
+class zi {
   constructor(t) {
     r(this, "ctx");
     r(this, "container");
@@ -7976,10 +8128,10 @@ class Fi {
     t.className = "e-virt-table-finder-bar";
     const e = document.createElement("div");
     e.className = "e-virt-table-finder-bar-input-wrapper", this.input = document.createElement("input"), this.input.type = "text", this.input.className = "e-virt-table-finder-bar-input", this.input.placeholder = "", e.appendChild(this.input), this.loadingEl = document.createElement("div"), this.loadingEl.className = "e-virt-table-finder-bar-loading";
-    const i = se;
+    const i = ne;
     this.loadingEl.innerHTML = i, e.appendChild(this.loadingEl), this.countEl = document.createElement("span"), this.countEl.className = "e-virt-table-finder-bar-count";
     const s = document.createElement("div");
-    return s.className = "e-virt-table-finder-bar-nav", this.prevBtn = document.createElement("button"), this.prevBtn.className = "e-virt-table-finder-bar-nav-btn prev-btn", this.prevBtn.innerHTML = lt, this.nextBtn = document.createElement("button"), this.nextBtn.className = "e-virt-table-finder-bar-nav-btn next-btn", this.nextBtn.innerHTML = lt, s.appendChild(this.prevBtn), s.appendChild(this.nextBtn), this.closeBtn = document.createElement("button"), this.closeBtn.className = "e-virt-table-finder-bar-nav-btn close-btn", this.closeBtn.innerHTML = "×", t.appendChild(e), t.appendChild(this.countEl), t.appendChild(s), t.appendChild(this.closeBtn), t;
+    return s.className = "e-virt-table-finder-bar-nav", this.prevBtn = document.createElement("button"), this.prevBtn.className = "e-virt-table-finder-bar-nav-btn prev-btn", this.prevBtn.innerHTML = ct, this.nextBtn = document.createElement("button"), this.nextBtn.className = "e-virt-table-finder-bar-nav-btn next-btn", this.nextBtn.innerHTML = ct, s.appendChild(this.prevBtn), s.appendChild(this.nextBtn), this.closeBtn = document.createElement("button"), this.closeBtn.className = "e-virt-table-finder-bar-nav-btn close-btn", this.closeBtn.innerHTML = "×", t.appendChild(e), t.appendChild(this.countEl), t.appendChild(s), t.appendChild(this.closeBtn), t;
   }
   bindEvents() {
     this.input.addEventListener("input", () => {
@@ -8061,81 +8213,112 @@ class Fi {
     this.hide(), this.container.remove();
   }
 }
-class Wi {
+const tt = class tt {
   constructor(t) {
     r(this, "ctx");
     r(this, "layouts", /* @__PURE__ */ new Map());
     r(this, "activeCellKey", "");
     r(this, "selectionStart", null);
     r(this, "selectionEnd", null);
-    r(this, "dragging", !1);
-    this.ctx = t, this.init();
-  }
-  init() {
-    this.ctx.on("registerTextLayout", (t, e) => {
-      this.registerLayout(t, e);
-    }), this.ctx.on("mousedown", (t) => {
-      if (!this.ctx.config.ENABLE_TEXT_SELECTION || !this.ctx.isTarget(t) || this.ctx.editing || this.ctx.finding)
-        return;
-      const e = this.ctx.focusCell;
-      if (!e || e.cellType !== "body") {
-        this.clearSelection();
-        return;
-      }
-      const i = this.getCellLayout(e);
-      if (!i) {
-        this.clearSelection();
-        return;
-      }
-      const { offsetX: s, offsetY: o } = this.ctx.getOffset(t), n = this.hitTestText(i, s, o);
-      if (n === null) {
-        this.clearSelection();
-        return;
-      }
-      this.activeCellKey = this.getCellKey(e), this.selectionStart = n, this.selectionEnd = n, this.dragging = !0, this.ctx.textSelecting = !0, this.ctx.textSelectionStr = this.getSelectedText(), this.ctx.emit("drawView");
-    }), this.ctx.on("mousemove", (t) => {
-      if (!this.ctx.config.ENABLE_TEXT_SELECTION || !this.dragging)
-        return;
-      const e = this.ctx.focusCell;
-      if (!e)
-        return;
-      const i = this.getCellLayout(e);
-      if (!i)
-        return;
-      const { offsetX: s, offsetY: o } = this.ctx.getOffset(t), n = this.hitTestText(i, s, o);
-      n !== null && (this.selectionEnd = n, this.ctx.textSelectionStr = this.getSelectedText(), this.ctx.emit("drawView"));
-    }), this.ctx.on("mouseup", () => {
-      this.dragging = !1, this.ctx.textSelecting = !1, this.ctx.textSelectionStr = this.getSelectedText(), this.ctx.textSelectionStr && this.ctx.emit("drawView");
-    }), this.ctx.on("keydown", (t) => {
-      if (this.ctx.config.ENABLE_TEXT_SELECTION && !(this.ctx.editing || this.ctx.finding) && (t.ctrlKey && t.code === "KeyC" || t.metaKey && t.code === "KeyC")) {
-        const e = this.getSelectedText();
-        if (!e)
+    r(this, "pending", null);
+    this.ctx = t, this.ctx.on("registerTextLayout", (e, i) => this.layouts.set(e, i)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("cellHeaderHoverChange", (e) => this.yieldToColumnDrag(e)), this.ctx.on("cellHoverChange", () => this.yieldToColumnDrag()), this.ctx.on("keydown", (e) => this.onCopyKeydown(e)), this.ctx.on("outsideMousedown", () => this.resetSelection());
+  }
+  get canSelect() {
+    return this.ctx.config.ENABLE_TEXT_SELECTION && !this.ctx.editing && !this.ctx.finding;
+  }
+  /** 跨表头列或从表头拖入 body 时，让位给列/区域选择 */
+  yieldToColumnDrag(t) {
+    const e = this.ctx.focusCellHeader;
+    if (!(!this.ctx.textSelecting || !e)) {
+      if (t) {
+        const i = e.colIndex, s = e.colIndex + e.colspan - 1, o = t.colIndex, n = t.colIndex + t.colspan - 1;
+        if (o >= i && n <= s)
           return;
-        t.preventDefault(), navigator.clipboard && navigator.clipboard.writeText(e).catch((i) => console.error("Copy Failure:", i));
       }
-    }), this.ctx.on("outsideMousedown", () => {
-      this.clearSelection();
-    });
+      this.resetSelection();
+    }
+  }
+  onMouseDown(t) {
+    if (!this.canSelect || !this.ctx.isTarget(t))
+      return;
+    this.ctx.containerElement.contains(document.activeElement) || this.ctx.containerElement.focus({ preventScroll: !0 });
+    const e = this.hitTest(t);
+    if (!e) {
+      this.resetSelection();
+      return;
+    }
+    const { offsetX: i, offsetY: s } = this.ctx.getOffset(t);
+    this.pending = { cellKey: e.cellKey, index: e.index, startX: i, startY: s };
+  }
+  onMouseMove(t) {
+    if (!this.canSelect || (this.ctx.textSelecting || this.tryStartDrag(t), !this.ctx.textSelecting))
+      return;
+    const e = this.layouts.get(this.activeCellKey);
+    if (!e)
+      return;
+    const { offsetX: i, offsetY: s } = this.ctx.getOffset(t), o = this.hitTestText(e, i, s);
+    o !== null && (this.selectionEnd = o, this.updateSelection());
+  }
+  tryStartDrag(t) {
+    if (!this.pending || !this.ctx.mousedown)
+      return;
+    const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), s = Math.abs(e - this.pending.startX), o = Math.abs(i - this.pending.startY);
+    if (s < tt.DRAG_THRESHOLD && o < tt.DRAG_THRESHOLD)
+      return;
+    const n = this.hitTest(t);
+    if (!n || n.cellKey !== this.pending.cellKey) {
+      this.pending = null;
+      return;
+    }
+    this.activeCellKey = this.pending.cellKey, this.selectionStart = this.pending.index, this.selectionEnd = n.index, this.pending = null, this.ctx.textSelecting = !0, this.updateSelection();
+  }
+  onMouseUp() {
+    this.pending = null, this.ctx.textSelecting = !1, this.ctx.textSelectionStr = this.getSelectedText(), this.ctx.textSelectionStr && this.ctx.emit("drawView");
+  }
+  onCopyKeydown(t) {
+    var i;
+    if (!this.canSelect || !((t.ctrlKey || t.metaKey) && t.code === "KeyC"))
+      return;
+    const e = this.getSelectedText();
+    e && (t.preventDefault(), (i = navigator.clipboard) == null || i.writeText(e).catch((s) => console.error("Copy Failure:", s)));
   }
   /**
-   * 命中测试，返回字符索引
+   * 命中最顶层文字（固定列/表头后绘制会覆盖普通单元格，取最后一个命中）。
    */
+  hitTest(t) {
+    const { offsetX: e, offsetY: i } = this.ctx.getOffset(t);
+    let s = null;
+    for (const [o, n] of this.layouts) {
+      const a = this.hitTestText(n, e, i);
+      a !== null && (s = { cellKey: o, index: a });
+    }
+    return s;
+  }
+  updateSelection() {
+    this.ctx.textSelectionStr = this.getSelectedText(), this.ctx.emit("drawView");
+  }
   hitTestText(t, e, i) {
-    const { contentBox: s, lines: o, glyphs: n, contentY: a, lineHeight: l } = t;
-    if (e < s.x || e > s.x + s.width || i < s.y || i > s.y + s.height)
+    const { glyphs: s, contentY: o, lineHeight: n, lines: a } = t;
+    if (!s.length)
+      return null;
+    const l = Math.floor((i - o) / n);
+    if (l < 0 || l >= a.length)
+      return null;
+    const c = s.filter((g) => g.line === l);
+    if (!c.length)
+      return null;
+    const d = 2, f = o + l * n;
+    if (i < f - d || i >= f + n + d)
+      return null;
+    const u = c[0], x = c[c.length - 1];
+    if (e < u.x - d || e > x.x + x.width + d)
       return null;
-    const c = i - a, d = Math.max(0, Math.min(Math.floor(c / l), o.length - 1)), f = o[d], u = n.filter((x) => x.line === d);
-    if (!u.length)
-      return f.caretIndex;
-    if (e <= u[0].x)
-      return u[0].index;
-    for (const x of u)
-      if (e < x.x + x.width / 2)
-        return x.index;
-    return u[u.length - 1].index + 1;
-  }
-  registerLayout(t, e) {
-    this.layouts.set(t, e);
+    if (e <= u.x)
+      return u.index;
+    for (const g of c)
+      if (e < g.x + g.width / 2)
+        return g.index;
+    return x.index + 1;
   }
   clearLayouts() {
     this.layouts.clear();
@@ -8143,48 +8326,29 @@ class Wi {
   draw() {
     if (!this.ctx.config.ENABLE_TEXT_SELECTION)
       return;
-    const t = this.getSelectionRange();
-    if (!t)
-      return;
-    const e = this.layouts.get(this.activeCellKey);
+    const t = this.getSelectionRange(), e = t && this.layouts.get(this.activeCellKey);
     e && this.drawTextSelection(e, t);
   }
-  getCanvasCtx() {
-    const t = this.ctx.canvasElement.getContext("2d");
-    if (!t)
-      throw new Error("canvas context not found");
-    return t;
-  }
-  /**
-   * 绘制文字选中高亮
-   */
   drawTextSelection(t, e, i = "#fff", s = "#3b82f6") {
     if (e.start >= e.end)
       return;
     const o = /* @__PURE__ */ new Map();
-    t.glyphs.forEach((a) => {
-      a.index < 0 || a.index < e.start || a.index >= e.end || (o.has(a.line) || o.set(a.line, []), o.get(a.line).push(a));
-    });
-    const n = this.getCanvasCtx();
-    n.save(), n.fillStyle = s, o.forEach((a) => {
+    for (const a of t.glyphs) {
+      if (a.index < e.start || a.index >= e.end)
+        continue;
+      const l = o.get(a.line) ?? [];
+      l.push(a), o.set(a.line, l);
+    }
+    if (!o.size)
+      return;
+    const n = this.ctx.paint.getCtx();
+    n.save(), n.font = t.font, n.textBaseline = "top", n.textAlign = "left", o.forEach((a) => {
       const l = a[0], c = a[a.length - 1];
-      n.fillRect(l.x, l.y, c.x + c.width - l.x, l.height);
-    }), n.font = t.font, n.textBaseline = "top", n.textAlign = "left", n.fillStyle = i, t.lines.forEach((a) => {
-      const l = a.items.filter(
-        (g) => g.sourceIndex >= 0 && g.sourceIndex >= e.start && g.sourceIndex < e.end
-      );
-      if (!l.length)
-        return;
-      const c = l[0], d = a.items.indexOf(c), f = l.map((g) => g.char).join(""), u = a.items.slice(0, d).map((g) => g.char).join(""), x = a.drawX + n.measureText(u).width;
-      n.fillText(f, x, a.drawY);
+      n.fillStyle = s, n.fillRect(l.x, l.y - 1, c.x + c.width - l.x, l.height), n.fillStyle = i;
+      for (const d of a)
+        n.fillText(d.char, d.x, d.y);
     }), n.restore();
   }
-  getCellKey(t) {
-    return `${t.rowIndex}-${t.colIndex}`;
-  }
-  getCellLayout(t) {
-    return this.layouts.get(this.getCellKey(t));
-  }
   getSelectionRange() {
     return this.selectionStart === null || this.selectionEnd === null ? null : {
       start: Math.min(this.selectionStart, this.selectionEnd),
@@ -8192,20 +8356,19 @@ class Wi {
     };
   }
   getSelectedText() {
-    const t = this.getSelectionRange();
-    if (!t || t.start >= t.end)
-      return "";
-    const e = this.layouts.get(this.activeCellKey);
-    return e ? e.chars.slice(t.start, t.end).join("") : "";
+    const t = this.getSelectionRange(), e = t && this.layouts.get(this.activeCellKey);
+    return !e || t.start >= t.end ? "" : e.chars.slice(t.start, t.end).join("");
   }
-  clearSelection() {
-    this.activeCellKey = "", this.selectionStart = null, this.selectionEnd = null, this.dragging = !1, this.ctx.textSelectionStr = "";
+  resetSelection() {
+    this.activeCellKey = "", this.selectionStart = null, this.selectionEnd = null, this.pending = null, this.ctx.textSelecting = !1, this.ctx.textSelectionStr = "", this.ctx.emit("drawView");
   }
   destroy() {
-    this.layouts.clear(), this.clearSelection();
+    this.layouts.clear(), this.resetSelection();
   }
-}
-const gt = class gt {
+};
+r(tt, "DRAG_THRESHOLD", 4);
+let St = tt;
+const mt = class mt {
   constructor(t, e) {
     r(this, "options");
     r(this, "scroller");
@@ -8232,16 +8395,16 @@ const gt = class gt {
       o,
       n
     );
-    this.ctx = new Pe(a, this.options), this.header = new Ge(this.ctx), this.footer = new je(this.ctx), this.body = new Ue(this.ctx), this.scroller = new ze(this.ctx), this.selector = new Ze(this.ctx), this.autofill = new qe(this.ctx), this.tooltip = new Ni(this.ctx), this.empty = new Bi(this.ctx), this.editor = new ki(this.ctx), this.overlayer = new Xi(this.ctx), this.contextMenu = new Ki(this.ctx), this.loading = new Yi(this.ctx), this.finderBar = new Fi(this.ctx), this.ctx.on("loadData", (l) => {
+    this.ctx = new Ue(a, this.options), this.textSelector = new St(this.ctx), this.header = new qe(this.ctx), this.footer = new Qe(this.ctx), this.body = new Je(this.ctx), this.scroller = new Ze(this.ctx), this.selector = new ti(this.ctx), this.autofill = new ei(this.ctx), this.tooltip = new Ki(this.ctx), this.empty = new Fi(this.ctx), this.editor = new Yi(this.ctx), this.overlayer = new Wi(this.ctx), this.contextMenu = new Vi(this.ctx), this.loading = new Pi(this.ctx), this.finderBar = new zi(this.ctx), this.ctx.on("loadData", (l) => {
       this.loadData(l);
-    }), this.textSelector = new Wi(this.ctx), this.ctx.on("draw", () => {
+    }), this.ctx.on("draw", () => {
       this.draw();
     }), this.ctx.on("drawView", () => {
       this.draw(!0);
     }), this.draw();
   }
   static useLocale(t) {
-    gt.locale = t;
+    mt.locale = t;
   }
   createContainer(t, e, i, s, o) {
     t.className = "e-virt-table-container";
@@ -8261,7 +8424,7 @@ const gt = class gt {
     };
   }
   doDraw(t = !1) {
-    this.header.update(), this.footer.update(), this.body.update(), this.ctx.paint.clear(), this.textSelector.clearLayouts(), this.body.draw(), this.textSelector.draw(), this.footer.draw(), this.header.draw(), this.body.drawDragRowTip(), this.scroller.draw(), this.empty.draw(), this.loading.draw(), t || this.overlayer.draw();
+    this.header.update(), this.body.update(), this.footer.update(), this.ctx.paint.clear(), this.textSelector.clearLayouts(), this.body.draw(), this.footer.draw(), this.header.draw(), this.textSelector.draw(), this.body.drawDragRowTip(), this.scroller.draw(), this.empty.draw(), this.loading.draw(), t || this.overlayer.draw();
   }
   draw(t = !1) {
     this.animationFrameId && cancelAnimationFrame(this.animationFrameId), this.animationFrameId = requestAnimationFrame(() => {
@@ -8329,6 +8492,16 @@ const gt = class gt {
   doLayout() {
     this.ctx.emit("draw");
   }
+  /**
+   * 设置内容缩放比例(容器大小不变,内容变大/变小,基于原生分辨率重绘不失清晰度)
+   * @param zoom 缩放比例,范围 MIN_ZOOM ~ MAX_ZOOM
+   */
+  setZoom(t) {
+    this.ctx.setZoom(t);
+  }
+  getZoom() {
+    return this.ctx.getZoom();
+  }
   getChangedData() {
     return this.ctx.database.getChangedData();
   }
@@ -8503,10 +8676,10 @@ const gt = class gt {
   }
   getUtils() {
     return {
-      mergeColCell: Ie,
-      mergeRowCell: Re,
-      getSpanArrByRow: Qt,
-      getSpanObjByColumn: te
+      mergeColCell: _e,
+      mergeRowCell: Ie,
+      getSpanArrByRow: ee,
+      getSpanObjByColumn: ie
     };
   }
   getColumnByKey(t) {
@@ -8529,9 +8702,9 @@ const gt = class gt {
     this.overlayer.destroy(), this.empty.destroy(), this.editor.destroy(), this.tooltip.destroy(), this.selector.destroy(), this.autofill.destroy(), this.contextMenu.destroy(), this.loading.destroy(), this.finderBar.destroy(), this.textSelector.destroy(), this.ctx.destroy(), this.ctx.containerElement.remove();
   }
 };
-r(gt, "locale");
-let Tt = gt;
+r(mt, "locale");
+let Ot = mt;
 export {
-  Tt as default
+  Ot as default
 };
 //# sourceMappingURL=index.es.js.map