e-virt-table 1.1.5 → 1.1.7

package/dist/index.es.js

@@ -43,13 +43,13 @@ function dt(a, t, e) {
     return o && st(c, o.prototype), c;
   }, dt.apply(null, arguments);
 }
-function _e(a) {
+function Ie(a) {
   return Function.toString.call(a).indexOf("[native code]") !== -1;
 }
 function Ct(a) {
   var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
   return Ct = function(i) {
-    if (i === null || !_e(i)) return i;
+    if (i === null || !Ie(i)) return i;
     if (typeof i != "function")
       throw new TypeError("Super expression must either be null or a function");
     if (typeof t < "u") {
@@ -69,7 +69,7 @@ function Ct(a) {
     }), st(s, i);
   }, Ct(a);
 }
-var Ie = /%[sdj%]/g, jt = function() {
+var _e = /%[sdj%]/g, jt = function() {
 };
 typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (jt = function(t, e) {
   typeof console < "u" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING > "u" && e.every(function(i) {
@@ -91,7 +91,7 @@ function D(a) {
   if (typeof a == "function")
     return a.apply(null, e);
   if (typeof a == "string") {
-    var o = a.replace(Ie, function(n) {
+    var o = a.replace(_e, function(n) {
       if (n === "%%")
         return "%";
       if (s >= r)
@@ -221,8 +221,8 @@ var Ut = function(t, e, i, s, r, o) {
 }, ct, De = function() {
   if (ct)
     return ct;
-  var a = "[a-fA-F\\d:]", t = function(E) {
-    return E && E.includeBoundaries ? "(?:(?<=\\s|^)(?=" + a + ")|(?<=" + a + ")(?=\\s|$))" : "";
+  var a = "[a-fA-F\\d:]", t = function(C) {
+    return C && C.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 = (`
 (?:
 (?:` + i + ":){7}(?:" + i + `|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8
@@ -234,16 +234,16 @@ var Ut = 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(E) {
-    return E && E.exact ? r : new RegExp("(?:" + t(E) + e + t(E) + ")|(?:" + t(E) + s + t(E) + ")", "g");
+`).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(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, x = h.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", u = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + g + p + u + ")" + w + y;
-  return ct = new RegExp("(?:^" + C + "$)", "i"), ct;
+  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, x = h.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", u = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', E = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + g + p + u + ")" + w + y;
+  return ct = new RegExp("(?:^" + E + "$)", "i"), ct;
 }, Kt = {
   // 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,}))$/,
@@ -315,7 +315,7 @@ var Ut = function(t, e, i, s, r, o) {
       o.test(e) || s.push(D(r.messages.pattern.mismatch, t.fullField, e, t.pattern));
     }
   }
-}, I = {
+}, _ = {
   required: Ut,
   whitespace: He,
   type: Fe,
@@ -327,7 +327,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e, "string") && !t.required)
       return i();
-    I.required(t, e, s, o, r, "string"), H(e, "string") || (I.type(t, e, s, o, r), I.range(t, e, s, o, r), I.pattern(t, e, s, o, r), t.whitespace === !0 && I.whitespace(t, e, s, o, r));
+    _.required(t, e, s, o, r, "string"), H(e, "string") || (_.type(t, e, s, o, r), _.range(t, e, s, o, r), _.pattern(t, e, s, o, r), t.whitespace === !0 && _.whitespace(t, e, s, o, r));
   }
   i(o);
 }, Ke = function(t, e, i, s, r) {
@@ -335,7 +335,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r), e !== void 0 && I.type(t, e, s, o, r);
+    _.required(t, e, s, o, r), e !== void 0 && _.type(t, e, s, o, r);
   }
   i(o);
 }, Ye = function(t, e, i, s, r) {
@@ -343,7 +343,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (e === "" && (e = void 0), H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r), e !== void 0 && (I.type(t, e, s, o, r), I.range(t, e, s, o, r));
+    _.required(t, e, s, o, r), e !== void 0 && (_.type(t, e, s, o, r), _.range(t, e, s, o, r));
   }
   i(o);
 }, Ve = function(t, e, i, s, r) {
@@ -351,7 +351,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r), e !== void 0 && I.type(t, e, s, o, r);
+    _.required(t, e, s, o, r), e !== void 0 && _.type(t, e, s, o, r);
   }
   i(o);
 }, We = function(t, e, i, s, r) {
@@ -359,7 +359,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r), H(e) || I.type(t, e, s, o, r);
+    _.required(t, e, s, o, r), H(e) || _.type(t, e, s, o, r);
   }
   i(o);
 }, Pe = function(t, e, i, s, r) {
@@ -367,7 +367,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r), e !== void 0 && (I.type(t, e, s, o, r), I.range(t, e, s, o, r));
+    _.required(t, e, s, o, r), e !== void 0 && (_.type(t, e, s, o, r), _.range(t, e, s, o, r));
   }
   i(o);
 }, ze = function(t, e, i, s, r) {
@@ -375,7 +375,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r), e !== void 0 && (I.type(t, e, s, o, r), I.range(t, e, s, o, r));
+    _.required(t, e, s, o, r), e !== void 0 && (_.type(t, e, s, o, r), _.range(t, e, s, o, r));
   }
   i(o);
 }, $e = function(t, e, i, s, r) {
@@ -383,7 +383,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (e == null && !t.required)
       return i();
-    I.required(t, e, s, o, r, "array"), e != null && (I.type(t, e, s, o, r), I.range(t, e, s, o, r));
+    _.required(t, e, s, o, r, "array"), e != null && (_.type(t, e, s, o, r), _.range(t, e, s, o, r));
   }
   i(o);
 }, Ge = function(t, e, i, s, r) {
@@ -391,7 +391,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r), e !== void 0 && I.type(t, e, s, o, r);
+    _.required(t, e, s, o, r), e !== void 0 && _.type(t, e, s, o, r);
   }
   i(o);
 }, qe = "enum", je = function(t, e, i, s, r) {
@@ -399,7 +399,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r), e !== void 0 && I[qe](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) {
@@ -407,7 +407,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e, "string") && !t.required)
       return i();
-    I.required(t, e, s, o, r), H(e, "string") || I.pattern(t, e, s, o, r);
+    _.required(t, e, s, o, r), H(e, "string") || _.pattern(t, e, s, o, r);
   }
   i(o);
 }, Ze = function(t, e, i, s, r) {
@@ -415,21 +415,21 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e, "date") && !t.required)
       return i();
