e-virt-table 1.3.23 → 1.3.24

package/dist/index.es.js

@@ -411,7 +411,9 @@ class vt extends qt {
     n(this, "overflowTooltipMaxWidth", 500);
     n(this, "overflowTooltipPlacement", "top");
     n(this, "maxLineClamp", "auto");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "", this.editorType = h.editorType || "text", this.selectorCellValueType = h.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = h.editorProps || {}, this.cellType = f, this.align = h.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = h.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = h.fixed || "", this.level = h.level || 0, this.operation = h.operation || !1, this.column = h, this.rules = h.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = h.render, this.overflowTooltipShow = h.overflowTooltipShow !== !1, this.autoRowHeight = h.autoRowHeight !== void 0 ? h.autoRowHeight : this.ctx.config.AUTO_ROW_HEIGHT, this.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.formatterFooter = h.formatterFooter, this.maxLineClamp = h.maxLineClamp || "auto", u && this.update();
+    n(this, "renderType", "default");
+    n(this, "renderFooterType", "default");
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "", this.editorType = h.editorType || "text", this.selectorCellValueType = h.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = h.editorProps || {}, this.cellType = f, this.align = h.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = h.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = h.fixed || "", this.level = h.level || 0, this.operation = h.operation || !1, this.column = h, this.rules = h.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = h.render, this.overflowTooltipShow = h.overflowTooltipShow !== !1, this.autoRowHeight = h.autoRowHeight !== void 0 ? h.autoRowHeight : this.ctx.config.AUTO_ROW_HEIGHT, this.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.formatterFooter = h.formatterFooter, this.maxLineClamp = h.maxLineClamp || "auto", this.renderType = h.renderType || "default", this.renderFooterType = h.renderFooterType || "default", u && this.update();
   }
   setWidthHeight(e, i) {
     this.width = e, this.height = i;
@@ -533,16 +535,16 @@ class vt extends qt {
     this.rowExpand = h, this.rowHasChildren = d;
     const { TREE_INDENT: x = 16, CHECKBOX_SIZE: g, 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"), S = this.ctx.icons.get("shrink");
-      o = h ? S : 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 w = m, E = m, p = this.drawX;
     (this.align === "center" || this.align === "right") && (p = this.drawX + (this.visibleWidth - w - 2 * e) / 2, this.align = "left");
-    let y = p + r + e, b = this.drawY + (this.visibleHeight - E) / 2, C = r + this.drawX + w - 0.5;
-    this.type === "selection-tree" ? (y = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = y + w - e / 2) : this.type === "tree-selection" ? C = y + g + w - e / 2 : C = y + w - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(y + w + e > this.drawX + this.visibleWidth) && (b + E + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = y, this.drawTreeImageY = b, this.drawTreeImageWidth = w, this.drawTreeImageHeight = E, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
+    let C = p + r + e, b = this.drawY + (this.visibleHeight - E) / 2, y = r + this.drawX + w - 0.5;
+    this.type === "selection-tree" ? (C = r + this.drawSelectionImageX + this.drawSelectionImageWidth, y = C + w - e / 2) : this.type === "tree-selection" ? y = C + g + w - e / 2 : y = C + w - e / 2, this.drawTextX = y, this.drawTextWidth = this.drawX + this.visibleWidth - y, !(C + w + e > this.drawX + this.visibleWidth) && (b + E + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = C, this.drawTreeImageY = b, this.drawTreeImageWidth = w, this.drawTreeImageHeight = E, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
   }
   drawTreeLine() {
     const { TREE_LINE: e, TREE_INDENT: i = 16, TREE_ICON_SIZE: s = 16, TREE_LINE_COLOR: o = "#e1e6eb" } = this.ctx.config;
@@ -606,31 +608,31 @@ class vt extends qt {
       FINDER_CELL_BG_COLOR: w
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let _ = h, T = l;
+      let S = h, T = l;
       if (typeof o == "function") {
-        const M = o, { backgroundColor: L, color: A, font: H } = M({
+        const M = o, { backgroundColor: O, color: A, font: H } = M({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        L && (_ = L), A && (T = A), H && (this.drawTextFont = H);
+        O && (S = O), A && (T = A), H && (this.drawTextFont = H);
       }
-      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = T;
+      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = S, this.drawTextColor = T;
       return;
     }
     let E = "transparent";
-    const p = this.ctx.hoverCell, y = this.ctx.currentCell;
-    let b = this.rowIndex, C = this.rowIndex;
+    const p = this.ctx.hoverCell, C = this.ctx.currentCell;
+    let b = this.rowIndex, y = this.rowIndex;
     if (this.rowspan !== 1 && (u || d)) {
-      const _ = this.getSpanInfo(), { yArr: T } = _;
-      b = T[0], C = T[1];
+      const S = this.getSpanInfo(), { yArr: T } = S;
+      b = T[0], y = T[1];
     }
-    u && p && (p.rowKey === this.rowKey && (E = x), p.rowIndex >= b && p.rowIndex <= C && (E = x)), d && y && (y.rowKey === this.rowKey && (E = f), y.rowIndex >= b && y.rowIndex <= C && (E = f)), this.drawCellSkyBgColor = E;
-    let R = e, S = a;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (R = i, S = r), g && (this.rowIndex % 2 ? R = m : R = e), typeof s == "function") {
-      const _ = s, { backgroundColor: T, color: M, font: L } = _({
+    u && p && (p.rowKey === this.rowKey && (E = x), p.rowIndex >= b && p.rowIndex <= y && (E = x)), d && C && (C.rowKey === this.rowKey && (E = f), C.rowIndex >= b && C.rowIndex <= y && (E = f)), this.drawCellSkyBgColor = E;
+    let I = e, _ = a;
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (I = i, _ = r), g && (this.rowIndex % 2 ? I = m : I = e), typeof s == "function") {
+      const S = s, { backgroundColor: T, color: M, font: O } = S({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -638,10 +640,10 @@ class vt extends qt {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      T && (R = T), M && (S = M), L && (this.drawTextFont = L);
+      T && (I = T), M && (_ = M), O && (this.drawTextFont = O);
     }
-    const { rowIndex: O, colIndex: v, type: I } = this.ctx.finderBar;
-    O === this.rowIndex && v === this.colIndex && I === "body" && (R = w), this.drawCellBgColor = R, this.drawTextColor = S;
+    const { rowIndex: L, colIndex: R, type: v } = this.ctx.finderBar;
+    L === this.rowIndex && R === this.colIndex && v === "body" && (I = w), this.drawCellBgColor = I, this.drawTextColor = _;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: l, rowKey: h } = this;
@@ -653,8 +655,8 @@ class vt extends qt {
     let g = x, m = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: p = 16, TREE_ICON_SIZE: y } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, R = C * p;
-        g = x + y + R;
+        const { TREE_INDENT: p = 16, TREE_ICON_SIZE: C } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: y = 0 } = b || {}, I = y * p;
+        g = x + C + I;
       }
     }
     let w = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck";
@@ -730,7 +732,7 @@ class vt extends qt {
    * @returns
    */
   getDisplayText() {
-    return this.cellType === "footer" ? this.renderFooter || this.text === null || this.text === void 0 ? "" : this.text : this.rowspan === 0 || this.colspan === 0 || this.render || this.type === "index-selection" && (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === this.rowIndex || ["checkbox-disabled", "checkbox-check"].includes(this.drawSelectionImageName)) || this.text === null || this.text === void 0 ? "" : `${this.text}`;
+    return this.cellType === "footer" ? this.renderFooter && this.renderFooterType === "default" || this.text === null || this.text === void 0 ? "" : this.text : this.rowspan === 0 || this.colspan === 0 || this.render && this.renderType === "default" || this.type === "index-selection" && (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === this.rowIndex || ["checkbox-disabled", "checkbox-check"].includes(this.drawSelectionImageName)) || this.text === null || this.text === void 0 ? "" : `${this.text}`;
   }
   /**
    * 获取文本
@@ -791,7 +793,7 @@ class vt extends qt {
       left: `${Math.round(e - 1)}px`,
       top: `${Math.round(i - 1)}px`,
       width: `${this.visibleWidth}px`,
-      height: this.autoRowHeight ? "auto" : `${this.visibleHeight}px`,
+      height: this.autoRowHeight && this.renderType === "default" ? "auto" : `${this.visibleHeight}px`,
       // height: `${this.visibleHeight}px`,
       // minHeight: `${this.visibleHeight}px`,
       pointerEvents: "initial",
@@ -973,10 +975,10 @@ class vt extends qt {
   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: g = 1, borderColor: m, fillColor: w } = e, E = f[0], p = f[1], y = u[0], b = u[1];
-    if (r >= E && r <= p && o === y) {
-      const C = r === p ? 1 : 0, R = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([h + R, d + 1, h + l - C, d + 1], {
+    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: g = 1, borderColor: m, fillColor: w } = e, E = f[0], p = f[1], C = u[0], b = u[1];
+    if (r >= E && r <= p && o === C) {
+      const y = r === p ? 1 : 0, I = r === E ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + 1, h + l - y, d + 1], {
         borderColor: m,
         fillColor: w,
         borderWidth: g,
@@ -985,9 +987,9 @@ class vt extends qt {
         lineDash: x
       });
     }
-    if (r === p && o >= y && o <= b) {
-      const C = o === y ? 1 : 0, R = o === b ? 1 : 0;
-      this.ctx.paint.drawLine([h + l - 1, d + C, h + l - 1, d + a - R], {
+    if (r === p && o >= C && o <= b) {
+      const y = o === C ? 1 : 0, I = o === b ? 1 : 0;
+      this.ctx.paint.drawLine([h + l - 1, d + y, h + l - 1, d + a - I], {
         borderColor: m,
         fillColor: w,
         borderWidth: g,
@@ -997,8 +999,8 @@ class vt extends qt {
       });
     }
     if (r >= E && r <= p && o === b) {
-      const C = r === p ? 1 : 0, R = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([h + R, d + a - 1, h + l - C, d + a - 1], {
+      const y = r === p ? 1 : 0, I = r === E ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + a - 1, h + l - y, d + a - 1], {
         borderColor: m,
         fillColor: w,
         borderWidth: g,
@@ -1007,9 +1009,9 @@ class vt extends qt {
         lineDash: x
       });
     }
-    if (r === E && o >= y && o <= b) {
-      const C = o === b ? 1 : 0, R = o === y ? 1 : 0;
-      this.ctx.paint.drawLine([h + 1, d + R, h + 1, d + a - C], {
+    if (r === E && o >= C && o <= b) {
+      const y = o === b ? 1 : 0, I = o === C ? 1 : 0;
+      this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + a - y], {
         borderColor: m,
         fillColor: w,
         borderWidth: g,
@@ -1095,7 +1097,7 @@ class be {
       TREE_CHILDREN_KEY: d
     } = this.ctx.config;
     t.forEach((f, u) => {
-      var y;
+      var C;
       d !== "children" && (f.children = f[d]);
       const x = f[o], g = x != null ? `${x}` : $t();
       this.itemRowKeyMap.set(f, g);
@@ -1104,15 +1106,15 @@ class be {
       if (typeof l == "function" && (E = l), h) {
         const b = f[h];
         if (this.checkboxKeyMap.has(b)) {
-          const C = this.checkboxKeyMap.get(b) || [];
-          C.push(g), this.checkboxKeyMap.set(b, C);
+          const y = this.checkboxKeyMap.get(b) || [];
+          y.push(g), this.checkboxKeyMap.set(b, y);
         } else
           this.checkboxKeyMap.set(b, [g]);
       }
       this.selectionMap.set(g, {
         key: h ? f[h] : g,
         row: f,
-        check: ((y = this.selectionMap.get(g)) == null ? void 0 : y.check) || !1
+        check: ((C = this.selectionMap.get(g)) == null ? void 0 : C.check) || !1
       });
       const p = r || this.expandMap.get(g) || f._expand || !1;
       this.expandMap.set(g, p), this.rowKeyMap.set(g, {
@@ -1435,17 +1437,17 @@ class be {
     let l = [], h = t.map((g) => {
       const { rowKey: m, key: w } = g;
       let E = g.value, p = E;
-      const y = this.getRowDataItemForRowKey(m), b = this.getItemValue(m, w), C = this.getVirtualBodyCellByKey(m, w);
-      return (C == null ? void 0 : C.type) === "number" && (["", void 0, null].includes(E) ? p = null : /^-?\d+(\.\d+)?$/.test(`${E}`) ? p = Number(E) : (p = b, l.push({
+      const C = this.getRowDataItemForRowKey(m), b = this.getItemValue(m, w), y = this.getVirtualBodyCellByKey(m, w);
+      return (y == null ? void 0 : y.type) === "number" && (["", void 0, null].includes(E) ? p = null : /^-?\d+(\.\d+)?$/.test(`${E}`) ? p = Number(E) : (p = b, l.push({
         ...g,
         value: p,
         oldValue: b,
-        row: y
+        row: C
       }))), {
         ...g,
         value: p,
         oldValue: b,
-        row: y
+        row: C
       };
     });
     if (h = h.filter((g) => !l.some((m) => g.rowKey === m.rowKey && g.key === m.key)), l.length) {
@@ -1689,8 +1691,8 @@ class be {
       const h = (w) => {
         const E = this.getTreeChildren(w);
         let p = [];
-        for (const y of E)
-          p.push(y), p.push(...h(y));
+        for (const C of E)
+          p.push(C), p.push(...h(C));
         return p;
       }, f = h(t).map((w) => this.selectionMap.get(w)), u = f.filter((w) => w == null ? void 0 : w.check).length, x = f.length, g = u > 0;
       r = g && !(u === x), a = s || g, s && x > 0 && u === 0 && (a = !1, r = !1);
@@ -1698,8 +1700,8 @@ class be {
       const h = (w) => {
         const E = this.getTreeChildren(w);
         let p = [];
-        for (const y of E)
-          p.push(y), p.push(...h(y));
+        for (const C of E)
+          p.push(C), p.push(...h(C));
         return p;
       }, f = h(t).map((w) => this.selectionMap.get(w)), u = f.filter((w) => w == null ? void 0 : w.check).length, x = f.length, g = u > 0, m = u === x;
       r = g && !m, a = s || m, s && x > 0 && u === 0 && (a = !1, r = !1);
@@ -2013,98 +2015,98 @@ class be {
           }
         ]
       };
-    let w = e, E = e, p = a, y = a, b = [], C = 0, R = 0, S = 0, O = 0;
+    let w = e, E = e, p = a, C = a, b = [], y = 0, I = 0, _ = 0, L = 0;
     if (d !== 1 && g) {
-      O = u;
-      const v = l.reduce((I, _) => {
-        const T = this.getItemValue(s, _) ?? "";
-        return `${I}${T}`;
+      L = u;
+      const R = l.reduce((v, S) => {
+        const T = this.getItemValue(s, S) ?? "";
+        return `${v}${T}`;
       }, "");
-      for (let I = e - 1; I >= 0; I--) {
-        const _ = this.rowIndexRowKeyMap.get(I) || "", T = l.reduce((M, L) => {
-          const A = this.getItemValue(_, L) ?? "";
+      for (let v = e - 1; v >= 0; v--) {
+        const S = this.rowIndexRowKeyMap.get(v) || "", T = l.reduce((M, O) => {
+          const A = this.getItemValue(S, O) ?? "";
           return `${M}${A}`;
         }, "");
-        if (v === T)
-          w = I;
+        if (R === T)
+          w = v;
         else
           break;
       }
-      for (let I = e; I <= this.ctx.maxRowIndex; I++) {
-        const _ = this.rowIndexRowKeyMap.get(I) || "", T = l.reduce((M, L) => {
-          const A = this.getItemValue(_, L) ?? "";
+      for (let v = e; v <= this.ctx.maxRowIndex; v++) {
+        const S = this.rowIndexRowKeyMap.get(v) || "", T = l.reduce((M, O) => {
+          const A = this.getItemValue(S, O) ?? "";
           return `${M}${A}`;
         }, "");
-        if (v === T)
-          E = I;
+        if (R === T)
+          E = v;
         else
           break;
       }
-      for (let I = w; I < e; I++) {
-        const { height: _ } = this.positions[I];
-        C += _;
+      for (let v = w; v < e; v++) {
+        const { height: S } = this.positions[v];
+        y += S;
       }
-      for (let I = w; I <= E; I++) {
-        const { height: _ } = this.positions[I];
-        S += _;
-        const T = this.rowIndexRowKeyMap.get(I) || "", { item: M } = this.rowKeyMap.get(T), L = this.getItemValue(T, i);
+      for (let v = w; v <= E; v++) {
+        const { height: S } = this.positions[v];
+        _ += S;
+        const T = this.rowIndexRowKeyMap.get(v) || "", { item: M } = this.rowKeyMap.get(T), O = this.getItemValue(T, i);
         b.push({
           rowKey: T,
           key: i,
-          value: L,
+          value: O,
           row: M
         });
       }
     }
     if (x !== 1 && m) {
-      S = f;
-      for (let v = a - 1; v >= 0; v--) {
-        const I = this.getColumnByColIndex(v);
-        if (!I)
+      _ = f;
+      for (let R = a - 1; R >= 0; R--) {
+        const v = this.getColumnByColIndex(R);
+        if (!v)
           break;
-        const _ = this.getItemValue(s, i), T = this.getItemValue(s, I.key);
-        if (_ === T && h.includes(I.key))
-          p = v;
+        const S = this.getItemValue(s, i), T = this.getItemValue(s, v.key);
+        if (S === T && h.includes(v.key))
+          p = R;
         else
           break;
       }
-      for (let v = a; v <= this.ctx.maxColIndex; v++) {
-        const I = this.getColumnByColIndex(v);
-        if (!I)
+      for (let R = a; R <= this.ctx.maxColIndex; R++) {
+        const v = this.getColumnByColIndex(R);
+        if (!v)
           break;
-        const _ = this.getItemValue(s, i), T = this.getItemValue(s, I.key);
-        if (_ === T && h.includes(I.key))
-          y = v;
+        const S = this.getItemValue(s, i), T = this.getItemValue(s, v.key);
+        if (S === T && h.includes(v.key))
+          C = R;
         else
           break;
       }
-      for (let v = p; v < a; v++) {
-        const I = this.getColumnByColIndex(v);
-        if (!I)
+      for (let R = p; R < a; R++) {
+        const v = this.getColumnByColIndex(R);
+        if (!v)
           break;
-        R += I.width || 100;
+        I += v.width || 100;
       }
-      for (let v = p; v <= y; v++) {
-        const I = this.getColumnByColIndex(v);
-        if (!I)
+      for (let R = p; R <= C; R++) {
+        const v = this.getColumnByColIndex(R);
+        if (!v)
           break;
-        O += I.width || 100, b.push({
+        L += v.width || 100, b.push({
           rowKey: s,
-          key: I.key,
-          value: this.getItemValue(s, I.key),
+          key: v.key,
+          value: this.getItemValue(s, v.key),
           row: o
         });
       }
     }
     return {
-      xArr: [p, y],
+      xArr: [p, C],
       yArr: [w, E],
       rowspan: d,
       colspan: x,
-      height: S,
-      width: O,
-      offsetTop: C,
-      offsetLeft: R,
+      height: _,
+      width: L,
+      offsetTop: y,
+      offsetLeft: I,
       dataList: b
     };
   }
@@ -2524,7 +2526,7 @@ class _e {
    * @returns 是否溢出
    */
   drawText(t = "", e, i, s, o, r = {}) {
-    var I;
+    var v;
     this.ctx.save();
     const {
       font: a = "12px Arial",
@@ -2539,42 +2541,42 @@ class _e {
     } = 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 E = parseInt(((I = a.match(/\d+/)) == null ? void 0 : I[0]) || "12") * (r.lineHeight || 1.2), p = s - d * 2 - g - m;
-    let y = !1;
+    const E = parseInt(((v = a.match(/\d+/)) == null ? void 0 : v[0]) || "12") * (r.lineHeight || 1.2), p = s - d * 2 - g - m;
+    let C = !1;
     const b = Math.round((o - 2 * d) / E);
-    let C = this.wrapText(t, p, 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));
-    let S = i + d;
-    const O = Math.round(R * E);
-    f === "middle" ? S = i + (o - O) / 2 : f === "bottom" && (S = i + o - O - d);
-    let v = e + d + g;
-    l === "center" ? v = e + s / 2 : l === "right" && (v = e + s - d - m);
-    for (let _ = 0; _ < C.length; _++) {
-      const T = C[_], M = S + _ * E;
-      if (this.ctx.textBaseline = "top", _ === R - 1) {
-        const A = C.slice(_).join(""), { _text: H, ellipsis: D } = this.handleEllipsis(A, s, d, a);
-        this.ctx.fillText(H, v, M), y = D;
+    let y = this.wrapText(t, p, r.cacheTextKey), I = Math.min(y.length, Math.max(b, 1));
+    u === "auto" && x ? I = y.length : typeof u == "number" && u < I && u !== 1 ? I = u : (u === 1 && (y = [t], I = 1), u === "auto" && b === 1 && (y = [t], I = 1));
+    let _ = i + d;
+    const L = Math.round(I * E);
+    f === "middle" ? _ = i + (o - L) / 2 : f === "bottom" && (_ = i + o - L - d);
+    let R = e + d + g;
+    l === "center" ? R = e + s / 2 : l === "right" && (R = e + s - d - m);
+    for (let S = 0; S < y.length; S++) {
+      const T = y[S], M = _ + S * E;
+      if (this.ctx.textBaseline = "top", S === I - 1) {
+        const A = y.slice(S).join(""), { _text: H, ellipsis: D } = this.handleEllipsis(A, s, d, a);
+        this.ctx.fillText(H, R, M), C = D;
         break;
       }
-      this.ctx.fillText(T, v, M);
+      this.ctx.fillText(T, R, M);
     }
-    if (r.textCallback && C.length) {
-      const _ = C.reduce((H, D) => Math.max(H, this.ctx.measureText(D).width), 0), T = Math.round(_);
-      let M = v, L = v + T;
-      l === "center" ? (M = v - T / 2, L = v + T / 2) : l === "right" && (M = v - T, L = v);
+    if (r.textCallback && y.length) {
+      const S = y.reduce((H, D) => Math.max(H, this.ctx.measureText(D).width), 0), T = Math.round(S);
+      let M = R, O = R + T;
+      l === "center" ? (M = R - T / 2, O = R + T / 2) : l === "right" && (M = R - T, O = R);
       const A = {
-        x: v,
-        y: S,
+        x: R,
+        y: _,
         width: T,
-        height: O,
+        height: L,
         left: M,
-        right: L,
-        top: S,
-        bottom: S + O
+        right: O,
+        top: _,
+        bottom: _ + L
       };
       r.textCallback(A);
     }
-    return this.ctx.restore(), y;
+    return this.ctx.restore(), C;
   }
   /**
    * 将文本按宽度换行
@@ -3000,6 +3002,10 @@ class Nt {
     n(this, "BEFORE_SET_SELECTOR_METHOD");
     /** 设置填充器前回调 */
     n(this, "BEFORE_SET_AUTOFILL_METHOD");
+    /** 自定义表头右键菜单 */
+    n(this, "BEFORE_HEADER_CONTEXT_MENU_METHOD");
+    /** 自定义BODY右键菜单 */
+    n(this, "BEFORE_BODY_CONTEXT_MENU_METHOD");
     /** 数据复制前回调 */
     n(this, "BEFORE_COPY_METHOD");
     this._config = t, this.updateCssVar();
@@ -3235,7 +3241,8 @@ class mt extends qt {
     n(this, "drawSortImageHeight", 0);
     n(this, "drawSortImageName", "");
     n(this, "drawSortImageSource");
-    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = a, this.visibleWidth = r, this.visibleHeight = a, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.hide = (typeof l.hide == "function" ? l.hide(l) : l.hide) || !1, this.type = l.type || "", this.editorType = l.editorType || "text", this.hideHeaderSelection = l.hideHeaderSelection || !1, this.align = l.headerAlign || l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.headerVerticalAlign || l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed || "", this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.sortIconName = l.sortIconName || "sort-default", this.sortAscIconName = l.sortAscIconName || "sort-asc", this.sortDescIconName = l.sortDescIconName || "sort-desc", this.rowKey = $t(), this.overflowTooltipShow = l.overflowTooltipHeaderShow !== !1, this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader, this.maxLineClampHeader = l.maxLineClampHeader || "auto";
+    n(this, "renderHeaderType", "default");
+    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = a, this.visibleWidth = r, this.visibleHeight = a, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.hide = (typeof l.hide == "function" ? l.hide(l) : l.hide) || !1, this.type = l.type || "", this.editorType = l.editorType || "text", this.hideHeaderSelection = l.hideHeaderSelection || !1, this.align = l.headerAlign || l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.headerVerticalAlign || l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed || "", this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.sortIconName = l.sortIconName || "sort-default", this.sortAscIconName = l.sortAscIconName || "sort-asc", this.sortDescIconName = l.sortDescIconName || "sort-desc", this.rowKey = $t(), this.overflowTooltipShow = l.overflowTooltipHeaderShow !== !1, this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader, this.maxLineClampHeader = l.maxLineClampHeader || "auto", this.renderHeaderType = l.renderHeaderType || "default";
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -3362,7 +3369,7 @@ class mt extends qt {
     ));
   }
   getText() {
-    return this.render || ["", null, void 0].includes(this.text) ? "" : `${this.text}`;
+    return this.render && this.renderHeaderType === "default" || ["", null, void 0].includes(this.text) ? "" : `${this.text}`;
   }
   /**
    * 获取样式
@@ -4724,28 +4731,28 @@ class Ne {
     let w = this.height + e.height + r;
     w += m;
     let E = w;
-    const p = window.innerHeight, { top: y } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
-    if (p > y && d && !a) {
-      const T = p - y - f;
+    const p = window.innerHeight, { top: C } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (p > C && d && !a) {
+      const T = p - C - f;
       T > e.height + r ? E = T : w > h && (E = h);
     } else this.data.length && a ? E = a : this.data.length && h && w > 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 - 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, R = this.ctx.stageWidth * C, S = this.ctx.stageHeight * C;
-    t.width = Math.round(R), t.height = Math.round(S);
-    const O = this.data.length ? "not-empty" : "empty";
+    const y = window.devicePixelRatio || 1, I = this.ctx.stageWidth * y, _ = this.ctx.stageHeight * y;
+    t.width = Math.round(I), t.height = Math.round(_);
+    const L = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: O,
-      type: O,
+      isEmpty: L,
+      type: L,
       headerHeight: e.height,
       bodyHeight: this.height,
       footerHeight: m,
       width: this.width,
       height: this.data.length ? 0 : l + m
     });
-    const v = Math.round(t.width / C * 1e4) / 1e4, I = Math.round(t.height / C * 1e4) / 1e4;
-    this.ctx.canvasElement.setAttribute("style", `height:${I}px;width:${v}px;`), this.ctx.paint.scale(C);
+    const R = Math.round(t.width / y * 1e4) / 1e4, v = Math.round(t.height / y * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${v}px;width:${R}px;`), this.ctx.paint.scale(y);
   }
   // 调整行的高度
   initResizeRow() {
@@ -5101,26 +5108,26 @@ class Be {
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: u
       } = this.ctx.config, x = a, g = l || this.ctx.maxColIndex - f, m = h, w = d || this.ctx.maxRowIndex - u;
-      let [E, p] = o, [y, b] = r;
-      if (E < x || p > g || y < m || b > w)
+      let [E, p] = o, [C, b] = r;
+      if (E < x || p > g || C < m || b > w)
         return;
       if (this.ctx.config.ENABLE_MERGE_CELL_LINK) {
-        const R = this.adjustMergeCells(o, r);
-        y = R.yArr[0], b = R.yArr[1], E = R.xArr[0], p = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
+        const I = this.adjustMergeCells(o, r);
+        C = I.yArr[0], b = I.yArr[1], E = I.xArr[0], p = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
       }
-      E === p && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, E), Math.min(g, p)], r = [Math.max(m, y), Math.min(w, b)];
-      const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
-      if (typeof C == "function") {
-        const S = C({
+      E === p && C === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, E), Math.min(g, p)], r = [Math.max(m, C), Math.min(w, b)];
+      const { BEFORE_SET_SELECTOR_METHOD: y } = this.ctx.config;
+      if (typeof y == "function") {
+        const _ = y({
           focusCell: this.ctx.focusCell,
           xArr: o,
           yArr: r
         });
-        if (!S)
+        if (!_)
           return;
-        o = S.xArr, r = S.yArr;
+        o = _.xArr, r = _.yArr;
       }
-      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, b === this.ctx.maxRowIndex && y === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, p === this.ctx.maxColIndex && E === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
+      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, b === this.ctx.maxRowIndex && C === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, p === this.ctx.maxColIndex && E === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
   }
   adjustMergeCells(t, e) {
@@ -5135,13 +5142,13 @@ class Be {
     let a = [], l = [];
     for (let m = 0; m <= e[1] - e[0]; m++)
       for (let w = 0; w <= t[1] - t[0]; w++) {
-        const E = m + e[0], p = w + t[0], y = this.ctx.database.getVirtualBodyCell(E, p);
-        y && ((E === i || E === s) && a.push(y), (p === o || p === r) && l.push(y));
+        const E = m + e[0], p = w + t[0], C = this.ctx.database.getVirtualBodyCell(E, p);
+        C && ((E === i || E === s) && a.push(C), (p === o || p === r) && l.push(C));
       }
     const h = a.reduce(
       (m, w) => {
-        const { yArr: E } = w.getSpanInfo(), [p, y] = E;
-        return m.minY = Math.min(m.minY, p), m.maxY = Math.max(m.maxY, y), m;
+        const { yArr: E } = w.getSpanInfo(), [p, C] = E;
+        return m.minY = Math.min(m.minY, p), m.maxY = Math.max(m.maxY, C), m;
       },
       {
         minY: i,
@@ -5149,8 +5156,8 @@ class Be {
       }
     ), d = l.reduce(
       (m, w) => {
-        const { xArr: E } = w.getSpanInfo(), [p, y] = E;
-        return m.minX = Math.min(m.minX, p), m.maxX = Math.max(m.maxX, y), m;
+        const { xArr: E } = w.getSpanInfo(), [p, C] = E;
+        return m.minX = Math.min(m.minX, p), m.maxX = Math.max(m.maxX, C), m;
       },
       {
         minX: o,
@@ -5345,27 +5352,27 @@ class Be {
         });
         const m = r.length === 1 && r[0].length === 1;
         if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !m) {
-          const y = {
+          const C = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
           };
-          this.ctx.hasEvent("error") ? this.ctx.emit("error", y) : alert(y.message);
+          this.ctx.hasEvent("error") ? this.ctx.emit("error", C) : alert(C.message);
           return;
         }
         let w = [];
-        for (let y = 0; y <= r.length - 1; y++) {
-          const b = r[y].length;
-          for (let C = 0; C <= b - 1; C++) {
-            const R = y + e, S = C + i, O = r[y][C], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
-              R,
-              S
+        for (let C = 0; C <= r.length - 1; C++) {
+          const b = r[C].length;
+          for (let y = 0; y <= b - 1; y++) {
+            const I = C + e, _ = y + i, L = r[C][y], R = this.ctx.database.getItemValueForRowIndexAndColIndex(
+              I,
+              _
             );
-            if (v) {
-              const { rowKey: I, key: _ } = v;
-              this.ctx.database.getReadonly(I, _) || (s.add(I), w.push({
-                rowKey: I,
-                key: _,
-                value: O,
+            if (R) {
+              const { rowKey: v, key: S } = R;
+              this.ctx.database.getReadonly(v, S) || (s.add(v), w.push({
+                rowKey: v,
+                key: S,
+                value: L,
                 row: {}
                 //内部有设置
               }));
@@ -5373,34 +5380,34 @@ class Be {
           }
         }
         if (this.isCut) {
-          const y = this.clearSelectedData(
+          const C = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), b = w.map((C) => `${C.rowKey}-${C.key}`);
-          y.forEach((C) => {
-            b.includes(`${C.rowKey}-${C.key}`) || w.unshift(C);
+          ), b = w.map((y) => `${y.rowKey}-${y.key}`);
+          C.forEach((y) => {
+            b.includes(`${y.rowKey}-${y.key}`) || w.unshift(y);
           }), this.isCut = !1;
         }
         if (!w.length)
           return;
         const { BEFORE_PASTE_DATA_METHOD: E } = this.ctx.config;
         if (typeof E == "function") {
-          const y = E, b = w.map((C) => ({
-            rowKey: C.rowKey,
-            key: C.key,
-            value: C.value,
-            oldValue: this.ctx.database.getItemValue(C.rowKey, C.key),
-            row: this.ctx.database.getRowDataItemForRowKey(C.rowKey)
+          const C = E, b = w.map((y) => ({
+            rowKey: y.rowKey,
+            key: y.key,
+            value: y.value,
+            oldValue: this.ctx.database.getItemValue(y.rowKey, y.key),
+            row: this.ctx.database.getRowDataItemForRowKey(y.rowKey)
           }));
-          if (w = await y(b, a, l, r), w && !w.length)
+          if (w = await C(b, a, l, r), w && !w.length)
             return;
         }
         this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(w, !0);
         let p = [];
-        s.forEach((y) => {
-          p.push(this.ctx.database.getRowDataItemForRowKey(y));
+        s.forEach((C) => {
+          p.push(this.ctx.database.getRowDataItemForRowKey(C));
         }), this.ctx.emit("pasteChange", w, p), this.ctx.emit("draw");
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
@@ -5467,14 +5474,14 @@ class Be {
     if (!i)
       return;
     g && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: m, drawY: w, width: E, height: p, fixed: y } = i, b = o - m + 1, C = i.drawX + E - (e - s) + 1;
-    let R = r.height - w, S = p;
-    S > l.visibleHeight && (S = l.visibleHeight);
-    let O = 0;
-    u && (x === "top" ? R = r.height + a.height - w : O = a.visibleHeight);
-    const v = w + S - (t - O - f);
-    let I = h, _ = d;
-    C > 0 && !y ? I = Math.floor(h + C) : b > 0 && !y && (I = Math.floor(h - b)), R > 0 ? _ = Math.floor(d - R) : v > 0 && (_ = Math.floor(d + v)), (Math.abs(h - I) > 2.5 || Math.abs(d - _) > 2.5) && this.ctx.setScroll(I, _);
+    const { drawX: m, drawY: w, width: E, height: p, fixed: C } = i, b = o - m + 1, y = i.drawX + E - (e - s) + 1;
+    let I = r.height - w, _ = p;
+    _ > l.visibleHeight && (_ = l.visibleHeight);
+    let L = 0;
+    u && (x === "top" ? I = r.height + a.height - w : L = a.visibleHeight);
+    const R = w + _ - (t - L - f);
+    let v = h, S = d;
+    y > 0 && !C ? v = Math.floor(h + y) : b > 0 && !C && (v = Math.floor(h - b)), I > 0 ? S = Math.floor(d - I) : R > 0 && (S = Math.floor(d + R)), (Math.abs(h - v) > 2.5 || Math.abs(d - S) > 2.5) && this.ctx.setScroll(v, S);
   }
   destroy() {
   }
@@ -5532,21 +5539,21 @@ class Xe {
         SELECTOR_AREA_MAX_Y: x,
         SELECTOR_AREA_MAX_X_OFFSET: g,
         SELECTOR_AREA_MAX_Y_OFFSET: m
-      } = this.ctx.config, w = d, E = f || this.ctx.maxColIndex - g, p = u, y = x || this.ctx.maxRowIndex - m;
-      let [b, C] = r, [R, S] = a;
-      if (b < w || R < p)
+      } = this.ctx.config, w = d, E = f || this.ctx.maxColIndex - g, p = u, C = x || this.ctx.maxRowIndex - m;
+      let [b, y] = r, [I, _] = a;
+      if (b < w || I < p)
         return;
-      r = [Math.max(w, b), Math.min(E, C)], a = [Math.max(p, R), Math.min(y, S)];
-      const { BEFORE_SET_AUTOFILL_METHOD: O } = this.ctx.config;
-      if (typeof O == "function") {
-        const I = O({
+      r = [Math.max(w, b), Math.min(E, y)], a = [Math.max(p, I), Math.min(C, _)];
+      const { BEFORE_SET_AUTOFILL_METHOD: L } = this.ctx.config;
+      if (typeof L == "function") {
+        const v = L({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: a
         });
-        if (!I)
+        if (!v)
           return;
-        r = I.xArr, a = I.yArr;
+        r = v.xArr, a = v.yArr;
       }
       this.ctx.autofill.xArr = r, this.ctx.autofill.yArr = a, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
@@ -5573,12 +5580,12 @@ class Xe {
     let d = [];
     for (let x = 0; x <= l[1] - l[0]; x++)
       for (let g = 0; g <= a[1] - a[0]; g++) {
-        const m = g + a[0], w = x + l[0], E = s[x % r][g % o], p = this.ctx.database.getItemValueForRowIndexAndColIndex(w, m), y = `${w}-${m}`;
-        if (p && !i.has(y)) {
-          const { rowKey: b, key: C } = p;
-          this.ctx.database.getReadonly(b, C) || (t.add(b), d.push({
+        const m = g + a[0], w = x + l[0], E = s[x % r][g % o], p = this.ctx.database.getItemValueForRowIndexAndColIndex(w, m), C = `${w}-${m}`;
+        if (p && !i.has(C)) {
+          const { rowKey: b, key: y } = p;
+          this.ctx.database.getReadonly(b, y) || (t.add(b), d.push({
             rowKey: b,
-            key: C,
+            key: y,
             value: E,
             row: {}
           }));
@@ -5792,9 +5799,9 @@ const je = async (c, t, e) => {
       fn: E
     } = a[m], {
       x: p,
-      y,
+      y: C,
       data: b,
-      reset: C
+      reset: y
     } = await E({
       x: d,
       y: f,
@@ -5809,17 +5816,17 @@ const je = async (c, t, e) => {
         floating: t
       }
     });
-    d = p ?? d, f = y ?? f, x = {
+    d = p ?? d, f = C ?? f, x = {
       ...x,
       [w]: {
         ...x[w],
         ...b
       }
-    }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
+    }, y && g <= 50 && (g++, typeof y == "object" && (y.placement && (u = y.placement), y.rects && (h = y.rects === !0 ? await r.getElementRects({
       reference: c,
       floating: t,
       strategy: s
-    }) : C.rects), {
+    }) : y.rects), {
       x: d,
       y: f
     } = Ft(h, u, l)), m = -1);
@@ -5858,23 +5865,23 @@ async function ee(c, t) {
     y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, y = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), b = await (o.isElement == null ? void 0 : o.isElement(y)) ? await (o.getScale == null ? void 0 : o.getScale(y)) || {
+  } : r.reference, C = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), b = await (o.isElement == null ? void 0 : o.isElement(C)) ? await (o.getScale == null ? void 0 : o.getScale(C)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, C = ht(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, y = ht(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: p,
-    offsetParent: y,
+    offsetParent: C,
     strategy: l
   }) : p);
   return {
-    top: (E.top - C.top + g.top) / b.y,
-    bottom: (C.bottom - E.bottom + g.bottom) / b.y,
-    left: (E.left - C.left + g.left) / b.x,
-    right: (C.right - E.right + g.right) / b.x
+    top: (E.top - y.top + g.top) / b.y,
+    bottom: (y.bottom - E.bottom + g.bottom) / b.y,
+    left: (E.left - y.left + g.left) / b.x,
+    right: (y.right - E.right + g.right) / b.x
   };
 }
 const qe = (c) => ({
@@ -5898,15 +5905,15 @@ const qe = (c) => ({
     const f = te(d), u = {
       x: e,
       y: i
-    }, x = _t(s), g = Rt(x), m = await r.getDimensions(h), w = x === "y", E = w ? "top" : "left", p = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = o.reference[g] + o.reference[x] - u[x] - o.floating[g], C = u[x] - o.reference[x], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
-    let S = R ? R[y] : 0;
-    (!S || !await (r.isElement == null ? void 0 : r.isElement(R))) && (S = a.floating[y] || o.floating[g]);
-    const O = b / 2 - C / 2, v = S / 2 - m[g] / 2 - 1, I = j(f[E], v), _ = j(f[p], v), T = I, M = S - m[g] - _, L = S / 2 - m[g] / 2 + O, A = Et(T, L, M), H = !l.arrow && et(s) != null && L !== A && o.reference[g] / 2 - (L < T ? I : _) - m[g] / 2 < 0, D = H ? L < T ? L - T : L - M : 0;
+    }, x = _t(s), g = Rt(x), m = await r.getDimensions(h), w = x === "y", E = w ? "top" : "left", p = w ? "bottom" : "right", C = w ? "clientHeight" : "clientWidth", b = o.reference[g] + o.reference[x] - u[x] - o.floating[g], y = u[x] - o.reference[x], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    let _ = I ? I[C] : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = a.floating[C] || o.floating[g]);
+    const L = b / 2 - y / 2, R = _ / 2 - m[g] / 2 - 1, v = j(f[E], R), S = j(f[p], R), T = v, M = _ - m[g] - S, O = _ / 2 - m[g] / 2 + L, A = Et(T, O, M), H = !l.arrow && et(s) != null && O !== A && o.reference[g] / 2 - (O < T ? v : S) - m[g] / 2 < 0, D = H ? O < T ? O - T : O - M : 0;
     return {
       [x]: u[x] + D,
       data: {
         [x]: A,
-        centerOffset: L - A - D,
+        centerOffset: O - A - D,
         ...H && {
           alignmentOffset: D
         }
@@ -5938,39 +5945,39 @@ const qe = (c) => ({
       } = tt(c, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = $(s), p = V(a), y = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = u || (y || !m ? [lt(a)] : Ve(a)), R = g !== "none";
-      !u && R && C.push(...Ge(a, m, g, b));
-      const S = [a, ...C], O = await ee(t, w), v = [];
-      let I = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d && v.push(O[E]), f) {
-        const L = We(s, r, b);
-        v.push(O[L[0]], O[L[1]]);
+      const E = $(s), p = V(a), C = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), y = u || (C || !m ? [lt(a)] : Ve(a)), I = g !== "none";
+      !u && I && y.push(...Ge(a, m, g, b));
+      const _ = [a, ...y], L = await ee(t, w), R = [];
+      let v = ((i = o.flip) == null ? void 0 : i.overflows) || [];
+      if (d && R.push(L[E]), f) {
+        const O = We(s, r, b);
+        R.push(L[O[0]], L[O[1]]);
       }
-      if (I = [...I, {
+      if (v = [...v, {
         placement: s,
-        overflows: v
-      }], !v.every((L) => L <= 0)) {
-        var _, T;
-        const L = (((_ = o.flip) == null ? void 0 : _.index) || 0) + 1, A = S[L];
+        overflows: R
+      }], !R.every((O) => O <= 0)) {
+        var S, T;
+        const O = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, A = _[O];
         if (A && (!(f === "alignment" ? p !== V(A) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        I.every((k) => V(k.placement) === p ? k.overflows[0] > 0 : !0)))
+        v.every((k) => V(k.placement) === p ? k.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: L,
-              overflows: I
+              index: O,
+              overflows: v
             },
             reset: {
               placement: A
             }
           };
-        let H = (T = I.filter((D) => D.overflows[0] <= 0).sort((D, k) => D.overflows[1] - k.overflows[1])[0]) == null ? void 0 : T.placement;
+        let H = (T = v.filter((D) => D.overflows[0] <= 0).sort((D, k) => D.overflows[1] - k.overflows[1])[0]) == null ? void 0 : T.placement;
         if (!H)
           switch (x) {
             case "bestFit": {
               var M;
-              const D = (M = I.filter((k) => {
-                if (R) {
+              const D = (M = v.filter((k) => {
+                if (I) {
                   const W = V(k.placement);
                   return W === p || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -6076,12 +6083,12 @@ const ti = function(c) {
       }, d = await ee(t, l), f = V($(s)), u = Qt(f);
       let x = h[u], g = h[f];
       if (o) {
-        const w = u === "y" ? "top" : "left", E = u === "y" ? "bottom" : "right", p = x + d[w], y = x - d[E];
-        x = Et(p, x, y);
+        const w = u === "y" ? "top" : "left", E = u === "y" ? "bottom" : "right", p = x + d[w], C = x - d[E];
+        x = Et(p, x, C);
       }
       if (r) {
-        const w = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", p = g + d[w], y = g - d[E];
-        g = Et(p, g, y);
+        const w = f === "y" ? "top" : "left", E = f === "y" ? "bottom" : "right", p = g + d[w], C = g - d[E];
+        g = Et(p, g, C);
       }
       const m = a.fn({
         ...t,
@@ -6266,8 +6273,8 @@ function G(c, t, e, i) {
     const u = N(o), x = i && B(i) ? N(i) : i;
     let g = u, m = yt(g);
     for (; m && i && x !== g; ) {
-      const w = U(m), E = m.getBoundingClientRect(), p = X(m), y = E.left + (m.clientLeft + parseFloat(p.paddingLeft)) * w.x, b = E.top + (m.clientTop + parseFloat(p.paddingTop)) * w.y;
-      l *= w.x, h *= w.y, d *= w.x, f *= w.y, l += y, h += b, g = N(m), m = yt(g);
+      const w = U(m), E = m.getBoundingClientRect(), p = X(m), C = E.left + (m.clientLeft + parseFloat(p.paddingLeft)) * w.x, b = E.top + (m.clientTop + parseFloat(p.paddingTop)) * w.y;
+      l *= w.x, h *= w.y, d *= w.x, f *= w.y, l += C, h += b, g = N(m), m = yt(g);
     }
   }
   return ht({
@@ -6522,30 +6529,30 @@ function _i(c, t) {
     } = h;
     if (a || t(), !u || !x)
       return;
-    const g = st(f), m = st(s.clientWidth - (d + u)), w = st(s.clientHeight - (f + x)), E = st(d), y = {
+    const g = st(f), m = st(s.clientWidth - (d + u)), w = st(s.clientHeight - (f + x)), E = st(d), C = {
       rootMargin: -g + "px " + -m + "px " + -w + "px " + -E + "px",
       threshold: z(0, j(1, l)) || 1
     };
     let b = !0;
-    function C(R) {
-      const S = R[0].intersectionRatio;
-      if (S !== l) {
+    function y(I) {
+      const _ = I[0].intersectionRatio;
+      if (_ !== l) {
         if (!b)
           return r();
-        S ? r(!1, S) : i = setTimeout(() => {
+        _ ? r(!1, _) : i = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      S === 1 && !he(h, c.getBoundingClientRect()) && r(), b = !1;
+      _ === 1 && !he(h, c.getBoundingClientRect()) && r(), b = !1;
     }
     try {
-      e = new IntersectionObserver(C, {
-        ...y,
+      e = new IntersectionObserver(y, {
+        ...C,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      e = new IntersectionObserver(C, y);
+      e = new IntersectionObserver(y, C);
     }
     e.observe(c);
   }
@@ -6570,8 +6577,8 @@ function Ct(c, t, e, i) {
   r && (x = new ResizeObserver((E) => {
     let [p] = E;
     p && p.target === h && x && (x.unobserve(t), cancelAnimationFrame(u), u = requestAnimationFrame(() => {
-      var y;
-      (y = x) == null || y.observe(t);
+      var C;
+      (C = x) == null || C.observe(t);
     })), e();
   }), h && !l && x.observe(h), x.observe(t));
   let g, m = l ? G(c) : null;
@@ -6815,7 +6822,7 @@ class Oi {
         "F12"
       ].includes(s))
         return;
-      if (!(document.activeElement === this.inputEl)) {
+      if (!(document.activeElement === this.inputEl) && e.editorType === "text") {
         t.preventDefault();
         return;
       }
@@ -6877,7 +6884,7 @@ class Oi {
       header: d
     } = this.ctx;
     let f = this.ctx.body.visibleHeight;
-    o > f && (o = f), this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxWidth = "none", this.editorEl.style.maxHeight = `${f}px`, ["text"].includes(s) ? (this.inputEl.style.opacity = "1", this.inputEl.style.position = "relative", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i)) : (this.inputEl.style.opacity = "0", this.inputEl.style.width = "1px", this.inputEl.style.height = "1px", this.inputEl.style.position = "absolute", this.inputEl.style.left = "0px", this.inputEl.style.top = "0px"), (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
+    o > f && (o = f), this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxWidth = "none", this.editorEl.style.maxHeight = `${f}px`, ["text"].includes(s) ? (this.inputEl.style.opacity = "1", this.inputEl.style.position = "relative", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i), (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize()) : (this.inputEl.style.opacity = "0", this.inputEl.style.width = "1px", this.inputEl.style.height = "1px", this.inputEl.style.position = "absolute", this.inputEl.style.left = "0px", this.inputEl.style.top = "0px");
   }
   doneEditByInput() {
     if (this.cellTarget && this.cellTarget.editorType === "text") {
@@ -7322,7 +7329,7 @@ class zt {
       }
     }
     const i = e.getAttribute("data-menu") || (e == null ? void 0 : e.getAttribute("data-submenu")), s = this.findMenuItem(i || "");
-    s && (s.event && s.event(t, this.hide.bind(this)), this.onClick && this.onClick(s, i || ""));
+    s && this.onClick && this.onClick(s, i || "");
   }
   findMenuItem(t, e = this.menuData) {
     for (const i of e) {
@@ -7360,9 +7367,6 @@ class zt {
       });
     });
   }
-  hide() {
-    this.cleanupAllSubmenus(this.container), this.container.style.display = "none";
-  }
   destroy() {
     this.container.removeEventListener("mouseenter", this.boundMouseEnterHandler, !0), this.container.removeEventListener("mouseleave", this.boundMouseLeaveHandler, !0), this.container.removeEventListener("click", this.boundClickHandler), this.cleanupAllSubmenus(this.container), this.container.style.display = "none", this.container.replaceChildren();
   }
@@ -7427,60 +7431,68 @@ class Ai {
   init() {
     this.ctx.on("outsideMousedown", () => {
       this.hide();
-    }), this.ctx.on("cellContextMenuClick", (t, e) => {
+    }), this.ctx.on("cellContextMenuClick", async (t, e) => {
       if (this.isCustom) {
         this.contextMenuEl.style.display = "block", this.positionMenu(e);
         return;
       }
-      const { ENABLE_CONTEXT_MENU: i, CUSTOM_BODY_CONTEXT_MENU: s, CONTEXT_MENU: o } = this.ctx.config, r = [...o, ...s];
-      if (!i || r.length === 0) return;
+      const { ENABLE_CONTEXT_MENU: i, CUSTOM_BODY_CONTEXT_MENU: s, CONTEXT_MENU: o, BEFORE_BODY_CONTEXT_MENU_METHOD: r } = this.ctx.config;
+      let a = [...o, ...s];
+      if (r && (a = await r({ list: a, cell: t, hide: this.hide.bind(this) })), !i || a.length === 0) return;
       e.preventDefault();
-      const { xArr: a, yArr: l } = this.ctx.selector, [h, d] = a, [f, u] = l, { rowIndex: x, colIndex: g } = t;
-      x >= f && x <= u && g >= h && g <= d || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new zt(this.contextMenuEl, r, {
-        onClick: (w, E) => {
-          E === "copy" ? (this.ctx.emit("contextMenuCopy"), this.hide()) : E === "paste" ? (this.ctx.emit("contextMenuPaste"), this.hide()) : E === "cut" ? (this.ctx.emit("contextMenuCut"), this.hide()) : E === "clearSelected" && (this.ctx.emit("contextMenuClearSelected"), this.hide());
+      const { xArr: l, yArr: h } = this.ctx.selector, [d, f] = l, [u, x] = h, { rowIndex: g, colIndex: m } = t;
+      g >= u && g <= x && m >= d && m <= f || this.ctx.emit("setSelectorCell", t, e), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy(), this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new zt(this.contextMenuEl, a, {
+        onClick: (E, p) => {
+          p === "copy" ? (this.ctx.emit("contextMenuCopy"), this.hide()) : p === "paste" ? (this.ctx.emit("contextMenuPaste"), this.hide()) : p === "cut" ? (this.ctx.emit("contextMenuCut"), this.hide()) : p === "clearSelected" ? (this.ctx.emit("contextMenuClearSelected"), this.hide()) : E.event && E.event(e, {
+            hide: this.hide.bind(this),
+            cell: t
+          });
         }
       }), this.currentDOMTreeMenu.positionMenu(e);
-    }), this.ctx.on("cellHeaderContextMenuClick", (t, e) => {
+    }), this.ctx.on("cellHeaderContextMenuClick", async (t, e) => {
       if (this.isCustom) {
         this.contextMenuEl.style.display = "block", this.positionMenu(e);
         return;
       }
-      const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: o } = this.ctx.config, r = i, a = s || this.ctx.maxColIndex - o;
-      if (t.colIndex < r || t.colIndex > a)
+      const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: o, BEFORE_HEADER_CONTEXT_MENU_METHOD: r } = this.ctx.config, a = i, l = s || this.ctx.maxColIndex - o;
+      if (t.colIndex < a || t.colIndex > l)
         return;
-      const { HEADER_CONTEXT_MENU: l, CUSTOM_HEADER_CONTEXT_MENU: h, ENABLE_HEADER_CONTEXT_MENU: d } = this.ctx.config, f = [...l, ...h];
-      if (!d || f.length === 0) return;
+      const { HEADER_CONTEXT_MENU: h, CUSTOM_HEADER_CONTEXT_MENU: d, ENABLE_HEADER_CONTEXT_MENU: f } = this.ctx.config;
+      let u = [...h, ...d];
+      if (r && (u = await r({ list: u, cell: t, hide: this.hide.bind(this) })), !f || u.length === 0) return;
       e.preventDefault();
-      const { xArr: u } = this.ctx.selector, [x, g] = u, { colIndex: m } = t;
-      m >= x && m <= g || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
-      const E = this.ctx.database.getColumns(), p = f.map((y) => y.value === "visible" ? {
-        ...y,
-        children: this.filterColumns(E)
-      } : y);
-      this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new zt(this.contextMenuEl, p, {
-        onClick: (y, b) => {
-          const { xArr: C } = this.ctx.selector, [R, S] = C;
-          if (b === "fixedLeft" || b === "fixedRight" || b === "fixedNone") {
-            const O = this.ctx.header.allCellHeaders.filter((v) => v.colIndex >= R && v.colIndex <= S).filter((v) => v.level === 0).filter((v) => !v.column.fixedDisabled).map((v) => v.key);
+      const { xArr: x } = this.ctx.selector, [g, m] = x, { colIndex: w } = t;
+      w >= g && w <= m || (this.ctx.focusCellHeader = t, this.ctx.emit("selectCols", t)), this.currentDOMTreeMenu && this.currentDOMTreeMenu.destroy();
+      const p = this.ctx.database.getColumns(), C = u.map((b) => b.value === "visible" ? {
+        ...b,
+        children: this.filterColumns(p)
+      } : b);
+      this.ctx.contextMenuIng = !0, this.currentDOMTreeMenu = new zt(this.contextMenuEl, C, {
+        onClick: (b, y) => {
+          const { xArr: I } = this.ctx.selector, [_, L] = I;
+          if (y === "fixedLeft" || y === "fixedRight" || y === "fixedNone") {
+            const R = this.ctx.header.allCellHeaders.filter((v) => v.colIndex >= _ && v.colIndex <= L).filter((v) => v.level === 0).filter((v) => !v.column.fixedDisabled).map((v) => v.key);
             this.ctx.database.setCustomHeaderFixedData(
-              O,
-              b === "fixedLeft" ? "left" : b === "fixedRight" ? "right" : ""
+              R,
+              y === "fixedLeft" ? "left" : y === "fixedRight" ? "right" : ""
             ), this.hide();
-          } else if (b === "hide") {
-            const O = this.ctx.header.leafCellHeaders.filter((v) => v.colIndex >= R && v.colIndex <= S).filter((v) => !v.children.length).filter((v) => !v.column.hideDisabled).map((v) => v.key);
-            O.length > 0 && this.ctx.database.setCustomHeaderHideData(O, !0), this.hide();
-          } else if (b !== "visible") if (b.startsWith("visible_")) {
-            if (!y.key) return;
-            if (y.children) {
-              const _ = this.getLeafKeys(y.children);
-              this.ctx.database.setCustomHeaderHideData(_, !1);
+          } else if (y === "hide") {
+            const R = this.ctx.header.leafCellHeaders.filter((v) => v.colIndex >= _ && v.colIndex <= L).filter((v) => !v.children.length).filter((v) => !v.column.hideDisabled).map((v) => v.key);
+            R.length > 0 && this.ctx.database.setCustomHeaderHideData(R, !0), this.hide();
+          } else if (y !== "visible") if (y.startsWith("visible_")) {
+            if (!b.key) return;
+            if (b.children) {
+              const T = this.getLeafKeys(b.children);
+              this.ctx.database.setCustomHeaderHideData(T, !1);
             } else
-              this.ctx.database.setCustomHeaderHideData([y.key], !1);
-            this.currentDOMTreeMenu && this.currentDOMTreeMenu.removeSubMenuItem(b);
-            const O = this.ctx.database.getColumns();
-            J(O).filter((_) => _.hide).length === 0 && this.hide();
-          } else b === "resetHeader" && (this.ctx.database.resetCustomHeader(), this.hide());
+              this.ctx.database.setCustomHeaderHideData([b.key], !1);
+            this.currentDOMTreeMenu && this.currentDOMTreeMenu.removeSubMenuItem(y);
+            const R = this.ctx.database.getColumns();
+            J(R).filter((T) => T.hide).length === 0 && this.hide();
+          } else y === "resetHeader" ? (this.ctx.database.resetCustomHeader(), this.hide()) : b.event && b.event(e, {
+            hide: this.hide.bind(this),
+            cell: t
+          });
         }
       }), this.positionMenu(e);
     }), this.ctx.on("click", () => {