e-virt-table 0.1.14 → 0.1.16

package/dist/index.es.js

@@ -131,7 +131,7 @@ function Ie(n, t, e) {
     t(a, o);
   });
 }
-function Xt(n, t, e) {
+function Ft(n, t, e) {
   var i = 0, s = n.length;
   function r(o) {
     if (o && o.length) {
@@ -149,7 +149,7 @@ function Oe(n) {
     t.push.apply(t, n[e] || []);
   }), t;
 }
-var Ft = /* @__PURE__ */ function(n) {
+var Xt = /* @__PURE__ */ function(n) {
   be(t, n);
   function t(e, i) {
     var s;
@@ -161,9 +161,9 @@ function Te(n, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
       var g = function(y) {
-        return i(y), y.length ? u(new Ft(y, Ct(y))) : x(s);
+        return i(y), y.length ? u(new Xt(y, Ct(y))) : x(s);
       }, w = Oe(n);
-      Xt(w, e, g);
+      Ft(w, e, g);
     });
     return r.catch(function(x) {
       return x;
@@ -172,11 +172,11 @@ function Te(n, t, e, i, s) {
   var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), l = a.length, c = 0, f = [], d = new Promise(function(x, u) {
     var g = function(p) {
       if (f.push.apply(f, p), c++, c === l)
-        return i(f), f.length ? u(new Ft(f, Ct(f))) : x(s);
+        return i(f), f.length ? u(new Xt(f, Ct(f))) : x(s);
     };
     a.length || (i(f), x(s)), a.forEach(function(w) {
       var p = n[w];
-      o.indexOf(w) !== -1 ? Xt(p, e, g) : Ie(p, e, g);
+      o.indexOf(w) !== -1 ? Ft(p, e, g) : Ie(p, e, g);
     });
   });
   return d.catch(function(x) {
@@ -304,9 +304,9 @@ var jt = function(t, e, i, s, r, o) {
   if (x ? d = "number" : u ? d = "string" : g && (d = "array"), !d)
     return !1;
   g && (f = e.length), u && (f = e.replace(c, "_").length), o ? f !== t.len && s.push(M(r.messages[d].len, t.fullField, t.len)) : a && !l && f < t.min ? s.push(M(r.messages[d].min, t.fullField, t.min)) : l && !a && f > t.max ? s.push(M(r.messages[d].max, t.fullField, t.max)) : a && l && (f < t.min || f > t.max) && s.push(M(r.messages[d].range, t.fullField, t.min, t.max));
-}, j = "enum", Xe = 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(M(r.messages[j], t.fullField, t[j].join(", ")));
-}, Fe = function(t, e, i, s, r) {
+}, Xe = function(t, e, i, s, r) {
   if (t.pattern) {
     if (t.pattern instanceof RegExp)
       t.pattern.lastIndex = 0, t.pattern.test(e) || s.push(M(r.messages.pattern.mismatch, t.fullField, e, t.pattern));
@@ -320,8 +320,8 @@ var jt = function(t, e, i, s, r, o) {
   whitespace: Le,
   type: He,
   range: De,
-  enum: Xe,
-  pattern: Fe
+  enum: Fe,
+  pattern: Xe
 }, ke = function(t, e, i, s, r) {
   var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
   if (a) {
@@ -788,8 +788,8 @@ class ii {
    */
   initData(t, e = 0) {
     t.forEach((i, s) => {
-      let r = !1;
-      Array.isArray(i.children) && (r = !0, this.initData(i.children, e + 1));
+      let r = i._hasChildren || !1;
+      Array.isArray(i.children) && i.children.length && (r = !0, this.initData(i.children, e + 1));
       const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: l, SELECTABLE_METHOD: c, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d != null ? `${d}` : Ut();
       this.itemRowKeyMap.set(i, x);
       const u = i._height || l, g = i._readonly;
@@ -1010,40 +1010,52 @@ class ii {
    * @param history
    * @returns
    */
-  batchSetItemValue(t, e = !1) {
+  async batchSetItemValue(t, e = !1) {
     let i = [];
     const s = /* @__PURE__ */ new Set();
-    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 = t;
+    const { BEFORE_VALUE_CHANGE_METHOD: o } = this.ctx.config;
+    if (typeof o == "function") {
+      const f = o, d = t.map((u) => ({
+        rowKey: u.rowKey,
+        key: u.key,
+        value: u.value,
+        oldValue: this.getItemValue(u.rowKey, u.key),
+        row: this.ctx.database.getRowDataItemForRowKey(u.rowKey)
+      }));
+      r = await f(d);
+    }
+    r.forEach((f) => {
+      const { value: d, rowKey: x, key: u } = f, g = this.getItemValue(x, u);
+      this.setItemValue(x, u, d), s.add(x), i.push({
+        rowKey: x,
+        key: u,
+        oldValue: g,
+        newValue: d
       });
     });
-    let r = [];
-    const o = i.map((l) => {
-      const c = this.ctx.database.getRowDataItemForRowKey(l.rowKey);
+    let a = [];
+    const l = i.map((f) => {
+      const d = this.ctx.database.getRowDataItemForRowKey(f.rowKey);
       return {
-        rowKey: l.rowKey,
-        key: l.key,
-        value: l.newValue,
-        row: c
+        rowKey: f.rowKey,
+        key: f.key,
+        value: f.newValue,
+        row: d
       };
     });
-    s.forEach((l) => {
-      r.push(this.ctx.database.getRowDataItemForRowKey(l));
+    s.forEach((f) => {
+      a.push(this.ctx.database.getRowDataItemForRowKey(f));
     });
-    const a = o.map(({ rowKey: l, key: c }) => this.getValidator(l, c));
-    return Promise.all(a).then(() => {
+    const c = l.map(({ rowKey: f, key: d }) => this.getValidator(f, d));
+    Promise.all(c).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({
+    }), this.ctx.emit("change", l, a), e && this.ctx.history.pushState({
       changeList: i,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
       type: "multiple"
-    }), i;
+    }), this.ctx.emit("draw");
   }
   /**
    *设置单一数据
@@ -1055,7 +1067,7 @@ class ii {
    * @param isEditor 是否是编辑器
    * @returns
    */
-  setItemValue(t, e, i, s = !1, r = !1, o = !1) {
+  async setItemValue(t, e, i, s = !1, r = !1, o = !1) {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: a } = this.rowKeyMap.get(t);
@@ -1068,19 +1080,27 @@ class ii {
     a[e] !== null && typeof a[e] == "object" && (l = JSON.parse(JSON.stringify(a[e])));
     const c = `${t}​_${e}`;
     this.originalDataMap.has(c) || this.originalDataMap.set(c, l);
-    const f = this.originalDataMap.get(c), { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
-    let x = i;
-    if (typeof d == "function" && (x = d({
-      rowKey: t,
-      key: e,
-      oldValue: l,
-      value: i,
-      originalValue: f
-    })), this.changedDataMap.set(c, x), a[e] = x, o) {
+    const f = this.originalDataMap.get(c);
+    let d = i;
+    if (o) {
+      const { BEFORE_VALUE_CHANGE_METHOD: x } = this.ctx.config;
+      if (typeof x == "function") {
+        const p = await x([
+          {
+            rowKey: t,
+            key: e,
+            value: i,
+            oldValue: a[e],
+            row: this.ctx.database.getRowDataItemForRowKey(t)
+          }
+        ]);
+        p && p.length && (d = p[0].value);
+      }
+      this.changedDataMap.set(c, d), a[e] = d;
       const u = this.ctx.database.getRowDataItemForRowKey(t), g = {
         rowKey: t,
         key: e,
-        value: x,
+        value: d,
         row: u
       };
       this.getValidator(t, e).then(() => {
@@ -1089,16 +1109,17 @@ class ii {
         rowKey: t,
         key: e,
         oldValue: l,
-        value: x,
+        value: d,
         originalValue: f,
         row: u
       });
-    }
+    } else
+      this.changedDataMap.set(c, d), a[e] = d;
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
       oldValue: l,
-      value: x,
+      value: d,
       originalValue: this.originalDataMap.get(c),
       row: this.ctx.database.getRowDataItemForRowKey(t)
     }), s && this.ctx.history.pushState({
@@ -1110,12 +1131,12 @@ class ii {
           rowKey: t,
           key: e,
           oldValue: l,
-          newValue: x
+          newValue: d
         }
       ]
     }), r && this.ctx.emit("draw"), {
       oldValue: l,
-      newValue: x
+      newValue: d
     };
   }
   /**
@@ -1440,7 +1461,7 @@ class si {
           row: {}
         })
       );
-      this.ctx.setScroll(e, i), this.ctx.database.batchSetItemValue(s, !1), this.historyIndex -= 1, this.ctx.emit("draw");
+      this.ctx.setScroll(e, i), this.ctx.database.batchSetItemValue(s, !1), this.historyIndex -= 1;
     }
   }
   // 前进
@@ -1455,7 +1476,7 @@ class si {
           row: {}
         })
       );
-      this.ctx.database.batchSetItemValue(e, !1), this.ctx.emit("draw");
+      this.ctx.database.batchSetItemValue(e, !1);
     }
   }
   // 清空历史
@@ -1481,10 +1502,10 @@ class ri {
     this.ctx.emit("resetHeader", t), this.ctx.emit("resize", t);
   }
   handleMouseDown(t) {
-    t.preventDefault(), t.button === 0 && (this.ctx.mousedown = !0), this.ctx.emit("mousedown", t);
+    t.button === 0 && (this.ctx.mousedown = !0), this.ctx.emit("mousedown", t);
   }
   handleMousemove(t) {
-    t.preventDefault(), this.ctx.emit("mousemove", t);
+    this.ctx.emit("mousemove", t);
   }
   handleMouseUp(t) {
     t.button === 0 && (this.ctx.mousedown = !1), this.ctx.emit("mouseup", t);
@@ -1812,6 +1833,8 @@ class Wt {
     h(this, "SELECTABLE_METHOD");
     h(this, "EXPAND_LAZY_METHOD");
     h(this, "BEFORE_VALUE_CHANGE_METHOD");
+    h(this, "BEFORE_PASTE_CHANGE_METHOD");
+    h(this, "BEFORE_AUTOFILL_CHANGE_METHOD");
     Object.assign(this, t);
   }
   init(t) {
@@ -2262,7 +2285,8 @@ class ee extends te {
       top: i,
       width: `${this.visibleWidth}px`,
       height: `${this.visibleHeight}px`,
-      pointerEvents: "initial"
+      pointerEvents: "initial",
+      userSelect: "none"
     };
   }
   draw() {
@@ -2527,7 +2551,8 @@ class ie extends te {
       top: `${this.drawY + 1}px`,
       width: `${this.width}px`,
       height: `${this.height - 2}px`,
-      pointerEvents: "initial"
+      pointerEvents: "initial",
+      userSelect: "none"
     };
   }
 }
@@ -2936,6 +2961,9 @@ class Pt {
   isPointInElement(t, e, i, s, r, o) {
     return t >= i && t <= i + r && e >= s && e <= s + o;
   }
+  hasScrollbar() {
+    return this.type === "vertical" ? this.barHeight > 0 : this.type === "horizontal" ? this.barWidth > 0 : !1;
+  }
   isOnScrollbar(t, e) {
     return this.isPointInElement(t, e, this.barX, this.barY, this.barWidth, this.barHeight);
   }
@@ -2944,7 +2972,7 @@ class Pt {
   }
   updateScroll(t) {
     const e = t.deltaX, i = t.deltaY;
-    this.type === "vertical" && t.shiftKey === !1 ? (this.scroll === 0 && i < 0 || this.scroll === this.distance && i > 0 || t.preventDefault(), 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.hasScrollbar() && !(this.scroll === 0 && i < 0 || this.scroll === this.distance && i > 0) && t.preventDefault(), 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 {
@@ -3578,6 +3606,7 @@ class ui {
   constructor(t) {
     h(this, "isCut", !1);
     h(this, "isMultipleRow", !1);
+    h(this, "mousedownHeader", !1);
     h(this, "ctx");
     h(this, "adjustPositionX", "");
     h(this, "adjustPositionY", "");
@@ -3591,7 +3620,7 @@ class ui {
       "mousemove",
       Zt((t) => {
         const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = this.ctx.isTarget() && i > 0 && i < this.ctx.body.visibleWidth && e > this.ctx.header.visibleHeight && e < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
-        (this.ctx.selectorMove || this.ctx.autofillMove) && (s ? this.stopAdjustPosition() : this.startAdjustPosition(t));
+        (this.ctx.selectorMove || this.ctx.autofillMove) && (!s && !this.mousedownHeader ? this.startAdjustPosition(t) : this.stopAdjustPosition());
       }, 100)
     ), this.ctx.on("cellHoverChange", (t) => {
       if (!this.ctx.autofillMove) {
@@ -3610,13 +3639,14 @@ class ui {
         this.isMultipleRow = !1, this.click(e.shiftKey);
       }
     }), this.ctx.on("mouseup", () => {
+      this.mousedownHeader = !1;
       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) => {
-      this.ctx.stageElement.style.cursor !== "pointer" && (this.ctx.isPointer || this.selectCols(t));
+      this.ctx.stageElement.style.cursor !== "pointer" && (this.ctx.isPointer || (this.mousedownHeader = !0, this.selectCols(t)));
     }), this.ctx.on("keydown", (t) => {
       if (t.ctrlKey && t.code === "KeyV" || t.metaKey && t.code === "KeyV") {
         t.preventDefault(), this.paste();
@@ -3795,7 +3825,11 @@ 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("draw");
+      this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("copyChange", {
+        xArr: this.ctx.selector.xArrCopy,
+        yArr: this.ctx.selector.yArrCopy,
+        data: t
+      }), this.ctx.emit("draw");
     }).catch((i) => console.error("复制失败：", i)) : console.error("当前浏览器不支持Clipboard API");
   }
   clearSelectedData(t, e, i = !1) {
@@ -3823,7 +3857,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("draw"), s;
+    }), this.ctx.emit("clearSelectedDataChange", s, o), s;
   }
   paste() {
     if (!navigator.clipboard) {
@@ -3833,21 +3867,21 @@ class ui {
     const { ENABLE_PASTER: t } = this.ctx.config;
     if (this.ctx.selector.enable && t) {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
-      navigator.clipboard.readText().then((r) => {
+      navigator.clipboard.readText().then(async (r) => {
         let o = ti(r), a = [];
-        for (let c = 0; c <= o.length - 1; c++) {
-          const f = o[c].length;
-          for (let d = 0; d <= f - 1; d++) {
-            const x = c + e, u = d + i, g = o[c][d], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
-              x,
-              u
+        for (let f = 0; f <= o.length - 1; f++) {
+          const d = o[f].length;
+          for (let x = 0; x <= d - 1; x++) {
+            const u = f + e, g = x + i, w = o[f][x], p = this.ctx.database.getItemValueForRowIndexAndColIndex(
+              u,
+              g
             );
-            if (w) {
-              const { rowKey: p, key: y } = w;
-              this.ctx.database.getReadonly(p, y) || (s.add(p), a.push({
-                rowKey: p,
-                key: y,
-                value: g,
+            if (p) {
+              const { rowKey: y, key: b } = p;
+              this.ctx.database.getReadonly(y, b) || (s.add(y), a.push({
+                rowKey: y,
+                key: b,
+                value: w,
                 row: {}
                 //内部有设置
               }));
@@ -3855,23 +3889,34 @@ class ui {
           }
         }
         if (this.isCut) {
-          const c = this.clearSelectedData(
+          const f = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), f = a.map((d) => `${d.rowKey}-${d.key}`);
-          c.forEach((d) => {
-            f.includes(`${d.rowKey}-${d.key}`) || a.unshift(d);
+          ), d = a.map((x) => `${x.rowKey}-${x.key}`);
+          f.forEach((x) => {
+            d.includes(`${x.rowKey}-${x.key}`) || a.unshift(x);
           }), this.isCut = !1;
         }
         if (!a.length)
           return;
-        this.ctx.database.batchSetItemValue(a, !0);
-        let l = [];
-        s.forEach((c) => {
-          l.push(this.ctx.database.getRowDataItemForRowKey(c));
-        }), this.ctx.emit("pasteChange", a, l), this.clearCopyLine(), this.ctx.emit("draw");
+        const { BEFORE_PASTE_CHANGE_METHOD: l } = this.ctx.config;
+        if (typeof l == "function") {
+          const f = l, d = a.map((x) => ({
+            rowKey: x.rowKey,
+            key: x.key,
+            value: x.value,
+            oldValue: this.ctx.database.getItemValue(x.rowKey, x.key),
+            row: this.ctx.database.getRowDataItemForRowKey(x.rowKey)
+          }));
+          a = await f(d);
+        }
+        this.clearCopyLine(), this.ctx.database.batchSetItemValue(a, !0);
+        let c = [];
+        s.forEach((f) => {
+          c.push(this.ctx.database.getRowDataItemForRowKey(f));
+        }), this.ctx.emit("pasteChange", a, c);
       }).catch((r) => {
         console.error("获取剪贴板内容失败：", r);
       });
@@ -4044,35 +4089,46 @@ class gi {
   /**
    * 填充数据
    */
-  autofillData() {
+  async autofillData() {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
-    for (let d = 0; d <= e.yArr[1] - e.yArr[0]; d++)
-      for (let x = 0; x <= e.xArr[1] - e.xArr[0]; x++) {
-        const u = d + e.yArr[0], g = x + e.xArr[0];
-        i.set(`${u}-${g}`, !0);
+    for (let x = 0; x <= e.yArr[1] - e.yArr[0]; x++)
+      for (let u = 0; u <= e.xArr[1] - e.xArr[0]; u++) {
+        const g = x + e.yArr[0], w = u + e.xArr[0];
+        i.set(`${g}-${w}`, !0);
       }
     const { value: s } = e, r = s[0].length, o = s.length, a = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr;
     let c = [];
-    for (let d = 0; d <= l[1] - l[0]; d++)
-      for (let x = 0; x <= a[1] - a[0]; x++) {
-        const u = x + a[0], g = d + l[0], w = s[d % o][x % r], p = this.ctx.database.getItemValueForRowIndexAndColIndex(g, u), y = `${g}-${u}`;
-        if (p && !i.has(y)) {
-          const { rowKey: b, key: m } = p;
-          this.ctx.database.getReadonly(b, m) || (t.add(b), c.push({
-            rowKey: b,
-            key: m,
-            value: w,
+    for (let x = 0; x <= l[1] - l[0]; x++)
+      for (let u = 0; u <= a[1] - a[0]; u++) {
+        const g = u + a[0], w = x + l[0], p = s[x % o][u % r], y = this.ctx.database.getItemValueForRowIndexAndColIndex(w, g), b = `${w}-${g}`;
+        if (y && !i.has(b)) {
+          const { rowKey: m, key: E } = y;
+          this.ctx.database.getReadonly(m, E) || (t.add(m), c.push({
+            rowKey: m,
+            key: E,
+            value: p,
             row: {}
           }));
         }
       }
     if (!c.length)
       return;
-    this.ctx.database.batchSetItemValue(c, !0);
-    let f = [];
-    t.forEach((d) => {
-      f.push(this.ctx.database.getRowDataItemForRowKey(d));
-    }), this.ctx.emit("autofillChange", c, f), this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.emit("draw");
+    const { BEFORE_AUTOFILL_CHANGE_METHOD: f } = this.ctx.config;
+    if (typeof f == "function") {
+      const x = f, u = c.map((g) => ({
+        rowKey: g.rowKey,
+        key: g.key,
+        value: g.value,
+        oldValue: this.ctx.database.getItemValue(g.rowKey, g.key),
+        row: this.ctx.database.getRowDataItemForRowKey(g.rowKey)
+      }));
+      c = await x(u);
+    }
+    this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.database.batchSetItemValue(c, !0);
+    let d = [];
+    t.forEach((x) => {
+      d.push(this.ctx.database.getRowDataItemForRowKey(x));
+    }), this.ctx.emit("autofillChange", c, d);
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -4585,7 +4641,7 @@ function K(n) {
 function ae(n) {
   return gt() ? n instanceof Node || n instanceof H(n).Node : !1;
 }
-function X(n) {
+function F(n) {
   return gt() ? n instanceof Element || n instanceof H(n).Element : !1;
 }
 function N(n) {
@@ -4600,7 +4656,7 @@ function lt(n) {
     overflowX: e,
     overflowY: i,
     display: s
-  } = F(n);
+  } = X(n);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
 function Si(n) {
@@ -4616,7 +4672,7 @@ function wt(n) {
   });
 }
 function Ht(n) {
-  const t = Dt(), e = X(n) ? F(n) : n;
+  const t = Dt(), e = F(n) ? X(n) : n;
   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 Ai(n) {
@@ -4636,11 +4692,11 @@ function Dt() {
 function Q(n) {
   return ["html", "body", "#document"].includes(tt(n));
 }
-function F(n) {
+function X(n) {
   return H(n).getComputedStyle(n);
 }
 function pt(n) {
-  return X(n) ? {
+  return F(n) ? {
     scrollLeft: n.scrollLeft,
     scrollTop: n.scrollTop
   } : {
@@ -4678,7 +4734,7 @@ function St(n) {
   return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
 }
 function le(n) {
-  const t = F(n);
+  const t = X(n);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = N(n), r = s ? n.offsetWidth : e, o = s ? n.offsetHeight : i, a = ft(e) !== r || ft(i) !== o;
   return a && (e = r, i = o), {
@@ -4688,7 +4744,7 @@ function le(n) {
   };
 }
 function ce(n) {
-  return X(n) ? n : n.contextElement;
+  return F(n) ? n : n.contextElement;
 }
 function Z(n) {
   const t = ce(n);
@@ -4720,14 +4776,14 @@ function ot(n, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = n.getBoundingClientRect(), r = ce(n);
   let o = V(1);
-  t && (i ? X(i) && (o = Z(i)) : o = Z(n));
+  t && (i ? F(i) && (o = Z(i)) : o = Z(n));
   const a = Mi(r, e, i) ? de(r) : V(0);
   let l = (s.left + a.x) / o.x, c = (s.top + a.y) / o.y, f = s.width / o.x, d = s.height / o.y;
   if (r) {
-    const x = H(r), u = i && X(i) ? H(i) : i;
+    const x = H(r), u = i && F(i) ? H(i) : i;
     let g = x, w = St(g);
     for (; w && i && u !== g; ) {
-      const p = Z(w), y = w.getBoundingClientRect(), b = F(w), m = y.left + (w.clientLeft + parseFloat(b.paddingLeft)) * p.x, E = y.top + (w.clientTop + parseFloat(b.paddingTop)) * p.y;
+      const p = Z(w), y = w.getBoundingClientRect(), b = X(w), m = y.left + (w.clientLeft + parseFloat(b.paddingLeft)) * p.x, E = y.top + (w.clientTop + parseFloat(b.paddingTop)) * p.y;
       l *= p.x, c *= p.y, f *= p.x, d *= p.y, l += m, c += E, g = H(w), w = St(g);
     }
   }
@@ -4771,18 +4827,18 @@ function At(n, t) {
   const e = pt(n).scrollLeft;
   return t ? t.left + e : ot(K(n)).left + e;
 }
-function Xi(n) {
+function Fi(n) {
   const t = K(n), e = pt(n), i = n.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(n);
   const a = -e.scrollTop;
-  return F(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
+  return X(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: r,
     x: o,
     y: a
   };
 }
-function Fi(n, t) {
+function Xi(n, t) {
   const e = H(n), i = K(n), s = e.visualViewport;
   let r = i.clientWidth, o = i.clientHeight, a = 0, l = 0;
   if (s) {
@@ -4809,10 +4865,10 @@ function ki(n, t) {
 function $t(n, t, e) {
   let i;
   if (t === "viewport")
-    i = Fi(n, e);
+    i = Xi(n, e);
   else if (t === "document")
-    i = Xi(K(n));
-  else if (X(t))
+    i = Fi(K(n));
+  else if (F(t))
     i = ki(t, e);
   else {
     const s = de(n);
@@ -4826,17 +4882,17 @@ function $t(n, t, e) {
 }
 function fe(n, t) {
   const e = z(n);
-  return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || fe(e, t);
+  return e === t || !F(e) || Q(e) ? !1 : X(e).position === "fixed" || fe(e, t);
 }
 function Ni(n, t) {
   const e = t.get(n);
   if (e)
     return e;
-  let i = Tt(n, [], !1).filter((a) => X(a) && tt(a) !== "body"), s = null;
-  const r = F(n).position === "fixed";
+  let i = Tt(n, [], !1).filter((a) => F(a) && tt(a) !== "body"), s = null;
+  const r = X(n).position === "fixed";
   let o = r ? z(n) : n;
-  for (; X(o) && !Q(o); ) {
-    const a = F(o), l = Ht(o);
+  for (; F(o) && !Q(o); ) {
+    const a = X(o), l = Ht(o);
     !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(o) && !l && fe(n, o)) ? i = i.filter((f) => f !== o) : s = a, o = z(o);
   }
   return t.set(n, i), i;
@@ -4896,10 +4952,10 @@ function Bi(n, t, e) {
   };
 }
 function mt(n) {
-  return F(n).position === "static";
+  return X(n).position === "static";
 }
 function qt(n, t) {
-  if (!N(n) || F(n).position === "fixed")
+  if (!N(n) || X(n).position === "fixed")
     return null;
   if (t)
     return t(n);
@@ -4913,7 +4969,7 @@ function xe(n, t) {
   if (!N(n)) {
     let s = z(n);
     for (; s && !Q(s); ) {
-      if (X(s) && !mt(s))
+      if (F(s) && !mt(s))
         return s;
       s = z(s);
     }
@@ -4937,7 +4993,7 @@ const Wi = async function(n) {
   };
 };
 function Pi(n) {
-  return F(n).direction === "rtl";
+  return X(n).direction === "rtl";
 }
 const Vi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
@@ -4948,7 +5004,7 @@ const Vi = {
   getClientRects: Di,
   getDimensions: Ki,
   getScale: Z,
-  isElement: X,
+  isElement: F,
   isRTL: Pi
 }, ue = Oi, ge = Ti, we = _i, zi = Ri, pe = (n, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
@@ -5592,8 +5648,8 @@ class Qi {
   setItemValue(t, e, i, s = !0, r = !0, o = !1) {
     this.ctx.database.setItemValue(t, e, i, s, r, o);
   }
-  batchSetItemValue(t, e = !0, i = !0) {
-    this.ctx.database.batchSetItemValue(t, e), i && this.ctx.emit("draw");
+  batchSetItemValue(t, e = !0) {
+    this.ctx.database.batchSetItemValue(t, e);
   }
   setItemValueByEditor(t, e, i, s = !0, r = !0) {
     this.ctx.database.setItemValue(t, e, i, s, r, !0), this.editor.doneEdit();