-    if (I.required(t, e, s, o, r), !H(e, "date")) {
+    if (_.required(t, e, s, o, r), !H(e, "date")) {
       var h;
-      e instanceof Date ? h = e : h = new Date(e), I.type(t, h, s, o, r), h && I.range(t, h.getTime(), s, o, r);
+      e instanceof Date ? h = e : h = new Date(e), _.type(t, h, s, o, r), h && _.range(t, h.getTime(), s, o, r);
     }
   }
   i(o);
 }, Je = function(t, e, i, s, r) {
   var o = [], n = Array.isArray(e) ? "array" : typeof e;
-  I.required(t, e, s, o, r, n), i(o);
+  _.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) {
     if (H(e, o) && !t.required)
       return i();
-    I.required(t, e, s, n, r, o), H(e, o) || I.type(t, e, s, n, r);
+    _.required(t, e, s, n, r, o), H(e, o) || _.type(t, e, s, n, r);
   }
   i(n);
 }, Qe = function(t, e, i, s, r) {
@@ -437,7 +437,7 @@ var Ut = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    I.required(t, e, s, o, r);
+    _.required(t, e, s, o, r);
   }
   i(o);
 }, it = {
@@ -538,15 +538,15 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       return c && c(null, n), Promise.resolve(n);
     function d(u) {
       var w = [], y = {};
-      function C(E) {
-        if (Array.isArray(E)) {
+      function E(C) {
+        if (Array.isArray(C)) {
           var b;
-          w = (b = w).concat.apply(b, E);
+          w = (b = w).concat.apply(b, C);
         } else
-          w.push(E);
+          w.push(C);
       }
       for (var m = 0; m < u.length; m++)
-        C(u[m]);
+        E(u[m]);
       w.length ? (y = bt(w), c(w, y)) : c(null, n);
     }
     if (h.messages) {
@@ -557,8 +557,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var x = {}, g = h.keys || Object.keys(this.rules);
     g.forEach(function(u) {
       var w = o.rules[u], y = n[u];
-      w.forEach(function(C) {
-        var m = C;
+      w.forEach(function(E) {
+        var m = E;
         typeof m.transform == "function" && (n === i && (n = G({}, n)), y = n[u] = m.transform(y)), typeof m == "function" ? m = {
           validator: m
         } : m = G({}, m), m.validator = o.getValidationMethod(m), m.validator && (m.field = u, m.fullField = m.fullField || u, m.type = o.getType(m), x[u] = x[u] || [], x[u].push({
@@ -571,59 +571,59 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     });
     var p = {};
     return Ae(x, h, function(u, w) {
-      var y = u.rule, C = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
-      C = C && (y.required || !y.required && u.value), y.field = u.field;
-      function m(R, O) {
+      var y = u.rule, E = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
+      E = E && (y.required || !y.required && u.value), y.field = u.field;
+      function m(v, O) {
         return G({}, O, {
-          fullField: y.fullField + "." + R,
-          fullFields: y.fullFields ? [].concat(y.fullFields, [R]) : [R]
+          fullField: y.fullField + "." + v,
+          fullFields: y.fullFields ? [].concat(y.fullFields, [v]) : [v]
         });
       }
-      function E(R) {
-        R === void 0 && (R = []);
-        var O = Array.isArray(R) ? R : [R];
+      function C(v) {
+        v === void 0 && (v = []);
+        var O = Array.isArray(v) ? v : [v];
         !h.suppressWarning && O.length && a.warning("async-validator:", O), O.length && y.message !== void 0 && (O = [].concat(y.message));
-        var L = O.map(Nt(y, n));
-        if (h.first && L.length)
-          return p[y.field] = 1, w(L);
-        if (!C)
-          w(L);
+        var S = O.map(Nt(y, n));
+        if (h.first && S.length)
+          return p[y.field] = 1, w(S);
+        if (!E)
+          w(S);
         else {
           if (y.required && !u.value)
-            return y.message !== void 0 ? L = [].concat(y.message).map(Nt(y, n)) : h.error && (L = [h.error(y, D(h.messages.required, y.field))]), w(L);
-          var _ = {};
-          y.defaultField && Object.keys(u.value).map(function(S) {
-            _[S] = y.defaultField;
-          }), _ = G({}, _, u.rule.fields);
-          var v = {};
-          Object.keys(_).forEach(function(S) {
-            var M = _[S], T = Array.isArray(M) ? M : [M];
-            v[S] = T.map(m.bind(null, S));
+            return y.message !== void 0 ? S = [].concat(y.message).map(Nt(y, n)) : h.error && (S = [h.error(y, D(h.messages.required, y.field))]), w(S);
+          var I = {};
+          y.defaultField && Object.keys(u.value).map(function(L) {
+            I[L] = y.defaultField;
+          }), I = G({}, I, u.rule.fields);
+          var R = {};
+          Object.keys(I).forEach(function(L) {
+            var M = I[L], T = Array.isArray(M) ? M : [M];
+            R[L] = T.map(m.bind(null, L));
           });
-          var A = new a(v);
-          A.messages(h.messages), u.rule.options && (u.rule.options.messages = h.messages, u.rule.options.error = h.error), A.validate(u.value, u.rule.options || h, function(S) {
+          var A = new a(R);
+          A.messages(h.messages), u.rule.options && (u.rule.options.messages = h.messages, u.rule.options.error = h.error), A.validate(u.value, u.rule.options || h, function(L) {
             var M = [];
-            L && L.length && M.push.apply(M, L), S && S.length && M.push.apply(M, S), w(M.length ? M : null);
+            S && S.length && M.push.apply(M, S), L && L.length && M.push.apply(M, L), w(M.length ? M : null);
           });
         }
       }
       var b;
       if (y.asyncValidator)
-        b = y.asyncValidator(y, u.value, E, u.source, h);
+        b = y.asyncValidator(y, u.value, C, u.source, h);
       else if (y.validator) {
         try {
-          b = y.validator(y, u.value, E, u.source, h);
-        } catch (R) {
-          console.error == null || console.error(R), h.suppressValidatorError || setTimeout(function() {
-            throw R;
-          }, 0), E(R.message);
+          b = y.validator(y, u.value, C, u.source, h);
+        } catch (v) {
+          console.error == null || console.error(v), h.suppressValidatorError || setTimeout(function() {
+            throw v;
+          }, 0), C(v.message);
         }
-        b === !0 ? E() : b === !1 ? E(typeof y.message == "function" ? y.message(y.fullField || y.field) : y.message || (y.fullField || y.field) + " fails") : b instanceof Array ? E(b) : b instanceof Error && E(b.message);
+        b === !0 ? C() : b === !1 ? C(typeof y.message == "function" ? y.message(y.fullField || y.field) : y.message || (y.fullField || y.field) + " fails") : b instanceof Array ? C(b) : b instanceof Error && C(b.message);
       }
       b && b.then && b.then(function() {
-        return E();
-      }, function(R) {
-        return E(R);
+        return C();
+      }, function(v) {
+        return C(v);
       });
     }, function(u) {
       d(u);
@@ -702,10 +702,10 @@ function te(a = [], t = 1, e = 0) {
     };
   });
 }
-function _t(a = []) {
+function It(a = []) {
   let t = [];
   return a.forEach((e) => {
-    e.children ? t = t.concat(_t(e.children)) : t.push(e);
+    e.children ? t = t.concat(It(e.children)) : t.push(e);
   }), t;
 }
 const Yt = /^(\r\n|\n\r|\r|\n)/, ei = /^[^\t\r\n]+/, Vt = /^\t/;
@@ -1048,30 +1048,35 @@ class Tt extends se {
       STRIPE_COLOR: g
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let m = n, E = o;
+      let b = n, v = o;
       if (typeof r == "function") {
-        const b = r, { backgroundColor: R, color: O } = b({
+        const O = r, { backgroundColor: S, color: I } = O({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        R && (m = R), O && (E = O);
+        S && (b = S), I && (v = I);
       }
-      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = m, this.drawTextColor = E;
+      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = b, this.drawTextColor = v;
       return;
     }
     let p = "transparent";
     const u = this.ctx.focusCell, w = this.ctx.hoverCell;
-    d && (w == null ? void 0 : w.rowKey) === this.rowKey && (p = f), h && (u == null ? void 0 : u.rowKey) === this.rowKey && (p = c), this.drawCellSkyBgColor = p;
-    let y = e, C = o;
+    let y = this.rowIndex, E = this.rowIndex;
+    if (this.rowspan !== 1 && (d || h)) {
+      const b = this.getSpanInfo(), { yArr: v } = b;
+      y = v[0], E = v[1];
+    }
+    d && w && (w.rowKey === this.rowKey && (p = f), w.rowIndex >= y && w.rowIndex <= E && (p = f)), h && u && (u.rowKey === this.rowKey && (p = c), u.rowIndex >= y && u.rowIndex <= E && (p = c)), this.drawCellSkyBgColor = p;
+    let m = e, C = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
       this.drawCellBgColor = e, this.drawTextColor = o;
       return;
     }
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, C = o), x && (this.rowIndex % 2 ? y = g : y = e), typeof s == "function") {
-      const m = s, { backgroundColor: E, color: b } = m({
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (m = i, C = o), x && (this.rowIndex % 2 ? m = g : m = e), typeof s == "function") {
+      const b = s, { backgroundColor: v, color: O } = b({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -1079,9 +1084,9 @@ class Tt extends se {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      E && (y = E), b && (C = b);
+      v && (m = v), O && (C = O);
     }
-    this.drawCellBgColor = y, this.drawTextColor = C;
+    this.drawCellBgColor = m, this.drawTextColor = C;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: h, rowKey: c } = this;
@@ -1092,21 +1097,31 @@ class Tt extends se {
     }
   }
   updateHoverIcon() {
-    const { BODY_CELL_HOVER_ICON_METHOD: e, CELL_HOVER_ICON_SIZE: i, CELL_PADDING: s } = this.ctx.config;
-    if (typeof e == "function") {
-      const h = e({
+    if (this.ctx.database.getReadonly(this.rowKey, this.key))
+      return;
+    const { BODY_CELL_HOVER_ICON_METHOD: i, CELL_HOVER_ICON_SIZE: s, CELL_PADDING: r, ENABLE_MERGE_CELL_LINK: o } = this.ctx.config;
+    if (typeof i == "function") {
+      const c = i({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       });
-      h !== void 0 && (this.hoverIconName = h);
+      c !== void 0 && (this.hoverIconName = c);
     }
-    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) {
-      const n = this.ctx.icons.get(this.hoverIconName);
-      this.drawImageX = r, this.drawImageY = o, this.drawImageWidth = i, this.drawImageHeight = i, this.drawImageName = this.hoverIconName, this.drawImageSource = n;
+    const { hoverCell: n } = this.ctx;
+    if (this.hoverIconName && !this.ctx.editing && n) {
+      let h = 0, c = 0;
+      if (n.rowKey === this.rowKey && (h = this.drawX + this.width - s - r, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && o) {
+        const f = this.getSpanInfo(), { yArr: x } = f, g = x[0], p = x[1];
+        if (n.rowIndex >= g && n.rowIndex <= p) {
+          const { width: u, height: w, offsetTop: y, offsetLeft: E } = f;
+          h = this.drawX - E + u - s - r, c = this.drawY - y + (w - s) / 2;
+        }
+      }
+      const d = this.ctx.icons.get(this.hoverIconName);
+      this.drawImageX = h, this.drawImageY = c, this.drawImageWidth = s, this.drawImageHeight = s, this.drawImageName = this.hoverIconName, this.drawImageSource = d;
     }
   }
   // 过去跨度配置
@@ -1228,21 +1243,17 @@ class Tt extends se {
     return s;
   }
   drawText() {
-    const { CELL_PADDING: e, BODY_FONT: i } = this.ctx.config, { ellipsis: s } = this.ctx.paint.handleEllipsis(this.text, this.width, e, i);
-    return this.ellipsis = s, this.ctx.paint.drawText(
-      this.displayText,
-      this.drawTextX,
-      this.drawTextY,
-      this.visibleWidth,
-      this.visibleHeight,
-      {
-        font: i,
-        padding: e,
-        align: this.align,
-        verticalAlign: this.verticalAlign,
-        color: this.drawTextColor
-      }
-    );
+    const { CELL_PADDING: e, BODY_FONT: i, PLACEHOLDER_COLOR: s } = this.ctx.config, { ellipsis: r } = this.ctx.paint.handleEllipsis(this.text, this.width, e, i);
+    this.ellipsis = r;
+    const { placeholder: o } = this.column;
+    let n = this.displayText, h = this.drawTextColor;
+    return !this.ctx.database.getReadonly(this.rowKey, this.key) && o && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (n = o, h = s), this.ctx.paint.drawText(n, this.drawTextX, this.drawTextY, this.visibleWidth, this.visibleHeight, {
+      font: i,
+      padding: e,
+      align: this.align,
+      verticalAlign: this.verticalAlign,
+      color: h
+    });
   }
   drawImage() {
     this.drawImageSource && this.ctx.paint.drawImage(
@@ -1312,10 +1323,10 @@ class Tt extends se {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: r, colIndex: o, height: n, width: h } = this;
     let c = i, d = s;
-    const { xArr: f, yArr: x, lineDash: g = [], borderWidth: p = 1, borderColor: u, fillColor: w } = e, y = f[0], C = f[1], m = x[0], E = x[1];
-    if (o >= y && o <= C && r === m) {
-      const b = o === C ? 1 : 0, R = o === y ? 1 : 0;
-      this.ctx.paint.drawLine([c + R, d + 1, c + h - b, d + 1], {
+    const { xArr: f, yArr: x, lineDash: g = [], borderWidth: p = 1, borderColor: u, fillColor: w } = e, y = f[0], E = f[1], m = x[0], C = x[1];
+    if (o >= y && o <= E && r === m) {
+      const b = o === E ? 1 : 0, v = o === y ? 1 : 0;
+      this.ctx.paint.drawLine([c + v, d + 1, c + h - b, d + 1], {
         borderColor: u,
         fillColor: w,
         borderWidth: p,
@@ -1324,9 +1335,9 @@ class Tt extends se {
         lineDash: g
       });
     }
-    if (o === C && r >= m && r <= E) {
-      const b = r === m ? 1 : 0, R = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([c + h - 1, d + b, c + h - 1, d + n - R], {
+    if (o === E && r >= m && r <= C) {
+      const b = r === m ? 1 : 0, v = r === C ? 1 : 0;
+      this.ctx.paint.drawLine([c + h - 1, d + b, c + h - 1, d + n - v], {
         borderColor: u,
         fillColor: w,
         borderWidth: p,
@@ -1335,9 +1346,9 @@ class Tt extends se {
         lineDash: g
       });
     }
-    if (o >= y && o <= C && r === E) {
-      const b = o === C ? 1 : 0, R = o === y ? 1 : 0;
-      this.ctx.paint.drawLine([c + R, d + n - 1, c + h - b, d + n - 1], {
+    if (o >= y && o <= E && r === C) {
+      const b = o === E ? 1 : 0, v = o === y ? 1 : 0;
+      this.ctx.paint.drawLine([c + v, d + n - 1, c + h - b, d + n - 1], {
         borderColor: u,
         fillColor: w,
         borderWidth: p,
@@ -1346,9 +1357,9 @@ class Tt extends se {
         lineDash: g
       });
     }
-    if (o === y && r >= m && r <= E) {
-      const b = r === E ? 1 : 0, R = r === m ? 1 : 0;
-      this.ctx.paint.drawLine([c + 1, d + R, c + 1, d + n - b], {
+    if (o === y && r >= m && r <= C) {
+      const b = r === C ? 1 : 0, v = r === m ? 1 : 0;
+      this.ctx.paint.drawLine([c + 1, d + v, c + 1, d + n - b], {
         borderColor: u,
         fillColor: w,
         borderWidth: p,
@@ -1394,7 +1405,7 @@ class ni {
   init() {
     this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.originalDataMap.clear(), this.changedDataMap.clear(), this.validationErrorMap.clear(), this.itemRowKeyMap = /* @__PURE__ */ new WeakMap();
     const { ROW_KEY: t, ENABLE_RESERVE_SELECTION: e } = this.ctx.config;
-    e && t || this.selectionMap.clear(), this.initData(this.data), this.getData();
+    e && t || this.selectionMap.clear(), this.initData(this.data), this.getData(), this.bufferCheckState.buffer = !1;
   }
   /**
    * 清除缓存数据
@@ -1419,8 +1430,8 @@ class ni {
       if (typeof c == "function" && (u = c), d) {
         const y = i[d];
         if (this.checkboxKeyMap.has(y)) {
-          const C = this.checkboxKeyMap.get(y) || [];
-          C.push(x), this.checkboxKeyMap.set(y, C);
+          const E = this.checkboxKeyMap.get(y) || [];
+          E.push(x), this.checkboxKeyMap.set(y, E);
         } else
           this.checkboxKeyMap.set(y, [x]);
       }
@@ -1852,11 +1863,7 @@ class ni {
    */
   setRowSelection(t, e, i = !0) {
     const s = this.selectionMap.get(t);
-    if (!s)
-      return;
-    s.check = e, this.setRowSelectionByCheckboxKey(t, s.check);
-    const r = this.getSelectionRows();
-    this.ctx.emit("setRowSelection", r), i && (this.bufferCheckState.buffer = !1, this.ctx.emit("draw"));
+    s && (s.check = e, this.setRowSelectionByCheckboxKey(t, s.check), this.ctx.emit("setRowSelection", e, s.row), i && (this.bufferCheckState.buffer = !1, this.ctx.emit("draw")));
   }
   getSelectionRows() {
     let t = [];
@@ -2027,7 +2034,10 @@ class ni {
     const { DISABLED: i } = this.ctx.config;
     if (i)
       return !0;
-    const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), o = s == null ? void 0 : s.readonly, n = r == null ? void 0 : r.readonly, { BODY_CELL_READONLY_METHOD: h } = this.ctx.config;
+    const s = this.rowKeyMap.get(t), r = this.headerMap.get(e);
+    if (!s || !r)
+      return !0;
+    const o = s.readonly, n = r.readonly, { BODY_CELL_READONLY_METHOD: h } = this.ctx.config;
     if (typeof h == "function" && r) {
       const d = h({
         row: s.item,
@@ -2143,43 +2153,43 @@ class ni {
           }
         ]
       };
-    let w = e, y = e, C = n, m = n, E = [], b = 0, R = 0, O = 0, L = 0;
+    let w = e, y = e, E = n, m = n, C = [], b = 0, v = 0, O = 0, S = 0;
     if (d !== 1 && p) {
-      L = x;
-      const _ = h.reduce((v, A) => {
-        const S = this.getItemValue(s, A) ?? "";
-        return `${v}${S}`;
+      S = x;
+      const I = h.reduce((R, A) => {
+        const L = this.getItemValue(s, A) ?? "";
+        return `${R}${L}`;
       }, "");
-      for (let v = e - 1; v >= 0; v--) {
-        const A = this.rowIndexRowKeyMap.get(v) || "", S = h.reduce((M, T) => {
+      for (let R = e - 1; R >= 0; R--) {
+        const A = this.rowIndexRowKeyMap.get(R) || "", L = h.reduce((M, T) => {
           const N = this.getItemValue(A, T) ?? "";
           return `${M}${N}`;
         }, "");
-        if (_ === S)
-          w = v;
+        if (I === L)
+          w = R;
         else
           break;
       }
-      for (let v = e; v <= this.ctx.maxRowIndex; v++) {
-        const A = this.rowIndexRowKeyMap.get(v) || "", S = h.reduce((M, T) => {
+      for (let R = e; R <= this.ctx.maxRowIndex; R++) {
+        const A = this.rowIndexRowKeyMap.get(R) || "", L = h.reduce((M, T) => {
           const N = this.getItemValue(A, T) ?? "";
           return `${M}${N}`;
         }, "");
-        if (_ === S)
-          y = v;
+        if (I === L)
+          y = R;
         else
           break;
       }
-      for (let v = w; v < e; v++) {
-        const { height: A } = this.positions[v];
+      for (let R = w; R < e; R++) {
+        const { height: A } = this.positions[R];
         b += A;
       }
-      for (let v = w; v <= y; v++) {
-        const { height: A } = this.positions[v];
+      for (let R = w; R <= y; R++) {
+        const { height: A } = this.positions[R];
         O += A;
-        const S = this.rowIndexRowKeyMap.get(v) || "", { item: M } = this.rowKeyMap.get(S), T = this.getItemValue(S, i);
-        E.push({
-          rowKey: S,
+        const L = this.rowIndexRowKeyMap.get(R) || "", { item: M } = this.rowKeyMap.get(L), T = this.getItemValue(L, i);
+        C.push({
+          rowKey: L,
           key: i,
           value: T,
           row: M
@@ -2188,54 +2198,54 @@ class ni {
     }
     if (g !== 1 && u) {
       O = f;
-      for (let _ = n - 1; _ >= 0; _--) {
-        const v = this.getColumnByColIndex(_);
-        if (!v)
+      for (let I = n - 1; I >= 0; I--) {
+        const R = this.getColumnByColIndex(I);
+        if (!R)
           break;
-        const A = this.getItemValue(s, i), S = this.getItemValue(s, v.key);
-        if (A === S && c.includes(v.key))
-          C = _;
+        const A = this.getItemValue(s, i), L = this.getItemValue(s, R.key);
+        if (A === L && c.includes(R.key))
+          E = I;
         else
           break;
       }
-      for (let _ = n; _ <= this.ctx.maxColIndex; _++) {
-        const v = this.getColumnByColIndex(_);
-        if (!v)
+      for (let I = n; I <= this.ctx.maxColIndex; I++) {
+        const R = this.getColumnByColIndex(I);
+        if (!R)
           break;
-        const A = this.getItemValue(s, i), S = this.getItemValue(s, v.key);
-        if (A === S && c.includes(v.key))
-          m = _;
+        const A = this.getItemValue(s, i), L = this.getItemValue(s, R.key);
+        if (A === L && c.includes(R.key))
+          m = I;
         else
           break;
       }
-      for (let _ = C; _ < n; _++) {
-        const v = this.getColumnByColIndex(_);
-        if (!v)
+      for (let I = E; I < n; I++) {
+        const R = this.getColumnByColIndex(I);
+        if (!R)
           break;
-        R += v.width || 100;
+        v += R.width || 100;
       }
-      for (let _ = C; _ <= m; _++) {
-        const v = this.getColumnByColIndex(_);
-        if (!v)
+      for (let I = E; I <= m; I++) {
+        const R = this.getColumnByColIndex(I);
+        if (!R)
           break;
-        L += v.width || 100, E.push({
+        S += R.width || 100, C.push({
           rowKey: s,
-          key: v.key,
-          value: this.getItemValue(s, v.key),
+          key: R.key,
+          value: this.getItemValue(s, R.key),
           row: r
         });
       }
     }
     return {
-      xArr: [C, m],
+      xArr: [E, m],
       yArr: [w, y],
       rowspan: d,
       colspan: g,
       height: O,
-      width: L,
+      width: S,
       offsetTop: b,
-      offsetLeft: R,
-      dataList: E
+      offsetLeft: v,
+      dataList: C
     };
   }
   setLoading(t) {
@@ -2360,7 +2370,7 @@ class li {
     this.ctx.emit("resetHeader", t), this.ctx.emit("resize", t);
   }
   handleMouseDown(t) {
-    t.button === 0 && (this.ctx.mousedown = !0), this.ctx.emit("mousedown", t);
+    t.button === 0 && (this.ctx.mousedown = !0), this.ctx.containerElement.focus(), this.ctx.emit("mousedown", t);
   }
   handleMousemove(t) {
     this.ctx.emit("mousemove", t);
@@ -2595,6 +2605,7 @@ class Wt {
     l(this, "WIDTH", 0);
     l(this, "RESIZE_MIN_WIDTH", 40);
     l(this, "HEIGHT", 0);
+    l(this, "PLACEHOLDER_COLOR", "#CDD0DC");
     l(this, "EMPTY_BODY_HEIGHT", 120);
     l(this, "EMPTY_CUSTOM_STYLE", {});
     l(this, "EMPTY_TEXT", "暂无数据");
@@ -2648,7 +2659,7 @@ class Wt {
     l(this, "FOOTER_FIXED", !0);
     l(this, "FOOTER_POSITION", "bottom");
     l(this, "CELL_FOOTER_HEIGHT", 36);
-    l(this, "ENABLE_SELECTOR", !1);
+    l(this, "ENABLE_SELECTOR", !0);
     l(this, "ENABLE_EDIT_SINGLE_CLICK", !1);
     // 启用单点击立马编辑
     l(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
@@ -2993,7 +3004,7 @@ class fi {
       this.handleHeaderEvent(i, e, this.ctx.header.renderCellHeaders, (s) => {
         this.ctx.clickCellHeader = s, this.ctx.emit("cellHeaderClick", s, t), this.selectionClick(s);
       }), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
-        this.ctx.clickCell = s, this.ctx.emit("cellClick", s, t), this.selectionClick(s), this.treeClick(s);
+        this.ctx.clickCell = s, this.ctx.emit("cellClick", s, t), this.selectionClick(s), this.treeClick(s), this.hoverIconClick(s);
       });
     }), this.ctx.on("dblclick", (t) => {
       if (t.button !== 0 || this.isBusy(t))
@@ -3013,9 +3024,12 @@ class fi {
       }), this.handleBodyEvent(r, s, this.ctx.body.renderRows, (o) => {
         this.ctx.emit("cellContextMenuClick", o, t);
       });
+    }), this.ctx.on("mouseout", (t) => {
+      !this.ctx.containerElement.contains(t.relatedTarget) && this.ctx.hoverCell !== void 0 && (this.ctx.hoverRow = void 0, this.ctx.hoverCell = void 0, this.ctx.emit("draw"));
     }), this.ctx.on("mousemove", (t) => {
       if (this.isBusy(t))
         return;
+      this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default");
       const e = this.ctx.getOffset(t).offsetY, i = this.ctx.getOffset(t).offsetX;
       this.handleHeaderEvent(i, e, this.ctx.header.renderCellHeaders, (s) => {
         this.ctx.emit("cellHeaderMouseenter", s, t), this.ctx.hoverCellHeader && this.ctx.hoverCellHeader !== s && this.ctx.emit("cellHeaderMouseleave", this.ctx.hoverCellHeader, t), this.imageEnterAndLeave(s, t), this.ctx.hoverCellHeader !== s && (this.ctx.hoverCellHeader = s, this.ctx.emit("cellHeaderHoverChange", s));
@@ -3024,15 +3038,18 @@ class fi {
         e,
         this.ctx.body.renderRows,
         (s) => {
-          this.imageEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.emit("visibleCellHoverChange", s, t));
+          this.selectionEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.emit("visibleCellHoverChange", s, t));
         },
         !0
       ), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
         var r;
-        this.ctx.emit("cellMouseenter", s, t), this.ctx.hoverCell && this.ctx.hoverCell !== s && this.ctx.emit("cellMouseleave", this.ctx.hoverCell, t), this.ctx.hoverCell !== s && (((r = this.ctx.hoverCell) == null ? void 0 : r.rowKey) !== s.rowKey && (this.ctx.hoverCell = s, this.ctx.hoverRow = this.ctx.body.renderRows.find((o) => o.rowKey === s.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, s, t), this.ctx.emit("drawView")), this.ctx.hoverCell = s, this.ctx.emit("cellHoverChange", s, t));
+        this.imageEnterAndLeave(s, t), this.ctx.emit("cellMouseenter", s, t), this.ctx.hoverCell && this.ctx.hoverCell !== s && this.ctx.emit("cellMouseleave", s, t), this.ctx.hoverCell !== s && (((r = this.ctx.hoverCell) == null ? void 0 : r.rowKey) !== s.rowKey && (this.ctx.hoverCell = s, this.ctx.hoverRow = this.ctx.body.renderRows.find((o) => o.rowKey === s.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, s, t), this.ctx.emit("drawView")), this.ctx.hoverCell = s, this.ctx.emit("cellHoverChange", s, t));
       });
     });
   }
+  hoverIconClick(t) {
+    t.hoverIconName && this.ctx.isPointer && this.ctx.emit("hoverIconClick", t);
+  }
   /**
    *选中点击
    * @param cell
@@ -3079,7 +3096,11 @@ class fi {
    */
   imageEnterAndLeave(t, e) {
     const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s;
-    o > t.drawImageX && o < t.drawImageX + t.drawImageWidth && r > t.drawImageY && r < t.drawImageY + t.drawImageHeight ? (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof Tt && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default"));
+    o > t.drawImageX && o < t.drawImageX + t.drawImageWidth && r > t.drawImageY && r < t.drawImageY + t.drawImageHeight && (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0);
+  }
+  selectionEnterAndLeave(t, e) {
+    const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s;
+    o > t.drawImageX && o < t.drawImageX + t.drawImageWidth && r > t.drawImageY && r < t.drawImageY + t.drawImageHeight && t instanceof Tt && ["selection", "index-selection"].includes(t.type) && (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"));
   }
   isBusy(t) {
     const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, r = i;
@@ -3593,7 +3614,7 @@ class gi {
       config: { HEADER_HEIGHT: t, SCROLLER_TRACK_SIZE: e }
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
-    const s = Qt(i), r = _t(i);
+    const s = Qt(i), r = It(i);
     this.height = t * s, this.width = r.reduce((f, x) => f + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
     const o = ti(te(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
@@ -3696,7 +3717,7 @@ class gi {
     for (let o = 0; o < i; o++) {
       const n = t[o], h = r * (n.rowspan || 0), c = r * (n.level || 0);
       let d = n.width || 100;
-      n.children && (d = _t(n.children).reduce((g, p) => g + ((p == null ? void 0 : p.width) || 100), 0));
+      n.children && (d = It(n.children).reduce((g, p) => g + ((p == null ? void 0 : p.width) || 100), 0));
       const f = new re(this.ctx, this.columnIndex, s, c, d, h, 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;
     }
@@ -3849,6 +3870,7 @@ class wi {
     l(this, "visibleRows", []);
     l(this, "visibleHeight", 0);
     l(this, "visibleWidth", 0);
+    l(this, "containerRect");
     l(this, "data", []);
     this.ctx = t, this.init(), this.initResizeRow();
   }
@@ -3873,41 +3895,46 @@ class wi {
       return;
     this.x = 0, x === "top" && r ? this.y = e.height + i.height : this.y = e.height;
     const { data: g, sumHeight: p } = s.getData();
-    this.height = p, this.data = g;
-    const { top: u } = t.getBoundingClientRect();
-    this.width = e.width, this.visibleWidth = this.ctx.stageWidth - o;
-    const w = this.ctx.footer.height;
-    !this.data.length && !n ? this.height = h : !this.data.length && n && (this.height = n - e.height - w - o);
-    const y = this.data.length ? "not-empty" : "empty";
+    this.height = p, this.data = g, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - o;
+    const u = this.ctx.footer.height;
+    !this.data.length && !n ? this.height = h : !this.data.length && n && (this.height = n - e.height - u - o);
+    const w = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: y,
-      type: y,
+      isEmpty: w,
+      type: w,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: w,
+      footerHeight: u,
       width: this.width,
-      height: this.data.length ? 0 : h + w
+      height: this.data.length ? 0 : h + u
     });
-    let C = this.height + e.height + o;
-    C += w;
-    let m = 0;
-    this.data.length && d ? (m = window.innerHeight - u - 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 ? m = n : this.data.length && c && C > c ? m = c : m = C, m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
-    let E = this.ctx.stageHeight - e.height - o;
-    r ? this.visibleHeight = E - w : this.visibleHeight = E, 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 = g;
-    const b = window.devicePixelRatio || 1, R = this.ctx.stageWidth * b, O = this.ctx.stageHeight * b;
-    t.width = Math.floor(R), t.height = Math.floor(O), this.ctx.canvasElement.setAttribute(
+    let y = this.height + e.height + o;
+    y += u;
+    let E = y;
+    const m = window.innerHeight, { top: C } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (this.data.length && m > C && d && !n) {
+      const R = m - C - f;
+      R > e.height + o ? E = R : y > c && (E = c);
+    } else this.data.length && n ? E = n : this.data.length && c && y > c && (E = c);
+    E > 0 && (this.ctx.stageHeight = Math.floor(E), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
+    let b = this.ctx.stageHeight - e.height - o;
+    r ? this.visibleHeight = b - u : 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 = g;
+    const v = window.devicePixelRatio || 1, O = this.ctx.stageWidth * v, S = this.ctx.stageHeight * v;
+    t.width = Math.floor(O), 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);
+    ), this.ctx.paint.scale(v);
   }
   // 调整行的高度
   initResizeRow() {
     const {
       config: { ENABLE_RESIZE_ROW: t }
     } = this.ctx;
-    t && (this.ctx.on("mouseup", () => {
+    t && (this.ctx.on("resize", () => {
+      this.containerRect = this.ctx.containerElement.getBoundingClientRect();
+    }), this.ctx.on("resizeObserver", () => {
+      this.containerRect = this.ctx.containerElement.getBoundingClientRect();
+    }), 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, setTimeout(() => {
         this.ctx.rowResizing = !1;
       }, 0), this.clientY = 0;
@@ -4241,14 +4268,14 @@ class yi {
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: x
       } = this.ctx.config, g = n, p = h || this.ctx.maxColIndex - f, u = c, w = d || this.ctx.maxRowIndex - x;
-      let [y, C] = r, [m, E] = o;
-      if (y < g || C > p || m < u || E > w)
+      let [y, E] = r, [m, C] = o;
+      if (y < g || E > p || m < u || C > w)
         return;
       if (this.ctx.stageElement.focus(), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
-        const R = this.adjustMergeCells(r, o);
-        m = R.yArr[0], E = R.yArr[1], y = R.xArr[0], C = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
+        const v = this.adjustMergeCells(r, o);
+        m = v.yArr[0], C = v.yArr[1], y = v.xArr[0], E = v.xArr[1], this.ctx.onlyMergeCell = v.onlyMergeCell;
       }
-      y === C && m === E ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(g, y), Math.min(p, C)], o = [Math.max(u, m), Math.min(w, E)];
+      y === E && m === C ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(g, y), Math.min(p, E)], o = [Math.max(u, m), Math.min(w, C)];
       const { BEFORE_SET_SELECTOR_METHOD: b } = this.ctx.config;
       if (typeof b == "function") {
         const O = b({
@@ -4269,13 +4296,13 @@ class yi {
     let n = [], h = [];
     for (let u = 0; u <= e[1] - e[0]; u++)
       for (let w = 0; w <= t[1] - t[0]; w++) {
-        const y = u + e[0], C = w + t[0], m = this.ctx.database.getVirtualBodyCell(y, C);
-        m && ((y === i || y === s) && n.push(m), (C === r || C === o) && h.push(m));
+        const y = u + 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(
       (u, w) => {
-        const { yArr: y } = w.getSpanInfo(), [C, m] = y;
-        return u.minY = Math.min(u.minY, C), u.maxY = Math.max(u.maxY, m), u;
+        const { yArr: y } = w.getSpanInfo(), [E, m] = y;
+        return u.minY = Math.min(u.minY, E), u.maxY = Math.max(u.maxY, m), u;
       },
       {
         minY: i,
@@ -4283,8 +4310,8 @@ class yi {
       }
     ), d = h.reduce(
       (u, w) => {
-        const { xArr: y } = w.getSpanInfo(), [C, m] = y;
-        return u.minX = Math.min(u.minX, C), u.maxX = Math.max(u.maxX, m), u;
+        const { xArr: y } = w.getSpanInfo(), [E, m] = y;
+        return u.minX = Math.min(u.minX, E), u.maxX = Math.max(u.maxX, m), u;
       },
       {
         minX: r,
@@ -4487,16 +4514,16 @@ class yi {
         for (let g = 0; g <= o.length - 1; g++) {
           const p = o[g].length;
           for (let u = 0; u <= p - 1; u++) {
-            const w = g + e, y = u + i, C = o[g][u], m = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const w = g + e, y = u + i, E = o[g][u], m = this.ctx.database.getItemValueForRowIndexAndColIndex(
               w,
               y
             );
             if (m) {
-              const { rowKey: E, key: b } = m;
-              this.ctx.database.getReadonly(E, b) || (s.add(E), d.push({
-                rowKey: E,
+              const { rowKey: C, key: b } = m;
+              this.ctx.database.getReadonly(C, b) || (s.add(C), d.push({
+                rowKey: C,
                 key: b,
-                value: C,
+                value: E,
                 row: {}
                 //内部有设置
               }));
@@ -4626,14 +4653,14 @@ class yi {
     if (!i)
       return;
     p && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: u, drawY: w, width: y, height: C, fixed: m } = i, E = r - u + 1, b = i.drawX + y - (e - s) + 1;
-    let R = o.height - w, O = C;
+    const { drawX: u, drawY: w, width: y, height: E, fixed: m } = i, C = r - u + 1, b = i.drawX + y - (e - s) + 1;
+    let v = o.height - w, O = E;
     O > h.visibleHeight && (O = h.visibleHeight);
-    let L = 0;
-    x && (g === "top" ? R = o.height + n.height - w : L = n.visibleHeight);
-    const _ = w + O - (t - L - f);
-    let v = c, A = d;
-    b > 0 && !m ? v = Math.floor(c + b) : E > 0 && !m && (v = Math.floor(c - E)), R > 0 ? A = Math.floor(d - R) : _ > 0 && (A = Math.floor(d + _)), (Math.abs(c - v) > 2 || Math.abs(d - A) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, A), this.ctx.emit("adjustBoundaryPosition", i));
+    let S = 0;
+    x && (g === "top" ? v = o.height + n.height - w : S = n.visibleHeight);
+    const I = w + O - (t - S - f);
+    let R = c, A = d;
+    b > 0 && !m ? R = Math.floor(c + b) : C > 0 && !m && (R = Math.floor(c - C)), v > 0 ? A = Math.floor(d - v) : I > 0 && (A = Math.floor(d + I)), (Math.abs(c - R) > 2 || Math.abs(d - A) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, A), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4698,20 +4725,20 @@ class mi {
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: g
       } = this.ctx.config, p = h, u = c || this.ctx.maxColIndex - x, w = d, y = f || this.ctx.maxRowIndex - g;
-      let [C, m] = o, [E, b] = n;
-      if (C < p || E < w)
+      let [E, m] = o, [C, b] = n;
+      if (E < p || C < w)
         return;
-      o = [Math.max(p, C), Math.min(u, m)], n = [Math.max(w, E), Math.min(y, b)];
-      const { BEFORE_SET_AUTOFILL_METHOD: R } = this.ctx.config;
-      if (typeof R == "function") {
-        const L = R({
+      o = [Math.max(p, E), Math.min(u, m)], n = [Math.max(w, C), Math.min(y, b)];
+      const { BEFORE_SET_AUTOFILL_METHOD: v } = this.ctx.config;
+      if (typeof v == "function") {
+        const S = v({
           focusCell: this.ctx.focusCell,
           xArr: o,
           yArr: n
         });
-        if (!L)
+        if (!S)
           return;
-        o = L.xArr, n = L.yArr;
+        o = S.xArr, n = S.yArr;
       }
       this.ctx.autofill.xArr = o, this.ctx.autofill.yArr = n, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
@@ -4738,11 +4765,11 @@ class mi {
     let d = [];
     for (let g = 0; g <= h[1] - h[0]; g++)
       for (let p = 0; p <= n[1] - n[0]; p++) {
-        const u = p + n[0], w = g + h[0], y = s[g % o][p % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, u), m = `${w}-${u}`;
-        if (C && !i.has(m)) {
-          const { rowKey: E, key: b } = C;
-          this.ctx.database.getReadonly(E, b) || (t.add(E), d.push({
-            rowKey: E,
+        const u = p + n[0], w = g + h[0], y = s[g % o][p % r], E = this.ctx.database.getItemValueForRowIndexAndColIndex(w, u), m = `${w}-${u}`;
+        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,
             value: y,
             row: {}
@@ -4794,7 +4821,7 @@ const rt = Math.min, U = Math.max, ft = Math.round, z = (a) => ({
   start: "end",
   end: "start"
 };
-function It(a, t, e) {
+function _t(a, t, e) {
   return U(a, rt(t, e));
 }
 function at(a, t) {
@@ -4844,7 +4871,7 @@ function Ri(a, t, e) {
       return [];
   }
 }
-function _i(a, t, e, i) {
+function Ii(a, t, e, i) {
   const s = lt(a);
   let r = Ri(q(a), e === "start", i);
   return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(Ot)))), r;
@@ -4852,7 +4879,7 @@ function _i(a, t, e, i) {
 function xt(a) {
   return a.replace(/left|right|bottom|top/g, (t) => Ei[t]);
 }
-function Ii(a) {
+function _i(a) {
   return {
     top: 0,
     right: 0,
@@ -4862,7 +4889,7 @@ function Ii(a) {
   };
 }
 function ae(a) {
-  return typeof a != "number" ? Ii(a) : {
+  return typeof a != "number" ? _i(a) : {
     top: a,
     right: a,
     bottom: a,
@@ -4955,9 +4982,9 @@ const Oi = async (a, t, e) => {
       name: w,
       fn: y
     } = n[u], {
-      x: C,
+      x: E,
       y: m,
-      data: E,
+      data: C,
       reset: b
     } = await y({
       x: d,
@@ -4973,11 +5000,11 @@ const Oi = async (a, t, e) => {
         floating: t
       }
     });
-    d = C ?? d, f = m ?? f, g = {
+    d = E ?? d, f = m ?? f, g = {
       ...g,
       [w]: {
         ...g[w],
-        ...E
+        ...C
       }
     }, b && p <= 50 && (p++, typeof b == "object" && (b.placement && (x = b.placement), b.rects && (c = b.rects === !0 ? await o.getElementRects({
       reference: a,
@@ -5017,12 +5044,12 @@ async function le(a, t) {
     boundary: c,
     rootBoundary: d,
     strategy: h
-  })), C = f === "floating" ? {
+  })), E = f === "floating" ? {
     x: i,
     y: s,
     width: o.floating.width,
     height: o.floating.height
-  } : o.reference, m = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), E = await (r.isElement == null ? void 0 : r.isElement(m)) ? await (r.getScale == null ? void 0 : r.getScale(m)) || {
+  } : 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
   } : {
@@ -5030,15 +5057,15 @@ async function le(a, t) {
     y: 1
   }, b = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: n,
-    rect: C,
+    rect: E,
     offsetParent: m,
     strategy: h
-  }) : C);
+  }) : E);
   return {
-    top: (y.top - b.top + p.top) / E.y,
-    bottom: (b.bottom - y.bottom + p.bottom) / E.y,
-    left: (y.left - b.left + p.left) / E.x,
-    right: (b.right - y.right + p.right) / E.x
+    top: (y.top - b.top + p.top) / C.y,
+    bottom: (b.bottom - y.bottom + p.bottom) / C.y,
+    left: (y.left - b.left + p.left) / C.x,
+    right: (b.right - y.right + p.right) / C.x
   };
 }
 const Si = (a) => ({
@@ -5062,10 +5089,10 @@ const Si = (a) => ({
     const f = ae(d), x = {
       x: e,
       y: i
-    }, g = Ht(s), p = Mt(g), u = await o.getDimensions(c), w = g === "y", y = w ? "top" : "left", C = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", E = r.reference[p] + r.reference[g] - x[g] - r.floating[p], b = x[g] - r.reference[g], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
-    let O = R ? R[m] : 0;
-    (!O || !await (o.isElement == null ? void 0 : o.isElement(R))) && (O = n.floating[m] || r.floating[p]);
-    const L = E / 2 - b / 2, _ = O / 2 - u[p] / 2 - 1, v = rt(f[y], _), A = rt(f[C], _), S = v, M = O - u[p] - A, T = O / 2 - u[p] / 2 + L, N = It(S, T, M), Y = !h.arrow && lt(s) != null && T !== N && r.reference[p] / 2 - (T < S ? v : A) - u[p] / 2 < 0, B = Y ? T < S ? T - S : T - M : 0;
+    }, g = Ht(s), p = Mt(g), u = await o.getDimensions(c), w = g === "y", y = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", C = r.reference[p] + r.reference[g] - x[g] - r.floating[p], b = x[g] - r.reference[g], v = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    let O = v ? v[m] : 0;
+    (!O || !await (o.isElement == null ? void 0 : o.isElement(v))) && (O = n.floating[m] || r.floating[p]);
+    const S = C / 2 - b / 2, I = O / 2 - u[p] / 2 - 1, R = rt(f[y], I), A = rt(f[E], I), L = R, M = O - u[p] - A, T = O / 2 - u[p] / 2 + S, N = _t(L, T, M), Y = !h.arrow && lt(s) != null && T !== N && r.reference[p] / 2 - (T < L ? R : A) - u[p] / 2 < 0, B = Y ? T < L ? T - L : T - M : 0;
     return {
       [g]: x[g] + B,
       data: {
@@ -5102,39 +5129,39 @@ const Si = (a) => ({
       } = at(a, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const y = q(s), C = J(n), m = q(n) === n, E = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), b = x || (m || !u ? [xt(n)] : vi(n)), R = p !== "none";
-      !x && R && b.push(..._i(n, u, p, E));
-      const O = [n, ...b], L = await le(t, w), _ = [];
-      let v = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (d && _.push(L[y]), f) {
-        const T = bi(s, o, E);
-        _.push(L[T[0]], L[T[1]]);
+      const y = q(s), E = J(n), m = q(n) === n, C = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), b = x || (m || !u ? [xt(n)] : vi(n)), v = p !== "none";
+      !x && v && b.push(...Ii(n, u, p, C));
+      const O = [n, ...b], S = await le(t, w), I = [];
+      let R = ((i = r.flip) == null ? void 0 : i.overflows) || [];
+      if (d && I.push(S[y]), f) {
+        const T = bi(s, o, C);
+        I.push(S[T[0]], S[T[1]]);
       }
-      if (v = [...v, {
+      if (R = [...R, {
         placement: s,
-        overflows: _
-      }], !_.every((T) => T <= 0)) {
-        var A, S;
+        overflows: I
+      }], !I.every((T) => T <= 0)) {
+        var A, L;
         const T = (((A = r.flip) == null ? void 0 : A.index) || 0) + 1, N = O[T];
         if (N)
           return {
             data: {
               index: T,
-              overflows: v
+              overflows: R
             },
             reset: {
               placement: N
             }
           };
-        let Y = (S = v.filter((B) => B.overflows[0] <= 0).sort((B, W) => B.overflows[1] - W.overflows[1])[0]) == null ? void 0 : S.placement;
+        let Y = (L = R.filter((B) => B.overflows[0] <= 0).sort((B, W) => B.overflows[1] - W.overflows[1])[0]) == null ? void 0 : L.placement;
         if (!Y)
           switch (g) {
             case "bestFit": {
               var M;
-              const B = (M = v.filter((W) => {
-                if (R) {
+              const B = (M = R.filter((W) => {
+                if (v) {
                   const P = J(W.placement);
-                  return P === C || // 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";
                 }
@@ -5223,11 +5250,11 @@ const Ti = function(a) {
           fn: (w) => {
             let {
               x: y,
-              y: C
+              y: E
             } = w;
             return {
               x: y,
-              y: C
+              y: E
             };
           }
         },
@@ -5238,12 +5265,12 @@ const Ti = function(a) {
       }, d = await le(t, h), f = J(q(s)), x = ne(f);
       let g = c[x], p = c[f];
       if (r) {
-        const w = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", C = g + d[w], m = g - d[y];
-        g = It(C, g, m);
+        const w = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", E = g + d[w], m = g - d[y];
+        g = _t(E, g, m);
       }
       if (o) {
-        const w = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", C = p + d[w], m = p - d[y];
-        p = It(C, p, m);
+        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 u = n.fn({
         ...t,
@@ -5423,8 +5450,8 @@ function ot(a, t, e, i) {
     const x = F(r), g = i && X(i) ? F(i) : i;
     let p = x, u = Lt(p);
     for (; u && i && g !== p; ) {
-      const w = Z(u), y = u.getBoundingClientRect(), C = k(u), m = y.left + (u.clientLeft + parseFloat(C.paddingLeft)) * w.x, E = y.top + (u.clientTop + parseFloat(C.paddingTop)) * w.y;
-      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += m, c += E, p = F(u), u = Lt(p);
+      const w = Z(u), y = u.getBoundingClientRect(), E = k(u), m = y.left + (u.clientLeft + parseFloat(E.paddingLeft)) * w.x, C = y.top + (u.clientTop + parseFloat(E.paddingTop)) * w.y;
+      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += m, c += C, p = F(u), u = Lt(p);
     }
   }
   return ut({
@@ -5794,8 +5821,10 @@ class Zi {
       this.enable && this.doneEdit();
     }), this.ctx.on("cellHeaderMousedown", () => {
       this.enable && this.doneEdit(), this.cellTarget = null;
+    }), this.ctx.on("hoverIconClick", (t) => {
+      t.editorType !== "none" && this.editCell(t.rowIndex, t.colIndex);
     }), this.ctx.on("keydown", (t) => {
-      if (!this.ctx.isTarget(t))
+      if (!this.ctx.isTarget(t) || !this.ctx.focusCell)
         return;
       if (t.code === "Escape" && this.ctx.editing) {
         this.cancel = !0;
@@ -5884,7 +5913,7 @@ class Zi {
   }
   initTextEditor() {
     this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
-      this.doneEdit(), this.cellTarget = null;
+      this.doneEdit();
     }), this.editorEl = this.ctx.editorElement, this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.containerElement.appendChild(this.editorEl);
   }
   autoSize() {
@@ -5924,18 +5953,18 @@ class Zi {
     }
   }
   startEdit(t = !1) {
-    this.cancel = !1;
+    this.ctx.emit("draw"), this.cancel = !1;
     const { ENABLE_EDIT_CLICK_SELECTOR: e } = this.ctx.config;
     if (!e)
       return;
     const i = this.ctx.focusCell;
-    if (!i || ["index", "index-selection", "selection"].includes(i.type) || this.enable)
+    if (!i || ["index", "index-selection", "selection"].includes(i.type) || this.enable || !(i.isVerticalVisible() && i.isHorizontalVisible()))
       return;
-    const { rowKey: s, key: r, editorType: o } = i;
-    if (o === "none")
+    const { rowKey: r, key: o, editorType: n } = i;
+    if (n === "none")
       return;
-    const n = this.ctx.database.getReadonly(s, r);
-    i && !n && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget));
+    const h = this.ctx.database.getReadonly(r, o);
+    i && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget));
   }
   editCell(t, e) {
     const i = this.ctx.body.renderRows.find((c) => c.rowIndex === t);
@@ -5955,7 +5984,7 @@ class Zi {
     this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.ctx.containerElement.focus(), this.editorEl.style.display = "none", this.ctx.emit("drawView"));
   }
   clearEditor() {
-    this.doneEdit(), this.cellTarget = null, this.selectorArrStr = "", this.ctx.clearSelector(), this.ctx.emit("drawView");
+    this.doneEdit(), this.cellTarget = null, this.selectorArrStr = "", this.ctx.clearSelector(), this.ctx.focusCell = void 0, this.ctx.emit("drawView");
   }
   destroy() {
     var t;