e-virt-table 0.0.8 → 0.0.9

package/dist/index.es.js

@@ -169,24 +169,24 @@ function Oe(a, t, e, i, s) {
       return x;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), l = n.length, h = 0, d = [], f = new Promise(function(x, u) {
+  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), l = n.length, h = 0, f = [], d = new Promise(function(x, u) {
     var y = function(w) {
-      if (d.push.apply(d, w), h++, h === l)
-        return i(d), d.length ? u(new Xt(d, Ct(d))) : x(s);
+      if (f.push.apply(f, w), h++, h === l)
+        return i(f), f.length ? u(new Xt(f, Ct(f))) : x(s);
     };
-    n.length || (i(d), x(s)), n.forEach(function(g) {
+    n.length || (i(f), x(s)), n.forEach(function(g) {
       var w = a[g];
       o.indexOf(g) !== -1 ? Ft(w, e, y) : Re(w, e, y);
     });
   });
-  return f.catch(function(x) {
+  return d.catch(function(x) {
     return x;
-  }), f;
+  }), d;
 }
 function _e(a) {
   return !!(a && a.message !== void 0);
 }
-function Te(a, t) {
+function Se(a, t) {
   for (var e = a, i = 0; i < t.length; i++) {
     if (e == null)
       return e;
@@ -197,7 +197,7 @@ function Te(a, t) {
 function Nt(a, t) {
   return function(e) {
     var i;
-    return a.fullFields ? i = Te(t, a.fullFields) : i = t[e.field || a.fullField], _e(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
+    return a.fullFields ? i = Se(t, a.fullFields) : i = t[e.field || a.fullField], _e(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
       field: e.field || a.fullField
@@ -216,7 +216,7 @@ function Kt(a, t) {
 }
 var Gt = function(t, e, i, s, r, o) {
   t.required && (!i.hasOwnProperty(t.field) || I(e, o || t.type)) && s.push(H(r.messages.required, t.fullField));
-}, Se = function(t, e, i, s, r) {
+}, Te = function(t, e, i, s, r) {
   (/^\s+$/.test(e) || e === "") && s.push(H(r.messages.whitespace, t.fullField));
 }, ht, Le = function() {
   if (ht)
@@ -242,7 +242,7 @@ var Gt = function(t, e, i, s, r, o) {
   }, l.v6 = function(m) {
     return m && m.exact ? n : new RegExp("" + t(m) + s + t(m), "g");
   };
-  var h = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = l.v4().source, x = l.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", y = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", g = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", p = '(?:[/?#][^\\s"]*)?', E = "(?:" + h + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + u + y + g + ")" + w + p;
+  var h = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = l.v4().source, x = l.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", y = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", g = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", p = '(?:[/?#][^\\s"]*)?', E = "(?:" + h + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + y + g + ")" + w + p;
   return ht = new RegExp("(?:^" + E + "$)", "i"), ht;
 }, Yt = {
   // http://emailregex.com/
@@ -300,10 +300,10 @@ var Gt = function(t, e, i, s, r, o) {
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
   o.indexOf(n) > -1 ? et[n](e) || s.push(H(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(H(r.messages.types[n], t.fullField, t.type));
 }, He = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", n = typeof t.min == "number", l = typeof t.max == "number", h = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", u = typeof e == "string", y = Array.isArray(e);
-  if (x ? f = "number" : u ? f = "string" : y && (f = "array"), !f)
+  var o = typeof t.len == "number", n = typeof t.min == "number", l = typeof t.max == "number", h = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, f = e, d = null, x = typeof e == "number", u = typeof e == "string", y = Array.isArray(e);
+  if (x ? d = "number" : u ? d = "string" : y && (d = "array"), !d)
     return !1;
-  y && (d = e.length), u && (d = e.replace(h, "_").length), o ? d !== t.len && s.push(H(r.messages[f].len, t.fullField, t.len)) : n && !l && d < t.min ? s.push(H(r.messages[f].min, t.fullField, t.min)) : l && !n && d > t.max ? s.push(H(r.messages[f].max, t.fullField, t.max)) : n && l && (d < t.min || d > t.max) && s.push(H(r.messages[f].range, t.fullField, t.min, t.max));
+  y && (f = e.length), u && (f = e.replace(h, "_").length), o ? f !== t.len && s.push(H(r.messages[d].len, t.fullField, t.len)) : n && !l && f < t.min ? s.push(H(r.messages[d].min, t.fullField, t.min)) : l && !n && f > t.max ? s.push(H(r.messages[d].max, t.fullField, t.max)) : n && l && (f < t.min || f > t.max) && s.push(H(r.messages[d].range, t.fullField, t.min, t.max));
 }, j = "enum", Me = function(t, e, i, s, r) {
   t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(H(r.messages[j], t.fullField, t[j].join(", ")));
 }, De = function(t, e, i, s, r) {
@@ -317,7 +317,7 @@ var Gt = function(t, e, i, s, r, o) {
   }
 }, v = {
   required: Gt,
-  whitespace: Se,
+  whitespace: Te,
   type: Ae,
   range: He,
   enum: Me,
@@ -536,7 +536,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var n = i, l = s, h = r;
     if (typeof l == "function" && (h = l, l = {}), !this.rules || Object.keys(this.rules).length === 0)
       return h && h(null, n), Promise.resolve(n);
-    function d(g) {
+    function f(g) {
       var w = [], p = {};
       function E(b) {
         if (Array.isArray(b)) {
@@ -550,8 +550,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       w.length ? (p = Ct(w), h(w, p)) : h(null, n);
     }
     if (l.messages) {
-      var f = this.messages();
-      f === Rt && (f = vt()), Kt(f, l.messages), l.messages = f;
+      var d = this.messages();
+      d === Rt && (d = vt()), Kt(d, l.messages), l.messages = d;
     } else
       l.messages = this.messages();
     var x = {}, u = l.keys || Object.keys(this.rules);
@@ -573,17 +573,17 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     return Oe(x, l, function(g, w) {
       var p = g.rule, E = (p.type === "object" || p.type === "array") && (typeof p.fields == "object" || typeof p.defaultField == "object");
       E = E && (p.required || !p.required && g.value), p.field = g.field;
-      function m(R, S) {
-        return $({}, S, {
+      function m(R, T) {
+        return $({}, T, {
           fullField: p.fullField + "." + R,
           fullFields: p.fullFields ? [].concat(p.fullFields, [R]) : [R]
         });
       }
       function b(R) {
         R === void 0 && (R = []);
-        var S = Array.isArray(R) ? R : [R];
-        !l.suppressWarning && S.length && a.warning("async-validator:", S), S.length && p.message !== void 0 && (S = [].concat(p.message));
-        var L = S.map(Nt(p, n));
+        var T = Array.isArray(R) ? R : [R];
+        !l.suppressWarning && T.length && a.warning("async-validator:", T), T.length && p.message !== void 0 && (T = [].concat(p.message));
+        var L = T.map(Nt(p, n));
         if (l.first && L.length)
           return y[p.field] = 1, w(L);
         if (!E)
@@ -597,13 +597,13 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
           }), A = $({}, A, g.rule.fields);
           var D = {};
           Object.keys(A).forEach(function(O) {
-            var T = A[O], _ = Array.isArray(T) ? T : [T];
+            var S = A[O], _ = Array.isArray(S) ? S : [S];
             D[O] = _.map(m.bind(null, O));
           });
           var B = new a(D);
           B.messages(l.messages), g.rule.options && (g.rule.options.messages = l.messages, g.rule.options.error = l.error), B.validate(g.value, g.rule.options || l, function(O) {
-            var T = [];
-            L && L.length && T.push.apply(T, L), O && O.length && T.push.apply(T, O), w(T.length ? T : null);
+            var S = [];
+            L && L.length && S.push.apply(S, L), O && O.length && S.push.apply(S, O), w(S.length ? S : null);
           });
         }
       }
@@ -626,7 +626,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         return b(R);
       });
     }, function(g) {
-      d(g);
+      f(g);
     }, n);
   }, t.getType = function(i) {
     if (i.type === void 0 && i.pattern instanceof RegExp && (i.type = "pattern"), typeof i.validator != "function" && i.type && !it.hasOwnProperty(i.type))
@@ -751,12 +751,12 @@ class Ze {
     t.forEach((i, s) => {
       let r = !1;
       Array.isArray(i.children) && (r = !0, this.initData(i.children, e + 1));
-      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: l, SELECTABLE_METHOD: h, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], x = f ?? At();
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: l, SELECTABLE_METHOD: h, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d ?? At();
       this.itemRowKeyMap.set(i, x);
       const u = i._height || l, y = i._readonly;
       let g = !0;
-      if (typeof h == "function" && (g = h), d) {
-        const w = i[d];
+      if (typeof h == "function" && (g = h), f) {
+        const w = i[f];
         if (this.checkboxKeyMap.has(w)) {
           const p = this.checkboxKeyMap.get(w);
           p.push(x), this.checkboxKeyMap.set(w, p);
@@ -835,10 +835,10 @@ class Ze {
     const i = (r) => {
       r.forEach((o) => {
         t.push(o);
-        const n = this.itemRowKeyMap.get(o), { expand: l, hasChildren: h, height: d } = this.rowKeyMap.get(n), f = this.sumHeight;
-        this.sumHeight += d, this.rowIndexRowKeyMap.set(e, n), this.positions.push({
-          top: f,
-          height: d,
+        const n = this.itemRowKeyMap.get(o), { expand: l, hasChildren: h, height: f } = this.rowKeyMap.get(n), d = this.sumHeight;
+        this.sumHeight += f, this.rowIndexRowKeyMap.set(e, n), this.positions.push({
+          top: d,
+          height: f,
           bottom: this.sumHeight
         }), e += 1, l && h && i(o.children);
       });
@@ -963,11 +963,11 @@ class Ze {
     let i = [];
     const s = /* @__PURE__ */ new Set();
     t.forEach((n) => {
-      const { value: l, rowKey: h, key: d } = n, { oldValue: f, newValue: x } = this.setItemValue(h, d, l);
+      const { value: l, rowKey: h, key: f } = n, { oldValue: d, newValue: x } = this.setItemValue(h, f, l);
       s.add(h), i.push({
         rowKey: h,
-        key: d,
-        oldValue: f,
+        key: f,
+        oldValue: d,
         newValue: x
       });
     });
@@ -1013,19 +1013,19 @@ class Ze {
     n[e] !== null && typeof n[e] == "object" && (l = JSON.parse(JSON.stringify(n[e])));
     const h = `${t}_${e}`;
     if (this.originalDataMap.has(h) || this.originalDataMap.set(h, l), this.changedDataMap.set(h, i), n[e] = i, o) {
-      const d = this.ctx.database.getRowDataItemForRowKey(t), f = {
+      const f = this.ctx.database.getRowDataItemForRowKey(t), d = {
         rowKey: t,
         key: e,
         value: i,
-        row: d
+        row: f
       };
-      this.ctx.emit("change", [f], [d]), this.ctx.emit("editChange", {
+      this.ctx.emit("change", [d], [f]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
         oldValue: l,
         value: i,
         originalValue: this.originalDataMap.get(h),
-        row: d
+        row: f
       });
     }
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
@@ -1258,18 +1258,18 @@ class Ze {
       const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { CELL_RULES_METHOD: o } = this.ctx.config, n = r.column;
       let l = n.rules;
       if (typeof o == "function") {
-        const d = o({
+        const f = o({
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: r.colIndex,
           column: n,
           value: this.getItemValue(t, e)
         });
-        d && (l = d);
+        f && (l = f);
       }
       if (l) {
-        let h = {}, d = {};
-        if (d[e] = this.getItemValue(t, e), Array.isArray(l) && l.length) {
+        let h = {}, f = {};
+        if (f[e] = this.getItemValue(t, e), Array.isArray(l) && l.length) {
           const x = l.map((u) => ({
             ...u,
             row: s.item,
@@ -1286,7 +1286,7 @@ class Ze {
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           };
-        new nt(h).validate(d).then(() => {
+        new nt(h).validate(f).then(() => {
           this.setValidationError(t, e, []), i([]);
         }).catch(({ errors: x }) => {
           const u = x.map((y) => ({
@@ -1512,31 +1512,31 @@ class ei {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, r) {
-    const { fillColor: o, side: n, shadowWidth: l, colorStart: h, colorEnd: d } = r;
+    const { fillColor: o, side: n, shadowWidth: l, colorStart: h, colorEnd: f } = r;
     this.ctx.save(), o && (this.ctx.fillStyle = o, this.ctx.fillRect(t, e, i, s));
-    let f;
+    let d;
     switch (n) {
       case "left":
-        f = this.ctx.createLinearGradient(t - l, e, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - l, e, l, s);
+        d = this.ctx.createLinearGradient(t - l, e, t, e), d.addColorStop(0, h), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t - l, e, l, s);
         break;
       case "right":
-        f = this.ctx.createLinearGradient(
+        d = this.ctx.createLinearGradient(
           t + i,
           e,
           t + i + l,
           e
-        ), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, l, s);
+        ), d.addColorStop(0, h), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t + i, e, l, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - l, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - l, i, l);
+        d = this.ctx.createLinearGradient(t, e - l, t, e), d.addColorStop(0, h), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e - l, i, l);
         break;
       case "bottom":
-        f = this.ctx.createLinearGradient(
+        d = this.ctx.createLinearGradient(
           t,
           e + s,
           t,
           e + s + l
-        ), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, l);
+        ), d.addColorStop(0, h), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e + s, i, l);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -1561,8 +1561,8 @@ class ei {
     if (this.ctx.save(), this.ctx.beginPath(), n !== void 0 && (this.ctx.fillStyle = n), o !== void 0 && (this.ctx.lineWidth = r, this.ctx.strokeStyle = o), l === 0)
       this.ctx.rect(t + 0.5, e + 0.5, i, s);
     else {
-      const [h, d, f, x] = typeof l == "number" ? [l, l, l, l] : l;
-      this.ctx.moveTo(t + h, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + h, e, h);
+      const [h, f, d, x] = typeof l == "number" ? [l, l, l, l] : l;
+      this.ctx.moveTo(t + h, e), this.ctx.arcTo(t + i, e, t + i, e + f, f), this.ctx.arcTo(t + i, e + s, t + i - d, e + s, d), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + h, e, h);
     }
     n !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -1582,15 +1582,15 @@ class ei {
       font: n = "12px Arial",
       align: l = "center",
       color: h = "#495060",
-      padding: d = 0,
-      verticalAlign: f = "middle"
+      padding: f = 0,
+      verticalAlign: d = "middle"
     } = o;
-    this.ctx.font = n, this.ctx.fillStyle = h, this.ctx.textBaseline = f, this.ctx.textAlign = l;
+    this.ctx.font = n, this.ctx.fillStyle = h, this.ctx.textBaseline = d, this.ctx.textAlign = l;
     let x = 0;
-    f === "top" ? x = i + d : f === "bottom" ? x = i + r - d : x = i + (r + d) / 2;
+    d === "top" ? x = i + f : d === "bottom" ? x = i + r - f : x = i + (r + f) / 2;
     let u = 0;
-    l === "left" ? u = e + d : l === "right" ? u = e + s - d : u = e + s / 2;
-    const { _text: y, ellipsis: g } = this.handleEllipsis(t, s, d);
+    l === "left" ? u = e + f : l === "right" ? u = e + s - f : u = e + s / 2;
+    const { _text: y, ellipsis: g } = this.handleEllipsis(t, s, f);
     return this.ctx.fillText(y, u, x), this.ctx.restore(), g;
   }
   handleEllipsis(t, e, i = 0) {
@@ -1679,8 +1679,6 @@ class Bt {
     c(this, "ENABLE_SELECTOR", !1);
     c(this, "ENABLE_EDIT_SINGLE_CLICK", !1);
     // 启用单点击立马编辑
-    c(this, "ENABLE_EDIT_TEXT_ENTER", !0);
-    // 启用文本编辑器回车键确认
     c(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
     // 启用点击选择器编辑
     c(this, "ENABLE_SELECTOR_SINGLE", !1);
@@ -1835,8 +1833,8 @@ class ii {
     const o = new Image(), n = new Blob([new XMLSerializer().serializeToString(r)], {
       type: "image/svg+xml"
     }), l = URL.createObjectURL(n);
-    return o.src = l, new Promise((h, d) => {
-      o.onerror = () => d(new Error("Failed to load image")), o.onload = () => {
+    return o.src = l, new Promise((h, f) => {
+      o.onerror = () => f(new Error("Failed to load image")), o.onload = () => {
         h(o);
       };
     });
@@ -1883,8 +1881,8 @@ class Jt {
   }
 }
 class Qt extends Jt {
-  constructor(e, i, s, r, o, n, l, h, d, f = "body") {
-    super(e, r, o, n, l, h.fixed, f);
+  constructor(e, i, s, r, o, n, l, h, f, d = "body") {
+    super(e, r, o, n, l, h.fixed, d);
     c(this, "formatter");
     c(this, "hoverIconName", "");
     c(this, "align");
@@ -1929,7 +1927,7 @@ class Qt extends Jt {
     c(this, "overflowTooltipShow", !0);
     c(this, "overflowTooltipMaxWidth", 500);
     c(this, "overflowTooltipPlacement", "top");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "text", this.editorType = h.editorType || "text", this.cellType = f, this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, 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.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.update();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "text", this.editorType = h.editorType || "text", this.cellType = d, this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.column = h, this.rules = h.rules, this.row = f, 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.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.update();
   }
   getValidationMessage() {
     const e = this.ctx.database.getValidationError(this.rowKey, this.key);
@@ -2023,11 +2021,11 @@ class Qt extends Jt {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let r, o = 0, n = "";
     if (this.type === "tree" && s === "body") {
-      const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = l || {};
-      if (f) {
+      const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: f = !1, expandLoading: d = !1, level: x = 0 } = l || {};
+      if (d) {
         const u = this.ctx.icons.get("loading");
         n = "loading", r = u, o = x * 8;
-      } else if (d) {
+      } else if (f) {
         const u = this.ctx.icons.get("expand"), y = this.ctx.icons.get("shrink");
         r = h ? y : u, n = h ? "shrink" : "expand", o = x * 8;
       } else
@@ -2048,8 +2046,8 @@ class Qt extends Jt {
       FOOTER_BG_COLOR: n,
       HIGHLIGHT_SELECTED_ROW: l,
       HIGHLIGHT_SELECTED_ROW_COLOR: h,
-      HIGHLIGHT_HOVER_ROW: d,
-      HIGHLIGHT_HOVER_ROW_COLOR: f
+      HIGHLIGHT_HOVER_ROW: f,
+      HIGHLIGHT_HOVER_ROW_COLOR: d
     } = this.ctx.config;
     if (this.cellType === "footer") {
       let p = n, E = o;
@@ -2068,7 +2066,7 @@ class Qt extends Jt {
     }
     let x = "transparent";
     const u = this.ctx.focusCell, y = this.ctx.hoverCell;
-    d && (y == null ? void 0 : y.rowKey) === this.rowKey && (x = f), l && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = h), this.drawCellSkyBgColor = x;
+    f && (y == null ? void 0 : y.rowKey) === this.rowKey && (x = d), l && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = h), this.drawCellSkyBgColor = x;
     let g = e, w = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
       this.drawCellBgColor = e, this.drawTextColor = o;
@@ -2089,9 +2087,9 @@ class Qt extends Jt {
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: l, rowKey: h } = this;
     if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(n)) {
-      const d = this.ctx.database.getRowSelection(h), f = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, y = this.drawY + (i - x) / 2;
+      const f = this.ctx.database.getRowSelection(h), d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, y = this.drawY + (i - x) / 2;
       let g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
-      d && f ? (g = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : d && f ? (g = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !d && f ? (g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), g && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = u, this.drawImageY = y, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g) : g && n === "selection" && (this.drawImageX = u, this.drawImageY = y, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g);
+      f && d ? (g = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : f && d ? (g = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !f && d ? (g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), g && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = u, this.drawImageY = y, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g) : g && n === "selection" && (this.drawImageX = u, this.drawImageY = y, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g);
     }
   }
   updateHoverIcon() {
@@ -2221,8 +2219,8 @@ class Qt extends Jt {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s } = this.ctx.config;
     if (!s || !i)
       return;
-    const { xArr: r, yArr: o } = this.ctx.selector, n = r[1], l = o[1], { colIndex: h, rowIndex: d, drawX: f, drawY: x } = this;
-    h === n && d === l && this.ctx.paint.drawRect(f + this.width - 6, x + this.height - 6, 6, 6, {
+    const { xArr: r, yArr: o } = this.ctx.selector, n = r[1], l = o[1], { colIndex: h, rowIndex: f, drawX: d, drawY: x } = this;
+    h === n && f === l && this.ctx.paint.drawRect(d + this.width - 6, x + this.height - 6, 6, 6, {
       borderColor: "#fff",
       fillColor: e
     });
@@ -2277,9 +2275,9 @@ class Qt extends Jt {
   }
   drawBorder(e) {
     const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: n } = this, l = i + 0.5;
-    let h = s + 0.5, d = this.height;
-    o === 0 && (h = this.y + 1, d = d - 1);
-    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: y = 1, borderColor: g, fillColor: w } = e, p = f[0], E = f[1], m = x[0], b = x[1];
+    let h = s + 0.5, f = this.height;
+    o === 0 && (h = this.y + 1, f = f - 1);
+    const { xArr: d, yArr: x, lineDash: u = [], borderWidth: y = 1, borderColor: g, fillColor: w } = e, p = d[0], E = d[1], m = x[0], b = x[1];
     n >= p && n <= E && o === m && this.ctx.paint.drawLine([l, h, l + r - 2, h], {
       borderColor: g,
       fillColor: w,
@@ -2287,21 +2285,21 @@ class Qt extends Jt {
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n >= p && n <= E && o === b && this.ctx.paint.drawLine([l, h + d - 1.5, l + r, h + d - 1.5], {
+    }), n >= p && n <= E && o === b && this.ctx.paint.drawLine([l, h + f - 1.5, l + r, h + f - 1.5], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === p && o >= m && o <= b && this.ctx.paint.drawLine([l, h, l, h + d - 1], {
+    }), n === p && o >= m && o <= b && this.ctx.paint.drawLine([l, h, l, h + f - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === E && o >= m && o <= b && this.ctx.paint.drawLine([l + r - 1, h, l + r - 1, h + d - 1], {
+    }), n === E && o >= m && o <= b && this.ctx.paint.drawLine([l + r - 1, h, l + r - 1, h + f - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
@@ -2396,9 +2394,9 @@ class te extends Jt {
   drawSelection() {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
-      const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0 } = this.ctx.config, h = this.drawX + (e - l) / 2, d = this.drawY + (i - l) / 2;
-      let f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && n ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && n ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && n ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = h, this.drawImageY = d, this.drawImageWidth = l, this.drawImageHeight = l, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
+      const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0 } = this.ctx.config, h = this.drawX + (e - l) / 2, f = this.drawY + (i - l) / 2;
+      let d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
+      r ? (d = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && n ? (d = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && n ? (d = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && n ? (d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (d = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), d && (this.drawImageX = h, this.drawImageY = f, this.drawImageWidth = l, this.drawImageHeight = l, this.drawImageName = x, this.drawImageSource = d, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2451,8 +2449,8 @@ class si {
       for (const o of r) {
         const n = o.fixedCells.concat(o.noFixedCells);
         for (const l of n) {
-          const h = l.getDrawX(), d = l.getDrawY();
-          if (i > h && i < h + l.width && e > d && e < d + l.height) {
+          const h = l.getDrawX(), f = l.getDrawY();
+          if (i > h && i < h + l.width && e > f && e < f + l.height) {
             this.ctx.setFocusCell(l), this.ctx.emit("cellMousedown", l, t);
             return;
           }
@@ -2473,8 +2471,8 @@ class si {
       for (const o of r) {
         const n = o.fixedCells.concat(o.noFixedCells);
         for (const l of n) {
-          const h = l.getDrawX(), d = l.getDrawY();
-          if (i > h && i < h + l.width && e > d && e < d + l.height) {
+          const h = l.getDrawX(), f = l.getDrawY();
+          if (i > h && i < h + l.width && e > f && e < f + l.height) {
             this.ctx.clickCell = l, this.ctx.emit("cellClick", l, t), this.selectionClick(l), this.treeClick(l);
             return;
           }
@@ -2495,8 +2493,8 @@ class si {
       for (const o of r) {
         const n = o.fixedCells.concat(o.noFixedCells);
         for (const l of n) {
-          const h = l.getDrawX(), d = l.getDrawY();
-          if (i > h && i < h + l.width && e > d && e < d + l.height) {
+          const h = l.getDrawX(), f = l.getDrawY();
+          if (i > h && i < h + l.width && e > f && e < f + l.height) {
             this.ctx.emit("cellContextMenuClick", l, t);
             return;
           }
@@ -2520,8 +2518,8 @@ class si {
       for (const n of r) {
         const l = n.fixedCells.concat(n.noFixedCells);
         for (const h of l) {
-          const d = h.getDrawX(), f = h.getDrawY();
-          if (i > d && i < d + h.visibleWidth && e > f && e < f + h.visibleHeight && (this.imageEnterAndLeave(h, t), this.visibleHoverCell !== h && (this.ctx.emit("visibleCellMouseleave", h, t), this.visibleHoverCell = h, this.ctx.emit("visibleCellHoverChange", h, t))), i > d && i < d + h.width && e > f && e < f + h.height) {
+          const f = h.getDrawX(), d = h.getDrawY();
+          if (i > f && i < f + h.visibleWidth && e > d && e < d + h.visibleHeight && (this.imageEnterAndLeave(h, t), this.visibleHoverCell !== h && (this.ctx.emit("visibleCellMouseleave", h, t), this.visibleHoverCell = h, this.ctx.emit("visibleCellHoverChange", h, t))), i > f && i < f + h.width && e > d && e < d + h.height) {
             if (this.ctx.emit("cellMouseenter", h, t), this.ctx.hoverCell && this.ctx.hoverCell !== h && this.ctx.emit("cellMouseleave", this.ctx.hoverCell, t), this.ctx.hoverCell === h) return;
             ((o = this.ctx.hoverCell) == null ? void 0 : o.rowKey) !== h.rowKey && (this.ctx.hoverCell = h, this.ctx.hoverRow = this.ctx.body.renderRows.find((x) => x.rowKey === h.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, h, t), this.ctx.emit("draw")), this.ctx.hoverCell = h, this.ctx.emit("cellHoverChange", h, t);
             return;
@@ -2715,8 +2713,8 @@ class ri {
     for (let r = 0; r <= e[1] - e[0]; r++) {
       const o = [];
       for (let n = 0; n <= i[1] - i[0]; n++) {
-        const l = r + e[0], h = n + i[0], d = this.database.getItemValueForRowIndexAndColIndex(l, h);
-        d && o.push(d.value);
+        const l = r + e[0], h = n + i[0], f = this.database.getItemValueForRowIndexAndColIndex(l, h);
+        f && o.push(f.value);
       }
       s += `${o.join("	")}\r`, t.push(o);
     }
@@ -2833,18 +2831,18 @@ class Wt {
   }
   updateScroll(t) {
     const e = t.deltaX, i = t.deltaY;
-    this.type === "vertical" && t.shiftKey === !1 ? (this.scroll === 0 && i < 0 || this.scroll === this.distance && i > 0 || t.preventDefault(), this.scroll = Math.max(0, Math.min(this.scroll + i, this.distance))) : this.type === "horizontal" && (t.shiftKey ? (console.log("jinlai"), this.scroll = Math.max(0, Math.min(this.scroll + i, this.distance))) : this.scroll = Math.max(0, Math.min(this.scroll + e, this.distance)));
+    this.type === "vertical" && t.shiftKey === !1 ? (this.scroll === 0 && i < 0 || this.scroll === this.distance && i > 0 || t.preventDefault(), this.scroll = Math.max(0, Math.min(this.scroll + i, this.distance))) : this.type === "horizontal" && (t.shiftKey ? this.scroll = Math.max(0, Math.min(this.scroll + i, this.distance)) : this.scroll = Math.max(0, Math.min(this.scroll + e, this.distance)));
   }
   updatedSize() {
     const {
       body: t,
       header: e,
       config: { SCROLLER_TRACK_SIZE: i = 0, SCROLLER_SIZE: s = 0 }
-    } = this.ctx, r = this.ctx.target.width + 1, o = this.ctx.target.height, n = e.height, l = e.width, h = t.height, d = this.ctx.footer.height;
+    } = this.ctx, r = this.ctx.target.width + 1, o = this.ctx.target.height, n = e.height, l = e.width, h = t.height, f = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = o - i - n, this.distance = h - this.visibleDistance + d, this.trackX = r - i, this.trackY = 0, this.splitPoints = [this.trackX, n, this.trackX + i, n], this.trackWidth = i, this.trackHeight = o, this.barX = this.trackX + (i - s) / 2, this.barWidth = s;
-      const f = this.distance ? this.visibleDistance / h : 0;
-      let x = Math.floor(f * this.visibleDistance);
+      this.visibleDistance = o - i - n, this.distance = h - this.visibleDistance + f, this.trackX = r - i, this.trackY = 0, this.splitPoints = [this.trackX, n, this.trackX + i, n], this.trackWidth = i, this.trackHeight = o, this.barX = this.trackX + (i - s) / 2, this.barWidth = s;
+      const d = this.distance ? this.visibleDistance / h : 0;
+      let x = Math.floor(d * this.visibleDistance);
       x < 30 ? x = 30 : x > this.visibleDistance && (x = 0), this.barHeight = x, this.barY = n + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
       this.visibleDistance = r - i, this.distance = l - this.visibleDistance, this.splitPoints = [
@@ -2853,8 +2851,8 @@ class Wt {
         r - i,
         o
       ], this.trackX = 0, this.trackY = o - i, this.trackWidth = r, this.trackHeight = i;
-      const f = this.distance ? this.visibleDistance / l : 0;
-      let x = Math.floor(f * this.visibleDistance);
+      const d = this.distance ? this.visibleDistance / l : 0;
+      let x = Math.floor(d * this.visibleDistance);
       this.barY = this.trackY + 0.5 + (i - s) / 2, x < 30 ? x = 30 : x >= this.visibleDistance && (x = 0), this.barWidth = x, this.barHeight = s, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
@@ -2980,31 +2978,20 @@ class ni {
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
     const s = Ut(i), r = It(i);
-    this.height = t * s, this.width = r.reduce(
-      (d, f) => d + ((f == null ? void 0 : f.width) || 100),
-      0
-    ), this.visibleHeight = this.height;
+    this.height = t * s, this.width = r.reduce((d, x) => d + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
     const o = Ue(Zt(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const n = this.ctx.targetContainer.getBoundingClientRect();
-    if (this.resizeNum > 0 ? this.ctx.target.width = n.width : this.ctx.target.width = this.width + e - 1, this.visibleWidth = this.ctx.target.width - e, this.resizeNum) {
-      const d = this.visibleWidth - this.width, f = Math.floor(d / this.resizeNum * 100) / 100;
-      this.resizeAllColumn(f);
+    this.resizeNum > 0 ? this.ctx.target.width = n.width : this.ctx.target.width = this.width + e - 1, this.visibleWidth = this.ctx.target.width - e;
+    const l = this.visibleWidth - this.width;
+    if (this.resizeNum && l > 0) {
+      const d = Math.floor(l / this.resizeNum * 100) / 100;
+      this.resizeAllColumn(d);
     }
-    const l = this.fixedLeftCellHeaders.filter(
-      (d) => !d.hasChildren
-    );
-    this.ctx.fixedLeftWidth = l.reduce(
-      (d, f) => d + f.width,
-      0
-    );
-    const h = this.fixedRightCellHeaders.filter(
-      (d) => !d.hasChildren
-    );
-    this.ctx.fixedRightWidth = h.reduce(
-      (d, f) => d + f.width,
-      e
-    ), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
+    const h = this.fixedLeftCellHeaders.filter((d) => !d.hasChildren);
+    this.ctx.fixedLeftWidth = h.reduce((d, x) => d + x.width, 0);
+    const f = this.fixedRightCellHeaders.filter((d) => !d.hasChildren);
+    this.ctx.fixedRightWidth = f.reduce((d, x) => d + x.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
   // 调整表头的宽度
   initResizeColumn() {
@@ -3029,10 +3016,7 @@ class ni {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
         this.ctx.target.style.cursor === "col-resize" && (this.ctx.target.style.cursor = "default");
-        const r = [
-          ...this.renderFixedCellHeaders,
-          ...this.renderCenterCellHeaders
-        ];
+        const r = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
         for (const o of r) {
           const n = e.layerX, l = o.getDrawX();
           n > l + o.width - 5 && n < l + o.width + 4 && n < i.width - 4 && // 视窗中最后一列不允许调整宽
@@ -3091,18 +3075,10 @@ class ni {
     const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
     for (let o = 0; o < i; o++) {
       const n = t[o], l = r * (n.rowspan || 1), h = r * n.level;
-      let d = n.width || 100;
-      n.children && (d = It(n.children).reduce((u, y) => u + ((y == null ? void 0 : y.width) || 100), 0));
-      const f = new te(
-        this.ctx,
-        this.columnIndex,
-        s,
-        h,
-        d,
-        l,
-        n
-      );
-      this.ctx.database.setHeader(n.key, f), this.allCellHeaders.push(f), n.children || (this.leafCellHeaders.push(f), f.column.widthFillDisable || this.resizeNum++), n.fixed === "left" ? this.fixedLeftCellHeaders.push(f) : n.fixed === "right" ? this.fixedRightCellHeaders.push(f) : this.centerCellHeaders.push(f), !n.children && this.columnIndex++, n.children && this.render(n.children, s), s += d;
+      let f = n.width || 100;
+      n.children && (f = It(n.children).reduce((u, y) => u + ((y == null ? void 0 : y.width) || 100), 0));
+      const d = new te(this.ctx, this.columnIndex, s, h, f, l, n);
+      this.ctx.database.setHeader(n.key, d), this.allCellHeaders.push(d), n.children || (this.leafCellHeaders.push(d), d.column.widthFillDisable || this.resizeNum++), n.fixed === "left" ? this.fixedLeftCellHeaders.push(d) : n.fixed === "right" ? this.fixedRightCellHeaders.push(d) : this.centerCellHeaders.push(d), !n.children && this.columnIndex++, n.children && this.render(n.children, s), s += f;
     }
   }
   drawTipLine() {
@@ -3151,13 +3127,7 @@ class ni {
       i.push(s), s.hasChildren || t.push(s);
     }), this.fixedRightCellHeaders.forEach((s) => {
       i.push(s), s.hasChildren || t.push(s);
-    }), this.renderCenterCellHeaders = e, this.renderFixedCellHeaders = i, this.renderLeafCellHeaders = t.sort(
-      (s, r) => s.x - r.x
-    ), this.visibleLeafColumns = this.renderLeafCellHeaders.map(
-      (s) => s.column
-    ), this.ctx.header.visibleLeafColumns = this.visibleLeafColumns, this.ctx.header.leafCellHeaders = this.leafCellHeaders, this.ctx.header.renderLeafCellHeaders = this.renderLeafCellHeaders, this.ctx.header.renderCellHeaders = this.renderFixedCellHeaders.concat(
-      this.renderCenterCellHeaders
-    );
+    }), this.renderCenterCellHeaders = e, this.renderFixedCellHeaders = i, this.renderLeafCellHeaders = t.sort((s, r) => s.x - r.x), this.visibleLeafColumns = this.renderLeafCellHeaders.map((s) => s.column), this.ctx.header.visibleLeafColumns = this.visibleLeafColumns, this.ctx.header.leafCellHeaders = this.leafCellHeaders, this.ctx.header.renderLeafCellHeaders = this.renderLeafCellHeaders, this.ctx.header.renderCellHeaders = this.renderFixedCellHeaders.concat(this.renderCenterCellHeaders);
   }
   draw() {
     this.renderCenterCellHeaders.forEach((t) => {
@@ -3257,8 +3227,8 @@ class ai {
         BORDER_RADIUS: n,
         HEIGHT: l,
         EMPTY_BODY_HEIGHT: h = 0,
-        MAX_HEIGHT: d = 0,
-        ENABLE_OFFSET_HEIGHT: f = 0,
+        MAX_HEIGHT: f = 0,
+        ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: x = 0
       }
     } = this.ctx;
@@ -3284,9 +3254,9 @@ class ai {
     let E = this.height + e.height + r;
     E += w;
     let m = 0;
-    this.data.length && f ? (m = window.innerHeight - g - x, m < 0 && (m = 32, console.error(
+    this.data.length && d ? (m = window.innerHeight - g - x, m < 0 && (m = 32, console.error(
       "There is an error in the height calculation ENABLE_OFFSET_HEIGHT and OFFSET_HEIGHT are invalid"
-    ))) : this.data.length && l ? m = l : this.data.length && d && E > d ? m = d : m = E, m > 0 && (this.ctx.target.height = m);
+    ))) : this.data.length && l ? m = l : this.data.length && f && E > f ? m = f : m = E, m > 0 && (this.ctx.target.height = m);
     let b = t.height - e.height - r;
     s ? this.visibleHeight = b - w : this.visibleHeight = b, 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 = u, this.ctx.target.setAttribute(
       "style",
@@ -3322,8 +3292,8 @@ class ai {
         for (let l = 0; l < this.renderRows.length; l++) {
           const h = this.renderRows[l];
           if (i > h.y - o + h.height - 1.5 && i < h.y - o + h.height + 1.5 && i < r.height - 4)
-            for (let f = 0; f < h.cells.length; f++) {
-              const x = h.cells[f];
+            for (let d = 0; d < h.cells.length; d++) {
+              const x = h.cells[d];
               s > x.drawX + 10 && s < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = h);
             }
         }
@@ -3398,8 +3368,8 @@ class ai {
     let l = this.binarySearch(o, s + this.visibleHeight);
     l === -1 && (l = r.length), this.headIndex = Math.max(0, n), this.tailIndex = Math.min(this.ctx.maxRowIndex, l + 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 h = [];
-    for (let d = 0; d < this.visibleRows.length; d++) {
-      const f = this.headIndex + d, x = this.visibleRows[d], { height: u, top: y } = this.ctx.database.getPositionForRowIndex(f), g = new ee(this.ctx, f, 0, y + this.y, t.width, u, x);
+    for (let f = 0; f < this.visibleRows.length; f++) {
+      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: y } = this.ctx.database.getPositionForRowIndex(d), g = new ee(this.ctx, d, 0, y + this.y, t.width, u, x);
       h.push(g);
     }
     this.renderRows = h, this.ctx.body.renderRows = h;
@@ -3647,15 +3617,15 @@ class li {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), n = Math.max(i.colIndex, r), l = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), d = [o, n], f = [l, h];
-      this.setSelector(d, f);
+      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), n = Math.max(i.colIndex, r), l = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), f = [o, n], d = [l, h];
+      this.setSelector(f, d);
     }
   }
   click(t = !1) {
     const { focusCell: e, clickCell: i } = this.ctx;
     if (e)
       if (this.ctx.selector.enable = !0, i && t) {
-        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, l = Math.min(o, s), h = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), x = [l, h], u = [d, f];
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, l = Math.min(o, s), h = Math.max(o, s), f = Math.min(n, r), d = Math.max(n, r), x = [l, h], u = [f, d];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -3693,9 +3663,9 @@ class li {
     const r = /* @__PURE__ */ new Set();
     for (let n = 0; n <= e[1] - e[0]; n++)
       for (let l = 0; l <= t[1] - t[0]; l++) {
-        const h = n + e[0], d = l + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(h, d);
-        if (f) {
-          const { rowKey: x, key: u } = f;
+        const h = n + e[0], f = l + t[0], d = this.ctx.database.getItemValueForRowIndexAndColIndex(h, f);
+        if (d) {
+          const { rowKey: x, key: u } = d;
           this.ctx.database.getReadonly(x, u) || (r.add(x), s.push({
             rowKey: x,
             key: u,
@@ -3727,12 +3697,12 @@ class li {
         let o = [];
         const n = r.split("\r");
         n.length === 1 ? o = n[0].split(`
-`).map((f) => f.split("	")) : o = n.map((d) => d.split("	"));
+`).map((d) => d.split("	")) : o = n.map((f) => f.split("	"));
         let l = [];
-        for (let d = 0; d <= o.length - 1; d++) {
-          const f = o[d].length;
-          for (let x = 0; x <= f - 1; x++) {
-            const u = d + e, y = x + i, g = o[d][x], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
+        for (let f = 0; f <= o.length - 1; f++) {
+          const d = o[f].length;
+          for (let x = 0; x <= d - 1; x++) {
+            const u = f + e, y = x + i, g = o[f][x], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
               u,
               y
             );
@@ -3749,22 +3719,22 @@ class li {
           }
         }
         if (this.isCut) {
-          const d = this.clearSelectedData(
+          const f = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), f = l.map((x) => `${x.rowKey}-${x.key}`);
-          d.forEach((x) => {
-            f.includes(`${x.rowKey}-${x.key}`) || l.unshift(x);
+          ), d = l.map((x) => `${x.rowKey}-${x.key}`);
+          f.forEach((x) => {
+            d.includes(`${x.rowKey}-${x.key}`) || l.unshift(x);
           }), this.isCut = !1;
         }
         if (!l.length)
           return;
         this.ctx.database.batchSetItemValue(l, !0);
         let h = [];
-        s.forEach((d) => {
-          h.push(this.ctx.database.getRowDataItemForRowKey(d));
+        s.forEach((f) => {
+          h.push(this.ctx.database.getRowDataItemForRowKey(f));
         }), this.ctx.emit("pasteChange", l, h), this.clearCopyLine(), this.ctx.emit("draw");
       }).catch((r) => {
         console.error("获取剪贴板内容失败：", r);
@@ -3796,13 +3766,13 @@ class li {
         s < l && s++;
         break;
     }
-    const h = [i, i], d = [s, s], f = this.getCell(s, i);
-    if (f) {
-      if (["index", "index-selection", "selection"].includes(f.type))
+    const h = [i, i], f = [s, s], d = this.getCell(s, i);
+    if (d) {
+      if (["index", "index-selection", "selection"].includes(d.type))
         return;
-      this.ctx.setFocusCell(f);
+      this.ctx.setFocusCell(d);
     }
-    this.setSelector(h, d), this.adjustBoundaryPosition(), this.ctx.emit("draw");
+    this.setSelector(h, f), this.adjustBoundaryPosition(), this.ctx.emit("draw");
   }
   stopAdjustPosition() {
     this.adjustPositionX = "", this.adjustPositionY = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerY && (clearInterval(this.timerY), this.timerY = 0);
@@ -3839,10 +3809,10 @@ class li {
     const { target: t, focusCell: e, fixedRightWidth: i, fixedLeftWidth: s, header: r, footer: o, scrollX: n, scrollY: l } = this.ctx;
     if (!e)
       return;
-    const { SCROLLER_TRACK_SIZE: h = 0, FOOTER_FIXED: d } = this.ctx.config;
-    let f = 0;
-    d && (f = o.visibleHeight);
-    const x = s - e.drawX + 1, u = e.drawX + e.width - (t.width - i) + 1, y = r.height - e.drawY, g = e.drawY + e.height - (t.height - f - h);
+    const { SCROLLER_TRACK_SIZE: h = 0, FOOTER_FIXED: f } = this.ctx.config;
+    let d = 0;
+    f && (d = o.visibleHeight);
+    const x = s - e.drawX + 1, u = e.drawX + e.width - (t.width - i) + 1, y = r.height - e.drawY, g = e.drawY + e.height - (t.height - d - h);
     u > 0 && !e.fixed ? this.ctx.setScrollX(n + u) : x > 0 && !e.fixed && this.ctx.setScrollX(n - x), y > 0 ? this.ctx.setScrollY(l - y) : g > 0 && this.ctx.setScrollY(l + g);
   }
   destroy() {
@@ -3857,9 +3827,9 @@ class hi {
   init() {
     this.ctx.on("cellMouseenter", (t, e) => {
       this.ctx.target.style.cursor === "crosshair" && (this.ctx.target.style.cursor = "default");
-      const { xArr: i, yArr: s } = this.ctx.selector, r = i[1], o = s[1], { colIndex: n, rowIndex: l, drawX: h, drawY: d, width: f, height: x } = t;
+      const { xArr: i, yArr: s } = this.ctx.selector, r = i[1], o = s[1], { colIndex: n, rowIndex: l, drawX: h, drawY: f, width: d, height: x } = t;
       if (this.ctx.config.ENABLE_AUTOFILL && n === r && l === o) {
-        const y = h + f - 6, g = d + x - 6;
+        const y = h + d - 6, g = f + x - 6;
         e.offsetX > y && e.offsetY > g && (this.ctx.target.style.cursor = "crosshair");
       }
       this.mouseenter(t);
@@ -3909,16 +3879,16 @@ class hi {
    */
   autofillData() {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
-    for (let f = 0; f <= e.yArr[1] - e.yArr[0]; f++)
+    for (let d = 0; d <= e.yArr[1] - e.yArr[0]; d++)
       for (let x = 0; x <= e.xArr[1] - e.xArr[0]; x++) {
-        const u = f + e.yArr[0], y = x + e.xArr[0];
+        const u = d + e.yArr[0], y = x + e.xArr[0];
         i.set(`${u}-${y}`, !0);
       }
     const { value: s } = e, r = s[0].length, o = s.length, n = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr;
     let h = [];
-    for (let f = 0; f <= l[1] - l[0]; f++)
+    for (let d = 0; d <= l[1] - l[0]; d++)
       for (let x = 0; x <= n[1] - n[0]; x++) {
-        const u = x + n[0], y = f + l[0], g = s[f % o][x % r], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
+        const u = x + n[0], y = d + l[0], g = s[d % o][x % r], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
           y,
           u
         ), p = `${y}-${u}`;
@@ -3935,10 +3905,10 @@ class hi {
     if (!h.length)
       return;
     this.ctx.database.batchSetItemValue(h, !0);
-    let d = [];
-    t.forEach((f) => {
-      d.push(this.ctx.database.getRowDataItemForRowKey(f));
-    }), this.ctx.emit("autofillChange", h, d), this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.emit("draw");
+    let f = [];
+    t.forEach((d) => {
+      f.push(this.ctx.database.getRowDataItemForRowKey(d));
+    }), this.ctx.emit("autofillChange", h, f), this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.emit("draw");
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -4062,31 +4032,31 @@ function Pt(a, t, e) {
     reference: i,
     floating: s
   } = a;
-  const r = J(t), o = Mt(t), n = Ht(o), l = q(t), h = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[n] / 2 - s[n] / 2;
+  const r = J(t), o = Mt(t), n = Ht(o), l = q(t), h = r === "y", f = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, x = i[n] / 2 - s[n] / 2;
   let u;
   switch (l) {
     case "top":
       u = {
-        x: d,
+        x: f,
         y: i.y - s.height
       };
       break;
     case "bottom":
       u = {
-        x: d,
+        x: f,
         y: i.y + i.height
       };
       break;
     case "right":
       u = {
         x: i.x + i.width,
-        y: f
+        y: d
       };
       break;
     case "left":
       u = {
         x: i.x - s.width,
-        y: f
+        y: d
       };
       break;
     default:
@@ -4117,8 +4087,8 @@ const yi = async (a, t, e) => {
     floating: t,
     strategy: s
   }), {
-    x: d,
-    y: f
+    x: f,
+    y: d
   } = Pt(h, i, l), x = i, u = {}, y = 0;
   for (let g = 0; g < n.length; g++) {
     const {
@@ -4130,8 +4100,8 @@ const yi = async (a, t, e) => {
       data: b,
       reset: C
     } = await p({
-      x: d,
-      y: f,
+      x: f,
+      y: d,
       initialPlacement: i,
       placement: x,
       strategy: s,
@@ -4143,7 +4113,7 @@ const yi = async (a, t, e) => {
         floating: t
       }
     });
-    d = E ?? d, f = m ?? f, u = {
+    f = E ?? f, d = m ?? d, u = {
       ...u,
       [w]: {
         ...u[w],
@@ -4154,13 +4124,13 @@ const yi = async (a, t, e) => {
       floating: t,
       strategy: s
     }) : C.rects), {
-      x: d,
-      y: f
+      x: f,
+      y: d
     } = Pt(h, x, l)), g = -1);
   }
   return {
-    x: d,
-    y: f,
+    x: f,
+    y: d,
     placement: x,
     strategy: s,
     middlewareData: u
@@ -4178,16 +4148,16 @@ async function re(a, t) {
     strategy: l
   } = a, {
     boundary: h = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: f = "floating",
+    rootBoundary: f = "viewport",
+    elementContext: d = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = at(t, a), y = se(u), w = n[x ? f === "floating" ? "reference" : "floating" : f], p = ut(await r.getClippingRect({
+  } = at(t, a), y = se(u), w = n[x ? d === "floating" ? "reference" : "floating" : d], p = ut(await r.getClippingRect({
     element: (e = await (r.isElement == null ? void 0 : r.isElement(w))) == null || e ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(n.floating)),
     boundary: h,
-    rootBoundary: d,
+    rootBoundary: f,
     strategy: l
-  })), E = f === "floating" ? {
+  })), E = d === "floating" ? {
     x: i,
     y: s,
     width: o.floating.width,
@@ -4225,17 +4195,17 @@ const mi = (a) => ({
       middlewareData: l
     } = t, {
       element: h,
-      padding: d = 0
+      padding: f = 0
     } = at(a, t) || {};
     if (h == null)
       return {};
-    const f = se(d), x = {
+    const d = se(f), x = {
       x: e,
       y: i
     }, u = Mt(s), y = Ht(u), g = await o.getDimensions(h), w = u === "y", p = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", b = r.reference[y] + r.reference[u] - x[u] - r.floating[y], C = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(h));
-    let S = R ? R[m] : 0;
-    (!S || !await (o.isElement == null ? void 0 : o.isElement(R))) && (S = n.floating[m] || r.floating[y]);
-    const L = b / 2 - C / 2, A = S / 2 - g[y] / 2 - 1, D = rt(f[p], A), B = rt(f[E], A), O = D, T = S - g[y] - B, _ = S / 2 - g[y] / 2 + L, G = Ot(O, _, T), K = !l.arrow && ct(s) != null && _ !== G && r.reference[y] / 2 - (_ < O ? D : B) - g[y] / 2 < 0, X = K ? _ < O ? _ - O : _ - T : 0;
+    let T = R ? R[m] : 0;
+    (!T || !await (o.isElement == null ? void 0 : o.isElement(R))) && (T = n.floating[m] || r.floating[y]);
+    const L = b / 2 - C / 2, A = T / 2 - g[y] / 2 - 1, D = rt(d[p], A), B = rt(d[E], A), O = D, S = T - g[y] - B, _ = T / 2 - g[y] / 2 + L, G = Ot(O, _, S), K = !l.arrow && ct(s) != null && _ !== G && r.reference[y] / 2 - (_ < O ? D : B) - g[y] / 2 < 0, X = K ? _ < O ? _ - O : _ - S : 0;
     return {
       [u]: x[u] + X,
       data: {
@@ -4262,8 +4232,8 @@ const mi = (a) => ({
         platform: l,
         elements: h
       } = t, {
-        mainAxis: d = !0,
-        crossAxis: f = !0,
+        mainAxis: f = !0,
+        crossAxis: d = !0,
         fallbackPlacements: x,
         fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: y = "none",
@@ -4274,9 +4244,9 @@ const mi = (a) => ({
         return {};
       const p = q(s), E = J(n), m = q(n) === n, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = x || (m || !g ? [xt(n)] : ui(n)), R = y !== "none";
       !x && R && C.push(...wi(n, g, y, b));
-      const S = [n, ...C], L = await re(t, w), A = [];
+      const T = [n, ...C], L = await re(t, w), A = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (d && A.push(L[p]), f) {
+      if (f && A.push(L[p]), d) {
         const _ = xi(s, o, b);
         A.push(L[_[0]], L[_[1]]);
       }
@@ -4285,7 +4255,7 @@ const mi = (a) => ({
         overflows: A
       }], !A.every((_) => _ <= 0)) {
         var B, O;
-        const _ = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = S[_];
+        const _ = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = T[_];
         if (G)
           return {
             data: {
@@ -4300,8 +4270,8 @@ const mi = (a) => ({
         if (!K)
           switch (u) {
             case "bestFit": {
-              var T;
-              const X = (T = D.filter((W) => {
+              var S;
+              const X = (S = D.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
                   return P === E || // Create a bias to the `y` side axis due to horizontal
@@ -4309,7 +4279,7 @@ const mi = (a) => ({
                   P === "y";
                 }
                 return !0;
-              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, we) => P + we, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : T[0];
+              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, we) => P + we, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : S[0];
               X && (K = X);
               break;
             }
@@ -4333,26 +4303,26 @@ async function bi(a, t) {
     placement: e,
     platform: i,
     elements: s
-  } = a, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), n = ct(e), l = J(e) === "y", h = ["left", "top"].includes(o) ? -1 : 1, d = r && l ? -1 : 1, f = at(t, a);
+  } = a, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), n = ct(e), l = J(e) === "y", h = ["left", "top"].includes(o) ? -1 : 1, f = r && l ? -1 : 1, d = at(t, a);
   let {
     mainAxis: x,
     crossAxis: u,
     alignmentAxis: y
-  } = typeof f == "number" ? {
-    mainAxis: f,
+  } = typeof d == "number" ? {
+    mainAxis: d,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: f.mainAxis || 0,
-    crossAxis: f.crossAxis || 0,
-    alignmentAxis: f.alignmentAxis
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
   };
   return n && typeof y == "number" && (u = n === "end" ? y * -1 : y), l ? {
-    x: u * d,
+    x: u * f,
     y: x * h
   } : {
     x: x * h,
-    y: u * d
+    y: u * f
   };
 }
 const Ci = function(a) {
@@ -4405,20 +4375,20 @@ const Ci = function(a) {
       } = at(a, t), h = {
         x: e,
         y: i
-      }, d = await re(t, l), f = J(q(s)), x = ie(f);
-      let u = h[x], y = h[f];
+      }, f = await re(t, l), d = J(q(s)), x = ie(d);
+      let u = h[x], y = h[d];
       if (r) {
-        const w = x === "y" ? "top" : "left", p = x === "y" ? "bottom" : "right", E = u + d[w], m = u - d[p];
+        const w = x === "y" ? "top" : "left", p = x === "y" ? "bottom" : "right", E = u + f[w], m = u - f[p];
         u = Ot(E, u, m);
       }
       if (o) {
-        const w = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", E = y + d[w], m = y - d[p];
+        const w = d === "y" ? "top" : "left", p = d === "y" ? "bottom" : "right", E = y + f[w], m = y - f[p];
         y = Ot(E, y, m);
       }
       const g = n.fn({
         ...t,
         [x]: u,
-        [f]: y
+        [d]: y
       });
       return {
         ...g,
@@ -4427,7 +4397,7 @@ const Ci = function(a) {
           y: g.y - i,
           enabled: {
             [x]: r,
-            [f]: o
+            [d]: o
           }
         }
       };
@@ -4530,17 +4500,17 @@ function ne(a) {
   const t = z(a);
   return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && lt(t) ? t : ne(t);
 }
-function Tt(a, t, e) {
+function St(a, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
   const s = ne(a), r = s === ((i = a.ownerDocument) == null ? void 0 : i.body), o = M(s);
   if (r) {
-    const n = St(o);
-    return t.concat(o, o.visualViewport || [], lt(s) ? s : [], n && e ? Tt(n) : []);
+    const n = Tt(o);
+    return t.concat(o, o.visualViewport || [], lt(s) ? s : [], n && e ? St(n) : []);
   }
-  return t.concat(s, Tt(s, [], e));
+  return t.concat(s, St(s, [], e));
 }
-function St(a) {
+function Tt(a) {
   return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
 }
 function ae(a) {
@@ -4588,23 +4558,23 @@ function ot(a, t, e, i) {
   let o = V(1);
   t && (i ? k(i) && (o = Z(i)) : o = Z(a));
   const n = _i(r, e, i) ? le(r) : V(0);
-  let l = (s.left + n.x) / o.x, h = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
+  let l = (s.left + n.x) / o.x, h = (s.top + n.y) / o.y, f = s.width / o.x, d = s.height / o.y;
   if (r) {
     const x = M(r), u = i && k(i) ? M(i) : i;
-    let y = x, g = St(y);
+    let y = x, g = Tt(y);
     for (; g && i && u !== y; ) {
       const w = Z(g), p = g.getBoundingClientRect(), E = F(g), m = p.left + (g.clientLeft + parseFloat(E.paddingLeft)) * w.x, b = p.top + (g.clientTop + parseFloat(E.paddingTop)) * w.y;
-      l *= w.x, h *= w.y, d *= w.x, f *= w.y, l += m, h += b, y = M(g), g = St(y);
+      l *= w.x, h *= w.y, f *= w.x, d *= w.y, l += m, h += b, y = M(g), g = Tt(y);
     }
   }
   return ut({
-    width: d,
-    height: f,
+    width: f,
+    height: d,
     x: l,
     y: h
   });
 }
-function Ti(a) {
+function Si(a) {
   let {
     elements: t,
     rect: e,
@@ -4618,19 +4588,19 @@ function Ti(a) {
     scrollLeft: 0,
     scrollTop: 0
   }, h = V(1);
-  const d = V(0), f = N(i);
-  if ((f || !f && !r) && ((tt(i) !== "body" || lt(o)) && (l = pt(i)), N(i))) {
+  const f = V(0), d = N(i);
+  if ((d || !d && !r) && ((tt(i) !== "body" || lt(o)) && (l = pt(i)), N(i))) {
     const x = ot(i);
-    h = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+    h = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
   }
   return {
     width: e.width * h.x,
     height: e.height * h.y,
-    x: e.x * h.x - l.scrollLeft * h.x + d.x,
-    y: e.y * h.y - l.scrollTop * h.y + d.y
+    x: e.x * h.x - l.scrollLeft * h.x + f.x,
+    y: e.y * h.y - l.scrollTop * h.y + f.y
   };
 }
-function Si(a) {
+function Ti(a) {
   return Array.from(a.getClientRects());
 }
 function Lt(a, t) {
@@ -4698,12 +4668,12 @@ function Mi(a, t) {
   const e = t.get(a);
   if (e)
     return e;
-  let i = Tt(a, [], !1).filter((n) => k(n) && tt(n) !== "body"), s = null;
+  let i = St(a, [], !1).filter((n) => k(n) && tt(n) !== "body"), s = null;
   const r = F(a).position === "fixed";
   let o = r ? z(a) : a;
   for (; k(o) && !Q(o); ) {
     const n = F(o), l = Dt(o);
-    !l && n.position === "fixed" && (s = null), (r ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(o) && !l && he(a, o)) ? i = i.filter((d) => d !== o) : s = n, o = z(o);
+    !l && n.position === "fixed" && (s = null), (r ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(o) && !l && he(a, o)) ? i = i.filter((f) => f !== o) : s = n, o = z(o);
   }
   return t.set(a, i), i;
 }
@@ -4714,9 +4684,9 @@ function Di(a) {
     rootBoundary: i,
     strategy: s
   } = a;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Mi(t, this._c) : [].concat(e), i], n = o[0], l = o.reduce((h, d) => {
-    const f = zt(t, d, s);
-    return h.top = U(f.top, h.top), h.right = rt(f.right, h.right), h.bottom = rt(f.bottom, h.bottom), h.left = U(f.left, h.left), h;
+  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Mi(t, this._c) : [].concat(e), i], n = o[0], l = o.reduce((h, f) => {
+    const d = zt(t, f, s);
+    return h.top = U(d.top, h.top), h.right = rt(d.right, h.right), h.bottom = rt(d.bottom, h.bottom), h.left = U(d.left, h.left), h;
   }, zt(t, n, s));
   return {
     width: l.right - l.left,
@@ -4747,15 +4717,15 @@ function Fi(a, t, e) {
       const u = ot(t, !0, r, t);
       l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
     } else s && (l.x = Lt(s));
-  let h = 0, d = 0;
+  let h = 0, f = 0;
   if (s && !i && !r) {
     const u = s.getBoundingClientRect();
-    d = u.top + n.scrollTop, h = u.left + n.scrollLeft - // RTL <body> scrollbar.
+    f = u.top + n.scrollTop, h = u.left + n.scrollLeft - // RTL <body> scrollbar.
     Lt(s, u);
   }
-  const f = o.left + n.scrollLeft - l.x - h, x = o.top + n.scrollTop - l.y - d;
+  const d = o.left + n.scrollLeft - l.x - h, x = o.top + n.scrollTop - l.y - f;
   return {
-    x: f,
+    x: d,
     y: x,
     width: o.width,
     height: o.height
@@ -4806,12 +4776,12 @@ function Ni(a) {
   return F(a).direction === "rtl";
 }
 const Ki = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ti,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Si,
   getDocumentElement: Y,
   getClippingRect: Di,
   getOffsetParent: de,
   getElementRects: Xi,
-  getClientRects: Si,
+  getClientRects: Ti,
   getDimensions: ki,
   getScale: Z,
   isElement: k,
@@ -4901,28 +4871,28 @@ let Bi = class {
       placement: t.overflowTooltipPlacement,
       middleware: [xe(), ue(), fe(6), Yi({ element: this.arrowEl })]
     }).then((n) => {
-      const { x: l, y: h, placement: d, middlewareData: f } = n;
+      const { x: l, y: h, placement: f, middlewareData: d } = n;
       if (Object.assign(this.floatingEl.style, {
         top: `${h}px`,
         left: `${l}px`
-      }), f.arrow) {
-        const x = f.arrow;
-        ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
+      }), d.arrow) {
+        const x = d.arrow;
+        ["left", "left-start", "left-end"].includes(f) ? Object.assign(this.arrowEl.style, {
           top: `${x.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
-        }) : ["right", "right-start", "right-end"].includes(d) ? Object.assign(this.arrowEl.style, {
+        }) : ["right", "right-start", "right-end"].includes(f) ? Object.assign(this.arrowEl.style, {
           top: `${x.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
-        }) : ["bottom", "bottom-start", "bottom-end"].includes(d) ? Object.assign(this.arrowEl.style, {
+        }) : ["bottom", "bottom-start", "bottom-end"].includes(f) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
           left: `${x.x}px`,
           right: ""
-        }) : ["top", "top-start", "top-end"].includes(d) && Object.assign(this.arrowEl.style, {
+        }) : ["top", "top-start", "top-end"].includes(f) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
           left: `${x.x}px`,
@@ -4994,13 +4964,25 @@ class Wi {
     });
   }
   initTextEditor() {
-    const { CSS_PREFIX: t, SELECT_BORDER_COLOR: e, ENABLE_EDIT_TEXT_ENTER: i } = this.ctx.config;
-    this.inputEl = document.createElement("div"), this.inputEl.addEventListener("keydown", (n) => {
-      i && this.enable && (n.code === "Enter" || n.code === "Escape") && (n.preventDefault(), this.inputEl.blur());
+    const { CSS_PREFIX: t, SELECT_BORDER_COLOR: e } = this.ctx.config;
+    this.inputEl = document.createElement("div"), this.inputEl.addEventListener("keydown", (o) => {
+      if (this.enable) {
+        if ((o.altKey || o.metaKey) && o.code === "Enter") {
+          o.preventDefault();
+          const n = this.inputEl.textContent;
+          this.inputEl.textContent = `${n}
+
+`;
+          const l = window.getSelection();
+          l == null || l.selectAllChildren(this.inputEl), l == null || l.collapseToEnd();
+          return;
+        }
+        (o.code === "Escape" || o.code === "Enter") && (o.preventDefault(), this.inputEl.blur());
+      }
     }), this.inputEl.addEventListener("blur", () => {
       this.doneEdit();
     }), this.editorEl = document.createElement("div"), this.editorEl.className = `${t}-self-editor`, this.inputEl.className = `${t}-self-editor-input`;
-    const s = {
+    const i = {
       position: "absolute",
       top: "-10000px",
       left: "-10000px",
@@ -5016,8 +4998,8 @@ class Wi {
       display: "flex",
       alignItems: "center"
     };
-    Object.assign(this.editorEl.style, s);
-    const r = {
+    Object.assign(this.editorEl.style, i);
+    const s = {
       width: "100%",
       boxSizing: "border-box",
       padding: "8px",
@@ -5033,9 +5015,9 @@ class Wi {
       background: "#fff",
       cursor: "text"
     };
-    Object.assign(this.inputEl.style, r);
-    const o = navigator.userAgent.toLowerCase().includes("firefox");
-    this.inputEl.contentEditable = o ? "true" : "plaintext-only", this.editorEl.appendChild(this.inputEl), this.ctx.targetContainer.appendChild(this.editorEl);
+    Object.assign(this.inputEl.style, s);
+    const r = navigator.userAgent.toLowerCase().includes("firefox");
+    this.inputEl.contentEditable = r ? "true" : "plaintext-only", this.editorEl.appendChild(this.inputEl), this.ctx.targetContainer.appendChild(this.editorEl);
   }
   startEditByInput(t) {
     if (t.editorType !== "text")
@@ -5090,17 +5072,17 @@ class Pi {
     this.emptyEl = document.createElement("div"), this.emptyEl.className = `${r}-empty`, this.emptyEl.style.display = "none", this.emptyEl.innerText = e, this.ctx.targetContainer.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: o, headerHeight: n, bodyHeight: l, footerHeight: h }) => {
       if (i)
         return;
-      const d = n + (l + h) / 2, f = {
+      const f = n + (l + h) / 2, d = {
         display: o === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
         color: "#666",
         left: "50%",
-        top: `${d}px`,
+        top: `${f}px`,
         transform: "translate(-50%, -50%)",
         ...s
       };
-      Object.assign(this.emptyEl.style, f);
+      Object.assign(this.emptyEl.style, d);
     });
   }
   destroy() {
@@ -5148,11 +5130,11 @@ class Vi {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: n } = this.ctx.header;
-    let l = [], h = [], d = [];
+    let l = [], h = [], f = [];
     n.forEach((w) => {
-      w.render && (w.fixed === "left" ? h.push(w) : w.fixed === "right" ? d.push(w) : l.push(w));
+      w.render && (w.fixed === "left" ? h.push(w) : w.fixed === "right" ? f.push(w) : l.push(w));
     });
-    const f = e - i, x = {
+    const d = e - i, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -5170,7 +5152,7 @@ class Vi {
         top: `${0.5}px`,
         left: `${t}px`,
         overflow: "hidden",
-        width: `${r - t - f}px`,
+        width: `${r - t - d}px`,
         height: `${o}px`
       },
       cells: l
@@ -5181,10 +5163,10 @@ class Vi {
         top: `${0.5}px`,
         right: `${0.5}px`,
         overflow: "hidden",
-        width: `${f}px`,
+        width: `${d}px`,
         height: `${o}px`
       },
-      cells: d
+      cells: f
     };
     return {
       type: "header",
@@ -5210,7 +5192,7 @@ class Vi {
       fixedLeftWidth: r,
       fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: l }
-    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = o - n, x = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: f } = this.ctx.body, d = o - n, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -5218,7 +5200,7 @@ class Vi {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${r}px`,
-        height: `${d}px`
+        height: `${f}px`
       },
       cells: e
     }, u = {
@@ -5228,8 +5210,8 @@ class Vi {
         top: `${0.5}px`,
         left: `${r + 0.5}px`,
         overflow: "hidden",
-        width: `${h - r - f}px`,
-        height: `${d}px`
+        width: `${h - r - d}px`,
+        height: `${f}px`
       },
       cells: t
     }, y = {
@@ -5239,8 +5221,8 @@ class Vi {
         top: "0px",
         right: "0px",
         overflow: "hidden",
-        width: `${f}px`,
-        height: `${d}px`
+        width: `${d}px`,
+        height: `${f}px`
       },
       cells: i
     };
@@ -5251,7 +5233,7 @@ class Vi {
         position: "relative",
         overflow: "hidden",
         width: `${h}px`,
-        height: `${d}px`
+        height: `${f}px`
       },
       views: [x, u, y]
     };
@@ -5267,7 +5249,7 @@ class Vi {
       fixedLeftWidth: s,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: n }
-    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, d = r - o, f = {
+    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, f = r - o, d = {
       key: "left",
       style: {
         position: "absolute",
@@ -5285,7 +5267,7 @@ class Vi {
         top: `${0.5}px`,
         left: `${s + 0.5}px`,
         overflow: "hidden",
-        width: `${l - s - d}px`,
+        width: `${l - s - f}px`,
         height: `${h}px`
       },
       cells: t
@@ -5296,7 +5278,7 @@ class Vi {
         top: `${0.5}px`,
         right: `${0.5}px`,
         overflow: "hidden",
-        width: `${d}px`,
+        width: `${f}px`,
         height: `${h}px`
       },
       cells: i
@@ -5310,7 +5292,7 @@ class Vi {
         width: `${l}px`,
         height: `${h}px`
       },
-      views: [f, x, u]
+      views: [d, x, u]
     };
   }
 }
@@ -5324,8 +5306,8 @@ class zi {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, l] = s, { rowIndex: h, colIndex: d } = t;
-      h >= n && h <= l && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, l] = s, { rowIndex: h, colIndex: f } = t;
+      h >= n && h <= l && f >= r && f <= o || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5422,13 +5404,13 @@ class Gi {
     });
   }
   loadConfig(t) {
-    this.ctx.config.init(t), this.ctx.database.init(), this.contextMenu.updated(), this.ctx.emit("draw");
+    this.ctx.config.init(t), this.ctx.database.init(), this.header.init(), this.contextMenu.updated(), this.ctx.emit("draw");
   }
   loadColumns(t) {
     this.editor.doneEdit(), this.ctx.database.setColumns(t), this.header.init(), this.ctx.emit("draw");
   }
   loadData(t) {
-    this.editor.doneEdit(), this.ctx.database.setData(t), this.ctx.emit("draw");
+    this.editor.doneEdit(), this.ctx.database.setData(t), this.header.init(), this.ctx.emit("draw");
   }
   loadFooterData(t) {
     this.ctx.database.setFooterData(t), this.ctx.emit("draw");
@@ -5504,8 +5486,8 @@ class Gi {
       let r = [];
       for (let o = 0; o < i.length; o++)
         for (let n = 0; n < s.length; n++) {
-          const l = this.ctx.database.getRowKeyByItem(i[o]), d = s[n].key, f = await this.ctx.database.getValidator(l, d);
-          Array.isArray(f) && f.length && r.push(f);
+          const l = this.ctx.database.getRowKeyByItem(i[o]), f = s[n].key, d = await this.ctx.database.getValidator(l, f);
+          Array.isArray(d) && d.length && r.push(d);
         }
       r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
     });