e-virt-table 0.0.6 → 0.0.8

package/dist/index.es.js

@@ -39,8 +39,8 @@ function dt(a, t, e) {
   return Ee() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
     var n = [null];
     n.push.apply(n, r);
-    var h = Function.bind.apply(s, n), l = new h();
-    return o && st(l, o.prototype), l;
+    var l = Function.bind.apply(s, n), h = new l();
+    return o && st(h, o.prototype), h;
   }, dt.apply(null, arguments);
 }
 function be(a) {
@@ -169,9 +169,9 @@ function Oe(a, t, e, i, s) {
       return x;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), h = n.length, l = 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, d = [], f = new Promise(function(x, u) {
     var y = function(w) {
-      if (d.push.apply(d, w), l++, l === h)
+      if (d.push.apply(d, w), h++, h === l)
         return i(d), d.length ? u(new Xt(d, Ct(d))) : x(s);
     };
     n.length || (i(d), x(s)), n.forEach(function(g) {
@@ -186,7 +186,7 @@ function Oe(a, t, e, i, s) {
 function _e(a) {
   return !!(a && a.message !== void 0);
 }
-function Se(a, t) {
+function Te(a, t) {
   for (var e = a, i = 0; i < t.length; i++) {
     if (e == null)
       return e;
@@ -197,7 +197,7 @@ function Se(a, t) {
 function Nt(a, t) {
   return function(e) {
     var i;
-    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) : {
+    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) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
       field: e.field || a.fullField
@@ -216,11 +216,11 @@ 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));
-}, Te = function(t, e, i, s, r) {
+}, Se = function(t, e, i, s, r) {
   (/^\s+$/.test(e) || e === "") && s.push(H(r.messages.whitespace, t.fullField));
-}, lt, Le = function() {
-  if (lt)
-    return lt;
+}, ht, Le = function() {
+  if (ht)
+    return ht;
   var a = "[a-fA-F\\d:]", t = function(b) {
     return b && b.includeBoundaries ? "(?:(?<=\\s|^)(?=" + a + ")|(?<=" + a + ")(?=\\s|$))" : "";
   }, e = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}", i = "[a-fA-F\\d]{1,4}", s = (`
@@ -234,16 +234,16 @@ var Gt = function(t, e, i, s, r, o) {
 (?:` + i + ":){1}(?:(?::" + i + "){0,4}:" + e + "|(?::" + i + `){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4
 (?::(?:(?::` + i + "){0,5}:" + e + "|(?::" + i + `){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4
 )(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1
-`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), h = function(b) {
+`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), l = function(b) {
     return b && b.exact ? r : new RegExp("(?:" + t(b) + e + t(b) + ")|(?:" + t(b) + s + t(b) + ")", "g");
   };
-  h.v4 = function(m) {
+  l.v4 = function(m) {
     return m && m.exact ? o : new RegExp("" + t(m) + e + t(m), "g");
-  }, h.v6 = function(m) {
+  }, l.v6 = function(m) {
     return m && m.exact ? n : new RegExp("" + t(m) + s + t(m), "g");
   };
-  var l = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, x = h.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 = "(?:" + l + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + u + y + g + ")" + w + p;
-  return lt = new RegExp("(?:^" + E + "$)", "i"), lt;
+  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;
+  return ht = new RegExp("(?:^" + E + "$)", "i"), ht;
 }, Yt = {
   // http://emailregex.com/
   email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
@@ -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", h = typeof t.max == "number", l = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", u = typeof e == "string", y = Array.isArray(e);
+  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)
     return !1;
-  y && (d = e.length), u && (d = e.replace(l, "_").length), o ? d !== t.len && s.push(H(r.messages[f].len, t.fullField, t.len)) : n && !h && d < t.min ? s.push(H(r.messages[f].min, t.fullField, t.min)) : h && !n && d > t.max ? s.push(H(r.messages[f].max, t.fullField, t.max)) : n && h && (d < t.min || d > t.max) && s.push(H(r.messages[f].range, t.fullField, t.min, t.max));
+  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));
 }, 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: Te,
+  whitespace: Se,
   type: Ae,
   range: He,
   enum: Me,
@@ -416,8 +416,8 @@ var Gt = function(t, e, i, s, r, o) {
     if (I(e, "date") && !t.required)
       return i();
     if (v.required(t, e, s, o, r), !I(e, "date")) {
-      var h;
-      e instanceof Date ? h = e : h = new Date(e), v.type(t, h, s, o, r), h && v.range(t, h.getTime(), s, o, r);
+      var l;
+      e instanceof Date ? l = e : l = new Date(e), v.type(t, l, s, o, r), l && v.range(t, l.getTime(), s, o, r);
     }
   }
   i(o);
@@ -425,8 +425,8 @@ var Gt = function(t, e, i, s, r, o) {
   var o = [], n = Array.isArray(e) ? "array" : typeof e;
   v.required(t, e, s, o, r, n), i(o);
 }, yt = function(t, e, i, s, r) {
-  var o = t.type, n = [], h = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (h) {
+  var o = t.type, n = [], l = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (l) {
     if (I(e, o) && !t.required)
       return i();
     v.required(t, e, s, n, r, o), I(e, o) || v.type(t, e, s, n, r);
@@ -533,9 +533,9 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var o = this;
     s === void 0 && (s = {}), r === void 0 && (r = function() {
     });
-    var n = i, h = s, l = r;
-    if (typeof h == "function" && (l = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
-      return l && l(null, n), Promise.resolve(n);
+    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) {
       var w = [], p = {};
       function E(b) {
@@ -547,14 +547,14 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }
       for (var m = 0; m < g.length; m++)
         E(g[m]);
-      w.length ? (p = Ct(w), l(w, p)) : l(null, n);
+      w.length ? (p = Ct(w), h(w, p)) : h(null, n);
     }
-    if (h.messages) {
+    if (l.messages) {
       var f = this.messages();
-      f === Rt && (f = vt()), Kt(f, h.messages), h.messages = f;
+      f === Rt && (f = vt()), Kt(f, l.messages), l.messages = f;
     } else
-      h.messages = this.messages();
-    var x = {}, u = h.keys || Object.keys(this.rules);
+      l.messages = this.messages();
+    var x = {}, u = l.keys || Object.keys(this.rules);
     u.forEach(function(g) {
       var w = o.rules[g], p = n[g];
       w.forEach(function(E) {
@@ -570,51 +570,51 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       });
     });
     var y = {};
-    return Oe(x, h, function(g, w) {
+    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, T) {
-        return $({}, T, {
+      function m(R, S) {
+        return $({}, S, {
           fullField: p.fullField + "." + R,
           fullFields: p.fullFields ? [].concat(p.fullFields, [R]) : [R]
         });
       }
       function b(R) {
         R === void 0 && (R = []);
-        var T = Array.isArray(R) ? R : [R];
-        !h.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 (h.first && L.length)
+        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));
+        if (l.first && L.length)
           return y[p.field] = 1, w(L);
         if (!E)
           w(L);
         else {
           if (p.required && !g.value)
-            return p.message !== void 0 ? L = [].concat(p.message).map(Nt(p, n)) : h.error && (L = [h.error(p, H(h.messages.required, p.field))]), w(L);
+            return p.message !== void 0 ? L = [].concat(p.message).map(Nt(p, n)) : l.error && (L = [l.error(p, H(l.messages.required, p.field))]), w(L);
           var A = {};
           p.defaultField && Object.keys(g.value).map(function(O) {
             A[O] = p.defaultField;
           }), A = $({}, A, g.rule.fields);
           var D = {};
           Object.keys(A).forEach(function(O) {
-            var S = A[O], _ = Array.isArray(S) ? S : [S];
+            var T = A[O], _ = Array.isArray(T) ? T : [T];
             D[O] = _.map(m.bind(null, O));
           });
           var B = new a(D);
-          B.messages(h.messages), g.rule.options && (g.rule.options.messages = h.messages, g.rule.options.error = h.error), B.validate(g.value, g.rule.options || h, function(O) {
-            var S = [];
-            L && L.length && S.push.apply(S, L), O && O.length && S.push.apply(S, O), w(S.length ? S : null);
+          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 C;
       if (p.asyncValidator)
-        C = p.asyncValidator(p, g.value, b, g.source, h);
+        C = p.asyncValidator(p, g.value, b, g.source, l);
       else if (p.validator) {
         try {
-          C = p.validator(p, g.value, b, g.source, h);
+          C = p.validator(p, g.value, b, g.source, l);
         } catch (R) {
-          console.error == null || console.error(R), h.suppressValidatorError || setTimeout(function() {
+          console.error == null || console.error(R), l.suppressValidatorError || setTimeout(function() {
             throw R;
           }, 0), b(R.message);
         }
@@ -751,11 +751,11 @@ 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: h, SELECTABLE_METHOD: l, 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: d } = this.ctx.config, f = i[o], x = f ?? At();
       this.itemRowKeyMap.set(i, x);
-      const u = i._height || h, y = i._readonly;
+      const u = i._height || l, y = i._readonly;
       let g = !0;
-      if (typeof l == "function" && (g = l), d) {
+      if (typeof h == "function" && (g = h), d) {
         const w = i[d];
         if (this.checkboxKeyMap.has(w)) {
           const p = this.checkboxKeyMap.get(w);
@@ -835,12 +835,12 @@ class Ze {
     const i = (r) => {
       r.forEach((o) => {
         t.push(o);
-        const n = this.itemRowKeyMap.get(o), { expand: h, hasChildren: l, height: d } = this.rowKeyMap.get(n), f = this.sumHeight;
+        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,
           bottom: this.sumHeight
-        }), e += 1, h && l && i(o.children);
+        }), e += 1, l && h && i(o.children);
       });
     };
     this.rowIndexRowKeyMap.clear();
@@ -963,9 +963,9 @@ class Ze {
     let i = [];
     const s = /* @__PURE__ */ new Set();
     t.forEach((n) => {
-      const { value: h, rowKey: l, key: d } = n, { oldValue: f, newValue: x } = this.setItemValue(l, d, h);
-      s.add(l), i.push({
-        rowKey: l,
+      const { value: l, rowKey: h, key: d } = n, { oldValue: f, newValue: x } = this.setItemValue(h, d, l);
+      s.add(h), i.push({
+        rowKey: h,
         key: d,
         oldValue: f,
         newValue: x
@@ -973,12 +973,12 @@ class Ze {
     });
     let r = [];
     const o = i.map((n) => {
-      const h = this.ctx.database.getRowDataItemForRowKey(n.rowKey);
+      const l = this.ctx.database.getRowDataItemForRowKey(n.rowKey);
       return {
         rowKey: n.rowKey,
         key: n.key,
         value: n.newValue,
-        row: h
+        row: l
       };
     });
     return s.forEach((n) => {
@@ -1004,15 +1004,15 @@ class Ze {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: n } = this.rowKeyMap.get(t);
-    let h = n[e];
+    let l = n[e];
     if (this.ctx.database.getReadonly(t, e))
       return {
-        oldValue: h,
-        newValue: h
+        oldValue: l,
+        newValue: l
       };
-    n[e] !== null && typeof n[e] == "object" && (h = JSON.parse(JSON.stringify(n[e])));
-    const l = `${t}_${e}`;
-    if (this.originalDataMap.has(l) || this.originalDataMap.set(l, h), this.changedDataMap.set(l, i), n[e] = i, o) {
+    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 = {
         rowKey: t,
         key: e,
@@ -1022,18 +1022,18 @@ class Ze {
       this.ctx.emit("change", [f], [d]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
-        oldValue: h,
+        oldValue: l,
         value: i,
-        originalValue: this.originalDataMap.get(l),
+        originalValue: this.originalDataMap.get(h),
         row: d
       });
     }
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
-      oldValue: h,
+      oldValue: l,
       value: i,
-      originalValue: this.originalDataMap.get(l),
+      originalValue: this.originalDataMap.get(h),
       row: this.ctx.database.getRowDataItemForRowKey(t)
     }), s && this.ctx.history.pushState({
       type: "single",
@@ -1043,12 +1043,12 @@ class Ze {
         {
           rowKey: t,
           key: e,
-          oldValue: h,
+          oldValue: l,
           newValue: i
         }
       ]
     }), r && this.ctx.emit("draw"), {
-      oldValue: h,
+      oldValue: l,
       newValue: i
     };
   }
@@ -1075,8 +1075,8 @@ class Ze {
         return !1;
       const { item: s } = this.rowKeyMap.get(t), r = s[i];
       this.checkboxKeyMap.has(r) && this.checkboxKeyMap.get(r).forEach((n) => {
-        const h = this.rowKeyMap.get(n);
-        h.check = e;
+        const l = this.rowKeyMap.get(n);
+        l.check = e;
       });
     }
   }
@@ -1238,15 +1238,15 @@ class Ze {
   getReadonly(t, e) {
     const i = this.rowKeyMap.get(t), s = this.headerMap.get(e), r = i == null ? void 0 : i.readonly, o = s == null ? void 0 : s.readonly, { CELL_READONLY_METHOD: n } = this.ctx.config;
     if (typeof n == "function") {
-      const l = n({
+      const h = n({
         row: i.item,
         rowIndex: i.rowIndex,
         colIndex: s.colIndex,
         column: s.column,
         value: this.getItemValue(t, e)
       });
-      if (l !== void 0)
-        return l;
+      if (h !== void 0)
+        return h;
     }
     return o || r;
   }
@@ -1256,7 +1256,7 @@ class Ze {
   getValidator(t, e) {
     return new Promise((i) => {
       const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { CELL_RULES_METHOD: o } = this.ctx.config, n = r.column;
-      let h = n.rules;
+      let l = n.rules;
       if (typeof o == "function") {
         const d = o({
           row: s.item,
@@ -1265,28 +1265,28 @@ class Ze {
           column: n,
           value: this.getItemValue(t, e)
         });
-        d && (h = d);
+        d && (l = d);
       }
-      if (h) {
-        let l = {}, d = {};
-        if (d[e] = this.getItemValue(t, e), Array.isArray(h) && h.length) {
-          const x = h.map((u) => ({
+      if (l) {
+        let h = {}, d = {};
+        if (d[e] = this.getItemValue(t, e), Array.isArray(l) && l.length) {
+          const x = l.map((u) => ({
             ...u,
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           }));
-          l[e] = x;
+          h[e] = x;
         } else
-          l[e] = {
-            ...h,
+          h[e] = {
+            ...l,
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           };
-        new nt(l).validate(d).then(() => {
+        new nt(h).validate(d).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: h, colorStart: l, colorEnd: d } = r;
+    const { fillColor: o, side: n, shadowWidth: l, colorStart: h, colorEnd: d } = r;
     this.ctx.save(), o && (this.ctx.fillStyle = o, this.ctx.fillRect(t, e, i, s));
     let f;
     switch (n) {
       case "left":
-        f = this.ctx.createLinearGradient(t - h, e, t, e), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - h, e, h, s);
+        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);
         break;
       case "right":
         f = this.ctx.createLinearGradient(
           t + i,
           e,
-          t + i + h,
+          t + i + l,
           e
-        ), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, h, s);
+        ), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, l, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - h, t, e), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - h, i, h);
+        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);
         break;
       case "bottom":
         f = this.ctx.createLinearGradient(
           t,
           e + s,
           t,
-          e + s + h
-        ), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, h);
+          e + s + l
+        ), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, l);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -1557,12 +1557,12 @@ class ei {
   drawImage(t, e, i, s, r) {
     this.ctx.save(), this.ctx.drawImage(t, e, i, s, r), this.ctx.restore();
   }
-  drawRect(t, e, i, s, { borderWidth: r = 1, borderColor: o, fillColor: n, radius: h = 0 } = {}) {
-    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), h === 0)
+  drawRect(t, e, i, s, { borderWidth: r = 1, borderColor: o, fillColor: n, radius: l = 0 } = {}) {
+    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 [l, d, f, x] = typeof h == "number" ? [h, h, h, h] : h;
-      this.ctx.moveTo(t + l, 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 + l, e, l);
+      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);
     }
     n !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -1580,16 +1580,16 @@ class ei {
     this.ctx.save();
     const {
       font: n = "12px Arial",
-      align: h = "center",
-      color: l = "#495060",
+      align: l = "center",
+      color: h = "#495060",
       padding: d = 0,
       verticalAlign: f = "middle"
     } = o;
-    this.ctx.font = n, this.ctx.fillStyle = l, this.ctx.textBaseline = f, this.ctx.textAlign = h;
+    this.ctx.font = n, this.ctx.fillStyle = h, this.ctx.textBaseline = f, this.ctx.textAlign = l;
     let x = 0;
     f === "top" ? x = i + d : f === "bottom" ? x = i + r - d : x = i + (r + d) / 2;
     let u = 0;
-    h === "left" ? u = e + d : h === "right" ? u = e + s - d : u = e + s / 2;
+    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);
     return this.ctx.fillText(y, u, x), this.ctx.restore(), g;
   }
@@ -1603,10 +1603,10 @@ class ei {
     const o = this.ctx.measureText("...").width, n = this.ctx.measureText(t).width;
     if (n && n + o >= e - i * 2) {
       s = !0;
-      let h = 0;
-      for (let l = 0; l < t.length; l++)
-        if (h += this.ctx.measureText(t[l]).width, h >= e - i * 2 - o) {
-          r = t.slice(0, l) + "...";
+      let l = 0;
+      for (let h = 0; h < t.length; h++)
+        if (l += this.ctx.measureText(t[h]).width, l >= e - i * 2 - o) {
+          r = t.slice(0, h) + "...";
           break;
         }
     }
@@ -1681,6 +1681,8 @@ class Bt {
     // 启用单点击立马编辑
     c(this, "ENABLE_EDIT_TEXT_ENTER", !0);
     // 启用文本编辑器回车键确认
+    c(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
+    // 启用点击选择器编辑
     c(this, "ENABLE_SELECTOR_SINGLE", !1);
     c(this, "ENABLE_SELECTOR_SPAN_COL", !0);
     c(this, "ENABLE_SELECTOR_SPAN_ROW", !0);
@@ -1827,15 +1829,15 @@ class ii {
   }
   async createImageFromSVG(t, e) {
     const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && r.querySelectorAll("*").forEach((l) => {
-      l.setAttribute("fill", e);
+    e && r.querySelectorAll("*").forEach((h) => {
+      h.setAttribute("fill", e);
     });
     const o = new Image(), n = new Blob([new XMLSerializer().serializeToString(r)], {
       type: "image/svg+xml"
-    }), h = URL.createObjectURL(n);
-    return o.src = h, new Promise((l, d) => {
+    }), l = URL.createObjectURL(n);
+    return o.src = l, new Promise((h, d) => {
       o.onerror = () => d(new Error("Failed to load image")), o.onload = () => {
-        l(o);
+        h(o);
       };
     });
   }
@@ -1881,8 +1883,8 @@ class Jt {
   }
 }
 class Qt extends Jt {
-  constructor(e, i, s, r, o, n, h, l, d, f = "body") {
-    super(e, r, o, n, h, l.fixed, f);
+  constructor(e, i, s, r, o, n, l, h, d, f = "body") {
+    super(e, r, o, n, l, h.fixed, f);
     c(this, "formatter");
     c(this, "hoverIconName", "");
     c(this, "align");
@@ -1927,7 +1929,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 = l.key, this.type = l.type || "text", this.editorType = l.editorType || "text", this.cellType = f, this.align = l.align || "center", this.verticalAlign = l.verticalAlign || "middle", this.fixed = l.fixed, this.level = l.level, this.column = l, this.rules = l.rules, this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = l.render, this.overflowTooltipShow = l.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = l.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = l.overflowTooltipPlacement || "top", this.renderFooter = l.renderFooter, this.hoverIconName = l.hoverIconName, this.formatter = l.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 = 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();
   }
   getValidationMessage() {
     const e = this.ctx.database.getValidationError(this.rowKey, this.key);
@@ -2021,13 +2023,13 @@ 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 h = this.ctx.database.getRowForRowKey(i), { expand: l = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = h || {};
+      const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = l || {};
       if (f) {
         const u = this.ctx.icons.get("loading");
         n = "loading", r = u, o = x * 8;
       } else if (d) {
         const u = this.ctx.icons.get("expand"), y = this.ctx.icons.get("shrink");
-        r = l ? y : u, n = l ? "shrink" : "expand", o = x * 8;
+        r = h ? y : u, n = h ? "shrink" : "expand", o = x * 8;
       } else
         o = x * 8;
       if (r) {
@@ -2044,8 +2046,8 @@ class Qt extends Jt {
       FOOTER_CELL_STYLE_METHOD: r,
       READONLY_TEXT_COLOR: o,
       FOOTER_BG_COLOR: n,
-      HIGHLIGHT_SELECTED_ROW: h,
-      HIGHLIGHT_SELECTED_ROW_COLOR: l,
+      HIGHLIGHT_SELECTED_ROW: l,
+      HIGHLIGHT_SELECTED_ROW_COLOR: h,
       HIGHLIGHT_HOVER_ROW: d,
       HIGHLIGHT_HOVER_ROW_COLOR: f
     } = this.ctx.config;
@@ -2066,7 +2068,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), h && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = l), this.drawCellSkyBgColor = x;
+    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;
     let g = e, w = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
       this.drawCellBgColor = e, this.drawTextColor = o;
@@ -2085,24 +2087,24 @@ class Qt extends Jt {
     this.drawCellBgColor = g, this.drawTextColor = w;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: h, rowKey: l } = this;
+    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(l), f = this.ctx.database.getRowSelectable(l), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, y = this.drawY + (i - x) / 2;
+      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;
       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 === h || ["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);
+      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);
     }
   }
   updateHoverIcon() {
     const { CELL_HOVER_ICON_METHOD: e, CELL_HOVER_ICON_SIZE: i, CELL_PADDING: s } = this.ctx.config;
     if (typeof e == "function") {
-      const h = e({
+      const l = e({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       });
-      h !== void 0 && (this.hoverIconName = h);
+      l !== void 0 && (this.hoverIconName = l);
     }
     const r = this.drawX + this.width - i - s, o = this.drawY + (this.height - i) / 2;
     if (this.hoverIconName && this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === this.rowIndex) {
@@ -2219,8 +2221,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], h = o[1], { colIndex: l, rowIndex: d, drawX: f, drawY: x } = this;
-    l === n && d === h && 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: d, drawX: f, drawY: x } = this;
+    h === n && d === l && this.ctx.paint.drawRect(f + this.width - 6, x + this.height - 6, 6, 6, {
       borderColor: "#fff",
       fillColor: e
     });
@@ -2274,32 +2276,32 @@ class Qt extends Jt {
     });
   }
   drawBorder(e) {
-    const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: n } = this, h = i + 0.5;
-    let l = s + 0.5, d = this.height;
-    o === 0 && (l = this.y + 1, d = d - 1);
+    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];
-    n >= p && n <= E && o === m && this.ctx.paint.drawLine([h, l, h + r - 2, l], {
+    n >= p && n <= E && o === m && this.ctx.paint.drawLine([l, h, l + r - 2, h], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n >= p && n <= E && o === b && this.ctx.paint.drawLine([h, l + d - 1.5, h + r, l + d - 1.5], {
+    }), n >= p && n <= E && o === b && this.ctx.paint.drawLine([l, h + d - 1.5, l + r, h + d - 1.5], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === p && o >= m && o <= b && this.ctx.paint.drawLine([h, l, h, l + d - 1], {
+    }), n === p && o >= m && o <= b && this.ctx.paint.drawLine([l, h, l, h + d - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === E && o >= m && o <= b && this.ctx.paint.drawLine([h + r - 1, l, h + r - 1, l + d - 1], {
+    }), n === E && o >= m && o <= b && this.ctx.paint.drawLine([l + r - 1, h, l + r - 1, h + d - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
@@ -2310,8 +2312,8 @@ class Qt extends Jt {
   }
 }
 class te extends Jt {
-  constructor(e, i, s, r, o, n, h) {
-    super(e, s, r, o, n, h.fixed, "header");
+  constructor(e, i, s, r, o, n, l) {
+    super(e, s, r, o, n, l.fixed, "header");
     c(this, "align");
     c(this, "verticalAlign", "middle");
     c(this, "fixed");
@@ -2344,7 +2346,7 @@ class te extends Jt {
     c(this, "drawImageHeight", 0);
     c(this, "drawImageName", "");
     c(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = n, this.colIndex = i, this.key = h.key, this.type = h.type, this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.text = h.title, this.column = h, this.colspan = h.colspan, this.widthFillDisable = h.widthFillDisable, this.rowspan = h.rowspan, this.rules = h.rules, this.readonly = h.readonly, this.required = h.required, this.rowKey = At(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
+    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = n, this.colIndex = i, this.key = l.key, this.type = l.type, this.editorType = l.editorType || "text", this.align = l.align || "center", this.verticalAlign = l.verticalAlign || "middle", this.fixed = l.fixed, this.level = l.level, this.text = l.title, this.column = l, this.colspan = l.colspan, this.widthFillDisable = l.widthFillDisable, this.rowspan = l.rowspan, this.rules = l.rules, this.readonly = l.readonly, this.required = l.required, this.rowKey = At(), this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2364,11 +2366,11 @@ class te extends Jt {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
     let r = i, o = s;
     if (typeof e == "function") {
-      const n = e, { backgroundColor: h, color: l } = n({
+      const n = e, { backgroundColor: l, color: h } = n({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      h && (r = h), l && (o = l);
+      l && (r = l), h && (o = h);
     }
     this.drawCellBgColor = r, this.drawTextColor = o;
   }
@@ -2379,11 +2381,11 @@ class te extends Jt {
     const {
       paint: e,
       config: { BORDER_COLOR: i, CELL_PADDING: s, HEADER_FONT: r }
-    } = this.ctx, { drawX: o, drawY: n, displayText: h } = this;
+    } = this.ctx, { drawX: o, drawY: n, displayText: l } = this;
     e.drawRect(o, n, this.width, this.height, {
       borderColor: i,
       fillColor: this.drawCellBgColor
-    }), e.drawText(h, o, n, this.width, this.height, {
+    }), e.drawText(l, o, n, this.width, this.height, {
       font: r,
       padding: s,
       color: this.drawTextColor,
@@ -2394,9 +2396,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: h = 0 } = this.ctx.config, l = this.drawX + (e - h) / 2, d = this.drawY + (i - h) / 2;
+      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 = l, this.drawImageY = d, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
+      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(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2439,8 +2441,8 @@ class si {
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
       for (const o of s) {
-        const n = o.getDrawX(), h = o.getDrawY();
-        if (i > n && i < n + o.width && e > h && e < h + o.height) {
+        const n = o.getDrawX(), l = o.getDrawY();
+        if (i > n && i < n + o.width && e > l && e < l + o.height) {
           this.ctx.focusCellHeader = o, this.ctx.emit("cellHeaderMousedown", o, t);
           return;
         }
@@ -2448,10 +2450,10 @@ class si {
       const r = this.ctx.body.renderRows;
       for (const o of r) {
         const n = o.fixedCells.concat(o.noFixedCells);
-        for (const h of n) {
-          const l = h.getDrawX(), d = h.getDrawY();
-          if (i > l && i < l + h.width && e > d && e < d + h.height) {
-            this.ctx.setFocusCell(h), this.ctx.emit("cellMousedown", h, t);
+        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) {
+            this.ctx.setFocusCell(l), this.ctx.emit("cellMousedown", l, t);
             return;
           }
         }
@@ -2461,8 +2463,8 @@ class si {
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
       for (const o of s) {
-        const n = o.getDrawX(), h = o.getDrawY();
-        if (i > n && i < n + o.width && e > h && e < h + o.height) {
+        const n = o.getDrawX(), l = o.getDrawY();
+        if (i > n && i < n + o.width && e > l && e < l + o.height) {
           this.ctx.clickCellHeader = o, this.ctx.emit("cellHeaderClick", o, t), this.selectionClick(o);
           return;
         }
@@ -2470,10 +2472,10 @@ class si {
       const r = this.ctx.body.renderRows;
       for (const o of r) {
         const n = o.fixedCells.concat(o.noFixedCells);
-        for (const h of n) {
-          const l = h.getDrawX(), d = h.getDrawY();
-          if (i > l && i < l + h.width && e > d && e < d + h.height) {
-            this.ctx.clickCell = h, this.ctx.emit("cellClick", h, t), this.selectionClick(h), this.treeClick(h);
+        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) {
+            this.ctx.clickCell = l, this.ctx.emit("cellClick", l, t), this.selectionClick(l), this.treeClick(l);
             return;
           }
         }
@@ -2483,8 +2485,8 @@ class si {
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
       for (const o of s) {
-        const n = o.getDrawX(), h = o.getDrawY();
-        if (i > n && i < n + o.width && e > h && e < h + o.height) {
+        const n = o.getDrawX(), l = o.getDrawY();
+        if (i > n && i < n + o.width && e > l && e < l + o.height) {
           this.ctx.emit("cellHeaderContextMenuClick", o, t);
           return;
         }
@@ -2492,10 +2494,10 @@ class si {
       const r = this.ctx.body.renderRows;
       for (const o of r) {
         const n = o.fixedCells.concat(o.noFixedCells);
-        for (const h of n) {
-          const l = h.getDrawX(), d = h.getDrawY();
-          if (i > l && i < l + h.width && e > d && e < d + h.height) {
-            this.ctx.emit("cellContextMenuClick", h, t);
+        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) {
+            this.ctx.emit("cellContextMenuClick", l, t);
             return;
           }
         }
@@ -2506,8 +2508,8 @@ class si {
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
       for (const n of s) {
-        const h = n.getDrawX(), l = n.getDrawY();
-        if (i > h && i < h + n.width && e > l && e < l + n.height) {
+        const l = n.getDrawX(), h = n.getDrawY();
+        if (i > l && i < l + n.width && e > h && e < h + n.height) {
           if (this.ctx.emit("cellHeaderMouseenter", n, t), this.ctx.hoverCellHeader && this.ctx.hoverCellHeader !== n && this.ctx.emit("cellHeaderMouseleave", this.ctx.hoverCellHeader, t), this.imageEnterAndLeave(n, t), this.ctx.hoverCellHeader === n)
             return;
           this.ctx.hoverCellHeader = n, this.ctx.emit("cellHeaderHoverChange", n);
@@ -2516,12 +2518,12 @@ class si {
       }
       const r = this.ctx.body.renderRows;
       for (const n of r) {
-        const h = n.fixedCells.concat(n.noFixedCells);
-        for (const l of h) {
-          const d = l.getDrawX(), f = l.getDrawY();
-          if (i > d && i < d + l.visibleWidth && e > f && e < f + l.visibleHeight && (this.imageEnterAndLeave(l, t), this.visibleHoverCell !== l && (this.ctx.emit("visibleCellMouseleave", l, t), this.visibleHoverCell = l, this.ctx.emit("visibleCellHoverChange", l, t))), i > d && i < d + l.width && e > f && e < f + l.height) {
-            if (this.ctx.emit("cellMouseenter", l, t), this.ctx.hoverCell && this.ctx.hoverCell !== l && this.ctx.emit("cellMouseleave", this.ctx.hoverCell, t), this.ctx.hoverCell === l) return;
-            ((o = this.ctx.hoverCell) == null ? void 0 : o.rowKey) !== l.rowKey && (this.ctx.hoverCell = l, this.ctx.hoverRow = this.ctx.body.renderRows[l.rowIndex], this.ctx.emit("rowHoverChange", this.ctx.hoverRow, l, t), this.ctx.emit("draw")), this.ctx.hoverCell = l, this.ctx.emit("cellHoverChange", l, t);
+        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) {
+            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;
           }
         }
@@ -2556,10 +2558,10 @@ class si {
           colIndex: t.colIndex,
           column: t.column,
           value: t.getValue()
-        }).then((h) => {
-          this.ctx.database.setExpandChildren(t.rowKey, h), this.ctx.database.expandLoading(t.rowKey, !1);
-        }).catch((h) => {
-          this.ctx.database.expandLoading(t.rowKey, !1), console.error(h);
+        }).then((l) => {
+          this.ctx.database.setExpandChildren(t.rowKey, l), this.ctx.database.expandLoading(t.rowKey, !1);
+        }).catch((l) => {
+          this.ctx.database.expandLoading(t.rowKey, !1), console.error(l);
         }));
       else {
         const n = this.ctx.database.getIsExpand(t.rowKey);
@@ -2713,7 +2715,7 @@ 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 h = r + e[0], l = n + i[0], d = this.database.getItemValueForRowIndexAndColIndex(h, l);
+        const l = r + e[0], h = n + i[0], d = this.database.getItemValueForRowIndexAndColIndex(l, h);
         d && o.push(d.value);
       }
       s += `${o.join("	")}\r`, t.push(o);
@@ -2786,8 +2788,8 @@ class Wt {
     // 滚动条的长度
     c(this, "visibleDistance", 0);
     //可见区域的长度
-    c(this, "offsetX", 0);
-    c(this, "offsetY", 0);
+    c(this, "clientX", 0);
+    c(this, "clientY", 0);
     c(this, "dragStart", 0);
     // 拖拽开始的位置
     c(this, "isDragging", !1);
@@ -2798,26 +2800,26 @@ class Wt {
     this.updateScroll(t);
   }
   onMouseDown(t) {
-    const { offsetX: e, offsetY: i } = t;
-    if (!(e == this.offsetX && i == this.offsetY)) {
+    const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
+    if (!(s == this.clientX && r == this.clientY)) {
       if (this.isOnScrollbar(e, i))
-        this.offsetX = e, this.offsetY = i, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll;
+        this.clientX = s, this.clientY = r, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll;
       else if (this.isOnTrack(e, i)) {
-        let s = 0;
-        this.type === "vertical" ? s = (i - this.ctx.header.height - this.barHeight / 2) / (this.visibleDistance - this.barHeight) * this.distance : s = (e - this.barWidth / 2) / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(s, this.distance));
+        let o = 0;
+        this.type === "vertical" ? o = (i - this.ctx.header.height - this.barHeight / 2) / (this.visibleDistance - this.barHeight) * this.distance : o = (e - this.barWidth / 2) / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(o, this.distance));
       }
     }
   }
   onMouseUp() {
-    this.isDragging = !1, this.isFocus = !1, this.offsetY = 0, this.offsetX = 0;
+    this.isDragging = !1, this.isFocus = !1, this.clientX = 0, this.clientY = 0;
   }
   onMouseMove(t) {
-    const { offsetX: e, offsetY: i } = t;
-    if (this.isOnScrollbar(e, i) && t.target === this.ctx.target ? this.isFocus = !0 : this.isFocus = !1, e == this.offsetX && i == this.offsetY) return;
-    let s = 0;
-    if (this.type === "horizontal" ? s = e - this.offsetX : s = i - this.offsetY, this.isDragging && s !== 0) {
-      let r = 0;
-      this.type === "vertical" ? r = this.dragStart + s / (this.visibleDistance - this.barHeight) * this.distance : r = this.dragStart + s / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(r, this.distance));
+    const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
+    if (this.isOnScrollbar(e, i) && t.target === this.ctx.target ? this.isFocus = !0 : this.isFocus = !1, s == this.clientX && r == this.clientY) return;
+    let o = 0;
+    if (this.type === "horizontal" ? o = s - this.clientX : o = r - this.clientY, this.isDragging && o !== 0) {
+      let n = 0;
+      this.type === "vertical" ? n = this.dragStart + o / (this.visibleDistance - this.barHeight) * this.distance : n = this.dragStart + o / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(n, this.distance));
     }
   }
   isPointInElement(t, e, i, s, r, o) {
@@ -2830,29 +2832,28 @@ class Wt {
     return this.isPointInElement(t, e, this.trackX, this.trackY, this.trackWidth, this.trackHeight);
   }
   updateScroll(t) {
-    t.preventDefault();
     const e = t.deltaX, i = t.deltaY;
-    this.type === "vertical" && t.shiftKey === !1 ? 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)));
+    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)));
   }
   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, h = e.width, l = 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, d = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = o - i - n, this.distance = l - 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 / l : 0;
+      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);
       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 = h - this.visibleDistance, this.splitPoints = [
+      this.visibleDistance = r - i, this.distance = l - this.visibleDistance, this.splitPoints = [
         r - i,
         o - i,
         r - i,
         o
       ], this.trackX = 0, this.trackY = o - i, this.trackWidth = r, this.trackHeight = i;
-      const f = this.distance ? this.visibleDistance / h : 0;
+      const f = this.distance ? this.visibleDistance / l : 0;
       let x = Math.floor(f * 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));
     }
@@ -2990,17 +2991,17 @@ class ni {
       const d = this.visibleWidth - this.width, f = Math.floor(d / this.resizeNum * 100) / 100;
       this.resizeAllColumn(f);
     }
-    const h = this.fixedLeftCellHeaders.filter(
+    const l = this.fixedLeftCellHeaders.filter(
       (d) => !d.hasChildren
     );
-    this.ctx.fixedLeftWidth = h.reduce(
+    this.ctx.fixedLeftWidth = l.reduce(
       (d, f) => d + f.width,
       0
     );
-    const l = this.fixedRightCellHeaders.filter(
+    const h = this.fixedRightCellHeaders.filter(
       (d) => !d.hasChildren
     );
-    this.ctx.fixedRightWidth = l.reduce(
+    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;
@@ -3033,8 +3034,8 @@ class ni {
           ...this.renderCenterCellHeaders
         ];
         for (const o of r) {
-          const n = e.layerX, h = o.getDrawX();
-          n > h + o.width - 5 && n < h + o.width + 4 && n < i.width - 4 && // 视窗中最后一列不允许调整宽
+          const n = e.layerX, l = o.getDrawX();
+          n > l + o.width - 5 && n < l + o.width + 4 && n < i.width - 4 && // 视窗中最后一列不允许调整宽
           o.colspan <= 1 && e.target instanceof HTMLCanvasElement && this.ctx.isTarget(e.target) && e.layerY <= this.height && (this.ctx.target.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
@@ -3089,16 +3090,16 @@ class ni {
     let s = e;
     const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
     for (let o = 0; o < i; o++) {
-      const n = t[o], h = r * (n.rowspan || 1), l = r * n.level;
+      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,
-        l,
-        d,
         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;
@@ -3132,8 +3133,8 @@ class ni {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const h = s.width - (this.x + this.width) + r.width - e;
-      this.ctx.paint.drawShadow(h + 1, this.y, e, this.height, {
+      const l = s.width - (this.x + this.width) + r.width - e;
+      this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3167,7 +3168,7 @@ class ni {
   }
 }
 class ee {
-  constructor(t, e, i = 0, s = 0, r = 0, o = 0, n, h = "body") {
+  constructor(t, e, i = 0, s = 0, r = 0, o = 0, n, l = "body") {
     c(this, "ctx");
     c(this, "x", 0);
     c(this, "y", 0);
@@ -3180,7 +3181,7 @@ class ee {
     c(this, "rowKey", "");
     c(this, "rowType", "body");
     c(this, "data");
-    this.ctx = t, this.x = i, this.y = s, this.width = r, this.height = o, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e), this.rowType = h, this.data = n, this.update();
+    this.ctx = t, this.x = i, this.y = s, this.width = r, this.height = o, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e), this.rowType = l, this.data = n, this.update();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
@@ -3254,8 +3255,8 @@ class ai {
         SCROLLER_TRACK_SIZE: r = 0,
         BORDER_COLOR: o,
         BORDER_RADIUS: n,
-        HEIGHT: h,
-        EMPTY_BODY_HEIGHT: l = 0,
+        HEIGHT: l,
+        EMPTY_BODY_HEIGHT: h = 0,
         MAX_HEIGHT: d = 0,
         ENABLE_OFFSET_HEIGHT: f = 0,
         OFFSET_HEIGHT: x = 0
@@ -3269,7 +3270,7 @@ class ai {
     const { top: g } = t.getBoundingClientRect();
     this.width = e.width, this.visibleWidth = t.width - r;
     const w = this.ctx.footer.height;
-    this.data.length || (this.height = l);
+    this.data.length || (this.height = h);
     const p = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
       isEmpty: p,
@@ -3278,14 +3279,14 @@ class ai {
       bodyHeight: this.height,
       footerHeight: w,
       width: this.width,
-      height: this.data.length ? 0 : l + w
+      height: this.data.length ? 0 : h + w
     });
     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(
       "There is an error in the height calculation ENABLE_OFFSET_HEIGHT and OFFSET_HEIGHT are invalid"
-    ))) : this.data.length && h ? m = h : 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 && d && E > d ? m = d : 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",
@@ -3298,9 +3299,11 @@ class ai {
       config: { ENABLE_RESIZE_ROW: t }
     } = this.ctx;
     t && (this.ctx.on("mouseup", () => {
-      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeRow(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.resizeDiff = 0, this.isResizing = !1, this.ctx.rowResizing = !1, this.offsetY = 0;
+      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeRow(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.resizeDiff = 0, this.isResizing = !1, setTimeout(() => {
+        this.ctx.rowResizing = !1;
+      }, 0), this.offsetY = 0;
     }), this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e.target) && (this.offsetY = e.offsetY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
+      this.ctx.isTarget(e.target) && (this.offsetY = e.offsetY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const i = e.offsetY, s = e.offsetX, {
@@ -3309,19 +3312,19 @@ class ai {
         config: { RESIZE_ROW_MIN_HEIGHT: n = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const h = this.resizeTarget.height;
-        let l = i - this.offsetY;
-        l + h < n && (l = -(h - n)), this.resizeDiff = l, this.ctx.emit("draw");
+        const l = this.resizeTarget.height;
+        let h = i - this.offsetY;
+        h + l < n && (h = -(l - n)), this.resizeDiff = h, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown || this.ctx.target.style.cursor === "crosshair")
           return;
         this.ctx.target.style.cursor === "row-resize" && (this.ctx.target.style.cursor = "default");
-        for (let h = 0; h < this.renderRows.length; h++) {
-          const l = this.renderRows[h];
-          if (i > l.y - o + l.height - 1.5 && i < l.y - o + l.height + 1.5 && i < r.height - 4)
-            for (let f = 0; f < l.cells.length; f++) {
-              const x = l.cells[f];
-              s > x.drawX + 10 && s < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = l);
+        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];
+              s > x.drawX + 10 && s < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = h);
             }
         }
       }
@@ -3367,8 +3370,8 @@ class ai {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const h = s.width - (this.x + this.width) + r.width - e;
-      this.ctx.paint.drawShadow(h + 1, this.y, e, this.height, {
+      const l = s.width - (this.x + this.width) + r.width - e;
+      this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3392,14 +3395,14 @@ class ai {
     const { header: t, database: e, scrollY: i } = this.ctx, s = i, { data: r, positions: o } = e.getData();
     this.ctx.maxRowIndex = r.length - 1;
     const n = this.binarySearch(o, s);
-    let h = this.binarySearch(o, s + this.visibleHeight);
-    h === -1 && (h = r.length), this.headIndex = Math.max(0, n), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
-    const l = [];
+    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);
-      l.push(g);
+      h.push(g);
     }
-    this.renderRows = l, this.ctx.body.renderRows = l;
+    this.renderRows = h, this.ctx.body.renderRows = h;
   }
   draw() {
     this.renderRows.forEach((t) => {
@@ -3440,16 +3443,16 @@ class ci {
       target: r,
       config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
     } = this.ctx;
-    let h = this.y;
-    if (this.ctx.config.FOOTER_FIXED || (h = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, h, t, this.height, {
+    let l = this.y;
+    if (this.ctx.config.FOOTER_FIXED || (l = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, l, t, this.height, {
       fillColor: o,
       side: "right",
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const l = s.width - (this.x + this.width) + r.width - e;
-      this.ctx.paint.drawShadow(l + 1, h, e, this.height, {
+      const h = s.width - (this.x + this.width) + r.width - e;
+      this.ctx.paint.drawShadow(h + 1, l, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3485,7 +3488,7 @@ class ci {
     });
   }
 }
-class hi {
+class li {
   // 垂直滚动定时器
   constructor(t) {
     c(this, "isCut", !1);
@@ -3615,8 +3618,8 @@ class hi {
       return;
     const { ENABLE_SELECTOR_ALL_ROWS: t, ENABLE_SELECTOR_ALL_COLS: e } = this.ctx.config;
     if (t && e) {
-      const s = this.ctx.maxColIndex, r = 0, o = this.ctx.maxRowIndex, n = [1, s], h = [r, o];
-      this.setSelector(n, h);
+      const s = this.ctx.maxColIndex, r = 0, o = this.ctx.maxRowIndex, n = [1, s], l = [r, o];
+      this.setSelector(n, l);
     }
   }
   selectRows(t, e = !0) {
@@ -3644,7 +3647,7 @@ class hi {
       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), h = Math.min(i.rowIndex, s), l = Math.max(i.rowIndex, s), d = [o, n], f = [h, l];
+      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);
     }
   }
@@ -3652,7 +3655,7 @@ class hi {
     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, h = Math.min(o, s), l = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), x = [h, l], u = [d, f];
+        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];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -3689,8 +3692,8 @@ class hi {
     let s = [];
     const r = /* @__PURE__ */ new Set();
     for (let n = 0; n <= e[1] - e[0]; n++)
-      for (let h = 0; h <= t[1] - t[0]; h++) {
-        const l = n + e[0], d = h + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(l, d);
+      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;
           this.ctx.database.getReadonly(x, u) || (r.add(x), s.push({
@@ -3725,7 +3728,7 @@ class hi {
         const n = r.split("\r");
         n.length === 1 ? o = n[0].split(`
 `).map((f) => f.split("	")) : o = n.map((d) => d.split("	"));
-        let h = [];
+        let l = [];
         for (let d = 0; d <= o.length - 1; d++) {
           const f = o[d].length;
           for (let x = 0; x <= f - 1; x++) {
@@ -3735,7 +3738,7 @@ class hi {
             );
             if (w) {
               const { rowKey: p, key: E } = w;
-              this.ctx.database.getReadonly(p, E) || (s.add(p), h.push({
+              this.ctx.database.getReadonly(p, E) || (s.add(p), l.push({
                 rowKey: p,
                 key: E,
                 value: g,
@@ -3751,18 +3754,18 @@ class hi {
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), f = h.map((x) => `${x.rowKey}-${x.key}`);
+          ), f = l.map((x) => `${x.rowKey}-${x.key}`);
           d.forEach((x) => {
-            f.includes(`${x.rowKey}-${x.key}`) || h.unshift(x);
+            f.includes(`${x.rowKey}-${x.key}`) || l.unshift(x);
           }), this.isCut = !1;
         }
-        if (!h.length)
+        if (!l.length)
           return;
-        this.ctx.database.batchSetItemValue(h, !0);
-        let l = [];
+        this.ctx.database.batchSetItemValue(l, !0);
+        let h = [];
         s.forEach((d) => {
-          l.push(this.ctx.database.getRowDataItemForRowKey(d));
-        }), this.ctx.emit("pasteChange", h, l), this.clearCopyLine(), this.ctx.emit("draw");
+          h.push(this.ctx.database.getRowDataItemForRowKey(d));
+        }), this.ctx.emit("pasteChange", l, h), this.clearCopyLine(), this.ctx.emit("draw");
       }).catch((r) => {
         console.error("获取剪贴板内容失败：", r);
       });
@@ -3778,7 +3781,7 @@ class hi {
     if (!e)
       return;
     let { colIndex: i = 0, rowIndex: s = 0 } = e;
-    const r = 0, o = 0, n = this.ctx.maxColIndex, h = this.ctx.maxRowIndex;
+    const r = 0, o = 0, n = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
     switch (t) {
       case "LEFT":
         i > r && i--;
@@ -3790,16 +3793,16 @@ class hi {
         i < n && i++;
         break;
       case "BOTTOM":
-        s < h && s++;
+        s < l && s++;
         break;
     }
-    const l = [i, i], d = [s, s], f = this.getCell(s, i);
+    const h = [i, i], d = [s, s], f = this.getCell(s, i);
     if (f) {
       if (["index", "index-selection", "selection"].includes(f.type))
         return;
       this.ctx.setFocusCell(f);
     }
-    this.setSelector(l, d), this.adjustBoundaryPosition(), this.ctx.emit("draw");
+    this.setSelector(h, d), 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);
@@ -3815,8 +3818,8 @@ class hi {
       let n = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
         n *= 1.5;
-        const { scrollX: h } = this.ctx, l = h + n;
-        (l < 0 || l > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(l);
+        const { scrollX: l } = this.ctx, h = l + n;
+        (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
       }, 100);
     }
     if (r && this.adjustPositionY !== r) {
@@ -3824,8 +3827,8 @@ class hi {
       let n = 10 * (r === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         n *= 1.5;
-        const { scrollY: h } = this.ctx, l = h + n;
-        (l < 0 || l > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(l);
+        const { scrollY: l } = this.ctx, h = l + n;
+        (h < 0 || h > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(h);
       }, 100);
     }
   }
@@ -3833,20 +3836,20 @@ class hi {
    * 调整滚动条位置，让焦点单元格始终出现在可视区域内
    */
   adjustBoundaryPosition() {
-    const { target: t, focusCell: e, fixedRightWidth: i, fixedLeftWidth: s, header: r, footer: o, scrollX: n, scrollY: h } = this.ctx;
+    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: l = 0, FOOTER_FIXED: d } = this.ctx.config;
+    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 - l);
-    u > 0 && !e.fixed ? this.ctx.setScrollX(n + u) : x > 0 && !e.fixed && this.ctx.setScrollX(n - x), y > 0 ? this.ctx.setScrollY(h - y) : g > 0 && this.ctx.setScrollY(h + g);
+    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);
+    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() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
   }
 }
-class li {
+class hi {
   constructor(t) {
     c(this, "ctx");
     this.ctx = t, this.init();
@@ -3854,9 +3857,9 @@ class li {
   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: h, drawX: l, drawY: d, width: f, height: x } = t;
-      if (this.ctx.config.ENABLE_AUTOFILL && n === r && h === o) {
-        const y = l + f - 6, g = d + x - 6;
+      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;
+      if (this.ctx.config.ENABLE_AUTOFILL && n === r && l === o) {
+        const y = h + f - 6, g = d + x - 6;
         e.offsetX > y && e.offsetY > g && (this.ctx.target.style.cursor = "crosshair");
       }
       this.mouseenter(t);
@@ -3892,12 +3895,12 @@ class li {
       return;
     let o = t, n = e;
     if (!r) {
-      const [h] = n;
-      n = [h, h];
+      const [l] = n;
+      n = [l, l];
     }
     if (!s) {
-      const [h] = o;
-      o = [h, h];
+      const [l] = o;
+      o = [l, l];
     }
     (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(n)) && (this.ctx.autofill.xArr = o, this.ctx.autofill.yArr = n, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw"));
   }
@@ -3911,17 +3914,17 @@ class li {
         const u = f + 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, h = this.ctx.autofill.yArr;
-    let l = [];
-    for (let f = 0; f <= h[1] - h[0]; f++)
+    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 x = 0; x <= n[1] - n[0]; x++) {
-        const u = x + n[0], y = f + h[0], g = s[f % o][x % r], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
+        const u = x + n[0], y = f + l[0], g = s[f % o][x % r], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
           y,
           u
         ), p = `${y}-${u}`;
         if (w && !i.has(p)) {
           const { rowKey: E, key: m } = w;
-          this.ctx.database.getReadonly(E, m) || (t.add(E), l.push({
+          this.ctx.database.getReadonly(E, m) || (t.add(E), h.push({
             rowKey: E,
             key: m,
             value: g,
@@ -3929,13 +3932,13 @@ class li {
           }));
         }
       }
-    if (!l.length)
+    if (!h.length)
       return;
-    this.ctx.database.batchSetItemValue(l, !0);
+    this.ctx.database.batchSetItemValue(h, !0);
     let d = [];
     t.forEach((f) => {
       d.push(this.ctx.database.getRowDataItemForRowKey(f));
-    }), this.ctx.emit("autofillChange", l, d), this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.emit("draw");
+    }), 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");
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -4059,9 +4062,9 @@ function Pt(a, t, e) {
     reference: i,
     floating: s
   } = a;
-  const r = J(t), o = Mt(t), n = Ht(o), h = q(t), l = 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", 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;
   let u;
-  switch (h) {
+  switch (l) {
     case "top":
       u = {
         x: d,
@@ -4094,10 +4097,10 @@ function Pt(a, t, e) {
   }
   switch (ct(t)) {
     case "start":
-      u[o] -= x * (e && l ? -1 : 1);
+      u[o] -= x * (e && h ? -1 : 1);
       break;
     case "end":
-      u[o] += x * (e && l ? -1 : 1);
+      u[o] += x * (e && h ? -1 : 1);
       break;
   }
   return u;
@@ -4108,15 +4111,15 @@ const yi = async (a, t, e) => {
     strategy: s = "absolute",
     middleware: r = [],
     platform: o
-  } = e, n = r.filter(Boolean), h = await (o.isRTL == null ? void 0 : o.isRTL(t));
-  let l = await o.getElementRects({
+  } = e, n = r.filter(Boolean), l = await (o.isRTL == null ? void 0 : o.isRTL(t));
+  let h = await o.getElementRects({
     reference: a,
     floating: t,
     strategy: s
   }), {
     x: d,
     y: f
-  } = Pt(l, i, h), x = i, u = {}, y = 0;
+  } = Pt(h, i, l), x = i, u = {}, y = 0;
   for (let g = 0; g < n.length; g++) {
     const {
       name: w,
@@ -4133,7 +4136,7 @@ const yi = async (a, t, e) => {
       placement: x,
       strategy: s,
       middlewareData: u,
-      rects: l,
+      rects: h,
       platform: o,
       elements: {
         reference: a,
@@ -4146,14 +4149,14 @@ const yi = async (a, t, e) => {
         ...u[w],
         ...b
       }
-    }, C && y <= 50 && (y++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (l = C.rects === !0 ? await o.getElementRects({
+    }, C && y <= 50 && (y++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (h = C.rects === !0 ? await o.getElementRects({
       reference: a,
       floating: t,
       strategy: s
     }) : C.rects), {
       x: d,
       y: f
-    } = Pt(l, x, h)), g = -1);
+    } = Pt(h, x, l)), g = -1);
   }
   return {
     x: d,
@@ -4172,18 +4175,18 @@ async function re(a, t) {
     platform: r,
     rects: o,
     elements: n,
-    strategy: h
+    strategy: l
   } = a, {
-    boundary: l = "clippingAncestors",
+    boundary: h = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "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({
     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: l,
+    boundary: h,
     rootBoundary: d,
-    strategy: h
+    strategy: l
   })), E = f === "floating" ? {
     x: i,
     y: s,
@@ -4199,7 +4202,7 @@ async function re(a, t) {
     elements: n,
     rect: E,
     offsetParent: m,
-    strategy: h
+    strategy: l
   }) : E);
   return {
     top: (p.top - C.top + y.top) / b.y,
@@ -4219,20 +4222,20 @@ const mi = (a) => ({
       rects: r,
       platform: o,
       elements: n,
-      middlewareData: h
+      middlewareData: l
     } = t, {
-      element: l,
+      element: h,
       padding: d = 0
     } = at(a, t) || {};
-    if (l == null)
+    if (h == null)
       return {};
     const f = se(d), x = {
       x: e,
       y: i
-    }, u = Mt(s), y = Ht(u), g = await o.getDimensions(l), 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(l));
-    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(f[p], A), B = rt(f[E], A), O = D, S = T - g[y] - B, _ = T / 2 - g[y] / 2 + L, G = Ot(O, _, S), K = !h.arrow && ct(s) != null && _ !== G && r.reference[y] / 2 - (_ < O ? D : B) - g[y] / 2 < 0, X = K ? _ < O ? _ - O : _ - S : 0;
+    }, 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;
     return {
       [u]: x[u] + X,
       data: {
@@ -4256,8 +4259,8 @@ const mi = (a) => ({
         middlewareData: r,
         rects: o,
         initialPlacement: n,
-        platform: h,
-        elements: l
+        platform: l,
+        elements: h
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
@@ -4269,9 +4272,9 @@ const mi = (a) => ({
       } = at(a, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const p = q(s), E = J(n), m = q(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(l.floating)), C = x || (m || !g ? [xt(n)] : ui(n)), R = y !== "none";
+      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 T = [n, ...C], L = await re(t, w), A = [];
+      const S = [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) {
         const _ = xi(s, o, b);
@@ -4282,7 +4285,7 @@ const mi = (a) => ({
         overflows: A
       }], !A.every((_) => _ <= 0)) {
         var B, O;
-        const _ = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = T[_];
+        const _ = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = S[_];
         if (G)
           return {
             data: {
@@ -4297,8 +4300,8 @@ const mi = (a) => ({
         if (!K)
           switch (u) {
             case "bestFit": {
-              var S;
-              const X = (S = D.filter((W) => {
+              var T;
+              const X = (T = D.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
                   return P === E || // Create a bias to the `y` side axis due to horizontal
@@ -4306,7 +4309,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 : S[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];
               X && (K = X);
               break;
             }
@@ -4330,7 +4333,7 @@ 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), h = J(e) === "y", l = ["left", "top"].includes(o) ? -1 : 1, d = r && h ? -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, d = r && l ? -1 : 1, f = at(t, a);
   let {
     mainAxis: x,
     crossAxis: u,
@@ -4344,11 +4347,11 @@ async function bi(a, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return n && typeof y == "number" && (u = n === "end" ? y * -1 : y), h ? {
+  return n && typeof y == "number" && (u = n === "end" ? y * -1 : y), l ? {
     x: u * d,
-    y: x * l
+    y: x * h
   } : {
-    x: x * l,
+    x: x * h,
     y: u * d
   };
 }
@@ -4363,12 +4366,12 @@ const Ci = function(a) {
         y: r,
         placement: o,
         middlewareData: n
-      } = t, h = await bi(t, a);
+      } = t, l = await bi(t, a);
       return o === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
-        x: s + h.x,
-        y: r + h.y,
+        x: s + l.x,
+        y: r + l.y,
         data: {
-          ...h,
+          ...l,
           placement: o
         }
       };
@@ -4398,12 +4401,12 @@ const Ci = function(a) {
             };
           }
         },
-        ...h
-      } = at(a, t), l = {
+        ...l
+      } = at(a, t), h = {
         x: e,
         y: i
-      }, d = await re(t, h), f = J(q(s)), x = ie(f);
-      let u = l[x], y = l[f];
+      }, d = await re(t, l), f = J(q(s)), x = ie(f);
+      let u = h[x], y = h[f];
       if (r) {
         const w = x === "y" ? "top" : "left", p = x === "y" ? "bottom" : "right", E = u + d[w], m = u - d[p];
         u = Ot(E, u, m);
@@ -4457,7 +4460,7 @@ function N(a) {
 function Vt(a) {
   return !gt() || typeof ShadowRoot > "u" ? !1 : a instanceof ShadowRoot || a instanceof M(a).ShadowRoot;
 }
-function ht(a) {
+function lt(a) {
   const {
     overflow: t,
     overflowX: e,
@@ -4525,19 +4528,19 @@ function z(a) {
 }
 function ne(a) {
   const t = z(a);
-  return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && ht(t) ? t : ne(t);
+  return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && lt(t) ? t : ne(t);
 }
-function St(a, t, e) {
+function Tt(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 = Tt(o);
-    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], n && e ? St(n) : []);
+    const n = St(o);
+    return t.concat(o, o.visualViewport || [], lt(s) ? s : [], n && e ? Tt(n) : []);
   }
-  return t.concat(s, St(s, [], e));
+  return t.concat(s, Tt(s, [], e));
 }
-function Tt(a) {
+function St(a) {
   return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
 }
 function ae(a) {
@@ -4569,7 +4572,7 @@ function Z(a) {
   };
 }
 const Oi = /* @__PURE__ */ V(0);
-function he(a) {
+function le(a) {
   const t = M(a);
   return !kt() || !t.visualViewport ? Oi : {
     x: t.visualViewport.offsetLeft,
@@ -4584,24 +4587,24 @@ function ot(a, t, e, i) {
   const s = a.getBoundingClientRect(), r = ce(a);
   let o = V(1);
   t && (i ? k(i) && (o = Z(i)) : o = Z(a));
-  const n = _i(r, e, i) ? he(r) : V(0);
-  let h = (s.left + n.x) / o.x, l = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
+  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;
   if (r) {
     const x = M(r), u = i && k(i) ? M(i) : i;
-    let y = x, g = Tt(y);
+    let y = x, g = St(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;
-      h *= w.x, l *= w.y, d *= w.x, f *= w.y, h += m, l += b, y = M(g), g = Tt(y);
+      l *= w.x, h *= w.y, d *= w.x, f *= w.y, l += m, h += b, y = M(g), g = St(y);
     }
   }
   return ut({
     width: d,
     height: f,
-    x: h,
-    y: l
+    x: l,
+    y: h
   });
 }
-function Si(a) {
+function Ti(a) {
   let {
     elements: t,
     rect: e,
@@ -4611,23 +4614,23 @@ function Si(a) {
   const r = s === "fixed", o = Y(i), n = t ? wt(t.floating) : !1;
   if (i === o || n && r)
     return e;
-  let h = {
+  let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = V(1);
+  }, h = V(1);
   const d = V(0), f = N(i);
-  if ((f || !f && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), N(i))) {
+  if ((f || !f && !r) && ((tt(i) !== "body" || lt(o)) && (l = pt(i)), N(i))) {
     const x = ot(i);
-    l = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+    h = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
   return {
-    width: e.width * l.x,
-    height: e.height * l.y,
-    x: e.x * l.x - h.scrollLeft * l.x + d.x,
-    y: e.y * l.y - h.scrollTop * l.y + d.y
+    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
   };
 }
-function Ti(a) {
+function Si(a) {
   return Array.from(a.getClientRects());
 }
 function Lt(a, t) {
@@ -4647,26 +4650,26 @@ function Li(a) {
 }
 function Ai(a, t) {
   const e = M(a), i = Y(a), s = e.visualViewport;
-  let r = i.clientWidth, o = i.clientHeight, n = 0, h = 0;
+  let r = i.clientWidth, o = i.clientHeight, n = 0, l = 0;
   if (s) {
     r = s.width, o = s.height;
-    const l = kt();
-    (!l || l && t === "fixed") && (n = s.offsetLeft, h = s.offsetTop);
+    const h = kt();
+    (!h || h && t === "fixed") && (n = s.offsetLeft, l = s.offsetTop);
   }
   return {
     width: r,
     height: o,
     x: n,
-    y: h
+    y: l
   };
 }
 function Hi(a, t) {
-  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, r = N(a) ? Z(a) : V(1), o = a.clientWidth * r.x, n = a.clientHeight * r.y, h = s * r.x, l = i * r.y;
+  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, r = N(a) ? Z(a) : V(1), o = a.clientWidth * r.x, n = a.clientHeight * r.y, l = s * r.x, h = i * r.y;
   return {
     width: o,
     height: n,
-    x: h,
-    y: l
+    x: l,
+    y: h
   };
 }
 function zt(a, t, e) {
@@ -4678,7 +4681,7 @@ function zt(a, t, e) {
   else if (k(t))
     i = Hi(t, e);
   else {
-    const s = he(a);
+    const s = le(a);
     i = {
       ...t,
       x: t.x - s.x,
@@ -4687,20 +4690,20 @@ function zt(a, t, e) {
   }
   return ut(i);
 }
-function le(a, t) {
+function he(a, t) {
   const e = z(a);
-  return e === t || !k(e) || Q(e) ? !1 : F(e).position === "fixed" || le(e, t);
+  return e === t || !k(e) || Q(e) ? !1 : F(e).position === "fixed" || he(e, t);
 }
 function Mi(a, t) {
   const e = t.get(a);
   if (e)
     return e;
-  let i = St(a, [], !1).filter((n) => k(n) && tt(n) !== "body"), s = null;
+  let i = Tt(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), h = Dt(o);
-    !h && n.position === "fixed" && (s = null), (r ? !h && !s : !h && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && le(a, o)) ? i = i.filter((d) => d !== o) : s = n, o = z(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);
   }
   return t.set(a, i), i;
 }
@@ -4711,15 +4714,15 @@ function Di(a) {
     rootBoundary: i,
     strategy: s
   } = a;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Mi(t, this._c) : [].concat(e), i], n = o[0], h = o.reduce((l, d) => {
+  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 l.top = U(f.top, l.top), l.right = rt(f.right, l.right), l.bottom = rt(f.bottom, l.bottom), l.left = U(f.left, l.left), l;
+    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;
   }, zt(t, n, s));
   return {
-    width: h.right - h.left,
-    height: h.bottom - h.top,
-    x: h.left,
-    y: h.top
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
   };
 }
 function ki(a) {
@@ -4738,19 +4741,19 @@ function Fi(a, t, e) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const h = V(0);
+  const l = V(0);
   if (i || !i && !r)
-    if ((tt(t) !== "body" || ht(s)) && (n = pt(t)), i) {
+    if ((tt(t) !== "body" || lt(s)) && (n = pt(t)), i) {
       const u = ot(t, !0, r, t);
-      h.x = u.x + t.clientLeft, h.y = u.y + t.clientTop;
-    } else s && (h.x = Lt(s));
-  let l = 0, d = 0;
+      l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
+    } else s && (l.x = Lt(s));
+  let h = 0, d = 0;
   if (s && !i && !r) {
     const u = s.getBoundingClientRect();
-    d = u.top + n.scrollTop, l = u.left + n.scrollLeft - // RTL <body> scrollbar.
+    d = u.top + n.scrollTop, h = u.left + n.scrollLeft - // RTL <body> scrollbar.
     Lt(s, u);
   }
-  const f = o.left + n.scrollLeft - h.x - l, x = o.top + n.scrollTop - h.y - d;
+  const f = o.left + n.scrollLeft - l.x - h, x = o.top + n.scrollTop - l.y - d;
   return {
     x: f,
     y: x,
@@ -4803,12 +4806,12 @@ function Ni(a) {
   return F(a).direction === "rtl";
 }
 const Ki = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Si,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ti,
   getDocumentElement: Y,
   getClippingRect: Di,
   getOffsetParent: de,
   getElementRects: Xi,
-  getClientRects: Ti,
+  getClientRects: Si,
   getDimensions: ki,
   getScale: Z,
   isElement: k,
@@ -4847,7 +4850,7 @@ let Bi = class {
       borderRadius: "4px",
       fontSize: "12px",
       ...r
-    }, h = {
+    }, l = {
       position: "absolute",
       width: "10px",
       height: "10px",
@@ -4856,7 +4859,7 @@ let Bi = class {
       transform: "rotate(45deg)",
       zIndex: n.zIndex
     };
-    Object.assign(this.arrowEl.style, h), Object.assign(this.floatingEl.style, n), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.targetContainer.appendChild(this.floatingEl), this.init();
+    Object.assign(this.arrowEl.style, l), Object.assign(this.floatingEl.style, n), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.targetContainer.appendChild(this.floatingEl), this.init();
   }
   init() {
     this.ctx.on("mousemove", (t) => {
@@ -4898,10 +4901,10 @@ let Bi = class {
       placement: t.overflowTooltipPlacement,
       middleware: [xe(), ue(), fe(6), Yi({ element: this.arrowEl })]
     }).then((n) => {
-      const { x: h, y: l, placement: d, middlewareData: f } = n;
+      const { x: l, y: h, placement: d, middlewareData: f } = n;
       if (Object.assign(this.floatingEl.style, {
-        top: `${l}px`,
-        left: `${h}px`
+        top: `${h}px`,
+        left: `${l}px`
       }), f.arrow) {
         const x = f.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
@@ -5039,8 +5042,8 @@ class Wi {
       return;
     const e = t.getValue(), { width: i, height: s } = t, r = t.getDrawX(), o = t.getDrawY(), { CELL_PADDING: n } = this.ctx.config;
     this.editorEl.style.left = `${r}px`, this.editorEl.style.top = `${o}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${s - 1}px`, this.inputEl.style.padding = `${n}px`, e !== null && (this.inputEl.textContent = e), this.inputEl.focus();
-    const h = window.getSelection();
-    h == null || h.selectAllChildren(this.inputEl), h == null || h.collapseToEnd();
+    const l = window.getSelection();
+    l == null || l.selectAllChildren(this.inputEl), l == null || l.collapseToEnd();
   }
   doneEditByInput() {
     if (!this.cellTarget || this.cellTarget.editorType !== "text")
@@ -5049,11 +5052,28 @@ class Wi {
     s !== i && !(s === "" && i === null) && this.ctx.database.setItemValue(t, e, s, !0, !0, !0), this.inputEl.textContent = null, this.editorEl.style.left = "-10000px", this.editorEl.style.top = "-10000px";
   }
   startEdit() {
-    const t = this.ctx.focusCell;
-    if (!t || ["index", "index-selection", "selection"].includes(t.type) || this.enable)
+    const { ENABLE_EDIT_CLICK_SELECTOR: t } = this.ctx.config;
+    if (!t)
+      return;
+    const e = this.ctx.focusCell;
+    if (!e || ["index", "index-selection", "selection"].includes(e.type) || this.enable)
+      return;
+    const { rowKey: i, key: s } = e, r = this.ctx.database.getReadonly(i, s);
+    e && !r && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = e, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+  }
+  editCell(t, e) {
+    const i = this.ctx.body.renderRows.find((h) => h.rowIndex === t);
+    if (!i)
+      return;
+    const s = i.cells.find((h) => h.colIndex === e);
+    if (!s)
+      return;
+    this.ctx.emit("setSelectorCell", s);
+    const r = this.ctx.focusCell;
+    if (!r || ["index", "index-selection", "selection"].includes(r.type) || this.enable)
       return;
-    const { rowKey: e, key: i } = t, s = this.ctx.database.getReadonly(e, i);
-    t && !s && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = t, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+    const { rowKey: o, key: n } = r, l = this.ctx.database.getReadonly(o, n);
+    r && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
     this.enable && this.cellTarget && (this.ctx.emit("doneEdit", this.cellTarget), this.doneEditByInput(), this.enable = !1, this.ctx.target.focus(), this.ctx.editing = !1, this.cellTarget = null, this.ctx.emit("draw"));
@@ -5067,10 +5087,10 @@ class Pi {
     c(this, "emptyEl");
     this.ctx = t;
     const { EMPTY_TEXT: e, EMPTY_CUSTOM: i, EMPTY_CUSTOM_STYLE: s, CSS_PREFIX: r } = this.ctx.config;
-    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: h, footerHeight: l }) => {
+    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 + (h + l) / 2, f = {
+      const d = n + (l + h) / 2, f = {
         display: o === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
@@ -5107,9 +5127,9 @@ class Vi {
       target: t,
       config: { SCROLLER_TRACK_SIZE: e }
     } = this.ctx, i = t.width - e, s = t.height - e, r = this.getHeader(), o = this.getBody(), n = this.getFooter();
-    let h = [r, o, n];
-    const { FOOTER_FIXED: l } = this.ctx.config;
-    return l || (h = [r, o]), {
+    let l = [r, o, n];
+    const { FOOTER_FIXED: h } = this.ctx.config;
+    return h || (l = [r, o]), {
       style: {
         position: "absolute",
         left: "0px",
@@ -5119,7 +5139,7 @@ class Vi {
         width: `${i}px`,
         height: `${s}px`
       },
-      views: h
+      views: l
     };
   }
   getHeader() {
@@ -5128,9 +5148,9 @@ class Vi {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: n } = this.ctx.header;
-    let h = [], l = [], d = [];
+    let l = [], h = [], d = [];
     n.forEach((w) => {
-      w.render && (w.fixed === "left" ? l.push(w) : w.fixed === "right" ? d.push(w) : h.push(w));
+      w.render && (w.fixed === "left" ? h.push(w) : w.fixed === "right" ? d.push(w) : l.push(w));
     });
     const f = e - i, x = {
       key: "left",
@@ -5142,7 +5162,7 @@ class Vi {
         width: `${t}px`,
         height: `${o}px`
       },
-      cells: l
+      cells: h
     }, u = {
       key: "center",
       style: {
@@ -5153,7 +5173,7 @@ class Vi {
         width: `${r - t - f}px`,
         height: `${o}px`
       },
-      cells: h
+      cells: l
     }, y = {
       key: "right",
       style: {
@@ -5189,8 +5209,8 @@ class Vi {
     const {
       fixedLeftWidth: r,
       fixedRightWidth: o,
-      config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: h }
-    } = this.ctx, { visibleWidth: l, visibleHeight: d } = this.ctx.body, f = o - n, x = {
+      config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: l }
+    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = o - n, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -5208,7 +5228,7 @@ class Vi {
         top: `${0.5}px`,
         left: `${r + 0.5}px`,
         overflow: "hidden",
-        width: `${l - r - f}px`,
+        width: `${h - r - f}px`,
         height: `${d}px`
       },
       cells: t
@@ -5226,11 +5246,11 @@ class Vi {
     };
     return {
       type: "body",
-      class: `${h}-overlayer-body`,
+      class: `${l}-overlayer-body`,
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${l}px`,
+        width: `${h}px`,
         height: `${d}px`
       },
       views: [x, u, y]
@@ -5247,7 +5267,7 @@ class Vi {
       fixedLeftWidth: s,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: n }
-    } = this.ctx, { visibleWidth: h, visibleHeight: l } = this.ctx.footer, d = r - o, f = {
+    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, d = r - o, f = {
       key: "left",
       style: {
         position: "absolute",
@@ -5255,7 +5275,7 @@ class Vi {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${s}px`,
-        height: `${l}px`
+        height: `${h}px`
       },
       cells: e
     }, x = {
@@ -5265,8 +5285,8 @@ class Vi {
         top: `${0.5}px`,
         left: `${s + 0.5}px`,
         overflow: "hidden",
-        width: `${h - s - d}px`,
-        height: `${l}px`
+        width: `${l - s - d}px`,
+        height: `${h}px`
       },
       cells: t
     }, u = {
@@ -5277,7 +5297,7 @@ class Vi {
         right: `${0.5}px`,
         overflow: "hidden",
         width: `${d}px`,
-        height: `${l}px`
+        height: `${h}px`
       },
       cells: i
     };
@@ -5287,8 +5307,8 @@ class Vi {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${h}px`,
-        height: `${l}px`
+        width: `${l}px`,
+        height: `${h}px`
       },
       views: [f, x, u]
     };
@@ -5304,8 +5324,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, h] = s, { rowIndex: l, colIndex: d } = t;
-      l >= n && l <= h && 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: d } = t;
+      h >= n && h <= l && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5394,7 +5414,7 @@ class Gi {
     c(this, "overlayer");
     c(this, "contextMenu");
     c(this, "ctx");
-    this.target = document.createElement("canvas"), this.targetContainer = t, this.targetContainer.style.position = "relative", this.targetContainer.appendChild(this.target), this.options = e, this.ctx = new ri(this.targetContainer, this.target, this.options), this.header = new ni(this.ctx), this.body = new ai(this.ctx), this.footer = new ci(this.ctx), this.scroller = new oi(this.ctx), this.selector = new hi(this.ctx), this.autofill = new li(this.ctx), this.tooltip = new Bi(this.ctx), this.empty = new Pi(this.ctx), this.editor = new Wi(this.ctx), this.overlayer = new Vi(this.ctx), this.contextMenu = new zi(this.ctx), this.ctx.on("draw", this.draw.bind(this)), this.draw();
+    this.target = document.createElement("canvas"), this.targetContainer = t, this.targetContainer.style.position = "relative", this.targetContainer.appendChild(this.target), this.options = e, this.ctx = new ri(this.targetContainer, this.target, this.options), this.header = new ni(this.ctx), this.body = new ai(this.ctx), this.footer = new ci(this.ctx), this.scroller = new oi(this.ctx), this.selector = new li(this.ctx), this.autofill = new hi(this.ctx), this.tooltip = new Bi(this.ctx), this.empty = new Pi(this.ctx), this.editor = new Wi(this.ctx), this.overlayer = new Vi(this.ctx), this.contextMenu = new zi(this.ctx), this.ctx.on("draw", this.draw.bind(this)), this.draw();
   }
   draw() {
     requestAnimationFrame(() => {
@@ -5425,6 +5445,9 @@ class Gi {
   filterMethod(t) {
     this.ctx.setScrollY(0), this.ctx.setScrollX(0), this.ctx.database.init(), this.ctx.database.setFilterMethod(t), this.ctx.emit("draw");
   }
+  editCell(t, e) {
+    this.editor.editCell(t, e);
+  }
   setItemValue(t, e, i, s = !0, r = !0, o = !1) {
     this.ctx.database.setItemValue(t, e, i, s, r, o);
   }
@@ -5455,8 +5478,8 @@ class Gi {
         if (t && Array.isArray(s) && s.length) {
           const [r] = s;
           if (Array.isArray(r) && r.length) {
-            const [o] = r, { rowKey: n, key: h } = o;
-            this.scrollToRowkey(n), this.scrollToColkey(h);
+            const [o] = r, { rowKey: n, key: l } = o;
+            this.scrollToRowkey(n), this.scrollToColkey(l);
           }
         }
         i(s);
@@ -5481,7 +5504,7 @@ class Gi {
       let r = [];
       for (let o = 0; o < i.length; o++)
         for (let n = 0; n < s.length; n++) {
-          const h = this.ctx.database.getRowKeyByItem(i[o]), d = s[n].key, f = await this.ctx.database.getValidator(h, d);
+          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);
         }
       r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));