e-virt-table 1.0.4 → 1.0.5

package/dist/index.es.js

@@ -2,23 +2,23 @@
 var Ce = Object.defineProperty;
 var be = (a, t, e) => t in a ? Ce(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
 var l = (a, t, e) => be(a, typeof t != "symbol" ? t + "" : t, e);
-function q() {
-  return q = Object.assign ? Object.assign.bind() : function(a) {
+function G() {
+  return G = Object.assign ? Object.assign.bind() : function(a) {
     for (var t = 1; t < arguments.length; t++) {
       var e = arguments[t];
       for (var i in e)
         Object.prototype.hasOwnProperty.call(e, i) && (a[i] = e[i]);
     }
     return a;
-  }, q.apply(this, arguments);
+  }, G.apply(this, arguments);
 }
 function ve(a, t) {
   a.prototype = Object.create(t.prototype), a.prototype.constructor = a, st(a, t);
 }
-function mt(a) {
-  return mt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+function Et(a) {
+  return Et = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
     return e.__proto__ || Object.getPrototypeOf(e);
-  }, mt(a);
+  }, Et(a);
 }
 function st(a, t) {
   return st = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
@@ -57,7 +57,7 @@ function Ct(a) {
       t.set(i, s);
     }
     function s() {
-      return dt(i, arguments, mt(this).constructor);
+      return dt(i, arguments, Et(this).constructor);
     }
     return s.prototype = Object.create(i.prototype, {
       constructor: {
@@ -122,7 +122,7 @@ function Oe(a) {
 function H(a, t) {
   return !!(a == null || t === "array" && Array.isArray(a) && !a.length || Oe(t) && typeof a == "string" && !a);
 }
-function Ae(a, t, e) {
+function Se(a, t, e) {
   var i = [], s = 0, r = a.length;
   function o(n) {
     i.push.apply(i, n || []), s++, s === r && e(i);
@@ -131,7 +131,7 @@ function Ae(a, t, e) {
     t(n, o);
   });
 }
-function kt(a, t, e) {
+function Xt(a, t, e) {
   var i = 0, s = a.length;
   function r(o) {
     if (o && o.length) {
@@ -149,7 +149,7 @@ function Le(a) {
     t.push.apply(t, a[e] || []);
   }), t;
 }
-var Xt = /* @__PURE__ */ function(a) {
+var kt = /* @__PURE__ */ function(a) {
   ve(t, a);
   function t(e, i) {
     var s;
@@ -157,13 +157,13 @@ var Xt = /* @__PURE__ */ function(a) {
   }
   return t;
 }(/* @__PURE__ */ Ct(Error));
-function Se(a, t, e, i, s) {
+function Ae(a, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(u, x) {
       var p = function(y) {
-        return i(y), y.length ? x(new Xt(y, bt(y))) : u(s);
+        return i(y), y.length ? x(new kt(y, bt(y))) : u(s);
       }, g = Le(a);
-      kt(g, e, p);
+      Xt(g, e, p);
     });
     return r.catch(function(u) {
       return u;
@@ -172,11 +172,11 @@ function Se(a, t, e, i, s) {
   var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), h = n.length, c = 0, d = [], f = new Promise(function(u, x) {
     var p = function(w) {
       if (d.push.apply(d, w), c++, c === h)
-        return i(d), d.length ? x(new Xt(d, bt(d))) : u(s);
+        return i(d), d.length ? x(new kt(d, bt(d))) : u(s);
     };
     n.length || (i(d), u(s)), n.forEach(function(g) {
       var w = a[g];
-      o.indexOf(g) !== -1 ? kt(w, e, p) : Ae(w, e, p);
+      o.indexOf(g) !== -1 ? Xt(w, e, p) : Se(w, e, p);
     });
   });
   return f.catch(function(u) {
@@ -209,7 +209,7 @@ function Kt(a, t) {
     for (var e in t)
       if (t.hasOwnProperty(e)) {
         var i = t[e];
-        typeof i == "object" && typeof a[e] == "object" ? a[e] = q({}, a[e], i) : a[e] = i;
+        typeof i == "object" && typeof a[e] == "object" ? a[e] = G({}, a[e], i) : a[e] = i;
       }
   }
   return a;
@@ -237,13 +237,13 @@ var Ut = function(t, e, i, s, r, o) {
 `).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), h = function(C) {
     return C && C.exact ? r : new RegExp("(?:" + t(C) + e + t(C) + ")|(?:" + t(C) + s + t(C) + ")", "g");
   };
-  h.v4 = function(E) {
-    return E && E.exact ? o : new RegExp("" + t(E) + e + t(E), "g");
-  }, h.v6 = function(E) {
-    return E && E.exact ? n : new RegExp("" + t(E) + s + t(E), "g");
+  h.v4 = function(m) {
+    return m && m.exact ? o : new RegExp("" + t(m) + e + t(m), "g");
+  }, h.v6 = function(m) {
+    return m && m.exact ? n : new RegExp("" + t(m) + s + t(m), "g");
   };
-  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, u = h.v6().source, x = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", g = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', m = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + u + "|" + x + p + g + ")" + w + y;
-  return ct = new RegExp("(?:^" + m + "$)", "i"), ct;
+  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, u = h.v6().source, x = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", g = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', E = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + u + "|" + x + p + g + ")" + w + y;
+  return ct = new RegExp("(?:^" + E + "$)", "i"), ct;
 }, Bt = {
   // 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,}))$/,
@@ -299,12 +299,12 @@ var Ut = 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(D(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(D(r.messages.types[n], t.fullField, t.type));
-}, ke = function(t, e, i, s, r) {
+}, Xe = function(t, e, i, s, r) {
   var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, u = typeof e == "number", x = typeof e == "string", p = Array.isArray(e);
   if (u ? f = "number" : x ? f = "string" : p && (f = "array"), !f)
     return !1;
   p && (d = e.length), x && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(D(r.messages[f].len, t.fullField, t.len)) : n && !h && d < t.min ? s.push(D(r.messages[f].min, t.fullField, t.min)) : h && !n && d > t.max ? s.push(D(r.messages[f].max, t.fullField, t.max)) : n && h && (d < t.min || d > t.max) && s.push(D(r.messages[f].range, t.fullField, t.min, t.max));
-}, j = "enum", Xe = function(t, e, i, s, r) {
+}, j = "enum", ke = function(t, e, i, s, r) {
   t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(D(r.messages[j], t.fullField, t[j].join(", ")));
 }, Ne = function(t, e, i, s, r) {
   if (t.pattern) {
@@ -319,8 +319,8 @@ var Ut = function(t, e, i, s, r, o) {
   required: Ut,
   whitespace: He,
   type: Fe,
-  range: ke,
-  enum: Xe,
+  range: Xe,
+  enum: ke,
   pattern: Ne
 }, Ke = function(t, e, i, s, r) {
   var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
@@ -386,7 +386,7 @@ var Ut = function(t, e, i, s, r, o) {
     _.required(t, e, s, o, r, "array"), e != null && (_.type(t, e, s, o, r), _.range(t, e, s, o, r));
   }
   i(o);
-}, qe = function(t, e, i, s, r) {
+}, Ge = function(t, e, i, s, r) {
   var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (H(e) && !t.required)
@@ -394,12 +394,12 @@ var Ut = function(t, e, i, s, r, o) {
     _.required(t, e, s, o, r), e !== void 0 && _.type(t, e, s, o, r);
   }
   i(o);
-}, Ge = "enum", je = function(t, e, i, s, r) {
+}, qe = "enum", je = function(t, e, i, s, r) {
   var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (H(e) && !t.required)
       return i();
-    _.required(t, e, s, o, r), e !== void 0 && _[Ge](t, e, s, o, r);
+    _.required(t, e, s, o, r), e !== void 0 && _[qe](t, e, s, o, r);
   }
   i(o);
 }, Ue = function(t, e, i, s, r) {
@@ -449,7 +449,7 @@ var Ut = function(t, e, i, s, r, o) {
   integer: Pe,
   float: ze,
   array: $e,
-  object: qe,
+  object: Ge,
   enum: je,
   pattern: Ue,
   date: Ze,
@@ -538,15 +538,15 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       return c && c(null, n), Promise.resolve(n);
     function d(g) {
       var w = [], y = {};
-      function m(C) {
+      function E(C) {
         if (Array.isArray(C)) {
           var b;
           w = (b = w).concat.apply(b, C);
         } else
           w.push(C);
       }
-      for (var E = 0; E < g.length; E++)
-        m(g[E]);
+      for (var m = 0; m < g.length; m++)
+        E(g[m]);
       w.length ? (y = bt(w), c(w, y)) : c(null, n);
     }
     if (h.messages) {
@@ -557,12 +557,12 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var u = {}, x = h.keys || Object.keys(this.rules);
     x.forEach(function(g) {
       var w = o.rules[g], y = n[g];
-      w.forEach(function(m) {
-        var E = m;
-        typeof E.transform == "function" && (n === i && (n = q({}, n)), y = n[g] = E.transform(y)), typeof E == "function" ? E = {
-          validator: E
-        } : E = q({}, E), E.validator = o.getValidationMethod(E), E.validator && (E.field = g, E.fullField = E.fullField || g, E.type = o.getType(E), u[g] = u[g] || [], u[g].push({
-          rule: E,
+      w.forEach(function(E) {
+        var m = E;
+        typeof m.transform == "function" && (n === i && (n = G({}, n)), y = n[g] = m.transform(y)), typeof m == "function" ? m = {
+          validator: m
+        } : m = G({}, m), m.validator = o.getValidationMethod(m), m.validator && (m.field = g, m.fullField = m.fullField || g, m.type = o.getType(m), u[g] = u[g] || [], u[g].push({
+          rule: m,
           value: y,
           source: n,
           field: g
@@ -570,23 +570,23 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       });
     });
     var p = {};
-    return Se(u, h, function(g, w) {
-      var y = g.rule, m = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
-      m = m && (y.required || !y.required && g.value), y.field = g.field;
-      function E(R, A) {
-        return q({}, A, {
+    return Ae(u, h, function(g, w) {
+      var y = g.rule, E = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
+      E = E && (y.required || !y.required && g.value), y.field = g.field;
+      function m(R, S) {
+        return G({}, S, {
           fullField: y.fullField + "." + R,
           fullFields: y.fullFields ? [].concat(y.fullFields, [R]) : [R]
         });
       }
       function C(R) {
         R === void 0 && (R = []);
-        var A = Array.isArray(R) ? R : [R];
-        !h.suppressWarning && A.length && a.warning("async-validator:", A), A.length && y.message !== void 0 && (A = [].concat(y.message));
-        var L = A.map(Nt(y, n));
+        var S = Array.isArray(R) ? R : [R];
+        !h.suppressWarning && S.length && a.warning("async-validator:", S), S.length && y.message !== void 0 && (S = [].concat(y.message));
+        var L = S.map(Nt(y, n));
         if (h.first && L.length)
           return p[y.field] = 1, w(L);
-        if (!m)
+        if (!E)
           w(L);
         else {
           if (y.required && !g.value)
@@ -594,14 +594,14 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
           var I = {};
           y.defaultField && Object.keys(g.value).map(function(O) {
             I[O] = y.defaultField;
-          }), I = q({}, I, g.rule.fields);
+          }), I = G({}, I, g.rule.fields);
           var v = {};
           Object.keys(I).forEach(function(O) {
             var M = I[O], T = Array.isArray(M) ? M : [M];
-            v[O] = T.map(E.bind(null, O));
+            v[O] = T.map(m.bind(null, O));
           });
-          var S = new a(v);
-          S.messages(h.messages), g.rule.options && (g.rule.options.messages = h.messages, g.rule.options.error = h.error), S.validate(g.value, g.rule.options || h, function(O) {
+          var A = new a(v);
+          A.messages(h.messages), g.rule.options && (g.rule.options.messages = h.messages, g.rule.options.error = h.error), A.validate(g.value, g.rule.options || h, function(O) {
             var M = [];
             L && L.length && M.push.apply(M, L), O && O.length && M.push.apply(M, O), w(M.length ? M : null);
           });
@@ -1046,18 +1046,18 @@ class Tt extends se {
       HIGHLIGHT_HOVER_ROW_COLOR: f
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let y = n, m = o;
+      let y = n, E = o;
       if (typeof r == "function") {
-        const E = r, { backgroundColor: C, color: b } = E({
+        const m = r, { backgroundColor: C, color: b } = m({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        C && (y = C), b && (m = b);
+        C && (y = C), b && (E = b);
       }
-      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = y, this.drawTextColor = m;
+      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = y, this.drawTextColor = E;
       return;
     }
     let u = "transparent";
@@ -1069,7 +1069,7 @@ class Tt extends se {
       return;
     }
     if (this.ctx.database.getReadonly(this.rowKey, this.key) || (g = i, w = o), typeof s == "function") {
-      const y = s, { backgroundColor: m, color: E } = y({
+      const y = s, { backgroundColor: E, color: m } = y({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -1077,7 +1077,7 @@ class Tt extends se {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      m && (g = m), E && (w = E);
+      E && (g = E), m && (w = m);
     }
     this.drawCellBgColor = g, this.drawTextColor = w;
   }
@@ -1248,23 +1248,31 @@ class Tt extends se {
       xArr: r,
       yArr: o,
       borderColor: this.ctx.config.SELECT_BORDER_COLOR || "rgb(82,146,247)",
-      fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)",
+      fillColor: "transparent",
       borderWidth: 1,
       lineDash: [4, 4]
     }), this.drawBorder({
       xArr: this.ctx.autofill.xArr,
       yArr: this.ctx.autofill.yArr,
       borderColor: this.ctx.config.SELECT_BORDER_COLOR || "rgb(82,146,247)",
-      fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)",
+      fillColor: "transparent",
       borderWidth: 1,
       lineDash: [4, 4]
     }), this.drawBorder({
       xArr: i,
       yArr: s,
       borderColor: this.ctx.config.SELECT_BORDER_COLOR || "rgb(82,146,247)",
-      fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)",
+      fillColor: "transparent",
       borderWidth: 1
     });
+    const [n, h] = i, [c, d] = s;
+    !(n === h && c === d) && this.colIndex >= n && this.colIndex <= h && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
+      borderColor: "transparent",
+      fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)"
+    }), this.operation && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
+      borderColor: "transparent",
+      fillColor: this.ctx.config.SELECT_ROW_COL_BG_COLOR || "transparent"
+    });
   }
   drawErrorTip() {
     if (this.cellType === "footer" || !this.message || this.rowspan === 0 || this.colspan === 0)
@@ -1289,29 +1297,29 @@ class Tt extends se {
     const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: n } = this;
     let h = i + 0.5, c = s + 0.5, d = this.height;
     o === 0 && (c = this.y + 1, d = d - 1), n === this.ctx.maxColIndex && (h = h - 1);
-    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: p = 1, borderColor: g, fillColor: w } = e, y = f[0], m = f[1], E = u[0], C = u[1];
-    n >= y && n <= m && o === E && this.ctx.paint.drawLine([h, c, h + r - 2, c], {
+    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: p = 1, borderColor: g, fillColor: w } = e, y = f[0], E = f[1], m = u[0], C = u[1];
+    n >= y && n <= E && o === m && this.ctx.paint.drawLine([h, c, h + r - 2, c], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
       lineCap: "round",
       lineJoin: "round",
       lineDash: x
-    }), n >= y && n <= m && o === C && this.ctx.paint.drawLine([h, c + d - 1.5, h + r, c + d - 1.5], {
+    }), n >= y && n <= E && o === C && this.ctx.paint.drawLine([h, c + d - 1.5, h + r, c + d - 1.5], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
       lineCap: "round",
       lineJoin: "round",
       lineDash: x
-    }), n === y && o >= E && o <= C && this.ctx.paint.drawLine([h, c, h, c + d - 1], {
+    }), n === y && o >= m && o <= C && this.ctx.paint.drawLine([h, c, h, c + d - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
       lineCap: "round",
       lineJoin: "round",
       lineDash: x
-    }), n === m && o >= E && o <= C && this.ctx.paint.drawLine([h + r - 1.5, c, h + r - 1.5, c + d - 1.5], {
+    }), n === E && o >= m && o <= C && this.ctx.paint.drawLine([h + r - 1.5, c, h + r - 1.5, c + d - 1.5], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
@@ -2039,16 +2047,16 @@ class ni {
           }
         ]
       };
-    let w = e, y = e, m = n, E = n, C = [], b = 0, R = 0, A = 0, L = 0;
+    let w = e, y = e, E = n, m = n, C = [], b = 0, R = 0, S = 0, L = 0;
     if (d !== 1 && p) {
       L = u;
-      const I = h.reduce((v, S) => {
-        const O = this.getItemValue(s, S) ?? "";
+      const I = h.reduce((v, A) => {
+        const O = this.getItemValue(s, A) ?? "";
         return `${v}${O}`;
       }, "");
       for (let v = e - 1; v >= 0; v--) {
-        const S = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, T) => {
-          const N = this.getItemValue(S, T) ?? "";
+        const A = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, T) => {
+          const N = this.getItemValue(A, T) ?? "";
           return `${M}${N}`;
         }, "");
         if (I === O)
@@ -2057,8 +2065,8 @@ class ni {
           break;
       }
       for (let v = e; v <= this.ctx.maxRowIndex; v++) {
-        const S = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, T) => {
-          const N = this.getItemValue(S, T) ?? "";
+        const A = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, T) => {
+          const N = this.getItemValue(A, T) ?? "";
           return `${M}${N}`;
         }, "");
         if (I === O)
@@ -2067,12 +2075,12 @@ class ni {
           break;
       }
       for (let v = w; v < e; v++) {
-        const { height: S } = this.positions[v];
-        b += S;
+        const { height: A } = this.positions[v];
+        b += A;
       }
       for (let v = w; v <= y; v++) {
-        const { height: S } = this.positions[v];
-        A += S;
+        const { height: A } = this.positions[v];
+        S += A;
         const O = this.rowIndexRowKeyMap.get(v) || "", { item: M } = this.rowKeyMap.get(O), T = this.getItemValue(O, i);
         C.push({
           rowKey: O,
@@ -2083,14 +2091,14 @@ class ni {
       }
     }
     if (x !== 1 && g) {
-      A = f;
+      S = f;
       for (let I = n - 1; I >= 0; I--) {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
-        const S = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
-        if (S === O && c.includes(v.key))
-          m = I;
+        const A = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
+        if (A === O && c.includes(v.key))
+          E = I;
         else
           break;
       }
@@ -2098,19 +2106,19 @@ class ni {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
-        const S = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
-        if (S === O && c.includes(v.key))
-          E = I;
+        const A = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
+        if (A === O && c.includes(v.key))
+          m = I;
         else
           break;
       }
-      for (let I = m; I < n; I++) {
+      for (let I = E; I < n; I++) {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
         R += v.width || 100;
       }
-      for (let I = m; I <= E; I++) {
+      for (let I = E; I <= m; I++) {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
@@ -2123,11 +2131,11 @@ class ni {
       }
     }
     return {
-      xArr: [m, E],
+      xArr: [E, m],
       yArr: [w, y],
       rowspan: d,
       colspan: x,
-      height: A,
+      height: S,
       width: L,
       offsetTop: b,
       offsetLeft: R,
@@ -2240,7 +2248,7 @@ class li {
     this.ctx = t, this.init();
   }
   init() {
-    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(this.ctx.stageElement, "click", this.handleClick.bind(this)), this.bind(window, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.stageElement, "wheel", this.handleWheel.bind(this)), this.bind(this.ctx.stageElement, "contextmenu", this.handleContextMenu.bind(this)), this.bind(this.ctx.stageElement, "mousedown", this.handleMouseDown.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this)), this.bind(this.ctx.stageElement, "mouseover", this.handleMouseover.bind(this)), this.bind(this.ctx.stageElement, "mouseout", this.handleMouseout.bind(this));
+    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(this.ctx.stageElement, "click", this.handleClick.bind(this)), this.bind(window, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.stageElement, "wheel", this.handleWheel.bind(this)), this.bind(this.ctx.stageElement, "touchstart", this.handleTouchstart.bind(this)), this.bind(this.ctx.stageElement, "touchend", this.handleTouchend.bind(this)), this.bind(this.ctx.stageElement, "touchmove", this.handleTouchmove.bind(this)), this.bind(this.ctx.stageElement, "contextmenu", this.handleContextMenu.bind(this)), this.bind(this.ctx.stageElement, "mousedown", this.handleMouseDown.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this)), this.bind(this.ctx.stageElement, "mouseover", this.handleMouseover.bind(this)), this.bind(this.ctx.stageElement, "mouseout", this.handleMouseout.bind(this));
   }
   destroy() {
     this.eventTasks.forEach((t, e) => {
@@ -2269,6 +2277,15 @@ class li {
   handleWheel(t) {
     this.ctx.emit("wheel", t);
   }
+  handleTouchstart(t) {
+    this.ctx.emit("touchstart", t);
+  }
+  handleTouchend(t) {
+    this.ctx.emit("touchend", t);
+  }
+  handleTouchmove(t) {
+    this.ctx.emit("touchmove", t);
+  }
   handleContextMenu(t) {
     this.ctx.emit("contextMenu", t);
   }
@@ -2503,7 +2520,7 @@ class Wt {
     l(this, "SCROLLER_FOCUS_COLOR", "#bbbec4");
     l(this, "SELECT_BORDER_COLOR", "rgb(82,146,247)");
     l(this, "SELECT_AREA_COLOR", "rgba(82,146,247,0.1)");
-    l(this, "SELECT_BG_COLOR", "rgba(82,146,247,0.1)");
+    l(this, "SELECT_ROW_COL_BG_COLOR", "transparent");
     l(this, "AUTOFILL_POINT_BORDER_COLOR", "#fff");
     l(this, "EDIT_BG_COLOR", "#fcf6ed");
     l(this, "CHECKBOX_KEY", "");
@@ -2669,15 +2686,19 @@ class di {
     const t = [];
     for (let e = 0; e < this.list.length; e++) {
       const i = this.list[e];
-      let s = i.color;
+      let s = i.color, r = i.svg;
       if (i.configColorName) {
-        const o = this.ctx.config[i.configColorName];
-        o && (s = o);
+        const n = this.ctx.config[i.configColorName];
+        n && (s = n);
       }
-      const r = this.createImageFromSVG(i.svg, s).then((o) => {
-        this.icons.set(i.name, o);
+      if (i.configName) {
+        const n = this.ctx.config[i.configName];
+        n && (r = n);
+      }
+      const o = this.createImageFromSVG(r, s).then((n) => {
+        this.icons.set(i.name, n);
       });
-      t.push(r);
+      t.push(o);
     }
     for (let e = 0; e < this.ctx.config.ICONS.length; e++) {
       const i = this.ctx.config.ICONS[e];
@@ -2789,7 +2810,17 @@ class re extends se {
       color: this.drawTextColor,
       align: this.align,
       verticalAlign: this.verticalAlign
-    }), this.drawSelection();
+    }), this.drawSelection(), this.drawSelector();
+  }
+  drawSelector() {
+    const { ENABLE_SELECTOR: e } = this.ctx.config;
+    if (!e)
+      return;
+    const { xArr: i } = this.ctx.selector, [s, r] = i;
+    this.colIndex >= s && this.colIndex <= r && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
+      borderColor: "transparent",
+      fillColor: this.ctx.config.SELECT_ROW_COL_BG_COLOR || "transparent"
+    });
   }
   drawSelection() {
     const { width: e, height: i, type: s } = this;
@@ -3244,6 +3275,15 @@ class Pt {
   onWheel(t) {
     this.updateScroll(t);
   }
+  onTouchmove(t) {
+    const { clientY: e, clientX: i } = t.touches[0], s = e - this.clientY, r = i - this.clientX;
+    let o = 0;
+    this.type === "vertical" ? (o = Math.max(0, Math.min(this.dragStart - s, this.distance)), this.hasScrollbar() && !(o === 0 && s > 0 || o === this.distance && s < 0) && t.preventDefault()) : this.type === "horizontal" && (o = Math.max(0, Math.min(this.dragStart - r, this.distance))), this.scroll = o;
+  }
+  onTouchstart(t) {
+    const { clientY: e, clientX: i } = t.touches[0];
+    this.clientX = i, this.clientY = e, this.dragStart = this.scroll;
+  }
   onMouseDown(t) {
     if (!(t.target instanceof Element) || !this.ctx.isTarget())
       return;
@@ -3263,12 +3303,16 @@ class Pt {
     this.isDragging = !1, this.isFocus = !1, this.clientX = 0, this.clientY = 0;
   }
   onMouseMove(t) {
-    const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
+    const { offsetX: e, offsetY: i, clientX: s, clientY: r, buttons: o } = t;
+    if (o === 0) {
+      this.onMouseUp();
+      return;
+    }
     if (this.isOnScrollbar(e, i) && t.target === this.ctx.canvasElement ? 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));
+    let n = 0;
+    if (this.type === "horizontal" ? n = s - this.clientX : n = r - this.clientY, this.isDragging && n !== 0) {
+      let h = 0;
+      this.type === "vertical" ? h = this.dragStart + n / (this.visibleDistance - this.barHeight) * this.distance : h = this.dragStart + n / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(h, this.distance));
     }
   }
   isPointInElement(t, e, i, s, r, o) {
@@ -3333,7 +3377,9 @@ class ui {
     l(this, "ctx");
     l(this, "verticalScrollbar");
     l(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new Pt(t, "vertical"), this.horizontalScrollbar = new Pt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
+    this.ctx = t, this.verticalScrollbar = new Pt(t, "vertical"), this.horizontalScrollbar = new Pt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("touchmove", (e) => this.onTouchmove(e)), this.ctx.on("touchstart", (e) => {
+      this.onTouchstart(e);
+    }), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
     }), this.ctx.on("setScrollX", (e) => {
       this.setScrollX(e);
@@ -3344,6 +3390,12 @@ class ui {
   onWheel(t) {
     this.verticalScrollbar.onWheel(t), this.horizontalScrollbar.onWheel(t), this.draw();
   }
+  onTouchmove(t) {
+    this.verticalScrollbar.onTouchmove(t), this.horizontalScrollbar.onTouchmove(t), this.draw();
+  }
+  onTouchstart(t) {
+    this.verticalScrollbar.onTouchstart(t), this.horizontalScrollbar.onTouchstart(t), this.draw();
+  }
   onMouseDown(t) {
     this.verticalScrollbar.onMouseDown(t), this.horizontalScrollbar.onMouseDown(t), this.draw();
   }
@@ -3707,16 +3759,16 @@ class wi {
       width: this.width,
       height: this.data.length ? 0 : h + w
     });
-    let m = this.height + e.height + o;
-    m += w;
-    let E = 0;
-    this.data.length && d ? (E = window.innerHeight - g - f, E < 0 && (E = 32, console.error(
+    let E = this.height + e.height + o;
+    E += w;
+    let m = 0;
+    this.data.length && d ? (m = window.innerHeight - g - f, 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 && n ? E = n : this.data.length && c && m > c ? E = c : E = m, E > 0 && (this.ctx.stageHeight = Math.floor(E), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
+    ))) : this.data.length && n ? m = n : this.data.length && c && E > c ? m = c : m = E, m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
     let C = this.ctx.stageHeight - e.height - o;
     r ? this.visibleHeight = C - w : this.visibleHeight = C, this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
-    const b = window.devicePixelRatio || 1, R = this.ctx.stageWidth * b, A = this.ctx.stageHeight * b;
-    t.width = Math.floor(R), t.height = Math.floor(A), this.ctx.canvasElement.setAttribute(
+    const b = window.devicePixelRatio || 1, R = this.ctx.stageWidth * b, S = this.ctx.stageHeight * b;
+    t.width = Math.floor(R), t.height = Math.floor(S), this.ctx.canvasElement.setAttribute(
       "style",
       ` height:${this.ctx.stageHeight}px;width:${this.ctx.stageWidth}px;`
     ), this.ctx.paint.scale(b);
@@ -4026,24 +4078,24 @@ class yi {
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: u
       } = this.ctx.config, x = n, p = h || this.ctx.maxColIndex - f, g = c, w = d || this.ctx.maxRowIndex - u;
-      let [y, m] = r, [E, C] = o;
-      if (y < x || m > p || E < g || C > w)
+      let [y, E] = r, [m, C] = o;
+      if (y < x || E > p || m < g || C > w)
         return;
       if (this.ctx.stageElement.focus(), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const R = this.adjustMergeCells(r, o);
-        E = R.yArr[0], C = R.yArr[1], y = R.xArr[0], m = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
+        m = R.yArr[0], C = R.yArr[1], y = R.xArr[0], E = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
       }
-      y === m && E === C ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(x, y), Math.min(p, m)], o = [Math.max(g, E), Math.min(w, C)];
+      y === E && m === C ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(x, y), Math.min(p, E)], o = [Math.max(g, m), Math.min(w, C)];
       const { BEFORE_SET_SELECTOR_METHOD: b } = this.ctx.config;
       if (typeof b == "function") {
-        const A = b({
+        const S = b({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: o
         });
-        if (!A)
+        if (!S)
           return;
-        r = A.xArr, o = A.yArr;
+        r = S.xArr, o = S.yArr;
       }
       this.ctx.selector.xArr = r, this.ctx.selector.yArr = o, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
@@ -4054,13 +4106,13 @@ class yi {
     let n = [], h = [];
     for (let g = 0; g <= e[1] - e[0]; g++)
       for (let w = 0; w <= t[1] - t[0]; w++) {
-        const y = g + e[0], m = w + t[0], E = this.ctx.database.getVirtualBodyCell(y, m);
-        E && ((y === i || y === s) && n.push(E), (m === r || m === o) && h.push(E));
+        const y = g + e[0], E = w + t[0], m = this.ctx.database.getVirtualBodyCell(y, E);
+        m && ((y === i || y === s) && n.push(m), (E === r || E === o) && h.push(m));
       }
     const c = n.reduce(
       (g, w) => {
-        const { yArr: y } = w.getSpanInfo(), [m, E] = y;
-        return g.minY = Math.min(g.minY, m), g.maxY = Math.max(g.maxY, E), g;
+        const { yArr: y } = w.getSpanInfo(), [E, m] = y;
+        return g.minY = Math.min(g.minY, E), g.maxY = Math.max(g.maxY, m), g;
       },
       {
         minY: i,
@@ -4068,8 +4120,8 @@ class yi {
       }
     ), d = h.reduce(
       (g, w) => {
-        const { xArr: y } = w.getSpanInfo(), [m, E] = y;
-        return g.minX = Math.min(g.minX, m), g.maxX = Math.max(g.maxX, E), g;
+        const { xArr: y } = w.getSpanInfo(), [E, m] = y;
+        return g.minX = Math.min(g.minX, E), g.maxX = Math.max(g.maxX, m), g;
       },
       {
         minX: r,
@@ -4270,16 +4322,16 @@ class yi {
         for (let x = 0; x <= o.length - 1; x++) {
           const p = o[x].length;
           for (let g = 0; g <= p - 1; g++) {
-            const w = x + e, y = g + i, m = o[x][g], E = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const w = x + e, y = g + i, E = o[x][g], m = this.ctx.database.getItemValueForRowIndexAndColIndex(
               w,
               y
             );
-            if (E) {
-              const { rowKey: C, key: b } = E;
+            if (m) {
+              const { rowKey: C, key: b } = m;
               this.ctx.database.getReadonly(C, b) || (s.add(C), d.push({
                 rowKey: C,
                 key: b,
-                value: m,
+                value: E,
                 row: {}
                 //内部有设置
               }));
@@ -4409,20 +4461,20 @@ class yi {
     if (!i)
       return;
     p && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: g, drawY: w, width: y, height: m, fixed: E } = i, C = r - g + 1, b = i.drawX + y - (e - s) + 1;
-    let R = o.height - w, A = m;
-    A > h.visibleHeight && (A = h.visibleHeight);
+    const { drawX: g, drawY: w, width: y, height: E, fixed: m } = i, C = r - g + 1, b = i.drawX + y - (e - s) + 1;
+    let R = o.height - w, S = E;
+    S > h.visibleHeight && (S = h.visibleHeight);
     let L = 0;
     u && (x === "top" ? R = o.height + n.height - w : L = n.visibleHeight);
-    const I = w + A - (t - L - f);
-    let v = c, S = d;
-    b > 0 && !E ? v = Math.floor(c + b) : C > 0 && !E && (v = Math.floor(c - C)), R > 0 ? S = Math.floor(d - R) : I > 0 && (S = Math.floor(d + I)), (Math.abs(c - v) > 2 || Math.abs(d - S) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, S), this.ctx.emit("adjustBoundaryPosition", i));
+    const I = w + S - (t - L - f);
+    let v = c, A = d;
+    b > 0 && !m ? v = Math.floor(c + b) : C > 0 && !m && (v = Math.floor(c - C)), R > 0 ? A = Math.floor(d - R) : I > 0 && (A = Math.floor(d + I)), (Math.abs(c - v) > 2 || Math.abs(d - A) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, A), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
   }
 }
-class Ei {
+class mi {
   constructor(t) {
     l(this, "ctx");
     this.ctx = t, this.init();
@@ -4480,10 +4532,10 @@ class Ei {
         SELECTOR_AREA_MAX_X_OFFSET: u,
         SELECTOR_AREA_MAX_Y_OFFSET: x
       } = this.ctx.config, p = h, g = c || this.ctx.maxColIndex - u, w = d, y = f || this.ctx.maxRowIndex - x;
-      let [m, E] = o, [C, b] = n;
-      if (m < p || C < w)
+      let [E, m] = o, [C, b] = n;
+      if (E < p || C < w)
         return;
-      o = [Math.max(p, m), Math.min(g, E)], n = [Math.max(w, C), Math.min(y, b)];
+      o = [Math.max(p, E), Math.min(g, m)], n = [Math.max(w, C), Math.min(y, b)];
       const { BEFORE_SET_AUTOFILL_METHOD: R } = this.ctx.config;
       if (typeof R == "function") {
         const L = R({
@@ -4520,9 +4572,9 @@ class Ei {
     let d = [];
     for (let x = 0; x <= h[1] - h[0]; x++)
       for (let p = 0; p <= n[1] - n[0]; p++) {
-        const g = p + n[0], w = x + h[0], y = s[x % o][p % r], m = this.ctx.database.getItemValueForRowIndexAndColIndex(w, g), E = `${w}-${g}`;
-        if (m && !i.has(E)) {
-          const { rowKey: C, key: b } = m;
+        const g = p + n[0], w = x + h[0], y = s[x % o][p % r], E = this.ctx.database.getItemValueForRowIndexAndColIndex(w, g), m = `${w}-${g}`;
+        if (E && !i.has(m)) {
+          const { rowKey: C, key: b } = E;
           this.ctx.database.getReadonly(C, b) || (t.add(C), d.push({
             rowKey: C,
             key: b,
@@ -4567,7 +4619,7 @@ class Ei {
 const rt = Math.min, U = Math.max, ft = Math.round, z = (a) => ({
   x: a,
   y: a
-}), mi = {
+}), Ei = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -4582,7 +4634,7 @@ function _t(a, t, e) {
 function at(a, t) {
   return typeof a == "function" ? a(t) : a;
 }
-function G(a) {
+function q(a) {
   return a.split("-")[0];
 }
 function lt(a) {
@@ -4595,7 +4647,7 @@ function Mt(a) {
   return a === "y" ? "height" : "width";
 }
 function J(a) {
-  return ["top", "bottom"].includes(G(a)) ? "y" : "x";
+  return ["top", "bottom"].includes(q(a)) ? "y" : "x";
 }
 function Ht(a) {
   return ne(J(a));
@@ -4628,11 +4680,11 @@ function Ri(a, t, e) {
 }
 function Ii(a, t, e, i) {
   const s = lt(a);
-  let r = Ri(G(a), e === "start", i);
+  let r = Ri(q(a), e === "start", i);
   return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(Ot)))), r;
 }
 function xt(a) {
-  return a.replace(/left|right|bottom|top/g, (t) => mi[t]);
+  return a.replace(/left|right|bottom|top/g, (t) => Ei[t]);
 }
 function _i(a) {
   return {
@@ -4674,7 +4726,7 @@ function zt(a, t, e) {
     reference: i,
     floating: s
   } = a;
-  const r = J(t), o = Ht(t), n = Mt(o), h = G(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[n] / 2 - s[n] / 2;
+  const r = J(t), o = Ht(t), n = Mt(o), h = q(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[n] / 2 - s[n] / 2;
   let x;
   switch (h) {
     case "top":
@@ -4737,8 +4789,8 @@ const Oi = async (a, t, e) => {
       name: w,
       fn: y
     } = n[g], {
-      x: m,
-      y: E,
+      x: E,
+      y: m,
       data: C,
       reset: b
     } = await y({
@@ -4755,7 +4807,7 @@ const Oi = async (a, t, e) => {
         floating: t
       }
     });
-    d = m ?? d, f = E ?? f, x = {
+    d = E ?? d, f = m ?? f, x = {
       ...x,
       [w]: {
         ...x[w],
@@ -4799,12 +4851,12 @@ async function le(a, t) {
     boundary: c,
     rootBoundary: d,
     strategy: h
-  })), m = f === "floating" ? {
+  })), E = f === "floating" ? {
     x: i,
     y: s,
     width: o.floating.width,
     height: o.floating.height
-  } : o.reference, E = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), C = await (r.isElement == null ? void 0 : r.isElement(E)) ? await (r.getScale == null ? void 0 : r.getScale(E)) || {
+  } : o.reference, m = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), C = await (r.isElement == null ? void 0 : r.isElement(m)) ? await (r.getScale == null ? void 0 : r.getScale(m)) || {
     x: 1,
     y: 1
   } : {
@@ -4812,10 +4864,10 @@ async function le(a, t) {
     y: 1
   }, b = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: n,
-    rect: m,
-    offsetParent: E,
+    rect: E,
+    offsetParent: m,
     strategy: h
-  }) : m);
+  }) : E);
   return {
     top: (y.top - b.top + p.top) / C.y,
     bottom: (b.bottom - y.bottom + p.bottom) / C.y,
@@ -4823,7 +4875,7 @@ async function le(a, t) {
     right: (b.right - y.right + p.right) / C.x
   };
 }
-const Ai = (a) => ({
+const Si = (a) => ({
   name: "arrow",
   options: a,
   async fn(t) {
@@ -4844,10 +4896,10 @@ const Ai = (a) => ({
     const f = ae(d), u = {
       x: e,
       y: i
-    }, x = Ht(s), p = Mt(x), g = await o.getDimensions(c), w = x === "y", y = w ? "top" : "left", m = w ? "bottom" : "right", E = w ? "clientHeight" : "clientWidth", C = r.reference[p] + r.reference[x] - u[x] - r.floating[p], b = u[x] - r.reference[x], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
-    let A = R ? R[E] : 0;
-    (!A || !await (o.isElement == null ? void 0 : o.isElement(R))) && (A = n.floating[E] || r.floating[p]);
-    const L = C / 2 - b / 2, I = A / 2 - g[p] / 2 - 1, v = rt(f[y], I), S = rt(f[m], I), O = v, M = A - g[p] - S, T = A / 2 - g[p] / 2 + L, N = _t(O, T, M), Y = !h.arrow && lt(s) != null && T !== N && r.reference[p] / 2 - (T < O ? v : S) - g[p] / 2 < 0, K = Y ? T < O ? T - O : T - M : 0;
+    }, x = Ht(s), p = Mt(x), g = await o.getDimensions(c), w = x === "y", y = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", C = r.reference[p] + r.reference[x] - u[x] - r.floating[p], b = u[x] - r.reference[x], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    let S = R ? R[m] : 0;
+    (!S || !await (o.isElement == null ? void 0 : o.isElement(R))) && (S = n.floating[m] || r.floating[p]);
+    const L = C / 2 - b / 2, I = S / 2 - g[p] / 2 - 1, v = rt(f[y], I), A = rt(f[E], I), O = v, M = S - g[p] - A, T = S / 2 - g[p] / 2 + L, N = _t(O, T, M), Y = !h.arrow && lt(s) != null && T !== N && r.reference[p] / 2 - (T < O ? v : A) - g[p] / 2 < 0, K = Y ? T < O ? T - O : T - M : 0;
     return {
       [x]: u[x] + K,
       data: {
@@ -4884,9 +4936,9 @@ const Ai = (a) => ({
       } = at(a, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const y = G(s), m = J(n), E = G(n) === n, C = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), b = u || (E || !g ? [xt(n)] : vi(n)), R = p !== "none";
+      const y = q(s), E = J(n), m = q(n) === n, C = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), b = u || (m || !g ? [xt(n)] : vi(n)), R = p !== "none";
       !u && R && b.push(...Ii(n, g, p, C));
-      const A = [n, ...b], L = await le(t, w), I = [];
+      const S = [n, ...b], L = await le(t, w), I = [];
       let v = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (d && I.push(L[y]), f) {
         const T = bi(s, o, C);
@@ -4896,8 +4948,8 @@ const Ai = (a) => ({
         placement: s,
         overflows: I
       }], !I.every((T) => T <= 0)) {
-        var S, O;
-        const T = (((S = r.flip) == null ? void 0 : S.index) || 0) + 1, N = A[T];
+        var A, O;
+        const T = (((A = r.flip) == null ? void 0 : A.index) || 0) + 1, N = S[T];
         if (N)
           return {
             data: {
@@ -4916,12 +4968,12 @@ const Ai = (a) => ({
               const K = (M = v.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
-                  return P === m || // Create a bias to the `y` side axis due to horizontal
+                  return P === E || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   P === "y";
                 }
                 return !0;
-              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, me) => P + me, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : M[0];
+              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, Ee) => P + Ee, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : M[0];
               K && (Y = K);
               break;
             }
@@ -4940,12 +4992,12 @@ const Ai = (a) => ({
     }
   };
 };
-async function Si(a, t) {
+async function Ai(a, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = a, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = G(e), n = lt(e), h = J(e) === "y", c = ["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 = lt(e), h = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && h ? -1 : 1, f = at(t, a);
   let {
     mainAxis: u,
     crossAxis: x,
@@ -4978,7 +5030,7 @@ const Ti = function(a) {
         y: r,
         placement: o,
         middlewareData: n
-      } = t, h = await Si(t, a);
+      } = t, h = await Ai(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,
@@ -5005,11 +5057,11 @@ const Ti = function(a) {
           fn: (w) => {
             let {
               x: y,
-              y: m
+              y: E
             } = w;
             return {
               x: y,
-              y: m
+              y: E
             };
           }
         },
@@ -5017,15 +5069,15 @@ const Ti = function(a) {
       } = at(a, t), c = {
         x: e,
         y: i
-      }, d = await le(t, h), f = J(G(s)), u = ne(f);
+      }, d = await le(t, h), f = J(q(s)), u = ne(f);
       let x = c[u], p = c[f];
       if (r) {
-        const w = u === "y" ? "top" : "left", y = u === "y" ? "bottom" : "right", m = x + d[w], E = x - d[y];
-        x = _t(m, x, E);
+        const w = u === "y" ? "top" : "left", y = u === "y" ? "bottom" : "right", E = x + d[w], m = x - d[y];
+        x = _t(E, x, m);
       }
       if (o) {
-        const w = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", m = p + d[w], E = p - d[y];
-        p = _t(m, p, E);
+        const w = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", E = p + d[w], m = p - d[y];
+        p = _t(E, p, m);
       }
       const g = n.fn({
         ...t,
@@ -5063,7 +5115,7 @@ function V(a) {
 function he(a) {
   return gt() ? a instanceof Node || a instanceof F(a).Node : !1;
 }
-function k(a) {
+function X(a) {
   return gt() ? a instanceof Element || a instanceof F(a).Element : !1;
 }
 function B(a) {
@@ -5078,7 +5130,7 @@ function ht(a) {
     overflowX: e,
     overflowY: i,
     display: s
-  } = X(a);
+  } = k(a);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
 function Hi(a) {
@@ -5094,7 +5146,7 @@ function wt(a) {
   });
 }
 function Dt(a) {
-  const t = Ft(), e = k(a) ? X(a) : a;
+  const t = Ft(), e = X(a) ? k(a) : a;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
 function Di(a) {
@@ -5114,11 +5166,11 @@ function Ft() {
 function Q(a) {
   return ["html", "body", "#document"].includes(tt(a));
 }
-function X(a) {
+function k(a) {
   return F(a).getComputedStyle(a);
 }
 function pt(a) {
-  return k(a) ? {
+  return X(a) ? {
     scrollLeft: a.scrollLeft,
     scrollTop: a.scrollTop
   } : {
@@ -5142,21 +5194,21 @@ function ce(a) {
   const t = $(a);
   return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : B(t) && ht(t) ? t : ce(t);
 }
-function At(a, t, e) {
+function St(a, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
   const s = ce(a), r = s === ((i = a.ownerDocument) == null ? void 0 : i.body), o = F(s);
   if (r) {
     const n = Lt(o);
-    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], n && e ? At(n) : []);
+    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], n && e ? St(n) : []);
   }
-  return t.concat(s, At(s, [], e));
+  return t.concat(s, St(s, [], e));
 }
 function Lt(a) {
   return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
 }
 function de(a) {
-  const t = X(a);
+  const t = k(a);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = B(a), r = s ? a.offsetWidth : e, o = s ? a.offsetHeight : i, n = ft(e) !== r || ft(i) !== o;
   return n && (e = r, i = o), {
@@ -5166,7 +5218,7 @@ function de(a) {
   };
 }
 function fe(a) {
-  return k(a) ? a : a.contextElement;
+  return X(a) ? a : a.contextElement;
 }
 function Z(a) {
   const t = fe(a);
@@ -5191,22 +5243,22 @@ function xe(a) {
     y: t.visualViewport.offsetTop
   };
 }
-function ki(a, t, e) {
+function Xi(a, t, e) {
   return t === void 0 && (t = !1), !e || t && e !== F(a) ? !1 : t;
 }
 function ot(a, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = a.getBoundingClientRect(), r = fe(a);
   let o = z(1);
-  t && (i ? k(i) && (o = Z(i)) : o = Z(a));
-  const n = ki(r, e, i) ? xe(r) : z(0);
+  t && (i ? X(i) && (o = Z(i)) : o = Z(a));
+  const n = Xi(r, e, i) ? xe(r) : z(0);
   let h = (s.left + n.x) / o.x, c = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
-    const u = F(r), x = i && k(i) ? F(i) : i;
+    const u = F(r), x = i && X(i) ? F(i) : i;
     let p = u, g = Lt(p);
     for (; g && i && x !== p; ) {
-      const w = Z(g), y = g.getBoundingClientRect(), m = X(g), E = y.left + (g.clientLeft + parseFloat(m.paddingLeft)) * w.x, C = y.top + (g.clientTop + parseFloat(m.paddingTop)) * w.y;
-      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += E, c += C, p = F(g), g = Lt(p);
+      const w = Z(g), y = g.getBoundingClientRect(), E = k(g), m = y.left + (g.clientLeft + parseFloat(E.paddingLeft)) * w.x, C = y.top + (g.clientTop + parseFloat(E.paddingTop)) * w.y;
+      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += m, c += C, p = F(g), g = Lt(p);
     }
   }
   return ut({
@@ -5216,7 +5268,7 @@ function ot(a, t, e, i) {
     y: c
   });
 }
-function Xi(a) {
+function ki(a) {
   let {
     elements: t,
     rect: e,
@@ -5245,15 +5297,15 @@ function Xi(a) {
 function Ni(a) {
   return Array.from(a.getClientRects());
 }
-function St(a, t) {
+function At(a, t) {
   const e = pt(a).scrollLeft;
   return t ? t.left + e : ot(V(a)).left + e;
 }
 function Ki(a) {
   const t = V(a), e = pt(a), i = a.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let o = -e.scrollLeft + St(a);
+  let o = -e.scrollLeft + At(a);
   const n = -e.scrollTop;
-  return X(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
+  return k(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: r,
     x: o,
@@ -5284,13 +5336,13 @@ function Yi(a, t) {
     y: c
   };
 }
-function qt(a, t, e) {
+function Gt(a, t, e) {
   let i;
   if (t === "viewport")
     i = Bi(a, e);
   else if (t === "document")
     i = Ki(V(a));
-  else if (k(t))
+  else if (X(t))
     i = Yi(t, e);
   else {
     const s = xe(a);
@@ -5304,17 +5356,17 @@ function qt(a, t, e) {
 }
 function ue(a, t) {
   const e = $(a);
-  return e === t || !k(e) || Q(e) ? !1 : X(e).position === "fixed" || ue(e, t);
+  return e === t || !X(e) || Q(e) ? !1 : k(e).position === "fixed" || ue(e, t);
 }
 function Vi(a, t) {
   const e = t.get(a);
   if (e)
     return e;
-  let i = At(a, [], !1).filter((n) => k(n) && tt(n) !== "body"), s = null;
-  const r = X(a).position === "fixed";
+  let i = St(a, [], !1).filter((n) => X(n) && tt(n) !== "body"), s = null;
+  const r = k(a).position === "fixed";
   let o = r ? $(a) : a;
-  for (; k(o) && !Q(o); ) {
-    const n = X(o), h = Dt(o);
+  for (; X(o) && !Q(o); ) {
+    const n = k(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 && ue(a, o)) ? i = i.filter((d) => d !== o) : s = n, o = $(o);
   }
   return t.set(a, i), i;
@@ -5327,9 +5379,9 @@ function Wi(a) {
     strategy: s
   } = a;
   const o = [...e === "clippingAncestors" ? wt(t) ? [] : Vi(t, this._c) : [].concat(e), i], n = o[0], h = o.reduce((c, d) => {
-    const f = qt(t, d, s);
+    const f = Gt(t, d, s);
     return c.top = U(f.top, c.top), c.right = rt(f.right, c.right), c.bottom = rt(f.bottom, c.bottom), c.left = U(f.left, c.left), c;
-  }, qt(t, n, s));
+  }, Gt(t, n, s));
   return {
     width: h.right - h.left,
     height: h.bottom - h.top,
@@ -5358,12 +5410,12 @@ function zi(a, t, e) {
     if ((tt(t) !== "body" || ht(s)) && (n = pt(t)), i) {
       const x = ot(t, !0, r, t);
       h.x = x.x + t.clientLeft, h.y = x.y + t.clientTop;
-    } else s && (h.x = St(s));
+    } else s && (h.x = At(s));
   let c = 0, d = 0;
   if (s && !i && !r) {
     const x = s.getBoundingClientRect();
     d = x.top + n.scrollTop, c = x.left + n.scrollLeft - // RTL <body> scrollbar.
-    St(s, x);
+    At(s, x);
   }
   const f = o.left + n.scrollLeft - h.x - c, u = o.top + n.scrollTop - h.y - d;
   return {
@@ -5373,11 +5425,11 @@ function zi(a, t, e) {
     height: o.height
   };
 }
-function Et(a) {
-  return X(a).position === "static";
+function mt(a) {
+  return k(a).position === "static";
 }
-function Gt(a, t) {
-  if (!B(a) || X(a).position === "fixed")
+function qt(a, t) {
+  if (!B(a) || k(a).position === "fixed")
     return null;
   if (t)
     return t(a);
@@ -5391,16 +5443,16 @@ function ge(a, t) {
   if (!B(a)) {
     let s = $(a);
     for (; s && !Q(s); ) {
-      if (k(s) && !Et(s))
+      if (X(s) && !mt(s))
         return s;
       s = $(s);
     }
     return e;
   }
-  let i = Gt(a, t);
-  for (; i && Hi(i) && Et(i); )
-    i = Gt(i, t);
-  return i && Q(i) && Et(i) && !Dt(i) ? e : i || Di(a) || e;
+  let i = qt(a, t);
+  for (; i && Hi(i) && mt(i); )
+    i = qt(i, t);
+  return i && Q(i) && mt(i) && !Dt(i) ? e : i || Di(a) || e;
 }
 const $i = async function(a) {
   const t = this.getOffsetParent || ge, e = this.getDimensions, i = await e(a.floating);
@@ -5414,11 +5466,11 @@ const $i = async function(a) {
     }
   };
 };
-function qi(a) {
-  return X(a).direction === "rtl";
+function Gi(a) {
+  return k(a).direction === "rtl";
 }
-const Gi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Xi,
+const qi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ki,
   getDocumentElement: V,
   getClippingRect: Wi,
   getOffsetParent: ge,
@@ -5426,11 +5478,11 @@ const Gi = {
   getClientRects: Ni,
   getDimensions: Pi,
   getScale: Z,
-  isElement: k,
-  isRTL: qi
-}, we = Ti, pe = Mi, ye = Li, ji = Ai, Ee = (a, t, e) => {
+  isElement: X,
+  isRTL: Gi
+}, we = Ti, pe = Mi, ye = Li, ji = Si, me = (a, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: Gi,
+    platform: qi,
     ...e
   }, r = {
     ...s.platform,
@@ -5498,7 +5550,7 @@ let Ui = class {
       return;
     this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.minWidth = "100px", this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = e;
     const s = t.drawX + i.x, r = t.drawY + i.y;
-    Ee({
+    me({
       getBoundingClientRect() {
         return {
           width: t.visibleWidth,
@@ -5610,7 +5662,7 @@ class Zi {
       const { xArr: e, yArr: i } = this.ctx.selector;
       this.selectorArrStr = JSON.stringify(e) + JSON.stringify(i);
     }), this.ctx.on("cellClick", (t) => {
-      if (t.editorType === "none" || this.ctx.adjustPositioning || !this.isInSelectorRange(t.rowIndex, t.colIndex))
+      if (this.ctx.adjustPositioning || !this.isInSelectorRange(t.rowIndex, t.colIndex))
         return;
       const { xArr: e, yArr: i } = this.ctx.selector, s = JSON.stringify(e) + JSON.stringify(i);
       if (this.selectorArrStr === s && this.cellTarget) {
@@ -5695,8 +5747,11 @@ class Zi {
     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));
+    const { rowKey: i, key: s, editorType: r } = e;
+    if (r === "none")
+      return;
+    const o = this.ctx.database.getReadonly(i, s);
+    e && !o && (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((c) => c.rowIndex === t);
@@ -5713,7 +5768,7 @@ class Zi {
     r && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
-    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.ctx.emit("draw"));
+    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.ctx.emit("drawView"));
   }
   destroy() {
     var t;
@@ -5965,7 +6020,7 @@ class ts {
         }),
         contextElement: document.body
       };
-      Ee(u, this.contextMenuEl, {
+      me(u, this.contextMenuEl, {
         placement: "right-start",
         middleware: [we(), pe(), ye()]
       }).then(({ x, y: p }) => {
@@ -6046,7 +6101,7 @@ class ss {
       r,
       o
     );
-    this.ctx = new xi(n, this.options), this.header = new gi(this.ctx), this.footer = new pi(this.ctx), this.body = new wi(this.ctx), this.scroller = new ui(this.ctx), this.selector = new yi(this.ctx), this.autofill = new Ei(this.ctx), this.tooltip = new Ui(this.ctx), this.empty = new Ji(this.ctx), this.editor = new Zi(this.ctx), this.overlayer = new Qi(this.ctx), this.contextMenu = new ts(this.ctx), this.ctx.on("draw", () => {
+    this.ctx = new xi(n, this.options), this.header = new gi(this.ctx), this.footer = new pi(this.ctx), this.body = new wi(this.ctx), this.scroller = new ui(this.ctx), this.selector = new yi(this.ctx), this.autofill = new mi(this.ctx), this.tooltip = new Ui(this.ctx), this.empty = new Ji(this.ctx), this.editor = new Zi(this.ctx), this.overlayer = new Qi(this.ctx), this.contextMenu = new ts(this.ctx), this.ctx.on("draw", () => {
       this.draw();
     }), this.ctx.on("drawView", () => {
       this.draw(!0);