e-virt-table 0.1.7 → 0.1.9

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);
@@ -917,6 +917,18 @@ class ii {
     const i = this.rowKeyMap.get(t);
     i.expand = e, this.clearBufferData(), this.ctx.emit("draw");
   }
+  setExpandRowKeys(t, e = !0) {
+    t.forEach((i) => {
+      const s = this.rowKeyMap.get(i);
+      s.expand = e;
+    }), this.clearBufferData(), this.ctx.emit("draw");
+  }
+  getExpandRowKeys() {
+    let t = [];
+    return this.rowKeyMap.forEach((e, i) => {
+      e.expand && t.push(i);
+    }), t;
+  }
   expandAll(t) {
     this.rowKeyMap.forEach((e) => {
       e.expand = t;
@@ -1022,7 +1034,7 @@ class ii {
     });
     return s.forEach((a) => {
       r.push(this.ctx.database.getRowDataItemForRowKey(a));
-    }), this.ctx.emit("change", o, r), e && this.ctx.history.pushState({
+    }), 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,
       scrollY: this.ctx.scrollY,
@@ -1051,27 +1063,36 @@ class ii {
       };
     a[e] !== null && typeof a[e] == "object" && (l = JSON.parse(JSON.stringify(a[e])));
     const c = `${t}​_${e}`;
-    if (this.originalDataMap.has(c) || this.originalDataMap.set(c, l), this.changedDataMap.set(c, i), a[e] = i, o) {
-      const f = this.ctx.database.getRowDataItemForRowKey(t), d = {
+    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 u = this.ctx.database.getRowDataItemForRowKey(t), g = {
         rowKey: t,
         key: e,
-        value: i,
-        row: f
+        value: x,
+        row: u
       };
-      this.ctx.emit("change", [d], [f]), this.ctx.emit("editChange", {
+      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,
-        value: i,
-        originalValue: this.originalDataMap.get(c),
-        row: f
+        value: x,
+        originalValue: f,
+        row: u
       });
     }
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
       oldValue: l,
-      value: i,
+      value: x,
       originalValue: this.originalDataMap.get(c),
       row: this.ctx.database.getRowDataItemForRowKey(t)
     }), s && this.ctx.history.pushState({
@@ -1083,12 +1104,12 @@ class ii {
           rowKey: t,
           key: e,
           oldValue: l,
-          newValue: i
+          newValue: x
         }
       ]
     }), this.getValidator(t, e), r && this.ctx.emit("draw"), {
       oldValue: l,
-      newValue: i
+      newValue: x
     };
   }
   /**
@@ -1275,7 +1296,7 @@ class ii {
     return t ? (this.headerMap.set(t, e), !0) : !1;
   }
   getReadonly(t, e) {
-    const i = this.rowKeyMap.get(t), s = this.headerMap.get(e), r = i == null ? void 0 : i.readonly, o = s == null ? void 0 : s.readonly, { CELL_READONLY_METHOD: a } = this.ctx.config;
+    const i = this.rowKeyMap.get(t), s = this.headerMap.get(e), r = i == null ? void 0 : i.readonly, o = s == null ? void 0 : s.readonly, { BODY_CELL_READONLY_METHOD: a } = this.ctx.config;
     if (typeof a == "function") {
       const c = a({
         row: i.item,
@@ -1292,9 +1313,12 @@ 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), { CELL_RULES_METHOD: o } = this.ctx.config, a = r.column;
+      const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { BODY_CELL_RULES_METHOD: o } = this.ctx.config, a = r.column;
       let l = a.rules;
       if (typeof o == "function") {
         const f = o({
@@ -1326,7 +1350,7 @@ class ii {
             colIndex: r.colIndex
           };
         new nt(c).validate(f).then(() => {
-          this.setValidationError(t, e, []), i([]);
+          this.clearValidationError(t, e), i([]), this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
         }).catch(({ errors: x }) => {
           const u = x.map((g) => ({
             ...g,
@@ -1367,6 +1391,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) || [];
@@ -1767,16 +1795,17 @@ class Wt {
     h(this, "HEADER_CELL_STYLE_METHOD");
     h(this, "BODY_CELL_STYLE_METHOD");
     h(this, "FOOTER_CELL_STYLE_METHOD");
-    h(this, "CELL_READONLY_METHOD");
-    h(this, "CELL_FORMATTER_METHOD");
-    h(this, "CELL_RULES_METHOD");
-    h(this, "CELL_TYPE_METHOD");
-    h(this, "CELL_EDITOR_TYPE_METHOD");
-    h(this, "CELL_RENDER_METHOD");
-    h(this, "CELL_HOVER_ICON_METHOD");
+    h(this, "BODY_CELL_READONLY_METHOD");
+    h(this, "BODY_CELL_FORMATTER_METHOD");
+    h(this, "BODY_CELL_RULES_METHOD");
+    h(this, "BODY_CELL_TYPE_METHOD");
+    h(this, "BODY_CELL_EDITOR_TYPE_METHOD");
+    h(this, "BODY_CELL_RENDER_METHOD");
+    h(this, "BODY_CELL_HOVER_ICON_METHOD");
     h(this, "SPAN_METHOD");
     h(this, "SELECTABLE_METHOD");
     h(this, "EXPAND_LAZY_METHOD");
+    h(this, "BEFORE_VALUE_CHANGE_METHOD");
     Object.assign(this, t);
   }
   init(t) {
@@ -1943,6 +1972,7 @@ class ee extends te {
   constructor(e, i, s, r, o, a, l, c, f, d = "body") {
     super(e, r, o, a, l, c.fixed, d);
     h(this, "formatter");
+    h(this, "formatterFooter");
     h(this, "hoverIconName", "");
     h(this, "operation", !1);
     h(this, "align");
@@ -1970,6 +2000,7 @@ class ee extends te {
     h(this, "displayText", "");
     h(this, "visibleWidth", 0);
     h(this, "visibleHeight", 0);
+    h(this, "isHasChanged", !1);
     h(this, "drawX", 0);
     h(this, "drawY", 0);
     h(this, "drawCellBgColor", "");
@@ -1989,7 +2020,7 @@ class ee extends te {
     h(this, "overflowTooltipShow", !0);
     h(this, "overflowTooltipMaxWidth", 500);
     h(this, "overflowTooltipPlacement", "top");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "text", this.editorType = c.editorType || "text", this.cellType = d, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level, this.operation = c.operation || !1, this.column = c, this.rules = c.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.update();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "text", this.editorType = c.editorType || "text", this.cellType = d, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level, this.operation = c.operation || !1, this.column = c, this.rules = c.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.update();
   }
   getValidationMessage() {
     const e = this.ctx.database.getValidationError(this.rowKey, this.key);
@@ -2000,7 +2031,7 @@ class ee extends te {
     return this.message;
   }
   update() {
-    this.drawX = this.getDrawX(), this.drawY = this.getDrawY(), this.drawTextX = this.drawX, this.drawTextY = this.drawY, this.updateSpan(), this.updateStyle(), this.updateType(), this.updateHoverIcon(), this.updateSelection(), this.updateTree(), this.updateEditorType(), this.updateRender(), this.getValidationMessage(), this.updateContainer(), this.text = this.getText(), this.displayText = this.getDisplayText();
+    this.drawX = this.getDrawX(), this.drawY = this.getDrawY(), this.drawTextX = this.drawX, this.drawTextY = this.drawY, this.isHasChanged = this.ctx.database.isHasChangedData(this.rowKey, this.key), this.updateSpan(), this.updateStyle(), this.updateType(), this.updateHoverIcon(), this.updateSelection(), this.updateTree(), this.updateEditorType(), this.updateRender(), this.getValidationMessage(), this.updateContainer(), this.text = this.getText(), this.displayText = this.getDisplayText();
   }
   updateSpan() {
     if (this.cellType === "footer")
@@ -2023,7 +2054,7 @@ class ee extends te {
     }
   }
   updateType() {
-    const { CELL_TYPE_METHOD: e } = this.ctx.config;
+    const { BODY_CELL_TYPE_METHOD: e } = this.ctx.config;
     if (typeof e == "function") {
       const s = e({
         row: this.row,
@@ -2036,7 +2067,7 @@ class ee extends te {
     }
   }
   updateEditorType() {
-    const { CELL_EDITOR_TYPE_METHOD: e } = this.ctx.config;
+    const { BODY_CELL_EDITOR_TYPE_METHOD: e } = this.ctx.config;
     if (typeof e == "function") {
       const s = e({
         row: this.row,
@@ -2049,7 +2080,7 @@ class ee extends te {
     }
   }
   updateRender() {
-    const { CELL_RENDER_METHOD: e } = this.ctx.config;
+    const { BODY_CELL_RENDER_METHOD: e } = this.ctx.config;
     if (typeof e == "function") {
       const s = e({
         row: this.row,
@@ -2140,6 +2171,7 @@ class ee extends te {
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
+        isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
       b && (w = b), m && (y = m);
@@ -2155,7 +2187,7 @@ class ee extends te {
     }
   }
   updateHoverIcon() {
-    const { CELL_HOVER_ICON_METHOD: e, CELL_HOVER_ICON_SIZE: i, CELL_PADDING: s } = this.ctx.config;
+    const { BODY_CELL_HOVER_ICON_METHOD: e, CELL_HOVER_ICON_SIZE: i, CELL_PADDING: s } = this.ctx.config;
     if (typeof e == "function") {
       const l = e({
         row: this.row,
@@ -2185,7 +2217,13 @@ class ee extends te {
    */
   getText() {
     if (this.cellType === "footer")
-      return this.row[this.key];
+      return typeof this.formatterFooter == "function" ? this.formatterFooter({
+        row: this.row,
+        rowIndex: this.rowIndex,
+        colIndex: this.colIndex,
+        column: this.column,
+        value: this.row[this.key]
+      }) : this.row[this.key];
     if (typeof this.formatter == "function")
       return this.formatter({
         row: this.row,
@@ -2194,7 +2232,7 @@ class ee extends te {
         column: this.column,
         value: this.getValue()
       });
-    const { CELL_FORMATTER_METHOD: e } = this.ctx.config;
+    const { BODY_CELL_FORMATTER_METHOD: e } = this.ctx.config;
     return typeof e == "function" ? e({
       row: this.row,
       rowIndex: this.rowIndex,
@@ -2217,7 +2255,8 @@ class ee extends te {
       left: e,
       top: i,
       width: `${this.visibleWidth}px`,
-      height: `${this.visibleHeight}px`
+      height: `${this.visibleHeight}px`,
+      pointerEvents: "initial"
     };
   }
   draw() {
@@ -2481,7 +2520,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"
     };
   }
 }
@@ -2580,13 +2620,13 @@ class hi {
           column: t.column,
           value: t.getValue()
         }).then((l) => {
-          this.ctx.database.setExpandChildren(t.rowKey, l), this.ctx.database.expandLoading(t.rowKey, !1);
+          this.ctx.database.setExpandChildren(t.rowKey, l), this.ctx.database.expandLoading(t.rowKey, !1), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
         }).catch((l) => {
           this.ctx.database.expandLoading(t.rowKey, !1), console.error(l);
         }));
       else {
         const a = this.ctx.database.getIsExpand(t.rowKey);
-        this.ctx.database.expandItem(t.rowKey, !a), this.ctx.emit("expandChange");
+        this.ctx.database.expandItem(t.rowKey, !a), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
       }
     }
   }
