e-virt-table 1.2.0 → 1.2.1

package/dist/index.es.js

@@ -149,7 +149,7 @@ function Ae(a) {
     t.push.apply(t, a[e] || []);
   }), t;
 }
-var Ft = /* @__PURE__ */ function(a) {
+var Bt = /* @__PURE__ */ function(a) {
   Re(t, a);
   function t(e, i) {
     var s;
@@ -161,7 +161,7 @@ function Te(a, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, g) {
       var p = function(y) {
-        return i(y), y.length ? g(new Ft(y, bt(y))) : x(s);
+        return i(y), y.length ? g(new Bt(y, bt(y))) : x(s);
       }, u = Ae(a);
       Xt(u, 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, g) {
     var p = function(w) {
       if (d.push.apply(d, w), c++, c === h)
-        return i(d), d.length ? g(new Ft(d, bt(d))) : x(s);
+        return i(d), d.length ? g(new Bt(d, bt(d))) : x(s);
     };
     n.length || (i(d), x(s)), n.forEach(function(u) {
       var w = a[u];
@@ -194,7 +194,7 @@ function He(a, t) {
   }
   return e;
 }
-function Bt(a, t) {
+function Ft(a, t) {
   return function(e) {
     var i;
     return a.fullFields ? i = He(t, a.fullFields) : i = t[e.field || a.fullField], Me(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
@@ -299,12 +299,12 @@ var Zt = function(t, e, i, s, r, o) {
   }
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
   o.indexOf(n) > -1 ? et[n](e) || s.push(D(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(D(r.messages.types[n], t.fullField, t.type));
-}, Fe = function(t, e, i, s, r) {
+}, Be = function(t, e, i, s, r) {
   var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", g = typeof e == "string", p = Array.isArray(e);
   if (x ? f = "number" : g ? f = "string" : p && (f = "array"), !f)
     return !1;
   p && (d = e.length), g && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(D(r.messages[f].len, t.fullField, t.len)) : n && !h && d < t.min ? s.push(D(r.messages[f].min, t.fullField, t.min)) : h && !n && d > t.max ? s.push(D(r.messages[f].max, t.fullField, t.max)) : n && h && (d < t.min || d > t.max) && s.push(D(r.messages[f].range, t.fullField, t.min, t.max));
-}, j = "enum", Be = function(t, e, i, s, r) {
+}, j = "enum", Fe = function(t, e, i, s, r) {
   t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(D(r.messages[j], t.fullField, t[j].join(", ")));
 }, ke = function(t, e, i, s, r) {
   if (t.pattern) {
@@ -319,8 +319,8 @@ var Zt = function(t, e, i, s, r, o) {
   required: Zt,
   whitespace: De,
   type: Xe,
-  range: Fe,
-  enum: Be,
+  range: Be,
+  enum: Fe,
   pattern: ke
 }, Ke = function(t, e, i, s, r) {
   var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
@@ -583,14 +583,14 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         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 S = O.map(Bt(y, n));
+        var S = O.map(Ft(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 ? S = [].concat(y.message).map(Bt(y, n)) : h.error && (S = [h.error(y, D(h.messages.required, y.field))]), w(S);
+            return y.message !== void 0 ? S = [].concat(y.message).map(Ft(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;
@@ -2175,8 +2175,8 @@ class ai {
       }, "");
       for (let R = e - 1; R >= 0; R--) {
         const A = this.rowIndexRowKeyMap.get(R) || "", L = h.reduce((M, T) => {
-          const B = this.getItemValue(A, T) ?? "";
-          return `${M}${B}`;
+          const F = this.getItemValue(A, T) ?? "";
+          return `${M}${F}`;
         }, "");
         if (I === L)
           w = R;
@@ -2185,8 +2185,8 @@ class ai {
       }
       for (let R = e; R <= this.ctx.maxRowIndex; R++) {
         const A = this.rowIndexRowKeyMap.get(R) || "", L = h.reduce((M, T) => {
-          const B = this.getItemValue(A, T) ?? "";
-          return `${M}${B}`;
+          const F = this.getItemValue(A, T) ?? "";
+          return `${M}${F}`;
         }, "");
         if (I === L)
           y = R;
@@ -2372,7 +2372,7 @@ class hi {
     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, "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));
+    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), { passive: !1 }), this.bind(this.ctx.stageElement, "touchstart", this.handleTouchstart.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchend", this.handleTouchend.bind(this)), this.bind(this.ctx.stageElement, "touchmove", this.handleTouchmove.bind(this), { passive: !1 }), 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) => {
@@ -2854,24 +2854,30 @@ class fi {
     for (let e = 0; e < this.ctx.config.ICONS.length; e++) {
       const i = this.ctx.config.ICONS[e];
       let s = i.color;
-      const r = this.createImageFromSVG(i.svg, s).then((o) => {
+      const r = this.createImageFromSVG(i.svg, s, i.isBlob).then((o) => {
         this.icons.set(i.name, o);
       });
       t.push(r);
     }
     await Promise.all(t), this.ctx.emit("draw");
   }
-  async createImageFromSVG(t, e) {
-    const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && r.querySelectorAll("*").forEach((c) => {
+  async createImageFromSVG(t, e, i = !1) {
+    const o = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
+    e && o.querySelectorAll("*").forEach((c) => {
       c.setAttribute("fill", e);
     });
-    const o = new Image(), n = new Blob([new XMLSerializer().serializeToString(r)], {
-      type: "image/svg+xml"
-    }), h = URL.createObjectURL(n);
-    return o.src = h, new Promise((c, d) => {
-      o.onerror = () => d(new Error("Failed to load image")), o.onload = () => {
-        c(o);
+    const n = new Image();
+    let h = "";
+    if (i) {
+      const c = new Blob([new XMLSerializer().serializeToString(o)], {
+        type: "image/svg+xml"
+      });
+      h = URL.createObjectURL(c);
+    } else
+      h = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(o));
+    return n.src = h, new Promise((c, d) => {
+      n.onerror = () => d(new Error("Failed to load image")), n.onload = () => {
+        c(n);
       };
     });
   }
@@ -3927,32 +3933,32 @@ class pi {
     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";
+    let w = this.height + e.height + o;
+    w += u;
+    let y = w;
+    const E = window.innerHeight, { top: m } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (E > m && d && !n) {
+      const R = E - m - f;
+      R > e.height + o ? y = R : w > c && (y = c);
+    } else this.data.length && n ? y = n : this.data.length && c && w > c && (y = c);
+    y > 0 && (this.ctx.stageHeight = Math.floor(y), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
+    let C = this.ctx.stageHeight - e.height - o;
+    r ? this.visibleHeight = C - u : this.visibleHeight = C, this.data.length || (this.height = this.visibleHeight), 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, v = this.ctx.stageWidth * b, O = this.ctx.stageHeight * b;
+    t.width = Math.floor(v), t.height = Math.floor(O);
+    const S = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: w,
-      type: w,
+      isEmpty: S,
+      type: S,
       headerHeight: e.height,
       bodyHeight: this.height,
       footerHeight: u,
       width: this.width,
       height: this.data.length ? 0 : h + u
-    });
-    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(
+    }), this.ctx.canvasElement.setAttribute(
       "style",
       ` height:${this.ctx.stageHeight}px;width:${this.ctx.stageWidth}px;`
-    ), this.ctx.paint.scale(v);
+    ), this.ctx.paint.scale(b);
   }
   // 调整行的高度
   initResizeRow() {
@@ -5121,12 +5127,12 @@ const Li = (a) => ({
     }, 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, B = _t(L, T, M), Y = !h.arrow && lt(s) != null && T !== B && r.reference[p] / 2 - (T < L ? R : A) - u[p] / 2 < 0, k = Y ? T < L ? T - L : T - M : 0;
+    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, F = _t(L, T, M), Y = !h.arrow && lt(s) != null && T !== F && r.reference[p] / 2 - (T < L ? R : A) - u[p] / 2 < 0, k = Y ? T < L ? T - L : T - M : 0;
     return {
       [g]: x[g] + k,
       data: {
-        [g]: B,
-        centerOffset: T - B - k,
+        [g]: F,
+        centerOffset: T - F - k,
         ...Y && {
           alignmentOffset: k
         }
@@ -5171,15 +5177,15 @@ const Li = (a) => ({
         overflows: I
       }], !I.every((T) => T <= 0)) {
         var A, L;
-        const T = (((A = r.flip) == null ? void 0 : A.index) || 0) + 1, B = O[T];
-        if (B)
+        const T = (((A = r.flip) == null ? void 0 : A.index) || 0) + 1, F = O[T];
+        if (F)
           return {
             data: {
               index: T,
               overflows: R
             },
             reset: {
-              placement: B
+              placement: F
             }
           };
         let Y = (L = R.filter((k) => k.overflows[0] <= 0).sort((k, W) => k.overflows[1] - W.overflows[1])[0]) == null ? void 0 : L.placement;
@@ -5352,7 +5358,7 @@ function ht(a) {
     overflowX: e,
     overflowY: i,
     display: s
-  } = F(a);
+  } = B(a);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
 function Di(a) {
@@ -5368,7 +5374,7 @@ function wt(a) {
   });
 }
 function Dt(a) {
-  const t = Nt(), e = X(a) ? F(a) : a;
+  const t = Nt(), e = X(a) ? B(a) : a;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
 function Ni(a) {
@@ -5388,7 +5394,7 @@ function Nt() {
 function Q(a) {
   return ["html", "body", "#document"].includes(tt(a));
 }
-function F(a) {
+function B(a) {
   return N(a).getComputedStyle(a);
 }
 function pt(a) {
@@ -5430,7 +5436,7 @@ function Lt(a) {
   return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
 }
 function fe(a) {
-  const t = F(a);
+  const t = B(a);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = K(a), r = s ? a.offsetWidth : e, o = s ? a.offsetHeight : i, n = ft(e) !== r || ft(i) !== o;
   return n && (e = r, i = o), {
@@ -5465,7 +5471,7 @@ function ue(a) {
     y: t.visualViewport.offsetTop
   };
 }
-function Fi(a, t, e) {
+function Bi(a, t, e) {
   return t === void 0 && (t = !1), !e || t && e !== N(a) ? !1 : t;
 }
 function ot(a, t, e, i) {
@@ -5473,13 +5479,13 @@ function ot(a, t, e, i) {
   const s = a.getBoundingClientRect(), r = xe(a);
   let o = z(1);
   t && (i ? X(i) && (o = Z(i)) : o = Z(a));
-  const n = Fi(r, e, i) ? ue(r) : z(0);
+  const n = Bi(r, e, i) ? ue(r) : z(0);
   let h = (s.left + n.x) / o.x, c = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
     const x = N(r), g = i && X(i) ? N(i) : i;
     let p = x, u = Lt(p);
     for (; u && i && g !== p; ) {
-      const w = Z(u), y = u.getBoundingClientRect(), E = F(u), m = y.left + (u.clientLeft + parseFloat(E.paddingLeft)) * w.x, C = y.top + (u.clientTop + parseFloat(E.paddingTop)) * w.y;
+      const w = Z(u), y = u.getBoundingClientRect(), E = B(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 = N(u), u = Lt(p);
     }
   }
@@ -5490,7 +5496,7 @@ function ot(a, t, e, i) {
     y: c
   });
 }
-function Bi(a) {
+function Fi(a) {
   let {
     elements: t,
     rect: e,
@@ -5527,7 +5533,7 @@ 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 + At(a);
   const n = -e.scrollTop;
-  return F(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
+  return B(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: r,
     x: o,
@@ -5578,17 +5584,17 @@ function Gt(a, t, e) {
 }
 function ge(a, t) {
   const e = $(a);
-  return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || ge(e, t);
+  return e === t || !X(e) || Q(e) ? !1 : B(e).position === "fixed" || ge(e, t);
 }
 function Wi(a, t) {
   const e = t.get(a);
   if (e)
     return e;
   let i = St(a, [], !1).filter((n) => X(n) && tt(n) !== "body"), s = null;
-  const r = F(a).position === "fixed";
+  const r = B(a).position === "fixed";
   let o = r ? $(a) : a;
   for (; X(o) && !Q(o); ) {
-    const n = F(o), h = Dt(o);
+    const n = B(o), h = Dt(o);
     !h && n.position === "fixed" && (s = null), (r ? !h && !s : !h && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && ge(a, o)) ? i = i.filter((d) => d !== o) : s = n, o = $(o);
   }
   return t.set(a, i), i;
@@ -5648,10 +5654,10 @@ function $i(a, t, e) {
   };
 }
 function mt(a) {
-  return F(a).position === "static";
+  return B(a).position === "static";
 }
 function jt(a, t) {
-  if (!K(a) || F(a).position === "fixed")
+  if (!K(a) || B(a).position === "fixed")
     return null;
   if (t)
     return t(a);
@@ -5689,10 +5695,10 @@ const qi = async function(a) {
   };
 };
 function Gi(a) {
-  return F(a).direction === "rtl";
+  return B(a).direction === "rtl";
 }
 const ji = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Bi,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Fi,
   getDocumentElement: V,
   getClippingRect: Pi,
   getOffsetParent: we,
@@ -6399,7 +6405,7 @@ class rs {
     this.ctx.off(t, e);
   }
   filterMethod(t) {
-    this.ctx.setScrollY(0), this.ctx.setScrollX(0), this.ctx.database.init(), this.header.init(), this.ctx.database.setFilterMethod(t), this.ctx.emit("draw");
+    this.scrollTo(0, 0), this.ctx.database.setFilterMethod(t), this.ctx.database.init(), this.ctx.emit("draw");
   }
   editCell(t, e) {
     this.editor.editCell(t, e);