e-virt-table 0.0.5 → 0.0.7

package/dist/index.es.js

@@ -186,7 +186,7 @@ function Oe(a, t, e, i, s) {
 function _e(a) {
   return !!(a && a.message !== void 0);
 }
-function Se(a, t) {
+function Te(a, t) {
   for (var e = a, i = 0; i < t.length; i++) {
     if (e == null)
       return e;
@@ -197,7 +197,7 @@ function Se(a, t) {
 function Nt(a, t) {
   return function(e) {
     var i;
-    return a.fullFields ? i = Se(t, a.fullFields) : i = t[e.field || a.fullField], _e(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
+    return a.fullFields ? i = Te(t, a.fullFields) : i = t[e.field || a.fullField], _e(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
       field: e.field || a.fullField
@@ -216,7 +216,7 @@ function Kt(a, t) {
 }
 var Gt = function(t, e, i, s, r, o) {
   t.required && (!i.hasOwnProperty(t.field) || I(e, o || t.type)) && s.push(H(r.messages.required, t.fullField));
-}, Te = function(t, e, i, s, r) {
+}, Se = function(t, e, i, s, r) {
   (/^\s+$/.test(e) || e === "") && s.push(H(r.messages.whitespace, t.fullField));
 }, lt, Le = function() {
   if (lt)
@@ -317,7 +317,7 @@ var Gt = function(t, e, i, s, r, o) {
   }
 }, v = {
   required: Gt,
-  whitespace: Te,
+  whitespace: Se,
   type: Ae,
   range: He,
   enum: Me,
@@ -573,17 +573,17 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     return Oe(x, h, function(g, w) {
       var p = g.rule, E = (p.type === "object" || p.type === "array") && (typeof p.fields == "object" || typeof p.defaultField == "object");
       E = E && (p.required || !p.required && g.value), p.field = g.field;
-      function m(R, T) {
-        return $({}, T, {
+      function m(R, S) {
+        return $({}, S, {
           fullField: p.fullField + "." + R,
           fullFields: p.fullFields ? [].concat(p.fullFields, [R]) : [R]
         });
       }
       function b(R) {
         R === void 0 && (R = []);
-        var T = Array.isArray(R) ? R : [R];
-        !h.suppressWarning && T.length && a.warning("async-validator:", T), T.length && p.message !== void 0 && (T = [].concat(p.message));
-        var L = T.map(Nt(p, n));
+        var S = Array.isArray(R) ? R : [R];
+        !h.suppressWarning && S.length && a.warning("async-validator:", S), S.length && p.message !== void 0 && (S = [].concat(p.message));
+        var L = S.map(Nt(p, n));
         if (h.first && L.length)
           return y[p.field] = 1, w(L);
         if (!E)
@@ -597,13 +597,13 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
           }), A = $({}, A, g.rule.fields);
           var D = {};
           Object.keys(A).forEach(function(O) {
-            var S = A[O], _ = Array.isArray(S) ? S : [S];
+            var T = A[O], _ = Array.isArray(T) ? T : [T];
             D[O] = _.map(m.bind(null, O));
           });
           var B = new a(D);
           B.messages(h.messages), g.rule.options && (g.rule.options.messages = h.messages, g.rule.options.error = h.error), B.validate(g.value, g.rule.options || h, function(O) {
-            var S = [];
-            L && L.length && S.push.apply(S, L), O && O.length && S.push.apply(S, O), w(S.length ? S : null);
+            var T = [];
+            L && L.length && T.push.apply(T, L), O && O.length && T.push.apply(T, O), w(T.length ? T : null);
           });
         }
       }
@@ -1681,6 +1681,8 @@ class Bt {
     // 启用单点击立马编辑
     c(this, "ENABLE_EDIT_TEXT_ENTER", !0);
     // 启用文本编辑器回车键确认
+    c(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
+    // 启用点击选择器编辑
     c(this, "ENABLE_SELECTOR_SINGLE", !1);
     c(this, "ENABLE_SELECTOR_SPAN_COL", !0);
     c(this, "ENABLE_SELECTOR_SPAN_ROW", !0);
@@ -2521,7 +2523,7 @@ class si {
           const d = l.getDrawX(), f = l.getDrawY();
           if (i > d && i < d + l.visibleWidth && e > f && e < f + l.visibleHeight && (this.imageEnterAndLeave(l, t), this.visibleHoverCell !== l && (this.ctx.emit("visibleCellMouseleave", l, t), this.visibleHoverCell = l, this.ctx.emit("visibleCellHoverChange", l, t))), i > d && i < d + l.width && e > f && e < f + l.height) {
             if (this.ctx.emit("cellMouseenter", l, t), this.ctx.hoverCell && this.ctx.hoverCell !== l && this.ctx.emit("cellMouseleave", this.ctx.hoverCell, t), this.ctx.hoverCell === l) return;
-            ((o = this.ctx.hoverCell) == null ? void 0 : o.rowKey) !== l.rowKey && (this.ctx.hoverCell = l, this.ctx.hoverRow = this.ctx.body.renderRows[l.rowIndex], this.ctx.emit("rowHoverChange", this.ctx.hoverRow, l, t), this.ctx.emit("draw")), this.ctx.hoverCell = l, this.ctx.emit("cellHoverChange", l, t);
+            ((o = this.ctx.hoverCell) == null ? void 0 : o.rowKey) !== l.rowKey && (this.ctx.hoverCell = l, this.ctx.hoverRow = this.ctx.body.renderRows.find((x) => x.rowKey === l.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, l, t), this.ctx.emit("draw")), this.ctx.hoverCell = l, this.ctx.emit("cellHoverChange", l, t);
             return;
           }
         }
@@ -2824,35 +2826,15 @@ class Wt {
     return t >= i && t <= i + r && e >= s && e <= s + o;
   }
   isOnScrollbar(t, e) {
-    return this.isPointInElement(
-      t,
-      e,
-      this.barX,
-      this.barY,
-      this.barWidth,
-      this.barHeight
-    );
+    return this.isPointInElement(t, e, this.barX, this.barY, this.barWidth, this.barHeight);
   }
   isOnTrack(t, e) {
-    return this.isPointInElement(
-      t,
-      e,
-      this.trackX,
-      this.trackY,
-      this.trackWidth,
-      this.trackHeight
-    );
+    return this.isPointInElement(t, e, this.trackX, this.trackY, this.trackWidth, this.trackHeight);
   }
   updateScroll(t) {
     t.preventDefault();
     const e = t.deltaX, i = t.deltaY;
-    this.type === "vertical" && t.shiftKey === !1 ? this.scroll = Math.max(0, Math.min(this.scroll + i, this.distance)) : this.type === "horizontal" && (t.shiftKey ? this.scroll = Math.max(
-      0,
-      Math.min(this.scroll + i, this.distance)
-    ) : this.scroll = Math.max(
-      0,
-      Math.min(this.scroll + e, this.distance)
-    ));
+    this.type === "vertical" && t.shiftKey === !1 ? this.scroll = Math.max(0, Math.min(this.scroll + i, this.distance)) : this.type === "horizontal" && (t.shiftKey ? this.scroll = Math.max(0, Math.min(this.scroll + i, this.distance)) : this.scroll = Math.max(0, Math.min(this.scroll + e, this.distance)));
   }
   updatedSize() {
     const {
@@ -2861,12 +2843,7 @@ class Wt {
       config: { SCROLLER_TRACK_SIZE: i = 0, SCROLLER_SIZE: s = 0 }
     } = this.ctx, r = this.ctx.target.width + 1, o = this.ctx.target.height, n = e.height, h = e.width, l = t.height, d = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = o - i - n, this.distance = l - this.visibleDistance + d, this.trackX = r - i, this.trackY = 0, this.splitPoints = [
-        this.trackX,
-        n,
-        this.trackX + i,
-        n
-      ], this.trackWidth = i, this.trackHeight = o, this.barX = this.trackX + (i - s) / 2, this.barWidth = s;
+      this.visibleDistance = o - i - n, this.distance = l - this.visibleDistance + d, this.trackX = r - i, this.trackY = 0, this.splitPoints = [this.trackX, n, this.trackX + i, n], this.trackWidth = i, this.trackHeight = o, this.barX = this.trackX + (i - s) / 2, this.barWidth = s;
       const f = this.distance ? this.visibleDistance / l : 0;
       let x = Math.floor(f * this.visibleDistance);
       x < 30 ? x = 30 : x > this.visibleDistance && (x = 0), this.barHeight = x, this.barY = n + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
@@ -2884,32 +2861,15 @@ class Wt {
   }
   draw() {
     const {
-      config: {
-        SCROLLER_FOCUS_COLOR: t,
-        SCROLLER_COLOR: e,
-        BORDER_COLOR: i,
-        SCROLLER_TRACK_COLOR: s
-      }
+      config: { SCROLLER_FOCUS_COLOR: t, SCROLLER_COLOR: e, BORDER_COLOR: i, SCROLLER_TRACK_COLOR: s }
     } = this.ctx;
-    this.updatedSize(), this.ctx.paint.drawRect(
-      this.trackX,
-      this.trackY,
-      this.trackWidth,
-      this.trackHeight,
-      {
-        borderColor: i,
-        fillColor: s
-      }
-    ), this.ctx.paint.drawRect(
-      this.barX,
-      this.barY,
-      this.barWidth,
-      this.barHeight,
-      {
-        fillColor: this.isFocus || this.isDragging ? t : e,
-        radius: 4
-      }
-    ), this.splitPoints.length > 0 && this.ctx.paint.drawLine(this.splitPoints, {
+    this.updatedSize(), this.ctx.paint.drawRect(this.trackX, this.trackY, this.trackWidth, this.trackHeight, {
+      borderColor: i,
+      fillColor: s
+    }), this.ctx.paint.drawRect(this.barX, this.barY, this.barWidth, this.barHeight, {
+      fillColor: this.isFocus || this.isDragging ? t : e,
+      radius: 4
+    }), this.splitPoints.length > 0 && this.ctx.paint.drawLine(this.splitPoints, {
       borderColor: i,
       borderWidth: 1
     }), this.ctx.scrollerFocus = this.isFocus;
@@ -2943,7 +2903,7 @@ class oi {
   draw() {
     this.verticalScrollbar.draw(), this.horizontalScrollbar.draw();
     const t = Math.floor(this.horizontalScrollbar.scroll), e = Math.floor(this.verticalScrollbar.scroll);
-    (t !== this.ctx.scrollX || e !== this.ctx.scrollY) && (this.ctx.scrollX = t, this.ctx.scrollY = e, this.ctx.emit("draw"), this.ctx.emit("onScroll", t, e), t !== this.ctx.scrollX && this.ctx.emit("onScrollX", t), e !== this.ctx.scrollY && this.ctx.emit("onScrollY", e));
+    (t !== this.ctx.scrollX || e !== this.ctx.scrollY) && (this.ctx.emit("onScroll", t, e), t !== this.ctx.scrollX && this.ctx.emit("onScrollX", t), e !== this.ctx.scrollY && this.ctx.emit("onScrollY", e), this.ctx.scrollX = t, this.ctx.scrollY = e, this.ctx.emit("draw"));
   }
   setScroll(t, e) {
     this.horizontalScrollbar.scroll = t, this.verticalScrollbar.scroll = e, this.ctx.emit("draw");
@@ -2959,9 +2919,7 @@ class oi {
     i && this.setScrollX(i.x - e.visibleWidth / 2);
   }
   scrollToColIndex(t) {
-    const { header: e } = this.ctx, i = e.leafCellHeaders.find(
-      (s) => s.colIndex === t
-    );
+    const { header: e } = this.ctx, i = e.leafCellHeaders.find((s) => s.colIndex === t);
     i && i.x > e.visibleWidth / 2 && this.setScrollX(i.x - e.visibleWidth / 2);
   }
   scrollToRowIndex(t) {
@@ -3342,9 +3300,11 @@ class ai {
       config: { ENABLE_RESIZE_ROW: t }
     } = this.ctx;
     t && (this.ctx.on("mouseup", () => {
-      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeRow(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.resizeDiff = 0, this.isResizing = !1, this.ctx.rowResizing = !1, this.offsetY = 0;
+      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeRow(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.resizeDiff = 0, this.isResizing = !1, setTimeout(() => {
+        this.ctx.rowResizing = !1;
+      }, 0), this.offsetY = 0;
     }), this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e.target) && (this.offsetY = e.offsetY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
+      this.ctx.isTarget(e.target) && (this.offsetY = e.offsetY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const i = e.offsetY, s = e.offsetX, {
@@ -4274,9 +4234,9 @@ const mi = (a) => ({
       x: e,
       y: i
     }, u = Mt(s), y = Ht(u), g = await o.getDimensions(l), w = u === "y", p = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", b = r.reference[y] + r.reference[u] - x[u] - r.floating[y], C = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l));
-    let T = R ? R[m] : 0;
-    (!T || !await (o.isElement == null ? void 0 : o.isElement(R))) && (T = n.floating[m] || r.floating[y]);
-    const L = b / 2 - C / 2, A = T / 2 - g[y] / 2 - 1, D = rt(f[p], A), B = rt(f[E], A), O = D, S = T - g[y] - B, _ = T / 2 - g[y] / 2 + L, G = Ot(O, _, S), K = !h.arrow && ct(s) != null && _ !== G && r.reference[y] / 2 - (_ < O ? D : B) - g[y] / 2 < 0, X = K ? _ < O ? _ - O : _ - S : 0;
+    let S = R ? R[m] : 0;
+    (!S || !await (o.isElement == null ? void 0 : o.isElement(R))) && (S = n.floating[m] || r.floating[y]);
+    const L = b / 2 - C / 2, A = S / 2 - g[y] / 2 - 1, D = rt(f[p], A), B = rt(f[E], A), O = D, T = S - g[y] - B, _ = S / 2 - g[y] / 2 + L, G = Ot(O, _, T), K = !h.arrow && ct(s) != null && _ !== G && r.reference[y] / 2 - (_ < O ? D : B) - g[y] / 2 < 0, X = K ? _ < O ? _ - O : _ - T : 0;
     return {
       [u]: x[u] + X,
       data: {
@@ -4315,7 +4275,7 @@ const mi = (a) => ({
         return {};
       const p = q(s), E = J(n), m = q(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(l.floating)), C = x || (m || !g ? [xt(n)] : ui(n)), R = y !== "none";
       !x && R && C.push(...wi(n, g, y, b));
-      const T = [n, ...C], L = await re(t, w), A = [];
+      const S = [n, ...C], L = await re(t, w), A = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (d && A.push(L[p]), f) {
         const _ = xi(s, o, b);
@@ -4326,7 +4286,7 @@ const mi = (a) => ({
         overflows: A
       }], !A.every((_) => _ <= 0)) {
         var B, O;
-        const _ = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = T[_];
+        const _ = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = S[_];
         if (G)
           return {
             data: {
@@ -4341,8 +4301,8 @@ const mi = (a) => ({
         if (!K)
           switch (u) {
             case "bestFit": {
-              var S;
-              const X = (S = D.filter((W) => {
+              var T;
+              const X = (T = D.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
                   return P === E || // Create a bias to the `y` side axis due to horizontal
@@ -4350,7 +4310,7 @@ const mi = (a) => ({
                   P === "y";
                 }
                 return !0;
-              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, we) => P + we, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : S[0];
+              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, we) => P + we, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : T[0];
               X && (K = X);
               break;
             }
@@ -4571,17 +4531,17 @@ function ne(a) {
   const t = z(a);
   return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && ht(t) ? t : ne(t);
 }
-function St(a, t, e) {
+function Tt(a, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
   const s = ne(a), r = s === ((i = a.ownerDocument) == null ? void 0 : i.body), o = M(s);
   if (r) {
-    const n = Tt(o);
-    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], n && e ? St(n) : []);
+    const n = St(o);
+    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], n && e ? Tt(n) : []);
   }
-  return t.concat(s, St(s, [], e));
+  return t.concat(s, Tt(s, [], e));
 }
-function Tt(a) {
+function St(a) {
   return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
 }
 function ae(a) {
@@ -4632,10 +4592,10 @@ function ot(a, t, e, i) {
   let h = (s.left + n.x) / o.x, l = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
     const x = M(r), u = i && k(i) ? M(i) : i;
-    let y = x, g = Tt(y);
+    let y = x, g = St(y);
     for (; g && i && u !== y; ) {
       const w = Z(g), p = g.getBoundingClientRect(), E = F(g), m = p.left + (g.clientLeft + parseFloat(E.paddingLeft)) * w.x, b = p.top + (g.clientTop + parseFloat(E.paddingTop)) * w.y;
-      h *= w.x, l *= w.y, d *= w.x, f *= w.y, h += m, l += b, y = M(g), g = Tt(y);
+      h *= w.x, l *= w.y, d *= w.x, f *= w.y, h += m, l += b, y = M(g), g = St(y);
     }
   }
   return ut({
@@ -4645,7 +4605,7 @@ function ot(a, t, e, i) {
     y: l
   });
 }
-function Si(a) {
+function Ti(a) {
   let {
     elements: t,
     rect: e,
@@ -4671,7 +4631,7 @@ function Si(a) {
     y: e.y * l.y - h.scrollTop * l.y + d.y
   };
 }
-function Ti(a) {
+function Si(a) {
   return Array.from(a.getClientRects());
 }
 function Lt(a, t) {
@@ -4739,7 +4699,7 @@ function Mi(a, t) {
   const e = t.get(a);
   if (e)
     return e;
-  let i = St(a, [], !1).filter((n) => k(n) && tt(n) !== "body"), s = null;
+  let i = Tt(a, [], !1).filter((n) => k(n) && tt(n) !== "body"), s = null;
   const r = F(a).position === "fixed";
   let o = r ? z(a) : a;
   for (; k(o) && !Q(o); ) {
@@ -4847,12 +4807,12 @@ function Ni(a) {
   return F(a).direction === "rtl";
 }
 const Ki = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Si,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ti,
   getDocumentElement: Y,
   getClippingRect: Di,
   getOffsetParent: de,
   getElementRects: Xi,
-  getClientRects: Ti,
+  getClientRects: Si,
   getDimensions: ki,
   getScale: Z,
   isElement: k,
@@ -5093,11 +5053,28 @@ class Wi {
     s !== i && !(s === "" && i === null) && this.ctx.database.setItemValue(t, e, s, !0, !0, !0), this.inputEl.textContent = null, this.editorEl.style.left = "-10000px", this.editorEl.style.top = "-10000px";
   }
   startEdit() {
-    const t = this.ctx.focusCell;
-    if (!t || ["index", "index-selection", "selection"].includes(t.type) || this.enable)
+    const { ENABLE_EDIT_CLICK_SELECTOR: t } = this.ctx.config;
+    if (!t)
+      return;
+    const e = this.ctx.focusCell;
+    if (!e || ["index", "index-selection", "selection"].includes(e.type) || this.enable)
       return;
-    const { rowKey: e, key: i } = t, s = this.ctx.database.getReadonly(e, i);
-    t && !s && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = t, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+    const { rowKey: i, key: s } = e, r = this.ctx.database.getReadonly(i, s);
+    e && !r && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = e, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+  }
+  editCell(t, e) {
+    const i = this.ctx.body.renderRows.find((l) => l.rowIndex === t);
+    if (!i)
+      return;
+    const s = i.cells.find((l) => l.colIndex === e);
+    if (!s)
+      return;
+    this.ctx.emit("setSelectorCell", s);
+    const r = this.ctx.focusCell;
+    if (!r || ["index", "index-selection", "selection"].includes(r.type) || this.enable)
+      return;
+    const { rowKey: o, key: n } = r, h = this.ctx.database.getReadonly(o, n);
+    r && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
     this.enable && this.cellTarget && (this.ctx.emit("doneEdit", this.cellTarget), this.doneEditByInput(), this.enable = !1, this.ctx.target.focus(), this.ctx.editing = !1, this.cellTarget = null, this.ctx.emit("draw"));
@@ -5469,6 +5446,9 @@ class Gi {
   filterMethod(t) {
     this.ctx.setScrollY(0), this.ctx.setScrollX(0), this.ctx.database.init(), this.ctx.database.setFilterMethod(t), this.ctx.emit("draw");
   }
+  editCell(t, e) {
+    this.editor.editCell(t, e);
+  }
   setItemValue(t, e, i, s = !0, r = !0, o = !1) {
     this.ctx.database.setItemValue(t, e, i, s, r, o);
   }