@@ -2665,6 +2705,8 @@ class li {
     // 自动填充移动中
     h(this, "selectorMove", !1);
     // 选择器移动中
+    h(this, "adjustPositioning", !1);
+    // 调整位置中
     h(this, "editing", !1);
     // 编辑中
     h(this, "scrollY", 0);
@@ -3560,6 +3602,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) => {
@@ -3742,7 +3788,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) {
@@ -3770,7 +3816,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) {
@@ -3818,7 +3864,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);
       });
@@ -3850,7 +3896,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);
@@ -3912,10 +3958,12 @@ class ui {
     if (!i || i.height > l.visibleHeight || i.width > l.visibleWidth - r - s)
       return;
     let u = 0;
-    if (x && (u = a.visibleHeight), i.fixed || !(i.drawX < r || i.drawX + i.width > e - s || i.drawY < this.ctx.header.height || i.drawY + i.height > t - u - d))
+    x && (u = a.visibleHeight);
+    const g = i.drawX < r, w = i.drawX + i.width > e - s, y = i.drawY < o.height, p = i.drawY + i.height > t - u - d;
+    if (i.fixed && !(y || p) || !(g || w || y || p))
       return;
-    const g = r - i.drawX + 1, w = i.drawX + i.width - (e - s) + 1, y = o.height - i.drawY, p = i.drawY + i.height - (t - u - d);
-    w > 0 && !i.fixed ? this.ctx.setScrollX(c + w) : g > 0 && !i.fixed && this.ctx.setScrollX(c - g), y > 0 ? this.ctx.setScrollY(f - y) : p > 0 && this.ctx.setScrollY(f + p), this.ctx.emit("adjustBoundaryPosition", i);
+    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);
+    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);
@@ -5070,9 +5118,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() {
@@ -5594,6 +5644,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);
   }
@@ -5615,6 +5668,9 @@ class Qi {
   scrollYTo(t) {
     this.ctx.setScrollY(t);
   }
+  setExpandRowKeys(t, e = !0) {
+    this.ctx.database.setExpandRowKeys(t, e);
+  }
   clearSelection() {
     this.ctx.database.clearSelection(), this.ctx.emit("draw");
   }