e-virt-table 1.2.33 → 1.2.35

package/dist/index.es.js

@@ -214,7 +214,7 @@ function xe(c, t = document.documentElement) {
   const e = c.startsWith("--") ? c : `--${c}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
-function It(c) {
+function Rt(c) {
   if (!c) return /* @__PURE__ */ new Date(0);
   if (typeof c == "number")
     return new Date(c);
@@ -269,7 +269,7 @@ function It(c) {
   return /* @__PURE__ */ new Date(NaN);
 }
 function ue(c, t) {
-  const e = It(c), i = It(t);
+  const e = Rt(c), i = Rt(t);
   return isNaN(e.getTime()) && isNaN(i.getTime()) ? 0 : isNaN(e.getTime()) ? -1 : isNaN(i.getTime()) ? 1 : e.getTime() - i.getTime();
 }
 class Bt {
@@ -364,6 +364,7 @@ class ut extends Bt {
     n(this, "drawCellBgColor", "");
     n(this, "drawCellSkyBgColor", "");
     n(this, "drawTextColor", "");
+    n(this, "drawTextFont", "");
     n(this, "drawTextX", 0);
     n(this, "drawTextY", 0);
     n(this, "drawTextWidth", 0);
@@ -521,18 +522,18 @@ class ut extends Bt {
       return;
     const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = l || {};
     this.rowExpand = h, this.rowHasChildren = d;
-    const { TREE_INDENT: x = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: E } = this.ctx.config;
+    const { TREE_INDENT: x = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: m } = this.ctx.config;
     if (r = u * x, f) {
-      const R = this.ctx.icons.get("loading");
-      a = "loading", o = R;
+      const I = this.ctx.icons.get("loading");
+      a = "loading", o = I;
     } else if (d) {
-      const R = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
-      o = h ? _ : R, a = h ? "shrink" : "expand";
+      const I = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
+      o = h ? _ : I, a = h ? "shrink" : "expand";
     }
-    let g = E, m = E, y = this.drawX;
+    let g = m, E = m, y = this.drawX;
     (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
-    let p = y + r + e, b = this.drawY + (this.visibleHeight - m) / 2, C = r + this.drawX + g - 0.5;
-    this.type === "selection-tree" ? (p = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = p + g - e / 2) : this.type === "tree-selection" ? C = p + w + g - e / 2 : C = p + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(p + g + e > this.drawX + this.visibleWidth) && (b + m + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = p, this.drawTreeImageY = b, this.drawTreeImageWidth = g, this.drawTreeImageHeight = m, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
+    let p = y + r + e, b = this.drawY + (this.visibleHeight - E) / 2, C = r + this.drawX + g - 0.5;
+    this.type === "selection-tree" ? (p = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = p + g - e / 2) : this.type === "tree-selection" ? C = p + w + g - e / 2 : C = p + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(p + g + e > this.drawX + this.visibleWidth) && (b + E + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = p, this.drawTreeImageY = b, this.drawTreeImageWidth = g, this.drawTreeImageHeight = E, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
   }
   drawTreeLine() {
     const { TREE_LINE: e, TREE_INDENT: i = 16, TREE_ICON_SIZE: s = 16, TREE_LINE_COLOR: o = "#e1e6eb" } = this.ctx.config;
@@ -542,8 +543,8 @@ class ut extends Bt {
     const f = Array.isArray(r.parentRowKeys) ? r.parentRowKeys : [];
     if (a > 0) {
       for (let g = 0; g < a - 1; g += 1) {
-        const m = f[g + 1];
-        if (!!(m ? this.ctx.database.getRowForRowKey(m) || {} : {}).isLastChild) continue;
+        const E = f[g + 1];
+        if (!!(E ? this.ctx.database.getRowForRowKey(E) || {} : {}).isLastChild) continue;
         const b = Math.round(this.drawTreeImageX - (a - g) * i + s / 2);
         this.ctx.paint.drawLine([b, this.drawY, b, this.drawY + this.visibleHeight], {
           borderColor: o,
@@ -559,8 +560,8 @@ class ut extends Bt {
         lineDash: [4, 4],
         lineDashOffset: 0
       });
-      const E = Math.round(d + (a - 1) * i + s / 2);
-      this.ctx.paint.drawLine([E, h, l, h], {
+      const m = Math.round(d + (a - 1) * i + s / 2);
+      this.ctx.paint.drawLine([m, h, l, h], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -592,34 +593,34 @@ class ut extends Bt {
       HIGHLIGHT_HOVER_ROW: u,
       HIGHLIGHT_HOVER_ROW_COLOR: x,
       STRIPE: w,
-      STRIPE_COLOR: E
+      STRIPE_COLOR: m
     } = this.ctx.config;
     if (this.cellType === "footer") {
       let _ = h, T = l;
       if (typeof o == "function") {
-        const S = o, { backgroundColor: I, color: v } = S({
+        const S = o, { backgroundColor: R, color: v, font: O } = S({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        I && (_ = I), v && (T = v);
+        R && (_ = R), v && (T = v), O && (this.drawTextFont = O);
       }
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = T;
       return;
     }
     let g = "transparent";
-    const m = this.ctx.hoverCell, y = this.ctx.currentCell;
+    const E = this.ctx.hoverCell, y = this.ctx.currentCell;
     let p = this.rowIndex, b = this.rowIndex;
     if (this.rowspan !== 1 && (u || d)) {
       const _ = this.getSpanInfo(), { yArr: T } = _;
       p = T[0], b = T[1];
     }
-    u && m && (m.rowKey === this.rowKey && (g = x), m.rowIndex >= p && m.rowIndex <= b && (g = x)), d && y && (y.rowKey === this.rowKey && (g = f), y.rowIndex >= p && y.rowIndex <= b && (g = f)), this.drawCellSkyBgColor = g;
-    let C = e, R = a;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, R = r), w && (this.rowIndex % 2 ? C = E : C = e), typeof s == "function") {
-      const _ = s, { backgroundColor: T, color: S } = _({
+    u && E && (E.rowKey === this.rowKey && (g = x), E.rowIndex >= p && E.rowIndex <= b && (g = x)), d && y && (y.rowKey === this.rowKey && (g = f), y.rowIndex >= p && y.rowIndex <= b && (g = f)), this.drawCellSkyBgColor = g;
+    let C = e, I = a;
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, I = r), w && (this.rowIndex % 2 ? C = m : C = e), typeof s == "function") {
+      const _ = s, { backgroundColor: T, color: S, font: R } = _({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -627,9 +628,9 @@ class ut extends Bt {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      T && (C = T), S && (R = S);
+      T && (C = T), S && (I = S), R && (this.drawTextFont = R);
     }
-    this.drawCellBgColor = C, this.drawTextColor = R;
+    this.drawCellBgColor = C, this.drawTextColor = I;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: l, rowKey: h } = this;
@@ -638,22 +639,22 @@ class ut extends Bt {
     const d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: f = 0, CELL_PADDING: u } = this.ctx.config;
     let x = this.drawX + u;
     (this.align === "center" || this.align === "right") && (x = this.drawX + (e - f) / 2);
-    let w = x, E = this.drawY + (i - f) / 2;
+    let w = x, m = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: p } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, R = C * y;
-        w = x + p + R;
+        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: p } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, I = C * y;
+        w = x + p + I;
       }
     }
-    let g = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck";
+    let g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck";
     if (a === "selection-tree" || a === "tree-selection") {
       const y = this.ctx.database.getTreeSelectionState(h);
-      y.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), m = "checkbox-indeterminate") : y.checked && d ? (g = this.ctx.icons.get("checkbox-check"), m = "checkbox-check") : !y.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), m = "checkbox-disabled");
+      y.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), E = "checkbox-indeterminate") : y.checked && d ? (g = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : !y.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
     } else {
       const y = this.ctx.database.getRowSelection(h);
-      y && d ? (g = this.ctx.icons.get("checkbox-check"), m = "checkbox-check") : y && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), m = "checkbox-check-disabled") : !y && d ? (g = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), m = "checkbox-disabled");
+      y && d ? (g = this.ctx.icons.get("checkbox-check"), E = "checkbox-check") : y && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), E = "checkbox-check-disabled") : !y && d ? (g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), E = "checkbox-disabled");
     }
-    w + f + u > this.drawX + this.visibleWidth || E + f + u > this.drawY + this.visibleHeight || (a === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(m)) && (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = m, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = m, this.drawSelectionImageSource = g));
+    w + f + u > this.drawX + this.visibleWidth || m + f + u > this.drawY + this.visibleHeight || (a === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(E)) && (this.drawSelectionImageX = w, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = E, this.drawSelectionImageSource = g));
   }
   updateHoverIcon() {
     if (this.ctx.database.getReadonly(this.rowKey, this.key))
@@ -675,8 +676,8 @@ class ut extends Bt {
       if (a.rowKey === this.rowKey && (l = this.drawX + this.width - s - o, h = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
         const f = this.getSpanInfo(), { yArr: u } = f, x = u[0], w = u[1];
         if (a.rowIndex >= x && a.rowIndex <= w) {
-          const { width: E, height: g, offsetTop: m, offsetLeft: y } = f;
-          l = this.drawX - y + E - s - o, h = this.drawY - m + (g - s) / 2;
+          const { width: m, height: g, offsetTop: E, offsetLeft: y } = f;
+          l = this.drawX - y + m - s - o, h = this.drawY - E + (g - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
@@ -696,8 +697,8 @@ class ut extends Bt {
     }
     if (!(this.displayText && typeof this.displayText == "string"))
       return 0;
-    const { BODY_FONT: e, CELL_PADDING: i, CELL_LINE_HEIGHT: s } = this.ctx.config, o = `${this.displayText}_${this.drawTextWidth}`, r = this.ctx.paint.calculateTextHeight(this.displayText, this.drawTextWidth, {
-      font: e,
+    const { BODY_FONT: e, CELL_PADDING: i, CELL_LINE_HEIGHT: s } = this.ctx.config, o = `${this.displayText}_${this.drawTextWidth}_${this.drawTextFont}`, r = this.ctx.paint.calculateTextHeight(this.displayText, this.drawTextWidth, {
+      font: this.drawTextFont || e,
       padding: i,
       align: this.align,
       verticalAlign: this.verticalAlign,
@@ -805,8 +806,8 @@ class ut extends Bt {
       return;
     const { xArr: r, yArr: a } = this.ctx.selector, l = r[1], h = a[1], { colIndex: d, rowIndex: f, drawX: u, drawY: x } = this;
     if (d === l && f === h) {
-      const E = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
-      this.ctx.paint.drawRect(u + this.width - E, x + this.height - E, 6, 6, {
+      const m = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
+      this.ctx.paint.drawRect(u + this.width - m, x + this.height - m, 6, 6, {
         borderColor: o,
         fillColor: e
       });
@@ -835,7 +836,7 @@ class ut extends Bt {
     if (!this.ctx.database.getReadonly(this.rowKey, this.key) && r && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (a = r, l = s), ["", null, void 0].includes(a))
       return !1;
     typeof a != "string" && (a = `${a}`);
-    const d = `${a}_${this.drawTextWidth}`;
+    const d = `${a}_${this.drawTextWidth}_${this.drawTextFont}`;
     return this.ellipsis = this.ctx.paint.drawText(
       a,
       this.drawTextX,
@@ -843,7 +844,7 @@ class ut extends Bt {
       this.drawTextWidth,
       this.drawTextHeight,
       {
-        font: i,
+        font: this.drawTextFont || i,
         padding: e,
         align: this.align,
         verticalAlign: this.verticalAlign,
@@ -949,11 +950,11 @@ class ut extends Bt {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: l } = this;
     let h = i, d = s;
-    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: w = 1, borderColor: E, fillColor: g } = e, m = f[0], y = f[1], p = u[0], b = u[1];
-    if (r >= m && r <= y && o === p) {
-      const C = r === y ? 1 : 0, R = r === m ? 1 : 0;
-      this.ctx.paint.drawLine([h + R, d + 1, h + l - C, d + 1], {
-        borderColor: E,
+    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: w = 1, borderColor: m, fillColor: g } = e, E = f[0], y = f[1], p = u[0], b = u[1];
+    if (r >= E && r <= y && o === p) {
+      const C = r === y ? 1 : 0, I = r === E ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + 1, h + l - C, d + 1], {
+        borderColor: m,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
@@ -962,9 +963,9 @@ class ut extends Bt {
       });
     }
     if (r === y && o >= p && o <= b) {
-      const C = o === p ? 1 : 0, R = o === b ? 1 : 0;
-      this.ctx.paint.drawLine([h + l - 1, d + C, h + l - 1, d + a - R], {
-        borderColor: E,
+      const C = o === p ? 1 : 0, I = o === b ? 1 : 0;
+      this.ctx.paint.drawLine([h + l - 1, d + C, h + l - 1, d + a - I], {
+        borderColor: m,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
@@ -972,10 +973,10 @@ class ut extends Bt {
         lineDash: x
       });
     }
-    if (r >= m && r <= y && o === b) {
-      const C = r === y ? 1 : 0, R = r === m ? 1 : 0;
-      this.ctx.paint.drawLine([h + R, d + a - 1, h + l - C, d + a - 1], {
-        borderColor: E,
+    if (r >= E && r <= y && o === b) {
+      const C = r === y ? 1 : 0, I = r === E ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + a - 1, h + l - C, d + a - 1], {
+        borderColor: m,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
@@ -983,10 +984,10 @@ class ut extends Bt {
         lineDash: x
       });
     }
-    if (r === m && o >= p && o <= b) {
-      const C = o === b ? 1 : 0, R = o === p ? 1 : 0;
-      this.ctx.paint.drawLine([h + 1, d + R, h + 1, d + a - C], {
-        borderColor: E,
+    if (r === E && o >= p && o <= b) {
+      const C = o === b ? 1 : 0, I = o === p ? 1 : 0;
+      this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + a - C], {
+        borderColor: m,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
@@ -1059,7 +1060,7 @@ class ge {
       var y;
       const { ROW_KEY: a = "", DEFAULT_EXPAND_ALL: l, CELL_HEIGHT: h, SELECTABLE_METHOD: d, CHECKBOX_KEY: f } = this.ctx.config, u = o[a], x = u != null ? `${u}` : Dt();
       this.itemRowKeyMap.set(o, x);
-      const w = o._height || h, E = o._readonly;
+      const w = o._height || h, m = o._readonly;
       let g = !0;
       if (typeof d == "function" && (g = d), f) {
         const p = o[f];
@@ -1074,9 +1075,9 @@ class ge {
         row: o,
         check: ((y = this.selectionMap.get(x)) == null ? void 0 : y.check) || !1
       });
-      const m = l || this.expandMap.get(x) || o._expand || !1;
-      this.expandMap.set(x, m), this.rowKeyMap.set(x, {
-        readonly: E,
+      const E = l || this.expandMap.get(x) || o._expand || !1;
+      this.expandMap.set(x, E), this.rowKeyMap.set(x, {
+        readonly: m,
         index: r,
         rowIndex: r,
         level: e,
@@ -1084,7 +1085,7 @@ class ge {
         calculatedHeight: -1,
         check: !1,
         selectable: g,
-        expand: m,
+        expand: E,
         expandLazy: !1,
         hasChildren: o._hasChildren || (Array.isArray(o.children) ? o.children.length > 0 : !1),
         expandLoading: !1,
@@ -1381,17 +1382,17 @@ class ge {
     let o = [], r = i;
     const a = /* @__PURE__ */ new Set();
     let l = [], h = t.map((x) => {
-      const { rowKey: w, key: E } = x;
-      let g = x.value, m = g;
-      const y = this.getRowDataItemForRowKey(w), p = this.getItemValue(w, E), b = this.getVirtualBodyCellByKey(w, E);
-      return (b == null ? void 0 : b.type) === "number" && (["", void 0, null].includes(g) ? m = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? m = Number(g) : (m = p, l.push({
+      const { rowKey: w, key: m } = x;
+      let g = x.value, E = g;
+      const y = this.getRowDataItemForRowKey(w), p = this.getItemValue(w, m), b = this.getVirtualBodyCellByKey(w, m);
+      return (b == null ? void 0 : b.type) === "number" && (["", void 0, null].includes(g) ? E = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? E = Number(g) : (E = p, l.push({
         ...x,
-        value: m,
+        value: E,
         oldValue: p,
         row: y
       }))), {
         ...x,
-        value: m,
+        value: E,
         oldValue: p,
         row: y
       };
@@ -1408,11 +1409,11 @@ class ge {
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
     s === "none" && typeof d == "function" && (h = await d(h), r = !1), h.forEach((x) => {
-      const { value: w, rowKey: E, key: g } = x, m = this.getItemValue(E, g);
-      a.add(E), this.setItemValue(E, g, w, !1, !1, !1, r), o.push({
-        rowKey: E,
+      const { value: w, rowKey: m, key: g } = x, E = this.getItemValue(m, g);
+      a.add(m), this.setItemValue(m, g, w, !1, !1, !1, r), o.push({
+        rowKey: m,
         key: g,
-        oldValue: m,
+        oldValue: E,
         newValue: w
       });
     });
@@ -1484,7 +1485,7 @@ class ge {
           oldValue: h,
           newValue: h
         };
-      let E = [
+      let m = [
         {
           rowKey: t,
           key: e,
@@ -1493,7 +1494,7 @@ class ge {
           row: x
         }
       ];
-      this.batchSetItemValue(E, s, !1), this.ctx.emit("editChange", {
+      this.batchSetItemValue(m, s, !1), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
         oldValue: h,
@@ -1559,9 +1560,9 @@ class ge {
   toggleTreeSelection(t) {
     const e = this.getTreeSelectionState(t), i = this.ctx.config.TREE_SELECT_MODE;
     if (i === "auto")
-      e.checked && !e.indeterminate ? (this.setRowSelection(t, !1, !1), this.clearTreeSelectionRecursive(t)) : (this.setRowSelection(t, !0, !1), this.selectTreeSelectionRecursive(t));
+      e.checked && !e.indeterminate ? (this.clearTreeSelectionRecursive(t), this.setRowSelection(t, !1, !1)) : (this.selectTreeSelectionRecursive(t), this.setRowSelection(t, !0, !1));
     else if (i === "cautious")
-      e.checked && !e.indeterminate ? (this.setRowSelection(t, !1, !1), this.clearTreeSelectionRecursive(t)) : (this.setRowSelection(t, !0, !1), this.selectTreeSelectionRecursive(t));
+      e.checked && !e.indeterminate ? (this.clearTreeSelectionRecursive(t), this.setRowSelection(t, !1, !1)) : (this.selectTreeSelectionRecursive(t), this.setRowSelection(t, !0, !1));
     else if (i === "strictly") {
       const s = this.selectionMap.get(t);
       s && (s.check = !s.check, this.setRowSelectionByCheckboxKey(t, s.check));
@@ -1571,13 +1572,13 @@ class ge {
   // 递归选中树形选择
   selectTreeSelectionRecursive(t) {
     this.getTreeChildren(t).forEach((i) => {
-      this.setRowSelection(i, !0, !1), this.selectTreeSelectionRecursive(i);
+      this.setRowSelectionByParent(i, !0), this.selectTreeSelectionRecursive(i);
     });
   }
   // 递归取消树形选择
   clearTreeSelectionRecursive(t) {
     this.getTreeChildren(t).forEach((i) => {
-      this.setRowSelection(i, !1, !1), this.clearTreeSelectionRecursive(i);
+      this.setRowSelectionByParent(i, !1), this.clearTreeSelectionRecursive(i);
     });
   }
   // 向上递归更新父项状态
@@ -1599,6 +1600,10 @@ class ge {
     const s = this.selectionMap.get(t);
     s && (s.check = e, this.setRowSelectionByCheckboxKey(t, s.check), this.ctx.emit("setRowSelection", e, s.row), (this.ctx.config.TREE_SELECT_MODE === "auto" || this.ctx.config.TREE_SELECT_MODE === "cautious") && this.updateParentTreeSelection(t), i && (this.bufferCheckState.buffer = !1, this.ctx.emit("draw")));
   }
+  setRowSelectionByParent(t, e) {
+    const i = this.selectionMap.get(t);
+    i && (i.check = e, this.setRowSelectionByCheckboxKey(t, i.check));
+  }
   getSelectionRows() {
     let t = [];
     return this.selectionMap.forEach((e) => {
@@ -1623,22 +1628,22 @@ class ge {
     let r = !1, a = s;
     if (this.ctx.config.TREE_SELECT_MODE === "auto") {
       const h = (g) => {
-        const m = this.getTreeChildren(g);
+        const E = this.getTreeChildren(g);
         let y = [];
-        for (const p of m)
+        for (const p of E)
           y.push(p), y.push(...h(p));
         return y;
       }, f = h(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0;
       r = w && !(u === x), a = s || w, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else if (this.ctx.config.TREE_SELECT_MODE === "cautious") {
       const h = (g) => {
-        const m = this.getTreeChildren(g);
+        const E = this.getTreeChildren(g);
         let y = [];
-        for (const p of m)
+        for (const p of E)
           y.push(p), y.push(...h(p));
         return y;
-      }, f = h(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0, E = u === x;
-      r = w && !E, a = s || E, s && x > 0 && u === 0 && (a = !1, r = !1);
+      }, f = h(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0, m = u === x;
+      r = w && !m, a = s || m, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else this.ctx.config.TREE_SELECT_MODE === "strictly" && (r = !1, a = s);
     return { checked: a, indeterminate: r };
   }
@@ -1741,8 +1746,8 @@ class ge {
     let s = 0, o = 0;
     const r = this.selectionMap.size, a = Array.from(this.selectionMap.values()).some((u) => u.check);
     this.rowKeyMap.forEach((u, x) => {
-      var E;
-      (E = this.selectionMap.get(x)) != null && E.check && (s += 1);
+      var m;
+      (m = this.selectionMap.get(x)) != null && m.check && (s += 1);
       let w = u.selectable;
       typeof w == "function" && (w = w({
         row: u.item,
@@ -1926,7 +1931,7 @@ class ge {
       width: u,
       colspan: x,
       mergeRow: w,
-      mergeCol: E
+      mergeCol: m
     } = t;
     if (d === 1 && x === 1)
       return {
@@ -1947,41 +1952,41 @@ class ge {
           }
         ]
       };
-    let g = e, m = e, y = a, p = a, b = [], C = 0, R = 0, _ = 0, T = 0;
+    let g = e, E = e, y = a, p = a, b = [], C = 0, I = 0, _ = 0, T = 0;
     if (d !== 1 && w) {
       T = u;
-      const S = l.reduce((I, v) => {
+      const S = l.reduce((R, v) => {
         const O = this.getItemValue(s, v) ?? "";
-        return `${I}${O}`;
+        return `${R}${O}`;
       }, "");
-      for (let I = e - 1; I >= 0; I--) {
-        const v = this.rowIndexRowKeyMap.get(I) || "", O = l.reduce((A, L) => {
+      for (let R = e - 1; R >= 0; R--) {
+        const v = this.rowIndexRowKeyMap.get(R) || "", O = l.reduce((A, L) => {
           const M = this.getItemValue(v, L) ?? "";
           return `${A}${M}`;
         }, "");
         if (S === O)
-          g = I;
+          g = R;
         else
           break;
       }
-      for (let I = e; I <= this.ctx.maxRowIndex; I++) {
-        const v = this.rowIndexRowKeyMap.get(I) || "", O = l.reduce((A, L) => {
+      for (let R = e; R <= this.ctx.maxRowIndex; R++) {
+        const v = this.rowIndexRowKeyMap.get(R) || "", O = l.reduce((A, L) => {
           const M = this.getItemValue(v, L) ?? "";
           return `${A}${M}`;
         }, "");
         if (S === O)
-          m = I;
+          E = R;
         else
           break;
       }
-      for (let I = g; I < e; I++) {
-        const { height: v } = this.positions[I];
+      for (let R = g; R < e; R++) {
+        const { height: v } = this.positions[R];
         C += v;
       }
-      for (let I = g; I <= m; I++) {
-        const { height: v } = this.positions[I];
+      for (let R = g; R <= E; R++) {
+        const { height: v } = this.positions[R];
         _ += v;
-        const O = this.rowIndexRowKeyMap.get(I) || "", { item: A } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
+        const O = this.rowIndexRowKeyMap.get(R) || "", { item: A } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
         b.push({
           rowKey: O,
           key: i,
@@ -1990,55 +1995,55 @@ class ge {
         });
       }
     }
-    if (x !== 1 && E) {
+    if (x !== 1 && m) {
       _ = f;
       for (let S = a - 1; S >= 0; S--) {
-        const I = this.getColumnByColIndex(S);
-        if (!I)
+        const R = this.getColumnByColIndex(S);
+        if (!R)
           break;
-        const v = this.getItemValue(s, i), O = this.getItemValue(s, I.key);
-        if (v === O && h.includes(I.key))
+        const v = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
+        if (v === O && h.includes(R.key))
           y = S;
         else
           break;
       }
       for (let S = a; S <= this.ctx.maxColIndex; S++) {
-        const I = this.getColumnByColIndex(S);
-        if (!I)
+        const R = this.getColumnByColIndex(S);
+        if (!R)
           break;
-        const v = this.getItemValue(s, i), O = this.getItemValue(s, I.key);
-        if (v === O && h.includes(I.key))
+        const v = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
+        if (v === O && h.includes(R.key))
           p = S;
         else
           break;
       }
       for (let S = y; S < a; S++) {
-        const I = this.getColumnByColIndex(S);
-        if (!I)
+        const R = this.getColumnByColIndex(S);
+        if (!R)
           break;
-        R += I.width || 100;
+        I += R.width || 100;
       }
       for (let S = y; S <= p; S++) {
-        const I = this.getColumnByColIndex(S);
-        if (!I)
+        const R = this.getColumnByColIndex(S);
+        if (!R)
           break;
-        T += I.width || 100, b.push({
+        T += R.width || 100, b.push({
           rowKey: s,
-          key: I.key,
-          value: this.getItemValue(s, I.key),
+          key: R.key,
+          value: this.getItemValue(s, R.key),
           row: o
         });
       }
     }
     return {
       xArr: [y, p],
-      yArr: [g, m],
+      yArr: [g, E],
       rowspan: d,
       colspan: x,
       height: _,
       width: T,
       offsetTop: C,
-      offsetLeft: R,
+      offsetLeft: I,
       dataList: b
     };
   }
@@ -2177,14 +2182,14 @@ class we {
     this.history = [], this.historyIndex = -1;
   }
 }
-class Ee {
+class me {
   constructor(t) {
-    n(this, "eventTasks", /* @__PURE__ */ new Map());
+    n(this, "eventTasks", /* @__PURE__ */ new Set());
     n(this, "ctx");
     this.ctx = t, this.init();
   }
   init() {
-    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(window, "blur", this.handleOutsideMousedown.bind(this)), this.bind(window, "mousedown", this.handleOutsideMousedown.bind(this)), this.bind(this.ctx.stageElement, "click", this.handleClick.bind(this)), this.bind(window, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.stageElement, "wheel", this.handleWheel.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchstart", this.handleTouchstart.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchend", this.handleTouchend.bind(this)), this.bind(this.ctx.stageElement, "touchmove", this.handleTouchmove.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "contextmenu", this.handleContextMenu.bind(this)), this.bind(this.ctx.stageElement, "mousedown", this.handleMouseDown.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this)), this.bind(this.ctx.stageElement, "mouseover", this.handleMouseover.bind(this)), this.bind(this.ctx.stageElement, "mouseout", this.handleMouseout.bind(this)), document.addEventListener("selectionchange", this.selectionchange.bind(this));
+    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(window, "blur", this.handleOutsideMousedown.bind(this)), this.bind(window, "mousedown", this.handleOutsideMousedown.bind(this)), this.bind(this.ctx.stageElement, "click", this.handleClick.bind(this)), this.bind(window, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.stageElement, "wheel", this.handleWheel.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchstart", this.handleTouchstart.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchend", this.handleTouchend.bind(this)), this.bind(this.ctx.stageElement, "touchmove", this.handleTouchmove.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "contextmenu", this.handleContextMenu.bind(this)), this.bind(this.ctx.stageElement, "mousedown", this.handleMouseDown.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this)), this.bind(this.ctx.stageElement, "mouseover", this.handleMouseover.bind(this)), this.bind(this.ctx.stageElement, "mouseout", this.handleMouseout.bind(this)), this.bind(document, "selectionchange", this.selectionchange.bind(this));
   }
   selectionchange() {
     this.ctx.domSelectionStr = "";
@@ -2196,9 +2201,9 @@ class Ee {
     t && !t.isCollapsed && t.removeAllRanges();
   }
   destroy() {
-    this.eventTasks.forEach((t, e) => {
-      this.unbind(window, e, t);
-    }), document.removeEventListener("selectionchange", this.selectionchange.bind(this)), this.eventTasks.clear();
+    Array.from(this.eventTasks).forEach(({ target: e, name: i, fn: s, options: o }) => {
+      this.unbind(e, i, s, o);
+    }), this.eventTasks.clear();
   }
   handleResize(t) {
     this.ctx.emit("resetHeader", t), this.ctx.emit("resize", t);
@@ -2247,13 +2252,18 @@ class Ee {
     this.ctx.selector.enable && (t.target instanceof Window || t.target instanceof Node && !this.ctx.containerElement.contains(t.target)) && this.ctx.emit("outsideMousedown", t);
   }
   bind(t, e, i, s) {
-    t.addEventListener(e, i, s), this.eventTasks.set(e, i);
+    t.addEventListener(e, i, s), this.eventTasks.add({ target: t, name: e, fn: i, options: s });
   }
-  unbind(t, e, i) {
-    t.removeEventListener(e, i), this.eventTasks.delete(e);
+  unbind(t, e, i, s) {
+    t.removeEventListener(e, i, s);
+    for (const o of this.eventTasks)
+      if (o.target === t && o.name === e && o.fn === i) {
+        this.eventTasks.delete(o);
+        break;
+      }
   }
 }
-class me {
+class Ee {
   constructor() {
     n(this, "events", /* @__PURE__ */ new Map());
   }
@@ -2387,7 +2397,7 @@ class pe {
    * @returns 是否溢出
    */
   drawText(t = "", e, i, s, o, r = {}) {
-    var I;
+    var R;
     this.ctx.save();
     const {
       font: a = "12px Arial",
@@ -2398,23 +2408,23 @@ class pe {
       maxLineClamp: u = 1,
       autoRowHeight: x = !1,
       offsetLeft: w = 0,
-      offsetRight: E = 0
+      offsetRight: m = 0
     } = r;
     if (this.ctx.font = a, this.ctx.fillStyle = h, this.ctx.textAlign = l, ["", null, void 0].includes(t))
       return this.ctx.restore(), !1;
-    const m = parseInt(((I = a.match(/\d+/)) == null ? void 0 : I[0]) || "12") * (r.lineHeight || 1.2), y = s - d * 2 - w - E;
+    const E = parseInt(((R = a.match(/\d+/)) == null ? void 0 : R[0]) || "12") * (r.lineHeight || 1.2), y = s - d * 2 - w - m;
     let p = !1;
-    const b = Math.round((o - 2 * d) / m);
-    let C = this.wrapText(t, y, r.cacheTextKey), R = Math.min(C.length, Math.max(b, 1));
-    u === "auto" && x ? R = C.length : typeof u == "number" && u < R && u !== 1 ? R = u : (u === 1 && (C = [t], R = 1), u === "auto" && b === 1 && (C = [t], R = 1));
+    const b = Math.round((o - 2 * d) / E);
+    let C = this.wrapText(t, y, r.cacheTextKey), I = Math.min(C.length, Math.max(b, 1));
+    u === "auto" && x ? I = C.length : typeof u == "number" && u < I && u !== 1 ? I = u : (u === 1 && (C = [t], I = 1), u === "auto" && b === 1 && (C = [t], I = 1));
     let _ = i + d;
-    const T = Math.round(R * m);
+    const T = Math.round(I * E);
     f === "middle" ? _ = i + (o - T) / 2 : f === "bottom" && (_ = i + o - T - d);
     let S = e + d + w;
-    l === "center" ? S = e + s / 2 : l === "right" && (S = e + s - d - E);
+    l === "center" ? S = e + s / 2 : l === "right" && (S = e + s - d - m);
     for (let v = 0; v < C.length; v++) {
-      const O = C[v], A = _ + v * m;
-      if (this.ctx.textBaseline = "top", v === R - 1) {
+      const O = C[v], A = _ + v * E;
+      if (this.ctx.textBaseline = "top", v === I - 1) {
         const M = C.slice(v).join(""), { _text: D, ellipsis: H } = this.handleEllipsis(M, s, d, a);
         this.ctx.fillText(D, S, A), p = H;
         break;
@@ -2475,7 +2485,7 @@ class pe {
    * @returns 计算出的高度
    */
   calculateTextHeight(t = "", e, i = {}) {
-    var E;
+    var m;
     const {
       font: s = "12px Arial",
       padding: o = 0,
@@ -2485,7 +2495,7 @@ class pe {
       cacheTextKey: h = ""
     } = i;
     this.ctx.save(), this.ctx.font = s, this.ctx.fillStyle = a, this.ctx.textAlign = r;
-    const d = parseInt(((E = s.match(/\d+/)) == null ? void 0 : E[0]) || "12"), f = d * (i.lineHeight || 1.2), u = e - o * 2, x = this.wrapText(t, u, h);
+    const d = parseInt(((m = s.match(/\d+/)) == null ? void 0 : m[0]) || "12"), f = d * (i.lineHeight || 1.2), u = e - o * 2, x = this.wrapText(t, u, h);
     let w = 1;
     return l === "auto" ? w = x.length : x.length > l ? w = l : w = x.length, this.ctx.restore(), Math.max(Math.floor(w * f + o * 2), Math.floor(d + o * 2));
   }
@@ -2519,7 +2529,7 @@ class pe {
     };
   }
 }
-class Rt {
+class It {
   constructor(t) {
     n(this, "_config", {});
     /** CSS 类名前缀 */
@@ -3047,6 +3057,7 @@ class ct extends Bt {
     n(this, "drawTextHeight", 0);
     n(this, "drawCellBgColor", "");
     n(this, "drawTextColor", "");
+    n(this, "drawTextFont", "");
     n(this, "drawSelectionImageX", 0);
     n(this, "drawSelectionImageY", 0);
     n(this, "drawSelectionImageWidth", 0);
@@ -3080,11 +3091,11 @@ class ct extends Bt {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
     let o = i, r = s;
     if (typeof e == "function") {
-      const a = e, { backgroundColor: l, color: h } = a({
+      const a = e, { backgroundColor: l, color: h, font: d } = a({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      l && (o = l), h && (r = h);
+      l && (o = l), h && (r = h), d && (this.drawTextFont = d);
     }
     this.drawCellBgColor = o, this.drawTextColor = r;
   }
@@ -3108,7 +3119,7 @@ class ct extends Bt {
     const {
       paint: e,
       config: { HEADER_FONT: i, CELL_PADDING: s, REQUIRED_COLOR: o }
-    } = this.ctx, r = `${this.displayText}_${this.drawTextWidth}`;
+    } = this.ctx, r = `${this.displayText}_${this.drawTextWidth}_${this.drawTextFont}`;
     this.ellipsis = e.drawText(
       this.displayText,
       this.drawTextX,
@@ -3116,7 +3127,7 @@ class ct extends Bt {
       this.drawTextWidth,
       this.drawTextHeight,
       {
-        font: i,
+        font: this.drawTextFont || i,
         padding: s,
         color: this.drawTextColor,
         align: this.align,
@@ -3200,7 +3211,7 @@ class ct extends Bt {
     };
   }
 }
-class Ie {
+class Re {
   constructor(t) {
     n(this, "ctx");
     n(this, "visibleHoverCell");
@@ -3488,7 +3499,7 @@ class Ie {
     this.resizeObserver.unobserve(this.ctx.stageElement), this.mutationObserver.disconnect();
   }
 }
-class Re {
+class Ie {
   constructor(t, e) {
     n(this, "eventBus");
     n(this, "eventBrowser");
@@ -3617,10 +3628,10 @@ class Re {
       loadingElement: h,
       contextMenuElement: d
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = h, this.contextMenuElement = d, this.config = new Rt(e.config || {}), this.eventBus = new me(), this.eventBrowser = new Ee(this), this.eventTable = new Ie(this), this.paint = new pe(this.canvasElement), this.database = new ge(this, e), this.history = new we(this), this.icons = new be(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = h, this.contextMenuElement = d, this.config = new It(e.config || {}), this.eventBus = new Ee(), this.eventBrowser = new me(this), this.eventTable = new Re(this), this.paint = new pe(this.canvasElement), this.database = new ge(this, e), this.history = new we(this), this.icons = new be(this);
   }
   setConfig(t) {
-    this.config = new Rt(t);
+    this.config = new It(t);
   }
   setItemValueByEditor(t, e, i, s = !0, o = !0, r = !0) {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
@@ -3844,8 +3855,8 @@ class vt {
     if (this.type === "vertical") {
       this.visibleDistance = h - o - d, this.distance = u - this.visibleDistance + x, this.trackX = l - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = h, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
       const w = this.distance ? this.visibleDistance / (u + x) : 0;
-      let E = Math.floor(w * this.visibleDistance);
-      E < 30 ? E = 30 : E > this.visibleDistance && (E = 0), this.barHeight = E, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      let m = Math.floor(w * this.visibleDistance);
+      m < 30 ? m = 30 : m > this.visibleDistance && (m = 0), this.barHeight = m, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
       this.visibleDistance = l - o, this.distance = f - this.visibleDistance, this.splitPoints = [
         l - o,
@@ -3855,8 +3866,8 @@ class vt {
       ];
       const w = a ? 0 : 0.5;
       this.trackX = 0, this.trackY = h - o + w, this.trackWidth = l, this.trackHeight = o;
-      const E = this.distance ? this.visibleDistance / f : 0;
-      let g = Math.floor(E * this.visibleDistance);
+      const m = this.distance ? this.visibleDistance / f : 0;
+      let g = Math.floor(m * this.visibleDistance);
       this.barY = this.trackY - 1 + (o - r) / 2, g < 30 ? g = 30 : g >= this.visibleDistance && (g = 0), this.barWidth = g, this.barHeight = r, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
@@ -4039,8 +4050,8 @@ class _e {
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
     const s = Nt(i), o = it(i);
     this.height = t * s, this.width = o.reduce((f, u) => {
-      const x = u.width || 100, { maxWidth: w, minWidth: E } = u;
-      return w && x > w ? f + w : E && x < E ? f + E : f + x;
+      const x = u.width || 100, { maxWidth: w, minWidth: m } = u;
+      return w && x > w ? f + w : m && x < m ? f + m : f + x;
     }, 0), this.visibleHeight = this.height;
     const r = ae(kt(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
@@ -4140,7 +4151,7 @@ class _e {
     for (let r = 0; r < i; r++) {
       const a = t[r], l = o * (a.rowspan || 0), h = o * (a.level || 0);
       let { minWidth: d, maxWidth: f } = a, u = a.width || 100;
-      d && u < d && (u = d), f && u > f && (u = f), a.children && (u = it(a.children).reduce((E, g) => E + ((g == null ? void 0 : g.width) || 100), 0));
+      d && u < d && (u = d), f && u > f && (u = f), a.children && (u = it(a.children).reduce((m, g) => m + ((g == null ? void 0 : g.width) || 100), 0));
       const x = new ct(this.ctx, this.columnIndex, s, h, u, l, a);
       this.ctx.database.setHeader(a.key, x), this.allCellHeaders.push(x), a.children || (this.leafCellHeaders.push(x), x.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(x) : a.fixed === "right" ? this.fixedRightCellHeaders.push(x) : this.centerCellHeaders.push(x), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += u;
     }
@@ -4325,33 +4336,33 @@ class ve {
     this.x = 0, u === "top" && o ? this.y = e.height + i.height : this.y = e.height;
     const { data: x, sumHeight: w } = s.getData();
     this.height = w, this.data = x, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
-    const E = this.ctx.footer.height;
-    !this.data.length && !a ? this.height = l : !this.data.length && a && (this.height = a - e.height - E - r);
+    const m = this.ctx.footer.height;
+    !this.data.length && !a ? this.height = l : !this.data.length && a && (this.height = a - e.height - m - r);
     let g = this.height + e.height + r;
-    g += E;
-    let m = g;
+    g += m;
+    let E = g;
     const y = window.innerHeight, { top: p } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
     if (y > p && d && !a) {
       const O = y - p - f;
-      O > e.height + r ? m = O : g > h && (m = h);
-    } else this.data.length && a ? m = a : this.data.length && h && g > h && (m = h);
-    m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
+      O > e.height + r ? E = O : g > h && (E = h);
+    } else this.data.length && a ? E = a : this.data.length && h && g > h && (E = h);
+    E > 0 && (this.ctx.stageHeight = Math.floor(E), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
     let b = this.ctx.stageHeight - e.height - r;
-    o ? this.visibleHeight = b - 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 C = window.devicePixelRatio || 1, R = this.ctx.stageWidth * C, _ = this.ctx.stageHeight * C;
-    t.width = Math.round(R), t.height = Math.round(_);
+    o ? this.visibleHeight = b - m : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
+    const C = window.devicePixelRatio || 1, I = this.ctx.stageWidth * C, _ = this.ctx.stageHeight * C;
+    t.width = Math.round(I), t.height = Math.round(_);
     const T = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
       isEmpty: T,
       type: T,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: E,
+      footerHeight: m,
       width: this.width,
-      height: this.data.length ? 0 : l + E
+      height: this.data.length ? 0 : l + m
     });
-    const S = Math.round(t.width / C * 1e4) / 1e4, I = Math.round(t.height / C * 1e4) / 1e4;
-    this.ctx.canvasElement.setAttribute("style", `height:${I}px;width:${S}px;`), this.ctx.paint.scale(C);
+    const S = Math.round(t.width / C * 1e4) / 1e4, R = Math.round(t.height / C * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${R}px;width:${S}px;`), this.ctx.paint.scale(C);
   }
   // 调整行的高度
   initResizeRow() {
@@ -4475,7 +4486,7 @@ class ve {
     this.headIndex = Math.max(0, l), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const d = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
-      const u = this.headIndex + f, x = this.visibleRows[f], { height: w, top: E } = this.ctx.database.getPositionForRowIndex(u), g = new Kt(this.ctx, u, 0, E + this.y, t.width, w, x);
+      const u = this.headIndex + f, x = this.visibleRows[f], { height: w, top: m } = this.ctx.database.getPositionForRowIndex(u), g = new Kt(this.ctx, u, 0, m + this.y, t.width, w, x);
       d.push(g);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
@@ -4698,15 +4709,15 @@ class Oe {
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, x = a, w = l || this.ctx.maxColIndex - f, E = h, g = d || this.ctx.maxRowIndex - u;
-      let [m, y] = o, [p, b] = r;
-      if (m < x || y > w || p < E || b > g)
+      } = this.ctx.config, x = a, w = l || this.ctx.maxColIndex - f, m = h, g = d || this.ctx.maxRowIndex - u;
+      let [E, y] = o, [p, b] = r;
+      if (E < x || y > w || p < m || b > g)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
-        const R = this.adjustMergeCells(o, r);
-        p = R.yArr[0], b = R.yArr[1], m = R.xArr[0], y = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
+        const I = this.adjustMergeCells(o, r);
+        p = I.yArr[0], b = I.yArr[1], E = I.xArr[0], y = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
       }
-      m === y && p === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, m), Math.min(w, y)], r = [Math.max(E, p), Math.min(g, b)];
+      E === y && p === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, E), Math.min(w, y)], r = [Math.max(m, p), Math.min(g, b)];
       const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
       if (typeof C == "function") {
         const _ = C({
@@ -4718,7 +4729,7 @@ class Oe {
           return;
         o = _.xArr, r = _.yArr;
       }
-      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, b === this.ctx.maxRowIndex && p === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, 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 = r, b === this.ctx.maxRowIndex && p === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, y === this.ctx.maxColIndex && E === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
   }
   adjustMergeCells(t, e) {
@@ -4731,24 +4742,24 @@ class Oe {
         onlyMergeCell: !1
       };
     let a = [], l = [];
-    for (let E = 0; E <= e[1] - e[0]; E++)
+    for (let m = 0; m <= e[1] - e[0]; m++)
       for (let g = 0; g <= t[1] - t[0]; g++) {
-        const m = E + e[0], y = g + t[0], p = this.ctx.database.getVirtualBodyCell(m, y);
-        p && ((m === i || m === s) && a.push(p), (y === o || y === r) && l.push(p));
+        const E = m + e[0], y = g + t[0], p = this.ctx.database.getVirtualBodyCell(E, y);
+        p && ((E === i || E === s) && a.push(p), (y === o || y === r) && l.push(p));
       }
     const h = a.reduce(
-      (E, g) => {
-        const { yArr: m } = g.getSpanInfo(), [y, p] = m;
-        return E.minY = Math.min(E.minY, y), E.maxY = Math.max(E.maxY, p), E;
+      (m, g) => {
+        const { yArr: E } = g.getSpanInfo(), [y, p] = E;
+        return m.minY = Math.min(m.minY, y), m.maxY = Math.max(m.maxY, p), m;
       },
       {
         minY: i,
         maxY: s
       }
     ), d = l.reduce(
-      (E, g) => {
-        const { xArr: m } = g.getSpanInfo(), [y, p] = m;
-        return E.minX = Math.min(E.minX, y), E.maxX = Math.max(E.maxX, p), E;
+      (m, g) => {
+        const { xArr: E } = g.getSpanInfo(), [y, p] = E;
+        return m.minX = Math.min(m.minX, y), m.maxX = Math.max(m.maxX, p), m;
       },
       {
         minX: o,
@@ -4757,8 +4768,8 @@ class Oe {
     ), f = [d.minX, d.maxX], u = [h.minY, h.maxY];
     let x = !1;
     if (d.minX !== d.maxX || h.minY !== h.maxY) {
-      const E = JSON.stringify(f) + JSON.stringify(u), g = (w = this.ctx.focusCell) == null ? void 0 : w.getSpanInfo();
-      x = (g && JSON.stringify(g.xArr) + JSON.stringify(g.yArr)) === E;
+      const m = JSON.stringify(f) + JSON.stringify(u), g = (w = this.ctx.focusCell) == null ? void 0 : w.getSpanInfo();
+      x = (g && JSON.stringify(g.xArr) + JSON.stringify(g.yArr)) === m;
     }
     return {
       xArr: f,
@@ -4948,8 +4959,8 @@ class Oe {
           overflowColCount: w,
           textArr: r
         });
-        const E = r.length === 1 && r[0].length === 1;
-        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !E) {
+        const m = r.length === 1 && r[0].length === 1;
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !m) {
           const p = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
@@ -4961,14 +4972,14 @@ class Oe {
         for (let p = 0; p <= r.length - 1; p++) {
           const b = r[p].length;
           for (let C = 0; C <= b - 1; C++) {
-            const R = p + e, _ = C + i, T = r[p][C], S = this.ctx.database.getItemValueForRowIndexAndColIndex(
-              R,
+            const I = p + e, _ = C + i, T = r[p][C], S = this.ctx.database.getItemValueForRowIndexAndColIndex(
+              I,
               _
             );
             if (S) {
-              const { rowKey: I, key: v } = S;
-              this.ctx.database.getReadonly(I, v) || (s.add(I), g.push({
-                rowKey: I,
+              const { rowKey: R, key: v } = S;
+              this.ctx.database.getReadonly(R, v) || (s.add(R), g.push({
+                rowKey: R,
                 key: v,
                 value: T,
                 row: {}
@@ -4990,9 +5001,9 @@ class Oe {
         }
         if (!g.length)
           return;
-        const { BEFORE_PASTE_DATA_METHOD: m } = this.ctx.config;
-        if (typeof m == "function") {
-          const p = m, b = g.map((C) => ({
+        const { BEFORE_PASTE_DATA_METHOD: E } = this.ctx.config;
+        if (typeof E == "function") {
+          const p = E, b = g.map((C) => ({
             rowKey: C.rowKey,
             key: C.key,
             value: C.value,
@@ -5072,14 +5083,14 @@ class Oe {
     if (!i)
       return;
     w && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: E, drawY: g, width: m, height: y, fixed: p } = i, b = o - E + 1, C = i.drawX + m - (e - s) + 1;
-    let R = r.height - g, _ = y;
+    const { drawX: m, drawY: g, width: E, height: y, fixed: p } = i, b = o - m + 1, C = i.drawX + E - (e - s) + 1;
+    let I = r.height - g, _ = y;
     _ > l.visibleHeight && (_ = l.visibleHeight);
     let T = 0;
-    u && (x === "top" ? R = r.height + a.height - g : T = a.visibleHeight);
+    u && (x === "top" ? I = r.height + a.height - g : T = a.visibleHeight);
     const S = g + _ - (t - T - f);
-    let I = h, v = d;
-    C > 0 && !p ? I = Math.floor(h + C) : b > 0 && !p && (I = Math.floor(h - b)), R > 0 ? v = Math.floor(d - R) : S > 0 && (v = Math.floor(d + S)), (Math.abs(h - I) > 2 || Math.abs(d - v) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(I, v), this.ctx.emit("adjustBoundaryPosition", i));
+    let R = h, v = d;
+    C > 0 && !p ? R = Math.floor(h + C) : b > 0 && !p && (R = Math.floor(h - b)), I > 0 ? v = Math.floor(d - I) : S > 0 && (v = Math.floor(d + S)), (Math.abs(h - R) > 2 || Math.abs(d - v) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, v), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
   }
@@ -5142,14 +5153,14 @@ class Le {
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: u,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, w = l, E = h || this.ctx.maxColIndex - u, g = d, m = f || this.ctx.maxRowIndex - x;
+      } = this.ctx.config, w = l, m = h || this.ctx.maxColIndex - u, g = d, E = f || this.ctx.maxRowIndex - x;
       let [y, p] = r, [b, C] = a;
       if (y < w || b < g)
         return;
-      r = [Math.max(w, y), Math.min(E, p)], a = [Math.max(g, b), Math.min(m, C)];
-      const { BEFORE_SET_AUTOFILL_METHOD: R } = this.ctx.config;
-      if (typeof R == "function") {
-        const T = R({
+      r = [Math.max(w, y), Math.min(m, p)], a = [Math.max(g, b), Math.min(E, C)];
+      const { BEFORE_SET_AUTOFILL_METHOD: I } = this.ctx.config;
+      if (typeof I == "function") {
+        const T = I({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: a
@@ -5168,8 +5179,8 @@ class Le {
     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 w = 0; w <= e.xArr[1] - e.xArr[0]; w++) {
-        const E = x + e.yArr[0], g = w + e.xArr[0];
-        i.set(`${E}-${g}`, !0);
+        const m = x + e.yArr[0], g = w + e.xArr[0];
+        i.set(`${m}-${g}`, !0);
       }
     const { value: s } = e, o = s[0].length, r = s.length, a = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr, h = o === 1 && r === 1;
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !h) {
@@ -5183,13 +5194,13 @@ class Le {
     let d = [];
     for (let x = 0; x <= l[1] - l[0]; x++)
       for (let w = 0; w <= a[1] - a[0]; w++) {
-        const E = w + a[0], g = x + l[0], m = s[x % r][w % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(g, E), p = `${g}-${E}`;
+        const m = w + a[0], g = x + l[0], E = s[x % r][w % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(g, m), p = `${g}-${m}`;
         if (y && !i.has(p)) {
           const { rowKey: b, key: C } = y;
           this.ctx.database.getReadonly(b, C) || (t.add(b), d.push({
             rowKey: b,
             key: C,
-            value: m,
+            value: E,
             row: {}
           }));
         }
@@ -5199,12 +5210,12 @@ class Le {
     this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr;
     const { BEFORE_AUTOFILL_DATA_METHOD: f } = this.ctx.config;
     if (typeof f == "function") {
-      const x = f, w = d.map((E) => ({
-        rowKey: E.rowKey,
-        key: E.key,
-        value: E.value,
-        oldValue: this.ctx.database.getItemValue(E.rowKey, E.key),
-        row: this.ctx.database.getRowDataItemForRowKey(E.rowKey)
+      const x = f, w = d.map((m) => ({
+        rowKey: m.rowKey,
+        key: m.key,
+        value: m.value,
+        oldValue: this.ctx.database.getItemValue(m.rowKey, m.key),
+        row: this.ctx.database.getRowDataItemForRowKey(m.rowKey)
       }));
       if (d = await x(w, a, l), d && !d.length)
         return;
@@ -5251,7 +5262,7 @@ function z(c) {
 function tt(c) {
   return c.split("-")[1];
 }
-function Wt(c) {
+function Ft(c) {
   return c === "x" ? "y" : "x";
 }
 function wt(c) {
@@ -5261,12 +5272,12 @@ const He = /* @__PURE__ */ new Set(["top", "bottom"]);
 function V(c) {
   return He.has(z(c)) ? "y" : "x";
 }
-function Et(c) {
-  return Wt(V(c));
+function mt(c) {
+  return Ft(V(c));
 }
 function De(c, t, e) {
   e === void 0 && (e = !1);
-  const i = tt(c), s = Et(c), o = wt(s);
+  const i = tt(c), s = mt(c), o = wt(s);
   let r = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[o] > t.floating[o] && (r = ot(r)), [r, ot(r)];
 }
@@ -5307,7 +5318,7 @@ function Ke(c) {
     ...c
   };
 }
-function Ft(c) {
+function Wt(c) {
   return typeof c != "number" ? Ke(c) : {
     top: c,
     right: c,
@@ -5338,7 +5349,7 @@ function Lt(c, t, e) {
     reference: i,
     floating: s
   } = c;
-  const o = V(t), r = Et(t), a = wt(r), l = z(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
+  const o = V(t), r = mt(t), a = wt(r), l = z(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
   let x;
   switch (l) {
     case "top":
@@ -5381,7 +5392,7 @@ function Lt(c, t, e) {
   }
   return x;
 }
-const We = async (c, t, e) => {
+const Fe = async (c, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
@@ -5396,16 +5407,16 @@ const We = async (c, t, e) => {
     x: d,
     y: f
   } = Lt(h, i, l), u = i, x = {}, w = 0;
-  for (let E = 0; E < a.length; E++) {
+  for (let m = 0; m < a.length; m++) {
     const {
       name: g,
-      fn: m
-    } = a[E], {
+      fn: E
+    } = a[m], {
       x: y,
       y: p,
       data: b,
       reset: C
-    } = await m({
+    } = await E({
       x: d,
       y: f,
       initialPlacement: i,
@@ -5432,7 +5443,7 @@ const We = async (c, t, e) => {
     }) : C.rects), {
       x: d,
       y: f
-    } = Lt(h, u, l)), E = -1);
+    } = Lt(h, u, l)), m = -1);
   }
   return {
     x: d,
@@ -5458,7 +5469,7 @@ async function Vt(c, t) {
     elementContext: f = "floating",
     altBoundary: u = !1,
     padding: x = 0
-  } = Q(t, c), w = Ft(x), g = a[u ? f === "floating" ? "reference" : "floating" : f], m = rt(await o.getClippingRect({
+  } = Q(t, c), w = Wt(x), g = a[u ? f === "floating" ? "reference" : "floating" : f], E = rt(await o.getClippingRect({
     element: (e = await (o.isElement == null ? void 0 : o.isElement(g))) == null || e ? g : g.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
     boundary: h,
     rootBoundary: d,
@@ -5481,13 +5492,13 @@ async function Vt(c, t) {
     strategy: l
   }) : y);
   return {
-    top: (m.top - C.top + w.top) / b.y,
-    bottom: (C.bottom - m.bottom + w.bottom) / b.y,
-    left: (m.left - C.left + w.left) / b.x,
-    right: (C.right - m.right + w.right) / b.x
+    top: (E.top - C.top + w.top) / b.y,
+    bottom: (C.bottom - E.bottom + w.bottom) / b.y,
+    left: (E.left - C.left + w.left) / b.x,
+    right: (C.right - E.right + w.right) / b.x
   };
 }
-const Fe = (c) => ({
+const We = (c) => ({
   name: "arrow",
   options: c,
   async fn(t) {
@@ -5505,13 +5516,13 @@ const Fe = (c) => ({
     } = Q(c, t) || {};
     if (h == null)
       return {};
-    const f = Ft(d), u = {
+    const f = Wt(d), u = {
       x: e,
       y: i
-    }, x = Et(s), w = wt(x), E = await r.getDimensions(h), g = x === "y", m = g ? "top" : "left", y = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
-    let _ = R ? R[p] : 0;
-    (!_ || !await (r.isElement == null ? void 0 : r.isElement(R))) && (_ = a.floating[p] || o.floating[w]);
-    const T = b / 2 - C / 2, S = _ / 2 - E[w] / 2 - 1, I = q(f[m], S), v = q(f[y], S), O = I, A = _ - E[w] - v, L = _ / 2 - E[w] / 2 + T, M = dt(O, L, A), D = !l.arrow && tt(s) != null && L !== M && o.reference[w] / 2 - (L < O ? I : v) - E[w] / 2 < 0, H = D ? L < O ? L - O : L - A : 0;
+    }, x = mt(s), w = wt(x), m = await r.getDimensions(h), g = x === "y", E = g ? "top" : "left", y = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    let _ = I ? I[p] : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = a.floating[p] || o.floating[w]);
+    const T = b / 2 - C / 2, S = _ / 2 - m[w] / 2 - 1, R = q(f[E], S), v = q(f[y], S), O = R, A = _ - m[w] - v, L = _ / 2 - m[w] / 2 + T, M = dt(O, L, A), D = !l.arrow && tt(s) != null && L !== M && o.reference[w] / 2 - (L < O ? R : v) - m[w] / 2 < 0, H = D ? L < O ? L - O : L - A : 0;
     return {
       [x]: u[x] + H,
       data: {
@@ -5543,20 +5554,20 @@ const Fe = (c) => ({
         fallbackPlacements: u,
         fallbackStrategy: x = "bestFit",
         fallbackAxisSideDirection: w = "none",
-        flipAlignment: E = !0,
+        flipAlignment: m = !0,
         ...g
       } = Q(c, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const m = z(s), y = V(a), p = z(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = u || (p || !E ? [ot(a)] : Ne(a)), R = w !== "none";
-      !u && R && C.push(...Be(a, E, w, b));
+      const E = z(s), y = V(a), p = z(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = u || (p || !m ? [ot(a)] : Ne(a)), I = w !== "none";
+      !u && I && C.push(...Be(a, m, w, b));
       const _ = [a, ...C], T = await Vt(t, g), S = [];
-      let I = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d && S.push(T[m]), f) {
+      let R = ((i = o.flip) == null ? void 0 : i.overflows) || [];
+      if (d && S.push(T[E]), f) {
         const L = De(s, r, b);
         S.push(T[L[0]], T[L[1]]);
       }
-      if (I = [...I, {
+      if (R = [...R, {
         placement: s,
         overflows: S
       }], !S.every((L) => L <= 0)) {
@@ -5564,30 +5575,30 @@ const Fe = (c) => ({
         const L = (((v = o.flip) == null ? void 0 : v.index) || 0) + 1, M = _[L];
         if (M && (!(f === "alignment" ? y !== V(M) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        I.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
+        R.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: L,
-              overflows: I
+              overflows: R
             },
             reset: {
               placement: M
             }
           };
-        let D = (O = I.filter((H) => H.overflows[0] <= 0).sort((H, k) => H.overflows[1] - k.overflows[1])[0]) == null ? void 0 : O.placement;
+        let D = (O = R.filter((H) => H.overflows[0] <= 0).sort((H, k) => H.overflows[1] - k.overflows[1])[0]) == null ? void 0 : O.placement;
         if (!D)
           switch (x) {
             case "bestFit": {
               var A;
-              const H = (A = I.filter((k) => {
-                if (R) {
-                  const F = V(k.placement);
-                  return F === y || // Create a bias to the `y` side axis due to horizontal
+              const H = (A = R.filter((k) => {
+                if (I) {
+                  const W = V(k.placement);
+                  return W === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  F === "y";
+                  W === "y";
                 }
                 return !0;
-              }).map((k) => [k.placement, k.overflows.filter((F) => F > 0).reduce((F, se) => F + se, 0)]).sort((k, F) => k[1] - F[1])[0]) == null ? void 0 : A[0];
+              }).map((k) => [k.placement, k.overflows.filter((W) => W > 0).reduce((W, se) => W + se, 0)]).sort((k, W) => k[1] - W[1])[0]) == null ? void 0 : A[0];
               H && (D = H);
               break;
             }
@@ -5670,11 +5681,11 @@ const $e = function(c) {
         limiter: a = {
           fn: (g) => {
             let {
-              x: m,
+              x: E,
               y
             } = g;
             return {
-              x: m,
+              x: E,
               y
             };
           }
@@ -5683,26 +5694,26 @@ const $e = function(c) {
       } = Q(c, t), h = {
         x: e,
         y: i
-      }, d = await Vt(t, l), f = V(z(s)), u = Wt(f);
+      }, d = await Vt(t, l), f = V(z(s)), u = Ft(f);
       let x = h[u], w = h[f];
       if (o) {
-        const g = u === "y" ? "top" : "left", m = u === "y" ? "bottom" : "right", y = x + d[g], p = x - d[m];
+        const g = u === "y" ? "top" : "left", E = u === "y" ? "bottom" : "right", y = x + d[g], p = x - d[E];
         x = dt(y, x, p);
       }
       if (r) {
-        const g = f === "y" ? "top" : "left", m = f === "y" ? "bottom" : "right", y = w + d[g], p = w - d[m];
+        const g = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", y = w + d[g], p = w - d[E];
         w = dt(y, w, p);
       }
-      const E = a.fn({
+      const m = a.fn({
         ...t,
         [u]: x,
         [f]: w
       });
       return {
-        ...E,
+        ...m,
         data: {
-          x: E.x - e,
-          y: E.y - i,
+          x: m.x - e,
+          y: m.y - i,
           enabled: {
             [u]: o,
             [f]: r
@@ -5722,7 +5733,7 @@ function N(c) {
   var t;
   return (c == null || (t = c.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function W(c) {
+function F(c) {
   var t;
   return (t = (Pt(c) ? c.ownerDocument : c.document) || window.document) == null ? void 0 : t.documentElement;
 }
@@ -5763,14 +5774,14 @@ function at(c) {
   });
 }
 const Je = ["transform", "translate", "scale", "rotate", "perspective"], Qe = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ti = ["paint", "layout", "strict", "content"];
-function mt(c) {
+function Et(c) {
   const t = pt(), e = X(c) ? Y(c) : c;
   return Je.some((i) => e[i] ? e[i] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || Qe.some((i) => (e.willChange || "").includes(i)) || ti.some((i) => (e.contain || "").includes(i));
 }
 function ei(c) {
   let t = P(c);
   for (; K(t) && !U(t); ) {
-    if (mt(t))
+    if (Et(t))
       return t;
     if (at(t))
       return null;
@@ -5805,7 +5816,7 @@ function P(c) {
     c.assignedSlot || // DOM Element detected.
     c.parentNode || // ShadowRoot detected.
     At(c) && c.host || // Fallback.
-    W(c)
+    F(c)
   );
   return At(t) ? t.host : t;
 }
@@ -5870,10 +5881,10 @@ function J(c, t, e, i) {
   let l = (s.left + a.x) / r.x, h = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
     const u = N(o), x = i && X(i) ? N(i) : i;
-    let w = u, E = xt(w);
-    for (; E && i && x !== w; ) {
-      const g = G(E), m = E.getBoundingClientRect(), y = Y(E), p = m.left + (E.clientLeft + parseFloat(y.paddingLeft)) * g.x, b = m.top + (E.clientTop + parseFloat(y.paddingTop)) * g.y;
-      l *= g.x, h *= g.y, d *= g.x, f *= g.y, l += p, h += b, w = N(E), E = xt(w);
+    let w = u, m = xt(w);
+    for (; m && i && x !== w; ) {
+      const g = G(m), E = m.getBoundingClientRect(), y = Y(m), p = E.left + (m.clientLeft + parseFloat(y.paddingLeft)) * g.x, b = E.top + (m.clientTop + parseFloat(y.paddingTop)) * g.y;
+      l *= g.x, h *= g.y, d *= g.x, f *= g.y, l += p, h += b, w = N(m), m = xt(w);
     }
   }
   return rt({
@@ -5885,7 +5896,7 @@ function J(c, t, e, i) {
 }
 function yt(c, t) {
   const e = lt(c).scrollLeft;
-  return t ? t.left + e : J(W(c)).left + e;
+  return t ? t.left + e : J(F(c)).left + e;
 }
 function Zt(c, t, e) {
   e === void 0 && (e = !1);
@@ -5905,7 +5916,7 @@ function ri(c) {
     offsetParent: i,
     strategy: s
   } = c;
-  const o = s === "fixed", r = W(i), a = t ? at(t.floating) : !1;
+  const o = s === "fixed", r = F(i), a = t ? at(t.floating) : !1;
   if (i === r || a && o)
     return e;
   let l = {
@@ -5929,7 +5940,7 @@ function ni(c) {
   return Array.from(c.getClientRects());
 }
 function ai(c) {
-  const t = W(c), e = lt(c), i = c.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  const t = F(c), e = lt(c), i = c.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let r = -e.scrollLeft + yt(c);
   const a = -e.scrollTop;
   return Y(i).direction === "rtl" && (r += $(t.clientWidth, i.clientWidth) - s), {
@@ -5940,7 +5951,7 @@ function ai(c) {
   };
 }
 function li(c, t) {
-  const e = N(c), i = W(c), s = e.visualViewport;
+  const e = N(c), i = F(c), s = e.visualViewport;
   let o = i.clientWidth, r = i.clientHeight, a = 0, l = 0;
   if (s) {
     o = s.width, r = s.height;
@@ -5969,7 +5980,7 @@ function Mt(c, t, e) {
   if (t === "viewport")
     i = li(c, e);
   else if (t === "document")
-    i = ai(W(c));
+    i = ai(F(c));
   else if (X(t))
     i = ci(t, e);
   else {
@@ -5995,7 +6006,7 @@ function di(c, t) {
   const o = Y(c).position === "fixed";
   let r = o ? P(c) : c;
   for (; X(r) && !U(r); ) {
-    const a = Y(r), l = mt(r);
+    const a = Y(r), l = Et(r);
     !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && hi.has(s.position) || et(r) && !l && qt(c, r)) ? i = i.filter((d) => d !== r) : s = a, r = P(r);
   }
   return t.set(c, i), i;
@@ -6029,7 +6040,7 @@ function xi(c) {
   };
 }
 function ui(c, t, e) {
-  const i = K(t), s = W(t), o = e === "fixed", r = J(c, !0, o, t);
+  const i = K(t), s = F(t), o = e === "fixed", r = J(c, !0, o, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
@@ -6061,7 +6072,7 @@ function Ht(c, t) {
   if (t)
     return t(c);
   let e = c.offsetParent;
-  return W(c) === e && (e = e.ownerDocument.body), e;
+  return F(c) === e && (e = e.ownerDocument.body), e;
 }
 function Jt(c, t) {
   const e = N(c);
@@ -6079,7 +6090,7 @@ function Jt(c, t) {
   let i = Ht(c, t);
   for (; i && Ze(i) && ht(i); )
     i = Ht(i, t);
-  return i && U(i) && ht(i) && !mt(i) ? e : i || ei(c) || e;
+  return i && U(i) && ht(i) && !Et(i) ? e : i || ei(c) || e;
 }
 const gi = async function(c) {
   const t = this.getOffsetParent || Jt, e = this.getDimensions, i = await e(c.floating);
@@ -6096,9 +6107,9 @@ const gi = async function(c) {
 function wi(c) {
   return Y(c).direction === "rtl";
 }
-const Ei = {
+const mi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ri,
-  getDocumentElement: W,
+  getDocumentElement: F,
   getClippingRect: fi,
   getOffsetParent: Jt,
   getElementRects: gi,
@@ -6107,15 +6118,15 @@ const Ei = {
   getScale: G,
   isElement: X,
   isRTL: wi
-}, Qt = $e, te = Ge, ee = Ve, mi = Fe, ie = (c, t, e) => {
+}, Qt = $e, te = Ge, ee = Ve, Ei = We, ie = (c, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: Ei,
+    platform: mi,
     ...e
   }, o = {
     ...s.platform,
     _c: i
   };
-  return We(c, t, {
+  return Fe(c, t, {
     ...s,
     platform: o
   });
@@ -6197,7 +6208,7 @@ let pi = class {
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [te(), ee(), Qt(6), mi({ element: this.arrowEl })]
+      middleware: [te(), ee(), Qt(6), Ei({ element: this.arrowEl })]
     }).then((a) => {
       const { x: l, y: h, placement: d, middlewareData: f } = a;
       if (Object.assign(this.floatingEl.style, {
@@ -6565,8 +6576,8 @@ class bi {
     const t = [], e = [], i = [];
     let s = this.ctx.body.renderRows;
     this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((g) => {
-      g.cells.forEach((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));
+      g.cells.forEach((E) => {
+        E.cellType === "footer" && (E.render = E.renderFooter), E.render && (E.fixed === "left" ? e.push(E) : E.fixed === "right" ? i.push(E) : t.push(E));
       });
     });
     const {
@@ -6621,8 +6632,8 @@ class bi {
   }
   getFooter() {
     const t = [], e = [], i = [];
-    this.ctx.footer.renderRows.forEach((E) => {
-      E.cells.forEach((g) => {
+    this.ctx.footer.renderRows.forEach((m) => {
+      m.cells.forEach((g) => {
         g.cellType === "footer" && g.renderFooter && (g.render = g.renderFooter, g.fixed === "left" ? e.push(g) : g.fixed === "right" ? i.push(g) : t.push(g));
       });
     });
@@ -6677,7 +6688,7 @@ class bi {
     };
   }
 }
-class Ii {
+class Ri {
   constructor(t) {
     n(this, "ctx");
     n(this, "contextMenuEl");
@@ -6737,12 +6748,14 @@ class Ii {
   }
   //创建右键菜单子项元素
   createContextMenuItems(t, e) {
-    this.contextMenuEl.replaceChildren(), t.forEach((i) => {
-      const s = document.createElement("div");
-      s.className = "e-virt-table-context-menu-item", s.innerText = i.label, i.event ? s.onclick = () => {
-        i.event && i.event(), e(i);
-      } : s.onclick = () => e(i), this.contextMenuEl.appendChild(s);
-    });
+    this.contextMenuEl.replaceChildren();
+    const i = document.createDocumentFragment();
+    t.forEach((s) => {
+      const o = document.createElement("div");
+      o.className = "e-virt-table-context-menu-item", o.innerText = s.label, s.event ? o.onclick = () => {
+        s.event && s.event(), e(s);
+      } : o.onclick = () => e(s), i.appendChild(o);
+    }), this.contextMenuEl.appendChild(i);
   }
   show(t, e) {
     Object.assign(this.contextMenuEl.style, {
@@ -6763,7 +6776,7 @@ class Ii {
     this.contextMenuEl.remove();
   }
 }
-class Ri {
+class Ii {
   constructor(t) {
     n(this, "ctx");
     n(this, "loadingEl");
@@ -6817,7 +6830,7 @@ class Ti {
       o,
       r
     );
-    this.ctx = new Re(a, this.options), this.header = new _e(this.ctx), this.footer = new Te(this.ctx), this.body = new ve(this.ctx), this.scroller = new Se(this.ctx), this.selector = new Oe(this.ctx), this.autofill = new Le(this.ctx), this.tooltip = new pi(this.ctx), this.empty = new Ci(this.ctx), this.editor = new yi(this.ctx), this.overlayer = new bi(this.ctx), this.contextMenu = new Ii(this.ctx), this.loading = new Ri(this.ctx), this.ctx.on(
+    this.ctx = new Ie(a, this.options), this.header = new _e(this.ctx), this.footer = new Te(this.ctx), this.body = new ve(this.ctx), this.scroller = new Se(this.ctx), this.selector = new Oe(this.ctx), this.autofill = new Le(this.ctx), this.tooltip = new pi(this.ctx), this.empty = new Ci(this.ctx), this.editor = new yi(this.ctx), this.overlayer = new bi(this.ctx), this.contextMenu = new Ri(this.ctx), this.loading = new Ii(this.ctx), this.ctx.on(
       "draw",
       Z(
         () => {