e-virt-table 1.1.1 → 1.1.3

package/dist/index.es.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--e-virt-table-color-white: #fff;--e-virt-table-color-black: #000000;--e-virt-table-color-primary: rgb(82, 146, 247);--e-virt-table-text-color-primary: #333;--e-virt-table-text-color-regular: #666;--e-virt-table-text-color-secondary: #999;--e-virt-table-box-shadow: 0 2px 12px 0 #0000001a;--e-virt-table-editor-bg-color: #fff;--e-virt-table-border-color: #e1e6eb}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;box-sizing:border-box;z-index:10;border-radius:8px;border:1px solid var(--e-virt-table-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--e-virt-table-editor-bg-color);border:2px solid var(--e-virt-table-color-primary);box-sizing:border-box;box-shadow:var(--e-virt-table-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:absolute;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--e-virt-table-color-white);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--e-virt-table-text-color-regular);background-color:var(--e-virt-table-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--e-virt-table-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px;color:var(--e-virt-table-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-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);
+var be = Object.defineProperty;
+var Ce = (a, t, e) => t in a ? be(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var l = (a, t, e) => Ce(a, typeof t != "symbol" ? t + "" : t, e);
 function G() {
   return G = Object.assign ? Object.assign.bind() : function(a) {
     for (var t = 1; t < arguments.length; t++) {
@@ -46,9 +46,9 @@ function dt(a, t, e) {
 function Ie(a) {
   return Function.toString.call(a).indexOf("[native code]") !== -1;
 }
-function Ct(a) {
+function bt(a) {
   var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
-  return Ct = function(i) {
+  return bt = function(i) {
     if (i === null || !Ie(i)) return i;
     if (typeof i != "function")
       throw new TypeError("Super expression must either be null or a function");
@@ -67,7 +67,7 @@ function Ct(a) {
         configurable: !0
       }
     }), st(s, i);
-  }, Ct(a);
+  }, bt(a);
 }
 var _e = /%[sdj%]/g, jt = function() {
 };
@@ -76,7 +76,7 @@ typeof process < "u" && process.env && process.env.NODE_ENV !== "production" &&
     return typeof i == "string";
   }) && console.warn(t, e);
 });
