e-virt-table 0.0.11 → 0.0.13

package/dist/index.es.js

@@ -378,7 +378,7 @@ var Ut = function(t, e, i, s, o, r) {
     v.required(t, e, s, r, o), e !== void 0 && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
   }
   i(r);
-}, Ve = function(t, e, i, s, o) {
+}, ze = function(t, e, i, s, o) {
   var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (e == null && !t.required)
@@ -386,7 +386,7 @@ var Ut = function(t, e, i, s, o, r) {
     v.required(t, e, s, r, o, "array"), e != null && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
   }
   i(r);
-}, ze = function(t, e, i, s, o) {
+}, Ve = function(t, e, i, s, o) {
   var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
@@ -448,8 +448,8 @@ var Ut = function(t, e, i, s, o, r) {
   regexp: Be,
   integer: We,
   float: Pe,
-  array: Ve,
-  object: ze,
+  array: ze,
+  object: Ve,
   enum: qe,
   pattern: Ge,
   date: je,
@@ -2816,7 +2816,7 @@ class li {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class Vt {
+class zt {
   constructor(t, e) {
     c(this, "ctx");
     c(this, "type");
@@ -2847,6 +2847,10 @@ class Vt {
     this.updateScroll(t);
   }
   onMouseDown(t) {
+    if (!(t.target instanceof HTMLCanvasElement) || !this.ctx.isTarget(t.target))
+      return;
+    if (this.ctx.target.style.cursor === "row-resize" || this.ctx.target.style.cursor === "col-resize")
+      return !0;
     const { offsetX: e, offsetY: i, clientX: s, clientY: o } = t;
     if (!(s == this.clientX && o == this.clientY)) {
       if (this.isOnScrollbar(e, i))
@@ -2926,7 +2930,7 @@ class hi {
     c(this, "ctx");
     c(this, "verticalScrollbar");
     c(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new Vt(t, "vertical"), this.horizontalScrollbar = new Vt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
+    this.ctx = t, this.verticalScrollbar = new zt(t, "vertical"), this.horizontalScrollbar = new zt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
     }), this.ctx.on("setScrollX", (e) => {
       this.setScrollX(e);
@@ -2995,7 +2999,7 @@ class di {
     // 调整列的数量
     c(this, "isResizing", !1);
     // 是否移动中
-    c(this, "offsetX", 0);
+    c(this, "clientX", 0);
     // 鼠标按下时的x轴位置
     c(this, "resizeDiff", 0);
     // 是否移动中
@@ -3048,9 +3052,9 @@ class di {
       config: { ENABLE_RESIZE_COLUMN: t }
     } = this.ctx;
     t && (this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e.target) && (this.offsetX = e.offsetX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
+      this.ctx.isTarget(e.target) && (this.clientX = e.clientX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
     }), this.ctx.on("mouseup", () => {
-      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeColumn(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.isResizing = !1, this.ctx.columnResizing = !1, this.offsetX = 0;
+      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeColumn(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.isResizing = !1, this.ctx.columnResizing = !1, this.clientX = 0;
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const {
@@ -3059,7 +3063,7 @@ class di {
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
         const o = this.resizeTarget.width;
-        let r = e.offsetX - this.offsetX;
+        let r = e.clientX - this.clientX;
         r + o < s && (r = -(o - s)), this.resizeDiff = r, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
@@ -3246,7 +3250,7 @@ class fi {
     // 是否按下
     c(this, "resizeDiff", 0);
     // 是否移动中
-    c(this, "offsetY", 0);
+    c(this, "clientY", 0);
     // 鼠标按下时的y轴位置
     c(this, "ctx");
     c(this, "x", 0);
@@ -3320,30 +3324,30 @@ class fi {
     t && (this.ctx.on("mouseup", () => {
       this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeRow(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.resizeDiff = 0, this.isResizing = !1, setTimeout(() => {
         this.ctx.rowResizing = !1;
-      }, 0), this.offsetY = 0;
+      }, 0), this.clientY = 0;
     }), this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e.target) && (this.offsetY = e.offsetY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
+      this.ctx.isTarget(e.target) && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
-      const i = e.offsetY, s = e.offsetX, {
-        target: o,
-        scrollY: r,
-        config: { RESIZE_ROW_MIN_HEIGHT: n = 0 }
+      const i = e.offsetY, s = e.offsetX, o = e.clientY, {
+        target: r,
+        scrollY: n,
+        config: { RESIZE_ROW_MIN_HEIGHT: l = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const l = this.resizeTarget.height;
-        let h = i - this.offsetY;
-        h + l < n && (h = -(l - n)), this.resizeDiff = h, this.ctx.emit("draw");
+        const h = this.resizeTarget.height;
+        let f = o - this.clientY;
+        f + h < l && (f = -(h - l)), this.resizeDiff = f, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown || this.ctx.target.style.cursor === "crosshair")
           return;
         this.ctx.target.style.cursor === "row-resize" && (this.ctx.target.style.cursor = "default");
-        for (let l = 0; l < this.renderRows.length; l++) {
-          const h = this.renderRows[l];
-          if (i > h.y - r + h.height - 1.5 && i < h.y - r + h.height + 1.5 && i < o.height - 4)
-            for (let d = 0; d < h.cells.length; d++) {
-              const x = h.cells[d];
-              s > x.drawX + 10 && s < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = h);
+        for (let h = 0; h < this.renderRows.length; h++) {
+          const f = this.renderRows[h];
+          if (i > f.y - n + f.height - 1.5 && i < f.y - n + f.height + 1.5 && i < r.height - 4)
+            for (let x = 0; x < f.cells.length; x++) {
+              const u = f.cells[x];
+              s > u.drawX + 10 && s < u.drawX + u.width - 10 && u.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = f);
             }
         }
       }
@@ -3618,7 +3622,7 @@ class ui {
     }
   }
   selectCols(t) {
-    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_ROWS || this.ctx.autofillMove || this.ctx.columnResizing)
+    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_ROWS || this.ctx.autofillMove || this.ctx.columnResizing || this.ctx.editing)
       return;
     if (t.operation) {
       this.selectAll();
@@ -3640,7 +3644,7 @@ class ui {
     }
   }
   selectAll() {
-    if (this.ctx.autofillMove)
+    if (this.ctx.autofillMove || this.ctx.editing)
       return;
     const { ENABLE_SELECTOR_ALL_ROWS: t, ENABLE_SELECTOR_ALL_COLS: e } = this.ctx.config;
     if (t && e) {
@@ -3649,7 +3653,7 @@ class ui {
     }
   }
   selectRows(t, e = !0) {
-    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_COLS || this.ctx.autofillMove)
+    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_COLS || this.ctx.autofillMove || this.ctx.editing)
       return;
     const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s } = this.ctx.config, o = s || this.ctx.maxColIndex, r = i;
     if (e) {
@@ -3669,7 +3673,7 @@ class ui {
     }
   }
   mouseenter() {
-    if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
+    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || this.ctx.editing)
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
@@ -3973,7 +3977,7 @@ class gi {
   destroy() {
   }
 }
-const rt = Math.min, U = Math.max, ft = Math.round, V = (a) => ({
+const rt = Math.min, U = Math.max, ft = Math.round, z = (a) => ({
   x: a,
   y: a
 }), wi = {
@@ -4078,7 +4082,7 @@ function ut(a) {
     y: e
   };
 }
-function zt(a, t, e) {
+function Vt(a, t, e) {
   let {
     reference: i,
     floating: s
@@ -4140,7 +4144,7 @@ const vi = async (a, t, e) => {
   }), {
     x: f,
     y: d
-  } = zt(h, i, l), x = i, u = {}, y = 0;
+  } = Vt(h, i, l), x = i, u = {}, y = 0;
   for (let g = 0; g < n.length; g++) {
     const {
       name: w,
@@ -4177,7 +4181,7 @@ const vi = async (a, t, e) => {
     }) : C.rects), {
       x: f,
       y: d
-    } = zt(h, x, l)), g = -1);
+    } = Vt(h, x, l)), g = -1);
   }
   return {
     x: f,
@@ -4507,13 +4511,13 @@ function Dt(a) {
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
 function Li(a) {
-  let t = z(a);
+  let t = V(a);
   for (; N(t) && !Q(t); ) {
     if (Dt(t))
       return t;
     if (wt(t))
       return null;
-    t = z(t);
+    t = V(t);
   }
   return null;
 }
@@ -4535,7 +4539,7 @@ function pt(a) {
     scrollTop: a.scrollY
   };
 }
-function z(a) {
+function V(a) {
   if (tt(a) === "html")
     return a;
   const t = (
@@ -4548,7 +4552,7 @@ function z(a) {
   return $t(t) ? t.host : t;
 }
 function ce(a) {
-  const t = z(a);
+  const t = V(a);
   return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && lt(t) ? t : ce(t);
 }
 function St(a, t, e) {
@@ -4580,7 +4584,7 @@ function he(a) {
 function Z(a) {
   const t = he(a);
   if (!N(t))
-    return V(1);
+    return z(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
@@ -4592,7 +4596,7 @@ function Z(a) {
     y: n
   };
 }
-const Ai = /* @__PURE__ */ V(0);
+const Ai = /* @__PURE__ */ z(0);
 function de(a) {
   const t = H(a);
   return !Xt() || !t.visualViewport ? Ai : {
@@ -4606,9 +4610,9 @@ function Mi(a, t, e) {
 function ot(a, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = a.getBoundingClientRect(), o = he(a);
-  let r = V(1);
+  let r = z(1);
   t && (i ? X(i) && (r = Z(i)) : r = Z(a));
-  const n = Mi(o, e, i) ? de(o) : V(0);
+  const n = Mi(o, e, i) ? de(o) : z(0);
   let l = (s.left + n.x) / r.x, h = (s.top + n.y) / r.y, f = s.width / r.x, d = s.height / r.y;
   if (o) {
     const x = H(o), u = i && X(i) ? H(i) : i;
@@ -4638,8 +4642,8 @@ function Hi(a) {
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, h = V(1);
-  const f = V(0), d = N(i);
+  }, h = z(1);
+  const f = z(0), d = N(i);
   if ((d || !d && !o) && ((tt(i) !== "body" || lt(r)) && (l = pt(i)), N(i))) {
     const x = ot(i);
     h = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
@@ -4685,7 +4689,7 @@ function ki(a, t) {
   };
 }
 function Fi(a, t) {
-  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, o = N(a) ? Z(a) : V(1), r = a.clientWidth * o.x, n = a.clientHeight * o.y, l = s * o.x, h = i * o.y;
+  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, o = N(a) ? Z(a) : z(1), r = a.clientWidth * o.x, n = a.clientHeight * o.y, l = s * o.x, h = i * o.y;
   return {
     width: r,
     height: n,
@@ -4712,7 +4716,7 @@ function qt(a, t, e) {
   return ut(i);
 }
 function fe(a, t) {
-  const e = z(a);
+  const e = V(a);
   return e === t || !X(e) || Q(e) ? !1 : k(e).position === "fixed" || fe(e, t);
 }
 function Ni(a, t) {
@@ -4721,10 +4725,10 @@ function Ni(a, t) {
     return e;
   let i = St(a, [], !1).filter((n) => X(n) && tt(n) !== "body"), s = null;
   const o = k(a).position === "fixed";
-  let r = o ? z(a) : a;
+  let r = o ? V(a) : a;
   for (; X(r) && !Q(r); ) {
     const n = k(r), l = Dt(r);
-    !l && n.position === "fixed" && (s = null), (o ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(r) && !l && fe(a, r)) ? i = i.filter((f) => f !== r) : s = n, r = z(r);
+    !l && n.position === "fixed" && (s = null), (o ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(r) && !l && fe(a, r)) ? i = i.filter((f) => f !== r) : s = n, r = V(r);
   }
   return t.set(a, i), i;
 }
@@ -4762,7 +4766,7 @@ function Bi(a, t, e) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = V(0);
+  const l = z(0);
   if (i || !i && !o)
     if ((tt(t) !== "body" || lt(s)) && (n = pt(t)), i) {
       const u = ot(t, !0, o, t);
@@ -4798,11 +4802,11 @@ function xe(a, t) {
   if (wt(a))
     return e;
   if (!N(a)) {
-    let s = z(a);
+    let s = V(a);
     for (; s && !Q(s); ) {
       if (X(s) && !mt(s))
         return s;
-      s = z(s);
+      s = V(s);
     }
     return e;
   }
@@ -4826,7 +4830,7 @@ const Wi = async function(a) {
 function Pi(a) {
   return k(a).direction === "rtl";
 }
-const Vi = {
+const zi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
   getDocumentElement: K,
   getClippingRect: Yi,
@@ -4837,9 +4841,9 @@ const Vi = {
   getScale: Z,
   isElement: X,
   isRTL: Pi
-}, ue = Oi, ge = Si, we = Ii, zi = Ri, pe = (a, t, e) => {
+}, ue = Oi, ge = Si, we = Ii, Vi = Ri, pe = (a, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: Vi,
+    platform: zi,
     ...e
   }, o = {
     ...s.platform,
@@ -4920,7 +4924,7 @@ let $i = class {
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [ge(), we(), ue(6), zi({ element: this.arrowEl })]
+      middleware: [ge(), we(), ue(6), Vi({ element: this.arrowEl })]
     }).then((n) => {
       const { x: l, y: h, placement: f, middlewareData: d } = n;
       if (Object.assign(this.floatingEl.style, {