e-virt-table 1.1.9 → 1.2.1

package/dist/index.es.js

@@ -1071,10 +1071,6 @@ class Tt extends re {
     }
     d && w && (w.rowKey === this.rowKey && (p = f), w.rowIndex >= y && w.rowIndex <= E && (p = f)), h && u && (u.rowKey === this.rowKey && (p = c), u.rowIndex >= y && u.rowIndex <= E && (p = c)), this.drawCellSkyBgColor = p;
     let m = e, C = o;
-    if (["index", "index-selection", "selection"].includes(this.type)) {
-      this.drawCellBgColor = e, this.drawTextColor = o;
-      return;
-    }
     if (this.ctx.database.getReadonly(this.rowKey, this.key) || (m = i, C = o), x && (this.rowIndex % 2 ? m = g : m = e), typeof s == "function") {
       const b = s, { backgroundColor: v, color: O } = b({
         row: this.row,
@@ -2376,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) => {
@@ -2858,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);
       };
     });
   }
@@ -3931,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() {
@@ -6403,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);