-function bt(a) {
+function Ct(a) {
   if (!a || !a.length) return null;
   var t = {};
   return a.forEach(function(e) {
@@ -156,12 +156,12 @@ var kt = /* @__PURE__ */ function(a) {
     return s = a.call(this, "Async Validation Error") || this, s.errors = e, s.fields = i, s;
   }
   return t;
-}(/* @__PURE__ */ Ct(Error));
-function Te(a, t, e, i, s) {
+}(/* @__PURE__ */ bt(Error));
+function Le(a, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
       var p = function(y) {
-        return i(y), y.length ? u(new kt(y, bt(y))) : x(s);
+        return i(y), y.length ? u(new kt(y, Ct(y))) : x(s);
       }, g = Ae(a);
       Xt(g, e, p);
     });
@@ -172,7 +172,7 @@ function Te(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(x, u) {
     var p = function(w) {
       if (d.push.apply(d, w), c++, c === h)
-        return i(d), d.length ? u(new kt(d, bt(d))) : x(s);
+        return i(d), d.length ? u(new kt(d, Ct(d))) : x(s);
     };
     n.length || (i(d), x(s)), n.forEach(function(g) {
       var w = a[g];
@@ -183,7 +183,7 @@ function Te(a, t, e, i, s) {
     return x;
   }), f;
 }
-function Le(a) {
+function Te(a) {
   return !!(a && a.message !== void 0);
 }
 function Me(a, t) {
@@ -197,7 +197,7 @@ function Me(a, t) {
 function Nt(a, t) {
   return function(e) {
     var i;
-    return a.fullFields ? i = Me(t, a.fullFields) : i = t[e.field || a.fullField], Le(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
+    return a.fullFields ? i = Me(t, a.fullFields) : i = t[e.field || a.fullField], Te(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
       field: e.field || a.fullField
@@ -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(C) {
-    return C && C.includeBoundaries ? "(?:(?<=\\s|^)(?=" + a + ")|(?<=" + a + ")(?=\\s|$))" : "";
+  var a = "[a-fA-F\\d:]", t = function(b) {
+    return b && b.includeBoundaries ? "(?:(?<=\\s|^)(?=" + a + ")|(?<=" + a + ")(?=\\s|$))" : "";
   }, e = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}", i = "[a-fA-F\\d]{1,4}", s = (`
 (?:
 (?:` + i + ":){7}(?:" + i + `|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8
@@ -234,8 +234,8 @@ 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(C) {
-    return C && C.exact ? r : new RegExp("(?:" + t(C) + e + t(C) + ")|(?:" + t(C) + s + t(C) + ")", "g");
+`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), h = function(b) {
+    return b && b.exact ? r : new RegExp("(?:" + t(b) + e + t(b) + ")|(?:" + t(b) + s + t(b) + ")", "g");
   };
   h.v4 = function(m) {
     return m && m.exact ? o : new RegExp("" + t(m) + e + t(m), "g");
@@ -538,16 +538,16 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       return c && c(null, n), Promise.resolve(n);
     function d(g) {
       var w = [], y = {};
-      function E(C) {
-        if (Array.isArray(C)) {
-          var b;
-          w = (b = w).concat.apply(b, C);
+      function E(b) {
+        if (Array.isArray(b)) {
+          var C;
+          w = (C = w).concat.apply(C, b);
         } else
-          w.push(C);
+          w.push(b);
       }
       for (var m = 0; m < g.length; m++)
         E(g[m]);
-      w.length ? (y = bt(w), c(w, y)) : c(null, n);
+      w.length ? (y = Ct(w), c(w, y)) : c(null, n);
     }
     if (h.messages) {
       var f = this.messages();
@@ -570,7 +570,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       });
     });
     var p = {};
-    return Te(x, h, function(g, w) {
+    return Le(x, 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) {
@@ -579,7 +579,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
           fullFields: y.fullFields ? [].concat(y.fullFields, [R]) : [R]
         });
       }
-      function C(R) {
+      function b(R) {
         R === void 0 && (R = []);
         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));
@@ -597,33 +597,33 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
           }), I = G({}, I, g.rule.fields);
           var v = {};
           Object.keys(I).forEach(function(O) {
-            var M = I[O], L = Array.isArray(M) ? M : [M];
-            v[O] = L.map(m.bind(null, O));
+            var M = I[O], T = Array.isArray(M) ? M : [M];
+            v[O] = T.map(m.bind(null, O));
           });
-          var T = new a(v);
-          T.messages(h.messages), g.rule.options && (g.rule.options.messages = h.messages, g.rule.options.error = h.error), T.validate(g.value, g.rule.options || h, function(O) {
+          var L = new a(v);
+          L.messages(h.messages), g.rule.options && (g.rule.options.messages = h.messages, g.rule.options.error = h.error), L.validate(g.value, g.rule.options || h, function(O) {
             var M = [];
             A && A.length && M.push.apply(M, A), O && O.length && M.push.apply(M, O), w(M.length ? M : null);
           });
         }
       }
-      var b;
+      var C;
       if (y.asyncValidator)
-        b = y.asyncValidator(y, g.value, C, g.source, h);
+        C = y.asyncValidator(y, g.value, b, g.source, h);
       else if (y.validator) {
         try {
-          b = y.validator(y, g.value, C, g.source, h);
+          C = y.validator(y, g.value, b, g.source, h);
         } catch (R) {
           console.error == null || console.error(R), h.suppressValidatorError || setTimeout(function() {
             throw R;
-          }, 0), C(R.message);
+          }, 0), b(R.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);
+        C === !0 ? b() : C === !1 ? b(typeof y.message == "function" ? y.message(y.fullField || y.field) : y.message || (y.fullField || y.field) + " fails") : C instanceof Array ? b(C) : C instanceof Error && b(C.message);
       }
-      b && b.then && b.then(function() {
-        return C();
+      C && C.then && C.then(function() {
+        return b();
       }, function(R) {
-        return C(R);
+        return b(R);
       });
     }, function(g) {
       d(g);
@@ -843,7 +843,7 @@ class se {
   getRightFixedX() {
   }
 }
-class Lt extends se {
+class Tt extends se {
   constructor(e, i, s, r, o, n, h, c, d, f = "body") {
     super(e, r, o, n, h, f, c.fixed);
     l(this, "formatter");
@@ -1048,14 +1048,14 @@ class Lt extends se {
     if (this.cellType === "footer") {
       let y = n, E = o;
       if (typeof r == "function") {
-        const m = r, { backgroundColor: C, color: b } = m({
+        const m = r, { backgroundColor: b, color: C } = m({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        C && (y = C), b && (E = b);
+        b && (y = b), C && (E = C);
       }
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = y, this.drawTextColor = E;
       return;
@@ -1297,7 +1297,7 @@ class Lt 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: x, lineDash: u = [], borderWidth: p = 1, borderColor: g, fillColor: w } = e, y = f[0], E = f[1], m = x[0], C = x[1];
+    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: p = 1, borderColor: g, fillColor: w } = e, y = f[0], E = f[1], m = x[0], b = x[1];
     n >= y && n <= E && o === m && this.ctx.paint.drawLine([h, c, h + r - 2, c], {
       borderColor: g,
       fillColor: w,
@@ -1305,21 +1305,21 @@ class Lt extends se {
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n >= y && n <= E && o === C && this.ctx.paint.drawLine([h, c + d - 1.5, h + r, c + d - 1.5], {
+    }), n >= y && n <= E && o === b && 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: u
-    }), n === y && o >= m && o <= C && this.ctx.paint.drawLine([h, c, h, c + d - 1], {
+    }), n === y && o >= m && o <= b && this.ctx.paint.drawLine([h, c, h, c + d - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === E && o >= m && o <= C && this.ctx.paint.drawLine([h + r - 1.5, c, h + r - 1.5, c + d - 1.5], {
+    }), n === E && o >= m && o <= b && this.ctx.paint.drawLine([h + r - 1.5, c, h + r - 1.5, c + d - 1.5], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
@@ -2049,16 +2049,16 @@ class ni {
           }
         ]
       };
-    let w = e, y = e, E = n, m = n, C = [], b = 0, R = 0, S = 0, A = 0;
+    let w = e, y = e, E = n, m = n, b = [], C = 0, R = 0, S = 0, A = 0;
     if (d !== 1 && p) {
       A = x;
-      const I = h.reduce((v, T) => {
-        const O = this.getItemValue(s, T) ?? "";
+      const I = h.reduce((v, L) => {
+        const O = this.getItemValue(s, L) ?? "";
         return `${v}${O}`;
       }, "");
       for (let v = e - 1; v >= 0; v--) {
-        const T = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, L) => {
-          const N = this.getItemValue(T, L) ?? "";
+        const L = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, T) => {
+          const N = this.getItemValue(L, T) ?? "";
           return `${M}${N}`;
         }, "");
         if (I === O)
@@ -2067,8 +2067,8 @@ class ni {
           break;
       }
       for (let v = e; v <= this.ctx.maxRowIndex; v++) {
-        const T = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, L) => {
-          const N = this.getItemValue(T, L) ?? "";
+        const L = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, T) => {
+          const N = this.getItemValue(L, T) ?? "";
           return `${M}${N}`;
         }, "");
         if (I === O)
@@ -2077,17 +2077,17 @@ class ni {
           break;
       }
       for (let v = w; v < e; v++) {
-        const { height: T } = this.positions[v];
-        b += T;
+        const { height: L } = this.positions[v];
+        C += L;
       }
       for (let v = w; v <= y; v++) {
-        const { height: T } = this.positions[v];
-        S += T;
-        const O = this.rowIndexRowKeyMap.get(v) || "", { item: M } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
-        C.push({
+        const { height: L } = this.positions[v];
+        S += L;
+        const O = this.rowIndexRowKeyMap.get(v) || "", { item: M } = this.rowKeyMap.get(O), T = this.getItemValue(O, i);
+        b.push({
           rowKey: O,
           key: i,
-          value: L,
+          value: T,
           row: M
         });
       }
@@ -2098,8 +2098,8 @@ class ni {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
-        const T = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
-        if (T === O && c.includes(v.key))
+        const L = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
+        if (L === O && c.includes(v.key))
           E = I;
         else
           break;
@@ -2108,8 +2108,8 @@ class ni {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
-        const T = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
-        if (T === O && c.includes(v.key))
+        const L = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
+        if (L === O && c.includes(v.key))
           m = I;
         else
           break;
@@ -2124,7 +2124,7 @@ class ni {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
-        A += v.width || 100, C.push({
+        A += v.width || 100, b.push({
           rowKey: s,
           key: v.key,
           value: this.getItemValue(s, v.key),
@@ -2139,9 +2139,9 @@ class ni {
       colspan: u,
       height: S,
       width: A,
-      offsetTop: b,
+      offsetTop: C,
       offsetLeft: R,
-      dataList: C
+      dataList: b
     };
   }
   setLoading(t) {
@@ -2173,7 +2173,7 @@ class ni {
   // 获取虚拟单元格
   getVirtualBodyCell(t, e) {
     const i = this.getColumnByColIndex(e), s = this.getRowForRowIndex(t);
-    return !i || !s ? void 0 : new Lt(this.ctx, t, e, 0, 0, 0, 0, i, s, "body");
+    return !i || !s ? void 0 : new Tt(this.ctx, t, e, 0, 0, 0, 0, i, s, "body");
   }
   hasMergeCell(t, e) {
     let i = !1;
@@ -2250,9 +2250,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(window, "mousedown", (t) => {
-      this.ctx.containerElement.contains(t.target) || this.ctx.emit("outsideMousedown", t);
-    }), 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));
+    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(window, "blur", this.handleOutsideMousedown.bind(this)), this.bind(window, "mousedown", this.handleOutsideMousedown.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) => {
@@ -2302,6 +2300,9 @@ class li {
   handleDblclick(t) {
     this.ctx.emit("dblclick", t);
   }
+  handleOutsideMousedown(t) {
+    this.ctx.selector.enable && (t.target instanceof Window || t.target instanceof Node && !this.ctx.containerElement.contains(t.target)) && this.ctx.emit("outsideMousedown", t);
+  }
   bind(t, e, i, s) {
     t.addEventListener(e, i, s), this.eventTasks.set(e, i);
   }
@@ -2972,7 +2973,7 @@ 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 Lt && ["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, 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"));
   }
   isBusy(t) {
     const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, r = i;
@@ -3305,11 +3306,7 @@ class Pt {
   }
   onMouseMove(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;
+    if (this.isOnScrollbar(e, i) && t.target === this.ctx.canvasElement ? this.isFocus = !0 : this.isFocus = !1, o === 0 || s == this.clientX && r == this.clientY) return;
     let n = 0;
     if (this.type === "horizontal" ? n = s - this.clientX : n = r - this.clientY, this.isDragging && n !== 0) {
       let h = 0;
@@ -3524,6 +3521,10 @@ class gi {
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
+        if (e.offsetX < 0 || e.offsetX > this.visibleWidth) {
+          this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
+          return;
+        }
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
         const r = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
         for (const o of r) {
@@ -3665,7 +3666,7 @@ class oe {
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
     t.renderLeafCellHeaders.forEach((r) => {
-      const o = new Lt(
+      const o = new Tt(
         this.ctx,
         this.rowIndex,
         r.colIndex,
@@ -3766,13 +3767,13 @@ class wi {
     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 ? 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 = u;
-    const b = window.devicePixelRatio || 1, R = this.ctx.stageWidth * b, S = this.ctx.stageHeight * b;
+    let b = this.ctx.stageHeight - e.height - o;
+    r ? this.visibleHeight = b - w : this.visibleHeight = b, this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = u;
+    const C = window.devicePixelRatio || 1, R = this.ctx.stageWidth * C, S = this.ctx.stageHeight * C;
     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);
+    ), this.ctx.paint.scale(C);
   }
   // 调整行的高度
   initResizeRow() {
@@ -3797,7 +3798,13 @@ class wi {
         let x = n - this.clientY;
         x + f < d && (x = -(f - d)), this.resizeDiff = x, this.ctx.emit("draw");
       } else {
-        if (this.resizeTarget = null, this.isMouseDown || this.ctx.stageElement.style.cursor === "crosshair")
+        if (this.resizeTarget = null, this.isMouseDown)
+          return;
+        if (o < 0 || o > this.ctx.body.visibleWidth || r < 0 || r > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight) {
+          this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
+          return;
+        }
+        if (this.ctx.stageElement.style.cursor === "crosshair")
           return;
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let f = 0; f < this.renderRows.length; f++) {
@@ -4089,17 +4096,17 @@ class yi {
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: x
       } = this.ctx.config, u = n, p = h || this.ctx.maxColIndex - f, g = c, w = d || this.ctx.maxRowIndex - x;
-      let [y, E] = r, [m, C] = o;
-      if (y < u || E > p || m < g || C > w)
+      let [y, E] = r, [m, b] = o;
+      if (y < u || E > p || m < g || b > w)
         return;
       if (this.ctx.stageElement.focus(), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const R = this.adjustMergeCells(r, o);
-        m = R.yArr[0], C = R.yArr[1], y = R.xArr[0], E = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
+        m = R.yArr[0], b = R.yArr[1], y = R.xArr[0], E = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
       }
-      y === E && m === C ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(u, 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 S = b({
+      y === E && m === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(u, y), Math.min(p, E)], o = [Math.max(g, m), Math.min(w, b)];
+      const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
+      if (typeof C == "function") {
+        const S = C({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: o
@@ -4221,6 +4228,8 @@ class yi {
     const { focusCell: e, clickCell: i } = this.ctx;
     if (e && this.isInSettingRange(e.rowIndex, e.colIndex))
       if (this.ctx.selector.enable = !0, i && t) {
+        if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
+          return;
         const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, h = Math.min(o, s), c = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), x = [h, c], u = [d, f];
         this.setSelector(x, u);
       } else {
@@ -4338,10 +4347,10 @@ class yi {
               y
             );
             if (m) {
-              const { rowKey: C, key: b } = m;
-              this.ctx.database.getReadonly(C, b) || (s.add(C), d.push({
-                rowKey: C,
-                key: b,
+              const { rowKey: b, key: C } = m;
+              this.ctx.database.getReadonly(b, C) || (s.add(b), d.push({
+                rowKey: b,
+                key: C,
                 value: E,
                 row: {}
                 //内部有设置
@@ -4472,14 +4481,14 @@ class yi {
     if (!i)
       return;
     p && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: g, drawY: w, width: y, height: E, fixed: m } = i, C = r - g + 1, b = i.drawX + y - (e - s) + 1;
+    const { drawX: g, drawY: w, width: y, height: E, fixed: m } = i, b = r - g + 1, C = i.drawX + y - (e - s) + 1;
     let R = o.height - w, S = E;
     S > h.visibleHeight && (S = h.visibleHeight);
     let A = 0;
     x && (u === "top" ? R = o.height + n.height - w : A = n.visibleHeight);
     const I = w + S - (t - A - f);
-    let v = c, T = d;
-    b > 0 && !m ? v = Math.floor(c + b) : C > 0 && !m && (v = Math.floor(c - C)), R > 0 ? T = Math.floor(d - R) : I > 0 && (T = Math.floor(d + I)), (Math.abs(c - v) > 2 || Math.abs(d - T) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, T), this.ctx.emit("adjustBoundaryPosition", i));
+    let v = c, L = d;
+    C > 0 && !m ? v = Math.floor(c + C) : b > 0 && !m && (v = Math.floor(c - b)), R > 0 ? L = Math.floor(d - R) : I > 0 && (L = Math.floor(d + I)), (Math.abs(c - v) > 2 || Math.abs(d - L) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, L), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4543,10 +4552,10 @@ class mi {
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
       } = this.ctx.config, p = h, g = c || this.ctx.maxColIndex - x, w = d, y = f || this.ctx.maxRowIndex - u;
-      let [E, m] = o, [C, b] = n;
-      if (E < p || C < w)
+      let [E, m] = o, [b, C] = n;
+      if (E < p || b < w)
         return;
-      o = [Math.max(p, E), Math.min(g, m)], n = [Math.max(w, C), Math.min(y, b)];
+      o = [Math.max(p, E), Math.min(g, m)], n = [Math.max(w, b), Math.min(y, C)];
       const { BEFORE_SET_AUTOFILL_METHOD: R } = this.ctx.config;
       if (typeof R == "function") {
         const A = R({
@@ -4585,10 +4594,10 @@ class mi {
       for (let p = 0; p <= n[1] - n[0]; p++) {
         const g = p + n[0], w = u + h[0], y = s[u % 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,
+          const { rowKey: b, key: C } = E;
+          this.ctx.database.getReadonly(b, C) || (t.add(b), d.push({
+            rowKey: b,
+            key: C,
             value: y,
             row: {}
           }));
@@ -4635,7 +4644,7 @@ const rt = Math.min, U = Math.max, ft = Math.round, z = (a) => ({
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ci = {
+}, bi = {
   start: "end",
   end: "start"
 };
@@ -4663,7 +4672,7 @@ function J(a) {
 function Ht(a) {
   return ne(J(a));
 }
-function bi(a, t, e) {
+function Ci(a, t, e) {
   e === void 0 && (e = !1);
   const i = lt(a), s = Ht(a), r = Mt(s);
   let o = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
@@ -4674,7 +4683,7 @@ function vi(a) {
   return [Ot(a), t, Ot(t)];
 }
 function Ot(a) {
-  return a.replace(/start|end/g, (t) => Ci[t]);
+  return a.replace(/start|end/g, (t) => bi[t]);
 }
 function Ri(a, t, e) {
   const i = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
@@ -4802,8 +4811,8 @@ const Oi = async (a, t, e) => {
     } = n[g], {
       x: E,
       y: m,
-      data: C,
-      reset: b
+      data: b,
+      reset: C
     } = await y({
       x: d,
       y: f,
@@ -4822,13 +4831,13 @@ const Oi = async (a, t, e) => {
       ...u,
       [w]: {
         ...u[w],
-        ...C
+        ...b
       }
-    }, b && p <= 50 && (p++, typeof b == "object" && (b.placement && (x = b.placement), b.rects && (c = b.rects === !0 ? await o.getElementRects({
+    }, C && p <= 50 && (p++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (c = C.rects === !0 ? await o.getElementRects({
       reference: a,
       floating: t,
       strategy: s
-    }) : b.rects), {
+    }) : C.rects), {
       x: d,
       y: f
     } = zt(c, x, h)), g = -1);
@@ -4867,23 +4876,23 @@ async function le(a, t) {
     y: s,
     width: o.floating.width,
     height: o.floating.height
-  } : 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)) || {
+  } : o.reference, m = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), b = await (r.isElement == null ? void 0 : r.isElement(m)) ? await (r.getScale == null ? void 0 : r.getScale(m)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, b = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, C = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: n,
     rect: E,
     offsetParent: m,
     strategy: h
   }) : E);
   return {
-    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
+    top: (y.top - C.top + p.top) / b.y,
+    bottom: (C.bottom - y.bottom + p.bottom) / b.y,
+    left: (y.left - C.left + p.left) / b.x,
+    right: (C.right - y.right + p.right) / b.x
   };
 }
 const Si = (a) => ({
@@ -4907,15 +4916,15 @@ const Si = (a) => ({
     const f = ae(d), x = {
       x: e,
       y: i
-    }, u = Ht(s), p = Mt(u), g = await o.getDimensions(c), w = u === "y", y = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", C = r.reference[p] + r.reference[u] - x[u] - r.floating[p], b = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    }, u = Ht(s), p = Mt(u), g = await o.getDimensions(c), w = u === "y", y = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", b = r.reference[p] + r.reference[u] - x[u] - r.floating[p], C = x[u] - r.reference[u], 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 A = C / 2 - b / 2, I = S / 2 - g[p] / 2 - 1, v = rt(f[y], I), T = rt(f[E], I), O = v, M = S - g[p] - T, L = S / 2 - g[p] / 2 + A, N = _t(O, L, M), Y = !h.arrow && lt(s) != null && L !== N && r.reference[p] / 2 - (L < O ? v : T) - g[p] / 2 < 0, K = Y ? L < O ? L - O : L - M : 0;
+    const A = b / 2 - C / 2, I = S / 2 - g[p] / 2 - 1, v = rt(f[y], I), L = rt(f[E], I), O = v, M = S - g[p] - L, T = S / 2 - g[p] / 2 + A, N = _t(O, T, M), Y = !h.arrow && lt(s) != null && T !== N && r.reference[p] / 2 - (T < O ? v : L) - g[p] / 2 < 0, K = Y ? T < O ? T - O : T - M : 0;
     return {
       [u]: x[u] + K,
       data: {
         [u]: N,
-        centerOffset: L - N - K,
+        centerOffset: T - N - K,
         ...Y && {
           alignmentOffset: K
         }
@@ -4947,24 +4956,24 @@ const Si = (a) => ({
       } = at(a, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      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 || !g ? [xt(n)] : vi(n)), R = p !== "none";
-      !x && R && b.push(...Ii(n, g, p, C));
-      const S = [n, ...b], A = await le(t, w), I = [];
+      const y = q(s), E = J(n), m = q(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), C = x || (m || !g ? [xt(n)] : vi(n)), R = p !== "none";
+      !x && R && C.push(...Ii(n, g, p, b));
+      const S = [n, ...C], A = await le(t, w), I = [];
       let v = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (d && I.push(A[y]), f) {
-        const L = bi(s, o, C);
-        I.push(A[L[0]], A[L[1]]);
+        const T = Ci(s, o, b);
+        I.push(A[T[0]], A[T[1]]);
       }
       if (v = [...v, {
         placement: s,
         overflows: I
-      }], !I.every((L) => L <= 0)) {
-        var T, O;
-        const L = (((T = r.flip) == null ? void 0 : T.index) || 0) + 1, N = S[L];
+      }], !I.every((T) => T <= 0)) {
+        var L, O;
+        const T = (((L = r.flip) == null ? void 0 : L.index) || 0) + 1, N = S[T];
         if (N)
           return {
             data: {
-              index: L,
+              index: T,
               overflows: v
             },
             reset: {
@@ -5003,7 +5012,7 @@ const Si = (a) => ({
     }
   };
 };
-async function Ti(a, t) {
+async function Li(a, t) {
   const {
     placement: e,
     platform: i,
@@ -5030,7 +5039,7 @@ async function Ti(a, t) {
     y: u * d
   };
 }
-const Li = function(a) {
+const Ti = function(a) {
   return a === void 0 && (a = 0), {
     name: "offset",
     options: a,
@@ -5041,7 +5050,7 @@ const Li = function(a) {
         y: r,
         placement: o,
         middlewareData: n
-      } = t, h = await Ti(t, a);
+      } = t, h = await Li(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,
@@ -5268,8 +5277,8 @@ function ot(a, t, e, i) {
     const x = F(r), u = i && X(i) ? F(i) : i;
     let p = x, g = At(p);
     for (; g && i && u !== 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 = At(p);
+      const w = Z(g), y = g.getBoundingClientRect(), E = k(g), m = y.left + (g.clientLeft + parseFloat(E.paddingLeft)) * w.x, b = y.top + (g.clientTop + parseFloat(E.paddingTop)) * w.y;
+      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += m, c += b, p = F(g), g = At(p);
     }
   }
   return ut({
@@ -5308,13 +5317,13 @@ function ki(a) {
 function Ni(a) {
   return Array.from(a.getClientRects());
 }
-function Tt(a, t) {
+function Lt(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 + Tt(a);
+  let o = -e.scrollLeft + Lt(a);
   const n = -e.scrollTop;
   return k(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
@@ -5421,12 +5430,12 @@ function zi(a, t, e) {
     if ((tt(t) !== "body" || ht(s)) && (n = pt(t)), i) {
       const u = ot(t, !0, r, t);
       h.x = u.x + t.clientLeft, h.y = u.y + t.clientTop;
-    } else s && (h.x = Tt(s));
+    } else s && (h.x = Lt(s));
   let c = 0, d = 0;
   if (s && !i && !r) {
     const u = s.getBoundingClientRect();
     d = u.top + n.scrollTop, c = u.left + n.scrollLeft - // RTL <body> scrollbar.
-    Tt(s, u);
+    Lt(s, u);
   }
   const f = o.left + n.scrollLeft - h.x - c, x = o.top + n.scrollTop - h.y - d;
   return {
@@ -5491,7 +5500,7 @@ const qi = {
   getScale: Z,
   isElement: X,
   isRTL: Gi
-}, we = Li, pe = Mi, ye = Ai, ji = Si, me = (a, t, e) => {
+}, we = Ti, pe = Mi, ye = Ai, ji = Si, me = (a, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: qi,
     ...e
@@ -5544,10 +5553,10 @@ let Ui = class {
       e && (t.clientX < e.x || t.clientX > e.x + e.width || t.clientY < e.y || t.clientY > e.y + e.height) && this.hide();
     }), this.ctx.on("startEdit", () => {
       this.hide();
-    }), this.ctx.on("visibleCellHoverChange", (t) => {
-      (t.ellipsis || t.message) && this.show(t);
-    }), this.ctx.on("visibleCellMouseleave", () => {
-      this.hide();
+    }), this.ctx.on("visibleCellHoverChange", (t, e) => {
+      this.floatingEl.contains(e.target) || (t.ellipsis || t.message) && this.show(t);
+    }), this.ctx.on("visibleCellMouseleave", (t, e) => {
+      this.floatingEl.contains(e.target) || this.hide();
     });
   }
   show(t) {