e-virt-table 0.1.8 → 0.1.10

package/dist/index.es.js

@@ -1,4 +1,4 @@
-(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;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:10px}.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:10}.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)}})();
+(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;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 me = Object.defineProperty;
 var Ee = (n, t, e) => t in n ? me(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var h = (n, t, e) => Ee(n, typeof t != "symbol" ? t + "" : t, e);
@@ -1013,27 +1013,31 @@ class ii {
   batchSetItemValue(t, e = !1) {
     let i = [];
     const s = /* @__PURE__ */ new Set();
-    t.forEach((a) => {
-      const { value: l, rowKey: c, key: f } = a, { oldValue: d, newValue: x } = this.setItemValue(c, f, l);
-      s.add(c), i.push({
-        rowKey: c,
-        key: f,
-        oldValue: d,
-        newValue: x
+    t.forEach((l) => {
+      const { value: c, rowKey: f, key: d } = l, { oldValue: x, newValue: u } = this.setItemValue(f, d, c);
+      s.add(f), i.push({
+        rowKey: f,
+        key: d,
+        oldValue: x,
+        newValue: u
       });
     });
     let r = [];
-    const o = i.map((a) => {
-      const l = this.ctx.database.getRowDataItemForRowKey(a.rowKey);
+    const o = i.map((l) => {
+      const c = this.ctx.database.getRowDataItemForRowKey(l.rowKey);
       return {
-        rowKey: a.rowKey,
-        key: a.key,
-        value: a.newValue,
-        row: l
+        rowKey: l.rowKey,
+        key: l.key,
+        value: l.newValue,
+        row: c
       };
     });
-    return s.forEach((a) => {
-      r.push(this.ctx.database.getRowDataItemForRowKey(a));
+    s.forEach((l) => {
+      r.push(this.ctx.database.getRowDataItemForRowKey(l));
+    });
+    const a = o.map(({ rowKey: l, key: c }) => this.getValidator(l, c));
+    return Promise.all(a).then(() => {
+      this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
     }), this.ctx.emit("change", o, r), e && this.ctx.history.pushState({
       changeList: i,
       scrollX: this.ctx.scrollX,
@@ -1079,7 +1083,9 @@ class ii {
         value: x,
         row: u
       };
-      this.ctx.emit("change", [g], [u]), this.ctx.emit("editChange", {
+      this.getValidator(t, e).then(() => {
+        this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
+      }), this.ctx.emit("change", [g], [u]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
         oldValue: l,
@@ -1107,7 +1113,7 @@ class ii {
           newValue: x
         }
       ]
-    }), this.getValidator(t, e), r && this.ctx.emit("draw"), {
+    }), r && this.ctx.emit("draw"), {
       oldValue: l,
       newValue: x
     };
@@ -1313,6 +1319,9 @@ class ii {
   clearValidate() {
     this.validationErrorMap.clear();
   }
+  hasValidationError() {
+    return this.validationErrorMap.size !== 0;
+  }
   getValidator(t, e) {
     return new Promise((i) => {
       const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { BODY_CELL_RULES_METHOD: o } = this.ctx.config, a = r.column;
@@ -1347,7 +1356,7 @@ class ii {
             colIndex: r.colIndex
           };
         new nt(c).validate(f).then(() => {
-          this.setValidationError(t, e, []), i([]);
+          this.clearValidationError(t, e), i([]);
         }).catch(({ errors: x }) => {
           const u = x.map((g) => ({
             ...g,
@@ -1388,6 +1397,10 @@ class ii {
     const s = `${t}​_${e}`;
     this.validationErrorMap.set(s, i);
   }
+  clearValidationError(t, e) {
+    const i = `${t}​_${e}`;
+    this.validationErrorMap.has(i) && this.validationErrorMap.delete(i);
+  }
   getValidationError(t, e) {
     const i = `${t}​_${e}`;
     return this.validationErrorMap.get(i) || [];
@@ -2248,7 +2261,8 @@ class ee extends te {
       left: e,
       top: i,
       width: `${this.visibleWidth}px`,
-      height: `${this.visibleHeight}px`
+      height: `${this.visibleHeight}px`,
+      pointerEvents: "initial"
     };
   }
   draw() {
@@ -2512,7 +2526,8 @@ class ie extends te {
       left: e,
       top: `${this.drawY + 1}px`,
       width: `${this.width}px`,
-      height: `${this.height - 2}px`
+      height: `${this.height - 2}px`,
+      pointerEvents: "initial"
     };
   }
 }
@@ -2696,6 +2711,8 @@ class li {
     // 自动填充移动中
     h(this, "selectorMove", !1);
     // 选择器移动中
+    h(this, "adjustPositioning", !1);
+    // 调整位置中
     h(this, "editing", !1);
     // 编辑中
     h(this, "scrollY", 0);
@@ -3591,6 +3608,10 @@ class ui {
         }
         this.isMultipleRow = !1, this.click(e.shiftKey);
       }
+    }), this.ctx.on("mouseup", () => {
+      const t = setTimeout(() => {
+        this.ctx.adjustPositioning = !1, clearTimeout(t);
+      }, 0);
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
       this.ctx.mousedown && this.selectCols(t);
     }), this.ctx.on("cellHeaderMousedown", (t) => {
@@ -3773,7 +3794,7 @@ class ui {
       return;
     const { value: t } = this.ctx.getSelectedData(), e = ei(t);
     navigator.clipboard ? navigator.clipboard.writeText(e).then(() => {
-      this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("setCopy", this.ctx.selector), this.ctx.emit("drawView");
+      this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("setCopy", this.ctx.selector), this.ctx.emit("draw");
     }).catch((i) => console.error("复制失败：", i)) : console.error("当前浏览器不支持Clipboard API");
   }
   clearSelectedData(t, e, i = !1) {
@@ -3801,7 +3822,7 @@ class ui {
     let o = [];
     return r.forEach((a) => {
       o.push(this.ctx.database.getRowDataItemForRowKey(a));
-    }), this.ctx.emit("clearSelectedDataChange", s, o), this.ctx.emit("drawView"), s;
+    }), this.ctx.emit("clearSelectedDataChange", s, o), this.ctx.emit("draw"), s;
   }
   paste() {
     if (!navigator.clipboard) {
@@ -3849,7 +3870,7 @@ class ui {
         let l = [];
         s.forEach((c) => {
           l.push(this.ctx.database.getRowDataItemForRowKey(c));
-        }), this.ctx.emit("pasteChange", a, l), this.clearCopyLine(), this.ctx.emit("drawView");
+        }), this.ctx.emit("pasteChange", a, l), this.clearCopyLine(), this.ctx.emit("draw");
       }).catch((r) => {
         console.error("获取剪贴板内容失败：", r);
       });
@@ -3881,7 +3902,7 @@ class ui {
         break;
     }
     const c = [i, i], f = [s, s], d = this.getCell(s, i);
-    d && (d.operation || this.isInSettingRange(d.rowIndex, d.colIndex) && (this.ctx.setFocusCell(d), this.setSelector(c, f), this.adjustBoundaryPosition(), this.ctx.emit("drawView")));
+    d && (d.operation || this.isInSettingRange(d.rowIndex, d.colIndex) && (this.ctx.setFocusCell(d), this.setSelector(c, f), this.adjustBoundaryPosition(), this.ctx.emit("draw")));
   }
   stopAdjustPosition() {
     this.adjustPositionX = "", this.adjustPositionY = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerY && (clearInterval(this.timerY), this.timerY = 0);
@@ -3948,7 +3969,7 @@ class ui {
     if (i.fixed && !(y || p) || !(g || w || y || p))
       return;
     const b = r - i.drawX + 1, m = i.drawX + i.width - (e - s) + 1, E = o.height - i.drawY, C = i.drawY + i.height - (t - u - d);
-    m > 0 && !i.fixed ? this.ctx.setScrollX(c + m) : b > 0 && !i.fixed && this.ctx.setScrollX(c - b), E > 0 ? this.ctx.setScrollY(f - E) : C > 0 && this.ctx.setScrollY(f + C), this.ctx.emit("adjustBoundaryPosition", i);
+    this.ctx.adjustPositioning = !0, m > 0 && !i.fixed ? this.ctx.setScrollX(c + m) : b > 0 && !i.fixed && this.ctx.setScrollX(c - b), E > 0 ? this.ctx.setScrollY(f - E) : C > 0 && this.ctx.setScrollY(f + C), this.ctx.emit("adjustBoundaryPosition", i);
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -5103,9 +5124,11 @@ class qi {
         }
         this.startEdit();
       }
+    }), this.ctx.on("adjustBoundaryPosition", (t) => {
+      this.cellTarget = t;
     }), this.ctx.on("cellClick", (t) => {
       var e, i;
-      t.rowKey === ((e = this.cellTarget) == null ? void 0 : e.rowKey) && t.key === ((i = this.cellTarget) == null ? void 0 : i.key) ? this.startEdit() : (this.doneEdit(), this.cellTarget = t, this.ctx.config.ENABLE_EDIT_SINGLE_CLICK && this.startEdit());
+      this.ctx.adjustPositioning || (t.rowKey === ((e = this.cellTarget) == null ? void 0 : e.rowKey) && t.key === ((i = this.cellTarget) == null ? void 0 : i.key) ? this.startEdit() : (this.doneEdit(), this.cellTarget = t, this.ctx.config.ENABLE_EDIT_SINGLE_CLICK && this.startEdit()));
     });
   }
   initTextEditor() {
@@ -5627,6 +5650,9 @@ class Qi {
       r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
     });
   }
+  hasValidationError() {
+    return this.ctx.database.hasValidationError();
+  }
   scrollTo(t, e) {
     this.scrollXTo(t), this.scrollYTo(e);
   }