e-virt-table 1.3.8 → 1.3.9

package/dist/index.es.js

@@ -66,7 +66,7 @@ function zt() {
     return (h === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function J(h, t) {
+function yt(h, t) {
   let e = 0, i;
   return function(...s) {
     const o = (/* @__PURE__ */ new Date()).getTime(), r = o - e, a = typeof t == "function" ? t() : t;
@@ -75,8 +75,8 @@ function J(h, t) {
     }, a - r));
   };
 }
-function rt(h = []) {
-  return h.length ? h.map((t) => rt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function ot(h = []) {
+  return h.length ? h.map((t) => ot(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
 function ue(h = []) {
   let t = [], e = [], i = [];
@@ -88,14 +88,14 @@ function ue(h = []) {
     ...i.sort((s, o) => (s.sort ?? 0) - (o.sort ?? 0))
   ];
 }
-function nt(h = [], t = 1, e = 0, i = "") {
+function rt(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, r = s.fixed;
       s.children.forEach((l) => {
         l.fixed = r;
       });
-      const a = nt(s.children, t - 1, e + 1, s.key);
+      const a = rt(s.children, t - 1, e + 1, s.key);
       return a && a.forEach((l) => {
         o += l.colspan ?? 0;
       }), {
@@ -117,10 +117,10 @@ function nt(h = [], t = 1, e = 0, i = "") {
     };
   });
 }
-function Q(h = []) {
+function J(h = []) {
   let t = [];
   return h.forEach((e) => {
-    e.children ? t = t.concat(Q(e.children)) : t.push(e);
+    e.children ? t = t.concat(J(e.children)) : t.push(e);
   }), t;
 }
 function $t(h) {
@@ -1052,7 +1052,7 @@ class ye {
   // 初始化默认不忽略清空改变值和校验map
   init(t = !0) {
     this.ctx.paint.clearTextCache(), this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear(), this.maxRowHeightMap.clear();
-    const e = this.getColumns(), i = Q(e);
+    const e = this.getColumns(), i = J(e);
     if (this.ctx.hasSelection = i.some((s) => s.type === "selection"), this.ctx.hasTree = i.some((s) => s.type === "tree"), t) {
       this.originalDataMap.clear(), this.changedDataMap.clear(), this.validationErrorMap.clear();
       const { ROW_KEY: s } = this.ctx.config;
@@ -2229,6 +2229,9 @@ class ye {
     let i = {};
     return e(t, i), i;
   }
+  clearChangeData() {
+    this.changedDataMap.clear();
+  }
 }
 class be {
   constructor(t) {
@@ -2638,8 +2641,6 @@ class Dt {
     n(this, "_config", {});
     /** CSS 类名前缀 */
     n(this, "CSS_PREFIX", "e-virt-table");
-    /** 绘制时间 */
-    n(this, "DRAW_TIME_MULTIPLIER", 2);
     /** 图标集合 */
     n(this, "ICONS", []);
     /** 行的唯一标识键 */
@@ -3146,7 +3147,7 @@ class Te {
     return this.list.find((e) => e.name === t);
   }
 }
-class mt extends jt {
+class wt extends jt {
   constructor(e, i, s, o, r, a, l) {
     super(e, s, o, r, a, "header", l.fixed);
     n(this, "align");
@@ -3449,7 +3450,7 @@ class Oe {
         !0
       ), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
         var o;
-        this.imageEnterAndLeave(s, t), this.ctx.emit("cellMouseenter", s, t), this.ctx.hoverCell && this.ctx.hoverCell !== s && this.ctx.emit("cellMouseleave", s, t), this.ctx.hoverCell !== s && (((o = this.ctx.hoverCell) == null ? void 0 : o.rowKey) !== s.rowKey && (this.ctx.hoverCell = s, this.ctx.hoverRow = this.ctx.body.renderRows.find((r) => r.rowKey === s.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, s, t), this.ctx.emit("drawView")), this.ctx.hoverCell = s, this.ctx.emit("cellHoverChange", s, t));
+        this.imageEnterAndLeave(s, t), this.ctx.emit("cellMouseenter", s, t), this.ctx.hoverCell && this.ctx.hoverCell !== s && this.ctx.emit("cellMouseleave", s, t), this.ctx.hoverCell !== s && (((o = this.ctx.hoverCell) == null ? void 0 : o.rowKey) !== s.rowKey && (this.ctx.hoverCell = s, this.ctx.hoverRow = this.ctx.body.renderRows.find((r) => r.rowKey === s.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, s, t), this.ctx.emit("draw")), this.ctx.hoverCell = s, this.ctx.emit("cellHoverChange", s, t));
       }), this.handleFooterEvent(i, e, this.ctx.footer.renderRows, (s) => {
         this.ctx.emit("cellFooterMouseenter", s, t), this.ctx.hoverCell && this.ctx.hoverCell !== s && this.ctx.emit("cellFooterMouseleave", s, t), this.ctx.emit("cellFooterHoverChange", s, t);
       });
@@ -3474,7 +3475,7 @@ class Oe {
       t.drawSelectionImageWidth,
       t.drawSelectionImageHeight
     ))
-      if (t instanceof mt)
+      if (t instanceof wt)
         t.drawSelectionImageName === "checkbox-uncheck" || t.drawSelectionImageName === "checkbox-indeterminate" ? this.ctx.database.toggleAllSelection() : t.drawSelectionImageName === "checkbox-check" && this.ctx.database.clearSelection(!0);
       else {
         if (!this.ctx.database.getRowSelectable(t.rowKey))
@@ -3539,7 +3540,7 @@ class Oe {
    */
   imageEnterAndLeave(t, e) {
     const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s;
-    if (t instanceof mt) {
+    if (t instanceof wt) {
       if (t.drawSelectionImageSource && this.isInsideElement(
         r,
         o,
@@ -3789,7 +3790,6 @@ class Le {
     n(this, "database");
     n(this, "history");
     n(this, "config");
-    n(this, "drawTime", 0);
     const {
       containerElement: i,
       stageElement: s,
@@ -4257,28 +4257,32 @@ class He {
     n(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
-      J(() => {
+      yt(() => {
         this.init(), this.ctx.clearSelector(), this.ctx.emit("draw");
       }, 100)
     ), this.init(), this.initResizeColumn(), this.initDragColumn();
   }
-  init() {
+  init(t = !1) {
     const {
-      config: { HEADER_HEIGHT: t, SCROLLER_TRACK_SIZE: e }
-    } = this.ctx, i = this.ctx.database.getColumns();
-    this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [], this.visibleHeight = this.height, this.visibleColumns = $t(i);
-    const s = rt(this.visibleColumns), o = Q(this.visibleColumns);
-    this.height = t * s, this.width = o.reduce((f, x) => {
+      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.visibleHeight = this.height, this.visibleColumns = $t(this.columns);
+    const s = ot(this.visibleColumns), o = J(this.visibleColumns);
+    this.height = e * s, this.width = o.reduce((f, x) => {
       const u = x.width || 100, { maxWidth: g, minWidth: m } = x;
       return g && u > g ? f + g : m && u < m ? f + m : f + u;
     }, 0), this.columnIndex = 0, this.resizeNum = 0;
-    const r = ue(nt(this.visibleColumns, s));
+    const r = ue(rt(this.visibleColumns, s));
     this.render(r, 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 + e),
+      Math.floor(this.width + i),
       Math.floor(a.width)
-    ), this.ctx.stageElement.style.width = this.ctx.stageWidth + "px", this.visibleWidth = this.ctx.stageWidth - e;
+    ), 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;
@@ -4287,7 +4291,7 @@ class He {
     const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
     this.ctx.fixedLeftWidth = c.reduce((f, x) => f + x.width, 0);
     const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedRightWidth = d.reduce((f, x) => f + x.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.allCellHeaders = this.allCellHeaders, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
+    this.ctx.fixedRightWidth = d.reduce((f, x) => f + x.width, i), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.allCellHeaders = this.allCellHeaders, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
   // 调整表头的宽度
   initResizeColumn() {
@@ -4337,7 +4341,7 @@ class He {
         if (this.dragingCell && this.dragTarget) {
           const t = (c, d = {}) => (c.forEach((f, x) => {
             f.children && t(f.children, d), d[f.key] = x;
-          }), d), e = this.ctx.database.getColumns(), i = nt(e, rt(e)), s = new Ae(i, {
+          }), d), e = this.ctx.database.getColumns(), i = rt(e, ot(e)), s = new Ae(i, {
             key: "key",
             // 节点唯一标识字段（对应我们之前的field）
             childrenKey: "children"
@@ -4389,7 +4393,7 @@ class He {
         }
       });
     };
-    i(this.columns), this.ctx.database.setColumns(this.columns);
+    i(this.columns);
     let s = 0;
     if (this.width < this.visibleWidth) {
       const r = this.visibleWidth - this.width;
@@ -4403,7 +4407,7 @@ class He {
       width: o,
       column: t.column,
       columns: this.columns
-    }), this.ctx.database.setCustomHeaderResizableData(t.key, o), this.init(), this.ctx.emit("draw");
+    }), this.ctx.database.setCustomHeaderResizableData(t.key, o), this.init(!0), this.ctx.emit("draw");
   }
   resizeAllColumn(t) {
     if (t === 0) return;
@@ -4423,7 +4427,7 @@ class He {
         e.has(r.key) && (r.width = e.get(r.key)), r.children && r.children.length > 0 && s(r.children);
       });
     };
-    s(this.columns), this.ctx.database.setColumns(this.columns), this.init();
+    s(this.columns), this.init(!0), this.ctx.emit("draw");
   }
   getCustomHeader() {
     const t = this.ctx.database.getColumns(), e = this.ctx.database.getCustomHeader(), { sortData: i = {} } = e;
@@ -4431,7 +4435,7 @@ class He {
       columns: t,
       customHeader: e
     } : {
-      columns: nt(t, rt(t)),
+      columns: rt(t, ot(t)),
       customHeader: e
     };
   }
@@ -4442,8 +4446,8 @@ class He {
     for (let r = 0; r < i; r++) {
       const a = t[r], l = o * (a.rowspan || 0), c = o * (a.level || 0);
       let { minWidth: d, maxWidth: f } = a, x = a.width || 100;
-      d && x < d && (x = d), f && x > f && (x = f), a.children && (x = Q(a.children).reduce((m, w) => m + ((w == null ? void 0 : w.width) || 100), 0));
-      const u = new mt(this.ctx, this.columnIndex, s, c, x, l, a);
+      d && x < d && (x = d), f && x > f && (x = f), a.children && (x = J(a.children).reduce((m, w) => m + ((w == null ? void 0 : w.width) || 100), 0));
+      const u = new wt(this.ctx, this.columnIndex, s, c, x, l, a);
       this.ctx.database.setHeader(a.key, u), this.allCellHeaders.push(u), a.children || (this.leafCellHeaders.push(u), u.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(u) : a.fixed === "right" ? this.fixedRightCellHeaders.push(u) : this.centerCellHeaders.push(u), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += x;
     }
   }
@@ -4945,7 +4949,7 @@ class ke {
       this.moveFocus(t);
     }), this.ctx.on(
       "mousemove",
-      J((t) => {
+      yt((t) => {
         var e, i;
         (e = this.ctx.focusCell) != null && e.fixed || (i = this.ctx.focusCellHeader) != null && i.fixed || !this.ctx.dragHeaderIng && this.ctx.selectorMove && this.ctx.startAdjustPosition(t);
       }, 100)
@@ -4966,10 +4970,7 @@ class ke {
       }
       window.getComputedStyle(e.target).userSelect !== "text" && e.preventDefault(), this.isMultipleRow = !1, this.click(e.shiftKey), this.ctx.emit("selectorClick", t);
     }), this.ctx.on("mouseup", () => {
-      this.ctx.selectorMove = !1, this.ctx.stopAdjustPosition();
-      const t = setTimeout(() => {
-        this.ctx.adjustPositioning = !1, this.ctx.disableHoverIconClick = !1, clearTimeout(t);
-      }, 0);
+      this.ctx.selectorMove = !1, this.ctx.stopAdjustPosition(), this.ctx.adjustPositioning = !1, this.ctx.disableHoverIconClick = !1;
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
       this.ctx.mousedown && this.selectCols(t);
     }), this.ctx.on("cellHoverChange", (t) => {
@@ -5426,7 +5427,7 @@ class ke {
     x && (u === "top" ? v = r.height + a.height - w : S = a.visibleHeight);
     const R = w + _ - (t - S - f);
     let I = c, T = d;
-    y > 0 && !C ? I = Math.floor(c + y) : b > 0 && !C && (I = Math.floor(c - b)), v > 0 ? T = Math.floor(d - v) : R > 0 && (T = Math.floor(d + R)), (Math.abs(c - I) > 2 || Math.abs(d - T) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(I, T), this.ctx.emit("adjustBoundaryPosition", i));
+    y > 0 && !C ? I = Math.floor(c + y) : b > 0 && !C && (I = Math.floor(c - b)), v > 0 ? T = Math.floor(d - v) : R > 0 && (T = Math.floor(d + R)), (Math.abs(c - I) > 2 || Math.abs(d - T) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.emit("adjustBoundaryPosition", i), this.ctx.setScroll(I, T));
   }
   destroy() {
   }
@@ -5569,7 +5570,7 @@ class Xe {
   destroy() {
   }
 }
-const j = Math.min, z = Math.max, at = Math.round, ot = Math.floor, Y = (h) => ({
+const j = Math.min, z = Math.max, nt = Math.round, st = Math.floor, Y = (h) => ({
   x: h,
   y: h
 }), Be = {
@@ -5581,16 +5582,16 @@ const j = Math.min, z = Math.max, at = Math.round, ot = Math.floor, Y = (h) => (
   start: "end",
   end: "start"
 };
-function Et(h, t, e) {
+function mt(h, t, e) {
   return z(h, j(t, e));
 }
-function et(h, t) {
+function tt(h, t) {
   return typeof h == "function" ? h(t) : h;
 }
 function $(h) {
   return h.split("-")[0];
 }
-function it(h) {
+function et(h) {
   return h.split("-")[1];
 }
 function Jt(h) {
@@ -5608,15 +5609,15 @@ function vt(h) {
 }
 function Fe(h, t, e) {
   e === void 0 && (e = !1);
-  const i = it(h), s = vt(h), o = It(s);
+  const i = et(h), s = vt(h), o = It(s);
   let r = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[o] > t.floating[o] && (r = lt(r)), [r, lt(r)];
+  return t.reference[o] > t.floating[o] && (r = at(r)), [r, at(r)];
 }
 function We(h) {
-  const t = lt(h);
-  return [pt(h), t, pt(t)];
+  const t = at(h);
+  return [Et(h), t, Et(t)];
 }
-function pt(h) {
+function Et(h) {
   return h.replace(/start|end/g, (t) => Ye[t]);
 }
 const Bt = ["left", "right"], Yt = ["right", "left"], Ve = ["top", "bottom"], Pe = ["bottom", "top"];
@@ -5633,11 +5634,11 @@ function ze(h, t, e) {
   }
 }
 function $e(h, t, e, i) {
-  const s = it(h);
+  const s = et(h);
   let o = ze($(h), e === "start", i);
-  return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(pt)))), o;
+  return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(Et)))), o;
 }
-function lt(h) {
+function at(h) {
   return h.replace(/left|right|bottom|top/g, (t) => Be[t]);
 }
 function Ge(h) {
@@ -5657,7 +5658,7 @@ function Qt(h) {
     left: h
   };
 }
-function ct(h) {
+function lt(h) {
   const {
     x: t,
     y: e,
@@ -5713,7 +5714,7 @@ function Kt(h, t, e) {
         y: i.y
       };
   }
-  switch (it(t)) {
+  switch (et(t)) {
     case "start":
       u[r] -= x * (e && c ? -1 : 1);
       break;
@@ -5800,7 +5801,7 @@ async function te(h, t) {
     elementContext: f = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = et(t, h), g = Qt(u), w = a[x ? f === "floating" ? "reference" : "floating" : f], E = ct(await o.getClippingRect({
+  } = tt(t, h), g = Qt(u), w = a[x ? f === "floating" ? "reference" : "floating" : f], E = lt(await o.getClippingRect({
     element: (e = await (o.isElement == null ? void 0 : o.isElement(w))) == null || e ? w : w.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: d,
@@ -5816,7 +5817,7 @@ async function te(h, t) {
   } : {
     x: 1,
     y: 1
-  }, y = ct(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, y = lt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: p,
     offsetParent: C,
@@ -5844,7 +5845,7 @@ const je = (h) => ({
     } = t, {
       element: c,
       padding: d = 0
-    } = et(h, t) || {};
+    } = tt(h, t) || {};
     if (c == null)
       return {};
     const f = Qt(d), x = {
@@ -5853,7 +5854,7 @@ const je = (h) => ({
     }, u = vt(s), g = It(u), m = await r.getDimensions(c), w = u === "y", E = w ? "top" : "left", p = w ? "bottom" : "right", C = w ? "clientHeight" : "clientWidth", b = o.reference[g] + o.reference[u] - x[u] - o.floating[g], y = x[u] - o.reference[u], v = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
     let _ = v ? v[C] : 0;
     (!_ || !await (r.isElement == null ? void 0 : r.isElement(v))) && (_ = a.floating[C] || o.floating[g]);
-    const S = b / 2 - y / 2, R = _ / 2 - m[g] / 2 - 1, I = j(f[E], R), T = j(f[p], R), O = I, M = _ - m[g] - T, L = _ / 2 - m[g] / 2 + S, A = Et(O, L, M), D = !l.arrow && it(s) != null && L !== A && o.reference[g] / 2 - (L < O ? I : T) - m[g] / 2 < 0, H = D ? L < O ? L - O : L - M : 0;
+    const S = b / 2 - y / 2, R = _ / 2 - m[g] / 2 - 1, I = j(f[E], R), T = j(f[p], R), O = I, M = _ - m[g] - T, L = _ / 2 - m[g] / 2 + S, A = mt(O, L, M), D = !l.arrow && et(s) != null && L !== A && o.reference[g] / 2 - (L < O ? I : T) - m[g] / 2 < 0, H = D ? L < O ? L - O : L - M : 0;
     return {
       [u]: x[u] + H,
       data: {
@@ -5887,10 +5888,10 @@ const je = (h) => ({
         fallbackAxisSideDirection: g = "none",
         flipAlignment: m = !0,
         ...w
-      } = et(h, t);
+      } = tt(h, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = $(s), p = V(a), C = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), y = x || (C || !m ? [lt(a)] : We(a)), v = g !== "none";
+      const E = $(s), p = V(a), C = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), y = x || (C || !m ? [at(a)] : We(a)), v = g !== "none";
       !x && v && y.push(...$e(a, m, g, b));
       const _ = [a, ...y], S = await te(t, w), R = [];
       let I = ((i = o.flip) == null ? void 0 : i.overflows) || [];
@@ -5953,7 +5954,7 @@ async function Je(h, t) {
     placement: e,
     platform: i,
     elements: s
-  } = h, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = $(e), a = it(e), l = V(e) === "y", c = Ze.has(r) ? -1 : 1, d = o && l ? -1 : 1, f = et(t, h);
+  } = h, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = $(e), a = et(e), l = V(e) === "y", c = Ze.has(r) ? -1 : 1, d = o && l ? -1 : 1, f = tt(t, h);
   let {
     mainAxis: x,
     crossAxis: u,
@@ -6022,18 +6023,18 @@ const Qe = function(h) {
           }
         },
         ...l
-      } = et(h, t), c = {
+      } = tt(h, t), c = {
         x: e,
         y: i
       }, d = await te(t, l), f = V($(s)), x = Jt(f);
       let u = c[x], g = c[f];
       if (o) {
         const w = x === "y" ? "top" : "left", E = x === "y" ? "bottom" : "right", p = u + d[w], C = u - d[E];
-        u = Et(p, u, C);
+        u = mt(p, u, C);
       }
       if (r) {
         const w = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", p = g + d[w], C = g - d[E];
-        g = Et(p, g, C);
+        g = mt(p, g, C);
       }
       const m = a.fn({
         ...t,
@@ -6054,7 +6055,7 @@ const Qe = function(h) {
     }
   };
 };
-function ut() {
+function ft() {
   return typeof window < "u";
 }
 function Z(h) {
@@ -6069,19 +6070,19 @@ function F(h) {
   return (t = (ee(h) ? h.ownerDocument : h.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function ee(h) {
-  return ut() ? h instanceof Node || h instanceof N(h).Node : !1;
+  return ft() ? h instanceof Node || h instanceof N(h).Node : !1;
 }
 function X(h) {
-  return ut() ? h instanceof Element || h instanceof N(h).Element : !1;
+  return ft() ? h instanceof Element || h instanceof N(h).Element : !1;
 }
 function K(h) {
-  return ut() ? h instanceof HTMLElement || h instanceof N(h).HTMLElement : !1;
+  return ft() ? h instanceof HTMLElement || h instanceof N(h).HTMLElement : !1;
 }
 function Ft(h) {
-  return !ut() || typeof ShadowRoot > "u" ? !1 : h instanceof ShadowRoot || h instanceof N(h).ShadowRoot;
+  return !ft() || typeof ShadowRoot > "u" ? !1 : h instanceof ShadowRoot || h instanceof N(h).ShadowRoot;
 }
 const ei = /* @__PURE__ */ new Set(["inline", "contents"]);
-function st(h) {
+function it(h) {
   const {
     overflow: t,
     overflowX: e,
@@ -6095,7 +6096,7 @@ function si(h) {
   return ii.has(Z(h));
 }
 const oi = [":popover-open", ":modal"];
-function xt(h) {
+function ut(h) {
   return oi.some((t) => {
     try {
       return h.matches(t);
@@ -6114,7 +6115,7 @@ function li(h) {
   for (; K(t) && !q(t); ) {
     if (_t(t))
       return t;
-    if (xt(t))
+    if (ut(t))
       return null;
     t = P(t);
   }
@@ -6130,7 +6131,7 @@ function q(h) {
 function B(h) {
   return N(h).getComputedStyle(h);
 }
-function gt(h) {
+function xt(h) {
   return X(h) ? {
     scrollLeft: h.scrollLeft,
     scrollTop: h.scrollTop
@@ -6153,25 +6154,25 @@ function P(h) {
 }
 function ie(h) {
   const t = P(h);
-  return q(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : K(t) && st(t) ? t : ie(t);
+  return q(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : K(t) && it(t) ? t : ie(t);
 }
-function tt(h, t, e) {
+function Q(h, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
   const s = ie(h), o = s === ((i = h.ownerDocument) == null ? void 0 : i.body), r = N(s);
   if (o) {
-    const a = Ct(r);
-    return t.concat(r, r.visualViewport || [], st(s) ? s : [], a && e ? tt(a) : []);
+    const a = pt(r);
+    return t.concat(r, r.visualViewport || [], it(s) ? s : [], a && e ? Q(a) : []);
   }
-  return t.concat(s, tt(s, [], e));
+  return t.concat(s, Q(s, [], e));
 }
-function Ct(h) {
+function pt(h) {
   return h.parent && Object.getPrototypeOf(h.parent) ? h.frameElement : null;
 }
 function se(h) {
   const t = B(h);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = K(h), o = s ? h.offsetWidth : e, r = s ? h.offsetHeight : i, a = at(e) !== o || at(i) !== r;
+  const s = K(h), o = s ? h.offsetWidth : e, r = s ? h.offsetHeight : i, a = nt(e) !== o || nt(i) !== r;
   return a && (e = o, i = r), {
     width: e,
     height: i,
@@ -6190,7 +6191,7 @@ function U(h) {
     height: s,
     $: o
   } = se(t);
-  let r = (o ? at(e.width) : e.width) / i, a = (o ? at(e.height) : e.height) / s;
+  let r = (o ? nt(e.width) : e.width) / i, a = (o ? nt(e.height) : e.height) / s;
   return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
     y: a
@@ -6216,13 +6217,13 @@ function G(h, t, e, i) {
   let l = (s.left + a.x) / r.x, c = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
     const x = N(o), u = i && X(i) ? N(i) : i;
-    let g = x, m = Ct(g);
+    let g = x, m = pt(g);
     for (; m && i && u !== g; ) {
       const w = U(m), E = m.getBoundingClientRect(), p = B(m), C = E.left + (m.clientLeft + parseFloat(p.paddingLeft)) * w.x, b = E.top + (m.clientTop + parseFloat(p.paddingTop)) * w.y;
-      l *= w.x, c *= w.y, d *= w.x, f *= w.y, l += C, c += b, g = N(m), m = Ct(g);
+      l *= w.x, c *= w.y, d *= w.x, f *= w.y, l += C, c += b, g = N(m), m = pt(g);
     }
   }
-  return ct({
+  return lt({
     width: d,
     height: f,
     x: l,
@@ -6230,7 +6231,7 @@ function G(h, t, e, i) {
   });
 }
 function Ot(h, t) {
-  const e = gt(h).scrollLeft;
+  const e = xt(h).scrollLeft;
   return t ? t.left + e : G(F(h)).left + e;
 }
 function re(h, t, e) {
@@ -6251,7 +6252,7 @@ function fi(h) {
     offsetParent: i,
     strategy: s
   } = h;
-  const o = s === "fixed", r = F(i), a = t ? xt(t.floating) : !1;
+  const o = s === "fixed", r = F(i), a = t ? ut(t.floating) : !1;
   if (i === r || a && o)
     return e;
   let l = {
@@ -6259,7 +6260,7 @@ function fi(h) {
     scrollTop: 0
   }, c = Y(1);
   const d = Y(0), f = K(i);
-  if ((f || !f && !o) && ((Z(i) !== "body" || st(r)) && (l = gt(i)), K(i))) {
+  if ((f || !f && !o) && ((Z(i) !== "body" || it(r)) && (l = xt(i)), K(i))) {
     const u = G(i);
     c = U(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
   }
@@ -6275,7 +6276,7 @@ function ui(h) {
   return Array.from(h.getClientRects());
 }
 function xi(h) {
-  const t = F(h), e = gt(h), i = h.ownerDocument.body, s = z(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = z(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  const t = F(h), e = xt(h), i = h.ownerDocument.body, s = z(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = z(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let r = -e.scrollLeft + Ot(h);
   const a = -e.scrollTop;
   return B(i).direction === "rtl" && (r += z(t.clientWidth, i.clientWidth) - s), {
@@ -6327,7 +6328,7 @@ function Wt(h, t, e) {
       height: t.height
     };
   }
-  return ct(i);
+  return lt(i);
 }
 function ne(h, t) {
   const e = P(h);
@@ -6337,12 +6338,12 @@ function Ei(h, t) {
   const e = t.get(h);
   if (e)
     return e;
-  let i = tt(h, [], !1).filter((a) => X(a) && Z(a) !== "body"), s = null;
+  let i = Q(h, [], !1).filter((a) => X(a) && Z(a) !== "body"), s = null;
   const o = B(h).position === "fixed";
   let r = o ? P(h) : h;
   for (; X(r) && !q(r); ) {
     const a = B(r), l = _t(r);
-    !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && wi.has(s.position) || st(r) && !l && ne(h, r)) ? i = i.filter((d) => d !== r) : s = a, r = P(r);
+    !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && wi.has(s.position) || it(r) && !l && ne(h, r)) ? i = i.filter((d) => d !== r) : s = a, r = P(r);
   }
   return t.set(h, i), i;
 }
@@ -6353,7 +6354,7 @@ function pi(h) {
     rootBoundary: i,
     strategy: s
   } = h;
-  const r = [...e === "clippingAncestors" ? xt(t) ? [] : Ei(t, this._c) : [].concat(e), i], a = r[0], l = r.reduce((c, d) => {
+  const r = [...e === "clippingAncestors" ? ut(t) ? [] : Ei(t, this._c) : [].concat(e), i], a = r[0], l = r.reduce((c, d) => {
     const f = Wt(t, d, s);
     return c.top = z(f.top, c.top), c.right = j(f.right, c.right), c.bottom = j(f.bottom, c.bottom), c.left = z(f.left, c.left), c;
   }, Wt(t, a, s));
@@ -6385,7 +6386,7 @@ function yi(h, t, e) {
     l.x = Ot(s);
   }
   if (i || !i && !o)
-    if ((Z(t) !== "body" || st(s)) && (a = gt(t)), i) {
+    if ((Z(t) !== "body" || it(s)) && (a = xt(t)), i) {
       const u = G(t, !0, o, t);
       l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
     } else s && c();
@@ -6398,7 +6399,7 @@ function yi(h, t, e) {
     height: r.height
   };
 }
-function wt(h) {
+function gt(h) {
   return B(h).position === "static";
 }
 function Vt(h, t) {
@@ -6411,21 +6412,21 @@ function Vt(h, t) {
 }
 function ae(h, t) {
   const e = N(h);
-  if (xt(h))
+  if (ut(h))
     return e;
   if (!K(h)) {
     let s = P(h);
     for (; s && !q(s); ) {
-      if (X(s) && !wt(s))
+      if (X(s) && !gt(s))
         return s;
       s = P(s);
     }
     return e;
   }
   let i = Vt(h, t);
-  for (; i && si(i) && wt(i); )
+  for (; i && si(i) && gt(i); )
     i = Vt(i, t);
-  return i && q(i) && wt(i) && !_t(i) ? e : i || li(h) || e;
+  return i && q(i) && gt(i) && !_t(i) ? e : i || li(h) || e;
 }
 const bi = async function(h) {
   const t = this.getOffsetParent || ae, e = this.getDimensions, i = await e(h.floating);
@@ -6474,7 +6475,7 @@ function vi(h, t) {
     } = c;
     if (a || t(), !x || !u)
       return;
-    const g = ot(f), m = ot(s.clientWidth - (d + x)), w = ot(s.clientHeight - (f + u)), E = ot(d), C = {
+    const g = st(f), m = st(s.clientWidth - (d + x)), w = st(s.clientHeight - (f + u)), E = st(d), C = {
       rootMargin: -g + "px " + -m + "px " + -w + "px " + -E + "px",
       threshold: z(0, j(1, l)) || 1
     };
@@ -6503,7 +6504,7 @@ function vi(h, t) {
   }
   return r(!0), o;
 }
-function yt(h, t, e, i) {
+function Ct(h, t, e, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: s = !0,
@@ -6511,7 +6512,7 @@ function yt(h, t, e, i) {
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = i, c = Tt(h), d = s || o ? [...c ? tt(c) : [], ...tt(t)] : [];
+  } = i, c = Tt(h), d = s || o ? [...c ? Q(c) : [], ...Q(t)] : [];
   d.forEach((E) => {
     s && E.addEventListener("scroll", e, {
       passive: !0
@@ -6539,7 +6540,7 @@ function yt(h, t, e, i) {
     }), f == null || f(), (E = u) == null || E.disconnect(), u = null, l && cancelAnimationFrame(g);
   };
 }
-const ht = Qe, dt = ti, Lt = qe, _i = je, ft = (h, t, e) => {
+const ct = Qe, ht = ti, Lt = qe, _i = je, dt = (h, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Ii,
     ...e
@@ -6618,7 +6619,7 @@ let Si = class {
       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 = e;
     const s = t.drawX + i.x, o = t.drawY + i.y;
-    ft({
+    dt({
       getBoundingClientRect() {
         return {
           width: t.visibleWidth,
@@ -6633,7 +6634,7 @@ let Si = class {
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [dt(), Lt(), ht(6), _i({ element: this.arrowEl })]
+      middleware: [ht(), Lt(), ct(6), _i({ element: this.arrowEl })]
     }).then((a) => {
       const { x: l, y: c, placement: d, middlewareData: f } = a;
       if (Object.assign(this.floatingEl.style, {
@@ -6766,7 +6767,7 @@ class Ti {
         "F12"
       ].includes(e) || this.startEdit(!0);
     }), this.ctx.on("cellMouseup", (t) => {
-      if (this.ctx.adjustPositioning || this.ctx.isPointer || !this.isInSelectorRange(t.rowIndex, t.colIndex))
+      if (this.ctx.isPointer || !this.isInSelectorRange(t.rowIndex, t.colIndex))
         return;
       const { xArr: e, yArr: i } = this.ctx.selector, s = JSON.stringify(e) + JSON.stringify(i);
       if (this.selectorArrStr === s && this.cellTarget) {
@@ -6819,7 +6820,7 @@ class Ti {
       header: d
     } = this.ctx;
     let f = this.ctx.body.visibleHeight;
-    o > f && (o = f), this.editorEl.style.display = "inline-block", this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text" ? (this.inputEl.style.display = "inline-block", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${c}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i)) : this.inputEl.style.display = "none", (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
+    o > f && (o = f), this.editorEl.style.display = "inline-block", this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text" ? (this.inputEl.style.display = "inline-block", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${c}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i, this.inputEl.focus({ preventScroll: !0 }))) : this.inputEl.style.display = "none", (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
   }
   doneEditByInput() {
     if (this.cellTarget && this.cellTarget.editorType === "text") {
@@ -6830,13 +6831,13 @@ class Ti {
   startEdit(t = !1) {
     this.cancel = !1;
     const { ENABLE_EDIT_CLICK_SELECTOR: e } = this.ctx.config;
-    if (!e)
+    if (!e || this.ctx.adjustPositioning)
       return;
     const i = this.ctx.focusCell;
     if (!i || ["index", "index-selection", "selection"].includes(i.type) || this.enable || !(i.isVerticalVisible() && i.isHorizontalVisible()))
       return;
     const { rowKey: o, key: r } = i, a = this.ctx.database.getReadonly(o, r);
-    i && !a && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget), this.ctx.emit("drawView"));
+    i && !a && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget), this.ctx.emit("draw"));
   }
   editCell(t, e) {
     const i = this.ctx.body.renderRows.find((c) => c.rowIndex === t);
@@ -6850,7 +6851,7 @@ class Ti {
     if (!o || ["index", "index-selection", "selection"].includes(o.type) || this.enable)
       return;
     const { rowKey: r, key: a } = o, l = this.ctx.database.getReadonly(r, a);
-    o && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget), this.ctx.emit("drawView"));
+    o && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget), this.ctx.emit("draw"));
   }
   doneEdit() {
     this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.inputEl.style.display = "inline-block", this.editorEl.style.zIndex = "-1", setTimeout(() => {
@@ -6893,24 +6894,7 @@ class Li {
   constructor(t) {
     n(this, "ctx");
     n(this, "observer");
-    this.ctx = t, this.observer = new MutationObserver(
-      J(() => {
-        const e = this.ctx.overlayerElement.querySelectorAll('[data-auto-height="true"]'), i = /* @__PURE__ */ new Map();
-        e.forEach((r) => {
-          const a = Number(r.getAttribute("data-row-index")), l = Number(r.getAttribute("data-col-index"));
-          if (isNaN(a) || isNaN(l) || !(r instanceof HTMLElement) || r.offsetWidth === 0)
-            return;
-          const c = `${a}​_${l}`;
-          i.set(c, Math.round(r.offsetHeight));
-        });
-        const s = this.ctx.database.getOverlayerAutoHeightMap();
-        if (!this.arerMapsEqual(s, i)) {
-          if (this.ctx.database.setOverlayerAutoHeightMap(i), s.size === 0 && i.size === 0)
-            return;
-          this.ctx.emit("draw");
-        }
-      }, 16.67)
-    ), this.observer.observe(this.ctx.overlayerElement, { childList: !0, subtree: !0, attributes: !0 });
+    this.ctx = t, this.init();
   }
   arerMapsEqual(t, e) {
     if (t.size !== e.size) return !1;
@@ -6918,6 +6902,40 @@ class Li {
       if (!e.has(i) || e.get(i) !== s) return !1;
     return !0;
   }
+  init() {
+    this.observer = new MutationObserver(
+      yt(() => {
+        const t = this.ctx.overlayerElement.querySelectorAll('[data-auto-height="true"]'), e = /* @__PURE__ */ new Map();
+        t.forEach((o) => {
+          const r = Number(o.getAttribute("data-row-index")), a = Number(o.getAttribute("data-col-index"));
+          if (isNaN(r) || isNaN(a) || !(o instanceof HTMLElement) || o.offsetWidth === 0)
+            return;
+          const l = `${r}​_${a}`;
+          e.set(l, Math.round(o.offsetHeight));
+        });
+        const i = this.ctx.database.getOverlayerAutoHeightMap();
+        if (!this.arerMapsEqual(i, e)) {
+          if (this.ctx.database.setOverlayerAutoHeightMap(e), i.size === 0 && e.size === 0)
+            return;
+          this.ctx.emit("draw");
+        }
+      }, 16.67)
+    ), this.observer.observe(this.ctx.overlayerElement, { childList: !0, subtree: !0, attributes: !0 }), this.ctx.overlayerElement.getAttribute("data-overlayer") === "default" && this.ctx.on("overlayerChange", (t) => {
+      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) => {
+          const r = document.createElement("div");
+          Object.assign(r.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), r.appendChild(l);
+          }), s.appendChild(r);
+        }), e.appendChild(s);
+      });
+    });
+  }
   draw() {
     const t = this.getContainer();
     this.ctx.emit("overlayerChange", t);
@@ -7196,10 +7214,10 @@ class Pt {
   async showSubmenu(t, e) {
     if (this.activeSubmenus.has(e)) return;
     this.activeSubmenus.add(e), e.classList.add("show");
-    const i = yt(t, e, async () => {
-      const s = this.container.getBoundingClientRect(), o = window.innerWidth, r = e.offsetWidth || 200, a = o - s.right, l = s.left, c = a >= r || a >= l ? "right-start" : "left-start", { x: d, y: f } = await ft(t, e, {
+    const i = Ct(t, e, async () => {
+      const s = this.container.getBoundingClientRect(), o = window.innerWidth, r = e.offsetWidth || 200, a = o - s.right, l = s.left, c = a >= r || a >= l ? "right-start" : "left-start", { x: d, y: f } = await dt(t, e, {
         placement: c,
-        middleware: [ht(8), dt({ padding: 8 })]
+        middleware: [ct(8), ht({ padding: 8 })]
       });
       Object.assign(e.style, {
         left: `${d}px`,
@@ -7266,10 +7284,10 @@ class Pt {
       }),
       contextElement: document.body
     };
-    yt(e, this.container, () => {
-      ft(e, this.container, {
+    Ct(e, this.container, () => {
+      dt(e, this.container, {
         placement: "right-start",
-        middleware: [ht(), dt(), Lt()]
+        middleware: [ct(), ht(), Lt()]
       }).then(({ x: i, y: s }) => {
         this.container && Object.assign(this.container.style, {
           left: `${i}px`,
@@ -7392,7 +7410,7 @@ class Mi {
             const S = b.replace("visible_", "");
             this.ctx.database.setCustomHeaderHideData([S], !1), this.currentDOMTreeMenu && this.currentDOMTreeMenu.removeSubMenuItem(b);
             const R = this.ctx.database.getColumns();
-            Q(R).filter((O) => O.hide).length === 0 && this.hide();
+            J(R).filter((O) => O.hide).length === 0 && this.hide();
           } else b === "resetHeader" && (this.ctx.database.resetCustomHeader(), this.hide());
         }
       }), this.positionMenu(e);
@@ -7414,10 +7432,10 @@ class Mi {
       }),
       contextElement: document.body
     };
-    yt(e, this.contextMenuEl, () => {
-      ft(e, this.contextMenuEl, {
+    Ct(e, this.contextMenuEl, () => {
+      dt(e, this.contextMenuEl, {
         placement: "right-start",
-        middleware: [ht(), dt(), Lt()]
+        middleware: [ct(), ht(), Lt()]
       }).then(({ x: i, y: s }) => {
         this.contextMenuEl && Object.assign(this.contextMenuEl.style, {
           left: `${i}px`,
@@ -7505,28 +7523,16 @@ class ki {
       o,
       r
     );
-    this.ctx = new Le(a, this.options), this.header = new He(this.ctx), this.footer = new Ne(this.ctx), this.body = new De(this.ctx), this.scroller = new Me(this.ctx), this.selector = new ke(this.ctx), this.autofill = new Xe(this.ctx), this.tooltip = new Si(this.ctx), this.empty = new Oi(this.ctx), this.editor = new Ti(this.ctx), this.overlayer = new Li(this.ctx), this.contextMenu = new Mi(this.ctx), this.loading = new Ai(this.ctx), this.ctx.on(
-      "draw",
-      J(
-        () => {
-          this.draw();
-        },
-        () => this.ctx.drawTime
-      )
-    ), this.ctx.on(
-      "drawView",
-      J(
-        () => {
-          this.draw(!0);
-        },
-        () => this.ctx.drawTime
-      )
-    ), this.draw();
+    this.ctx = new Le(a, this.options), this.header = new He(this.ctx), this.footer = new Ne(this.ctx), this.body = new De(this.ctx), this.scroller = new Me(this.ctx), this.selector = new ke(this.ctx), this.autofill = new Xe(this.ctx), this.tooltip = new Si(this.ctx), this.empty = new Oi(this.ctx), this.editor = new Ti(this.ctx), this.overlayer = new Li(this.ctx), this.contextMenu = new Mi(this.ctx), this.loading = new Ai(this.ctx), this.ctx.on("draw", () => {
+      this.draw();
+    }), this.ctx.on("drawView", () => {
+      this.draw(!0);
+    }), this.draw();
   }
   createContainer(t, e, i, s, o) {
     t.className = "e-virt-table-container";
     const r = document.createElement("div"), a = document.createElement("canvas"), l = e || document.createElement("div");
-    r.className = "e-virt-table-stage", t.tabIndex = 0, a.className = "e-virt-table-canvas", l.className = "e-virt-table-overlayer";
+    r.className = "e-virt-table-stage", t.tabIndex = 0, a.className = "e-virt-table-canvas", l.className = "e-virt-table-overlayer", l.setAttribute("data-overlayer", e ? "custom" : "default");
     const c = i || document.createElement("div");
     c.className = "e-virt-table-editor";
     const d = s, f = o;
@@ -7542,12 +7548,9 @@ class ki {
   }
   draw(t = !1) {
     this.animationFrameId && cancelAnimationFrame(this.animationFrameId), this.animationFrameId = requestAnimationFrame(() => {
-      const e = performance.now();
       this.header.update(), this.footer.update(), this.body.update(), this.ctx.paint.clear(), this.body.draw(), this.footer.draw(), this.header.draw(), this.scroller.draw(), t || this.overlayer.draw(), this.animationFrameId2 && cancelAnimationFrame(this.animationFrameId2), this.animationFrameId2 = requestAnimationFrame(() => {
         this.body.updateAutoHeight();
       });
-      const i = performance.now(), s = Math.round(i - e);
-      this.ctx.drawTime = s * this.ctx.config.DRAW_TIME_MULTIPLIER;
     });
   }
   loadConfig(t) {
@@ -7790,6 +7793,9 @@ class ki {
     var e;
     return (e = this.ctx.database.getColumnByKey(t)) == null ? void 0 : e.column;
   }
+  clearChangeData() {
+    this.ctx.database.clearChangeData(), this.ctx.emit("draw");
+  }
   /**
    * 销毁
    */