@visactor/vtable-calendar 1.11.1-alpha.1 → 1.11.2-alpha.0

package/dist/vtable-calendar.js

@@ -32081,7 +32081,9 @@
         this._cellWidth = width, this._originCellWidth = width, this.layout();
       }
       updateHeight(height) {
-        this._cellHeight = height, this._cellWidth = this._originCellWidth, this.layout();
+        this._cellHeight = height, this._cellWidth = this._originCellWidth;
+        const textMark = this.getChildByName("text", !0);
+        textMark && textMark.setAttribute("heightLimit", height), this.layout();
       }
     }
 
@@ -32720,7 +32722,7 @@
       return cellGroup.onBeforeAttributeUpdate = onBeforeAttributeUpdateForInvertHighlight, cellGroup;
     }
     function updateCell$1(col, row, table, addNew, isShadow) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
       const oldCellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0),
         cellLocation = table.getCellLocation(col, row);
       let isMerge,
@@ -32773,6 +32775,7 @@
           strokeArrayColor: null !== (_l = null === (_k = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _k ? void 0 : _k.strokeArrayColor) && void 0 !== _l ? _l : void 0,
           cursor: null !== (_o = null === (_m = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _m ? void 0 : _m.cursor) && void 0 !== _o ? _o : void 0,
           cornerRadius: null !== (_q = null === (_p = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _p ? void 0 : _p.cornerRadius) && void 0 !== _q ? _q : 0,
+          lineDash: null !== (_s = null === (_r = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _r ? void 0 : _r.lineDash) && void 0 !== _s ? _s : void 0,
           y: table.scenegraph.getCellGroupY(row)
         }), oldCellGroup.forEachChildren(child => {
           child.setAttributes({
@@ -32789,7 +32792,7 @@
             } = breakString(text, table),
             hierarchyOffset = getHierarchyOffset(col, row, table),
             lineClamp = cellStyle.lineClamp,
-            padding = null !== (_r = getQuadProps(getProp("padding", cellStyle, col, row, table))) && void 0 !== _r ? _r : [0, 0, 0, 0],
+            padding = null !== (_t = getQuadProps(getProp("padding", cellStyle, col, row, table))) && void 0 !== _t ? _t : [0, 0, 0, 0],
             textAlign = cellTheme.text.textAlign;
           let x = 0;
           x = "center" === textAlign ? padding[3] + (cellWidth - (padding[1] + padding[3])) / 2 : "right" === textAlign ? padding[3] + cellWidth - (padding[1] + padding[3]) : padding[3];
@@ -32818,7 +32821,7 @@
         return oldCellGroup;
       }
       if (!addNew && "empty" === oldCellGroup.role) return;
-      const type = isVtableMerge || isCustomMerge ? "text" : table.isHeader(col, row) ? null !== (_s = table._getHeaderLayoutMap(col, row).headerType) && void 0 !== _s ? _s : "text" : null !== (_t = table.getBodyColumnType(col, row)) && void 0 !== _t ? _t : "text",
+      const type = isVtableMerge || isCustomMerge ? "text" : table.isHeader(col, row) ? null !== (_u = table._getHeaderLayoutMap(col, row).headerType) && void 0 !== _u ? _u : "text" : null !== (_v = table.getBodyColumnType(col, row)) && void 0 !== _v ? _v : "text",
         padding = cellTheme._vtable.padding,
         textAlign = cellTheme.text.textAlign,
         textBaseline = cellTheme.text.textBaseline;
@@ -32918,13 +32921,14 @@
       resizeCellGroup(cellGroup, table.getColWidth(col), rangeHeight, range, table);
     }
     function resizeCellGroup(cellGroup, rangeWidth, rangeHeight, range, table) {
-      var _a;
+      var _a, _b;
       const {
           col: col,
           row: row
         } = cellGroup,
-        dx = -table.getColsWidth(range.start.col, col - 1),
-        dy = -table.getRowsHeight(range.start.row, row - 1);
+        dx = -table.getColsWidth(range.start.col, col - 1);
+      let dy = 0;
+      if (null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a._disableColumnAndRowSizeRound) for (let i = range.start.row; i <= row - 1; i++) dy -= table.getRowHeight(i);else dy = -table.getRowsHeight(range.start.row, row - 1);
       cellGroup.forEachChildren(child => {
         var _a, _b, _c, _d, _e, _f;
         "number" == typeof child._dx ? (child.skipMergeUpdate = !0, child.setAttributes({
@@ -32937,7 +32941,7 @@
           dy: (null !== (_f = child.attribute.dy) && void 0 !== _f ? _f : 0) + dy
         }), child.skipMergeUpdate = !1);
       });
-      const lineWidth = null !== (_a = cellGroup.attribute.strokeArrayWidth) && void 0 !== _a ? _a : cellGroup.attribute.lineWidth,
+      const lineWidth = null !== (_b = cellGroup.attribute.strokeArrayWidth) && void 0 !== _b ? _b : cellGroup.attribute.lineWidth,
         isLineWidthArray = isArray$1(lineWidth),
         newLineWidth = [0, 0, 0, 0];
       col === range.start.col && (newLineWidth[3] = isLineWidthArray ? lineWidth[3] : lineWidth), row === range.start.row && (newLineWidth[0] = isLineWidthArray ? lineWidth[0] : lineWidth), col === range.end.col && (newLineWidth[1] = isLineWidthArray ? lineWidth[1] : lineWidth), row === range.end.row && (newLineWidth[2] = isLineWidthArray ? lineWidth[2] : lineWidth);
@@ -37681,7 +37685,9 @@
     }
 
     function updateAllSelectComponent(scene) {
-      scene.selectingRangeComponents.forEach((selectComp, key) => {
+      scene.customSelectedRangeComponents.forEach((selectComp, key) => {
+        updateComponent(selectComp, key, scene);
+      }), scene.selectingRangeComponents.forEach((selectComp, key) => {
         updateComponent(selectComp, key, scene);
       }), scene.selectedRangeComponents.forEach((selectComp, key) => {
         updateComponent(selectComp, key, scene);
@@ -39112,6 +39118,15 @@
       }
     }
 
+    function temporarilyUpdateSelectRectStyle(rectAttribute, scene) {
+      const {
+        selectedRangeComponents: selectedRangeComponents
+      } = scene;
+      selectedRangeComponents.forEach((selectComp, key) => {
+        selectComp.rect.setAttributes(rectAttribute);
+      }), scene.updateNextFrame();
+    }
+
     registerForVrender(), container.load(splitModule), container.load(textMeasureModule);
     class Scenegraph {
       constructor(table) {
@@ -39241,7 +39256,7 @@
         this.stage.background = this.table.theme.underlayBackgroundColor, this.stage.renderNextFrame();
       }
       createComponent() {
-        this.component = new TableComponent(this.table), this.component.addToGroup(this.componentGroup), this.selectedRangeComponents = new Map(), this.selectingRangeComponents = new Map();
+        this.component = new TableComponent(this.table), this.component.addToGroup(this.componentGroup), this.selectedRangeComponents = new Map(), this.selectingRangeComponents = new Map(), this.customSelectedRangeComponents = new Map();
       }
       updateComponent() {
         this.component.updateStyle();
@@ -39298,8 +39313,8 @@
         this.updateContainerSync(), this.resetAllSelectComponent(), this.stage.renderNextFrame();
       }
       resetAllSelectComponent() {
-        var _a, _b;
-        (null === (_b = null === (_a = this.table.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0 && updateAllSelectComponent(this);
+        var _a, _b, _c, _d;
+        ((null === (_b = null === (_a = this.table.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0 || (null === (_d = null === (_c = this.table.stateManager.select) || void 0 === _c ? void 0 : _c.customSelectRanges) || void 0 === _d ? void 0 : _d.length) > 0) && updateAllSelectComponent(this);
       }
       hideHoverIcon(col, row) {
         hideHoverIcon(col, row, this);
@@ -39836,6 +39851,12 @@
           dealWithIcon(loadingIcon, iconGraphic, col, row);
         }
       }
+      temporarilyUpdateSelectRectStyle(rectAttribute) {
+        temporarilyUpdateSelectRectStyle(rectAttribute, this);
+      }
+      resetSelectRectStyle() {
+        this.recreateAllSelectRangeComponents();
+      }
     }
 
     function checkCellInSelect(col, row, cellRanges) {
@@ -40512,8 +40533,8 @@
           "row" === moveContext.moveType && "tree" === state.table.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), !state.table.transpose && state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) && (state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex)), "column" === moveContext.moveType ? clearWidthsAndHeightsCache(colMin, colMax, 0, -1, state.table) : clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table), state.table.clearCellStyleCache(), state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) ? state.table.scenegraph.updateHeaderPosition(state.table.scenegraph.proxy.colStart, state.table.scenegraph.proxy.colEnd, state.table.scenegraph.proxy.rowStart, state.table.scenegraph.proxy.rowEnd, moveContext.moveType) : "column" === moveContext.moveType ? state.table.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === state.table.internalProps.frozenColDragHeaderMode && state.table.isListTable() && (state.table.isLeftFrozenColumn(state.columnMove.colTarget) && !state.table.isLeftFrozenColumn(state.columnMove.colSource) ? state.table.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isLeftFrozenColumn(state.columnMove.colSource) && !state.table.isLeftFrozenColumn(state.columnMove.colTarget) && (state.table.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), state.table.isRightFrozenColumn(state.columnMove.colTarget) && !state.table.isRightFrozenColumn(state.columnMove.colSource) ? state.table.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isRightFrozenColumn(state.columnMove.colSource) && !state.table.isRightFrozenColumn(state.columnMove.colTarget) && (state.table.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), moveColResult = !0;
         }
       }
-      return setTimeout(() => {
-        state.columnMove.moving = !1, delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget;
+      return state.columnMove.moving = !1, setTimeout(() => {
+        delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget;
       }, 0), state.table.scenegraph.component.hideMoveCol(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? (state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen), state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount)) : state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount) : state.table.options.frozenColCount ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1) : state.table.options.rightFrozenColCount && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame(), !0 === (null === (_b = state.table.options.customConfig) || void 0 === _b ? void 0 : _b.notUpdateInColumnRowMove) || moveColResult;
     }
     function clearWidthsAndHeightsCache(colMin, colMax, rowMin, rowMax, table) {
@@ -40731,12 +40752,16 @@
     function initCheckedState(records, state) {
       state.checkedState = [], state.headerCheckedState = {}, state.radioState = {};
       let isNeedInitHeaderCheckedStateFromRecord = !1;
-      state._checkboxCellTypeFields = [], state._headerCheckFuncs = {}, state.table.internalProps.layoutMap.headerObjects.forEach((hd, index) => {
+      if (state._checkboxCellTypeFields = [], state._headerCheckFuncs = {}, state.table.internalProps.layoutMap.headerObjects.forEach((hd, index) => {
         if ("checkbox" === hd.headerType) {
           const headerChecked = hd.define.checked;
           null == headerChecked || "function" == typeof headerChecked ? (isNeedInitHeaderCheckedStateFromRecord = !0, "function" == typeof headerChecked && (state._headerCheckFuncs[hd.field] = headerChecked)) : state.headerCheckedState[hd.field] = headerChecked, "checkbox" !== hd.define.cellType || hd.fieldFormat || state._checkboxCellTypeFields.push(hd.field);
         }
-      }), isNeedInitHeaderCheckedStateFromRecord && records.forEach((record, index) => {
+      }), 1 === state.table.leftRowSeriesNumberCount) state.headerCheckedState._vtable_rowSeries_number = !1, state._checkboxCellTypeFields.push("_vtable_rowSeries_number"), isNeedInitHeaderCheckedStateFromRecord = !0;else if (state.table.leftRowSeriesNumberCount > 1) {
+        for (let i = 0; i < state.table.leftRowSeriesNumberCount; i++) state.headerCheckedState[`_vtable_rowSeries_number_${i}`] = !1, state._checkboxCellTypeFields.push(`_vtable_rowSeries_number_${i}`);
+        isNeedInitHeaderCheckedStateFromRecord = !0;
+      }
+      isNeedInitHeaderCheckedStateFromRecord && records.forEach((record, index) => {
         state._checkboxCellTypeFields.forEach(field => {
           const value = record[field];
           let isChecked;
@@ -40870,6 +40895,38 @@
       }
     }
 
+    function deletaCustomSelectRanges(state) {
+      const {
+        customSelectedRangeComponents: customSelectedRangeComponents
+      } = state.table.scenegraph;
+      customSelectedRangeComponents.forEach((selectComp, key) => {
+        selectComp.rect.delete();
+      }), customSelectedRangeComponents.clear(), state.select.customSelectRanges = [];
+    }
+    function addCustomSelectRanges(customSelectRanges, state) {
+      const {
+        customSelectedRangeComponents: customSelectedRangeComponents
+      } = state.table.scenegraph;
+      customSelectRanges.forEach(customRange => {
+        var _a, _b, _c, _d;
+        const {
+            range: range,
+            style: style
+          } = customRange,
+          rect = createRect({
+            fill: null !== (_a = style.cellBgColor) && void 0 !== _a && _a,
+            stroke: null !== (_b = style.cellBorderColor) && void 0 !== _b && _b,
+            lineWidth: null !== (_c = style.cellBorderLineWidth) && void 0 !== _c ? _c : 0,
+            lineDash: null !== (_d = style.cellBorderLineDash) && void 0 !== _d ? _d : [],
+            pickable: !1
+          });
+        customSelectedRangeComponents.set(`${range.start.col}-${range.start.row}-${range.end.col}-${range.end.row}`, {
+          rect: rect,
+          role: "body"
+        });
+      }), state.select.customSelectRanges = customSelectRanges, updateAllSelectComponent(state.table.scenegraph), state.table.scenegraph.updateNextFrame();
+    }
+
     class StateManager {
       constructor(table) {
         this.fastScrolling = !1, this.checkedState = [], this.headerCheckedState = {}, this._checkboxCellTypeFields = [], this._headerCheckFuncs = {}, this.radioState = {}, this.resetInteractionState = debounce(state => {
@@ -41559,6 +41616,9 @@
       changeCheckboxAndRadioOrder(sourceIndex, targetIndex) {
         this.checkedState.length && changeCheckboxOrder(sourceIndex, targetIndex, this), this.radioState.length && changeRadioOrder(sourceIndex, targetIndex, this);
       }
+      setCustomSelectRanges(customSelectRanges) {
+        deletaCustomSelectRanges(this), addCustomSelectRanges(customSelectRanges, this);
+      }
     }
 
     function bindMediaClick(table) {
@@ -41745,6 +41805,31 @@
       }
     }
 
+    function fireMoveColEventListeners(table, endMoveColSuccess, e) {
+      var _a, _b, _c, _d;
+      endMoveColSuccess && -1 !== (null === (_a = table.stateManager.columnMove) || void 0 === _a ? void 0 : _a.colSource) && -1 !== (null === (_b = table.stateManager.columnMove) || void 0 === _b ? void 0 : _b.rowSource) && -1 !== (null === (_c = table.stateManager.columnMove) || void 0 === _c ? void 0 : _c.colTarget) && -1 !== (null === (_d = table.stateManager.columnMove) || void 0 === _d ? void 0 : _d.rowTarget) ? table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
+        target: {
+          col: table.stateManager.columnMove.colTarget,
+          row: table.stateManager.columnMove.rowTarget
+        },
+        source: {
+          col: table.stateManager.columnMove.colSource,
+          row: table.stateManager.columnMove.rowSource
+        },
+        event: e
+      }) : endMoveColSuccess || table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL, {
+        target: {
+          col: table.stateManager.columnMove.colTarget,
+          row: table.stateManager.columnMove.rowTarget
+        },
+        source: {
+          col: table.stateManager.columnMove.colSource,
+          row: table.stateManager.columnMove.rowSource
+        },
+        event: e
+      });
+    }
+
     function bindTableGroupListener(eventManager) {
       const table = eventManager.table,
         stateManager = table.stateManager;
@@ -41941,29 +42026,8 @@
         if (0 === e.button) {
           if ("grabing" === stateManager.interactionState) {
             if (stateManager.updateInteractionState(InteractionState.default), stateManager.isResizeCol()) endResizeCol(table);else if (stateManager.isResizeRow()) endResizeRow(table);else if (stateManager.isMoveCol()) {
-              const eventArgsSet = getCellEventArgsSet(e),
-                endMoveColSuccess = table.stateManager.endMoveCol();
-              endMoveColSuccess && eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION) ? table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
-                target: {
-                  col: eventArgsSet.eventArgs.col,
-                  row: eventArgsSet.eventArgs.row
-                },
-                source: {
-                  col: table.stateManager.columnMove.colSource,
-                  row: table.stateManager.columnMove.rowSource
-                },
-                event: e.nativeEvent
-              }) : endMoveColSuccess || table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL, {
-                target: {
-                  col: table.stateManager.columnMove.colTarget,
-                  row: table.stateManager.columnMove.rowTarget
-                },
-                source: {
-                  col: table.stateManager.columnMove.colSource,
-                  row: table.stateManager.columnMove.rowSource
-                },
-                event: e
-              });
+              const endMoveColSuccess = table.stateManager.endMoveCol();
+              fireMoveColEventListeners(table, endMoveColSuccess, e.nativeEvent);
             } else if (stateManager.isSelecting()) {
               table.stateManager.endSelectCells(), table.stateManager.isFillHandle() && table.stateManager.endFillSelect();
               const eventArgsSet = getCellEventArgsSet(e);
@@ -42544,34 +42608,14 @@
         callback: globalPointerdownCallback
       }), document.body.addEventListener("pointerdown", globalPointerdownCallback);
       const globalPointerupCallback = e => {
-        e.target !== table.canvas && (e => {
-          var _a, _b, _c, _d, _e, _f;
+        if (e.target !== table.canvas && (e => {
+          var _a, _b;
           if (stateManager.menu.isShow && setTimeout(() => {
             table.internalProps.menuHandler.pointInMenuElement(e.clientX, e.clientY) || stateManager.menu.isShow && stateManager.hideMenu();
           }, 0), stateManager.isResizeCol()) endResizeCol(table);else if (stateManager.isResizeRow()) endResizeRow(table);else if (stateManager.isMoveCol()) {
             const endMoveColSuccess = table.stateManager.endMoveCol();
-            endMoveColSuccess && -1 !== (null === (_a = table.stateManager.columnMove) || void 0 === _a ? void 0 : _a.colSource) && -1 !== (null === (_b = table.stateManager.columnMove) || void 0 === _b ? void 0 : _b.rowSource) && -1 !== (null === (_c = table.stateManager.columnMove) || void 0 === _c ? void 0 : _c.colTarget) && -1 !== (null === (_d = table.stateManager.columnMove) || void 0 === _d ? void 0 : _d.rowTarget) ? table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
-              target: {
-                col: table.stateManager.columnMove.colTarget,
-                row: table.stateManager.columnMove.rowTarget
-              },
-              source: {
-                col: table.stateManager.columnMove.colSource,
-                row: table.stateManager.columnMove.rowSource
-              },
-              event: e
-            }) : endMoveColSuccess || table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL, {
-              target: {
-                col: table.stateManager.columnMove.colTarget,
-                row: table.stateManager.columnMove.rowTarget
-              },
-              source: {
-                col: table.stateManager.columnMove.colSource,
-                row: table.stateManager.columnMove.rowSource
-              },
-              event: e
-            });
-          } else if (stateManager.isSelecting() && (null === (_f = null === (_e = table.stateManager.select) || void 0 === _e ? void 0 : _e.ranges) || void 0 === _f ? void 0 : _f.length)) {
+            fireMoveColEventListeners(table, endMoveColSuccess, e);
+          } else if (stateManager.isSelecting() && (null === (_b = null === (_a = table.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length)) {
             const lastCol = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.col,
               lastRow = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.row;
             if (table.stateManager.endSelectCells(), table.hasListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
@@ -42586,7 +42630,10 @@
               cellsEvent.cells = table.getSelectedCellInfos(), table.fireListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END, cellsEvent);
             }
           }
-        })(e), table.eventManager.LastBodyPointerXY = null, table.eventManager.isDown = !1, table.eventManager.isDraging = !1, table.eventManager.inertiaScroll.endInertia(), "grabing" === stateManager.interactionState && stateManager.isResizeCol() ? endResizeCol(table) : "grabing" === stateManager.interactionState && stateManager.isResizeRow() && endResizeRow(table);
+        })(e), table.eventManager.LastBodyPointerXY = null, table.eventManager.isDown = !1, table.eventManager.isDraging = !1, table.eventManager.inertiaScroll.endInertia(), "grabing" === stateManager.interactionState && stateManager.isResizeCol()) endResizeCol(table);else if ("grabing" === stateManager.interactionState && stateManager.isResizeRow()) endResizeRow(table);else if (stateManager.isMoveCol()) {
+          const endMoveColSuccess = table.stateManager.endMoveCol();
+          fireMoveColEventListeners(table, endMoveColSuccess, e);
+        }
       };
       eventManager.globalEventListeners.push({
         name: "pointerup",
@@ -44351,7 +44398,7 @@
             const range = this.table.getCellRange(col, row);
             for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.table.scenegraph.updateCellContent(c, r);
           } else this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
-          customStyleId || this.customCellStyleArrangement.splice(index, 1), this.table.scenegraph.updateNextFrame();
+          this.table.scenegraph.updateNextFrame();
         }
       }
       updateCustomCell(customCellStyle, customCellStyleArrangement) {
@@ -45431,7 +45478,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.11.1-alpha.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.11.2-alpha.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -47873,18 +47920,20 @@
       }
       handleRowSeriesNumber(rowSeriesNumber) {
         var _a, _b;
-        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map(seriesNumber => {
-          var _a, _b;
+        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map((seriesNumber, index) => {
+          var _a, _b, _c;
           return {
             id: this.seqId++,
             title: seriesNumber.title,
-            define: seriesNumber,
+            define: merge({
+              field: "_vtable_rowSeries_number_" + index
+            }, seriesNumber),
             cellType: null !== (_a = seriesNumber.cellType) && void 0 !== _a ? _a : "text",
             headerType: null !== (_b = rowSeriesNumber.cellType) && void 0 !== _b ? _b : "text",
             style: seriesNumber.style,
             width: seriesNumber.width,
             format: seriesNumber.format,
-            field: seriesNumber.field,
+            field: null !== (_c = seriesNumber.field) && void 0 !== _c ? _c : "_vtable_rowSeries_number_" + index,
             icon: seriesNumber.icon,
             headerIcon: seriesNumber.headerIcon,
             isChildNode: !1
@@ -47892,13 +47941,15 @@
         }) : this.rowSeriesNumberColumn = [{
           id: this.seqId++,
           title: rowSeriesNumber.title,
-          define: rowSeriesNumber,
+          define: merge({
+            field: "_vtable_rowSeries_number"
+          }, rowSeriesNumber),
           cellType: null !== (_a = rowSeriesNumber.cellType) && void 0 !== _a ? _a : "text",
           headerType: null !== (_b = rowSeriesNumber.cellType) && void 0 !== _b ? _b : "text",
           style: rowSeriesNumber.style,
           width: rowSeriesNumber.width,
           format: rowSeriesNumber.format,
-          field: "",
+          field: "_vtable_rowSeries_number",
           icon: rowSeriesNumber.icon,
           headerIcon: rowSeriesNumber.headerIcon,
           isChildNode: !1
@@ -48291,9 +48342,10 @@
         return this._headerObjectMap[id];
       }
       getHeaderField(col, row) {
-        var _a;
+        var _a, _b;
+        if (this.isSeriesNumberInHeader(col, row)) return null === (_a = this.getSeriesNumberHeader(col, row)) || void 0 === _a ? void 0 : _a.field;
         const id = this.getCellId(col, row);
-        return (null === (_a = this._headerObjectMap[id]) || void 0 === _a ? void 0 : _a.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col - this.leftRowSeriesNumberColumnCount] && this._columns[col - this.leftRowSeriesNumberColumnCount].field);
+        return (null === (_b = this._headerObjectMap[id]) || void 0 === _b ? void 0 : _b.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col - this.leftRowSeriesNumberColumnCount] && this._columns[col - this.leftRowSeriesNumberColumnCount].field);
       }
       getHeaderCellAdressById(id) {
         for (let i = 0; i < this._headerCellIds.length; i++) {
@@ -48604,7 +48656,7 @@
 
     class EditManeger {
       constructor(table) {
-        this.table = table, this.bindEvent();
+        this.isValidatingValue = !1, this.table = table, this.bindEvent();
       }
       bindEvent() {
         this.table.internalProps.handler;
@@ -48668,6 +48720,7 @@
       completeEdit(e) {
         var _a, _b;
         if (!this.editingEditor) return !0;
+        if (this.isValidatingValue) return !1;
         const target = null == e ? void 0 : e.target,
           {
             editingEditor: editor
@@ -48676,12 +48729,13 @@
           if (editor.targetIsOnEditor(target)) return !1;
         } else if (!editor.isEditorElement || editor.isEditorElement(target)) return !1;
         if (this.editingEditor.getValue, this.editingEditor.validateValue) {
+          this.isValidatingValue = !0;
           const maybePromiseOrValue = null === (_b = (_a = this.editingEditor).validateValue) || void 0 === _b ? void 0 : _b.call(_a);
           return isPromise(maybePromiseOrValue) ? new Promise((resolve, reject) => {
             maybePromiseOrValue.then(result => {
-              result ? (this.doExit(), resolve(!0)) : resolve(!1);
+              result ? (this.doExit(), resolve(!0)) : (this.isValidatingValue = !1, resolve(!1));
             }).catch(err => {
-              reject(err);
+              this.isValidatingValue = !1, reject(err);
             });
           }) : !!maybePromiseOrValue && (this.doExit(), !0);
         }
@@ -48697,7 +48751,7 @@
           for (let col = range.start.col; col <= range.end.col; col++) rowChangedValues.push(changedValue);
           changedValues.push(rowChangedValues);
         }
-        this.table.changeCellValues(range.start.col, range.start.row, changedValues), this.editingEditor.exit, null === (_d = (_c = this.editingEditor).exit) || void 0 === _d || _d.call(_c), null === (_f = (_e = this.editingEditor).onEnd) || void 0 === _f || _f.call(_e), this.editingEditor = null;
+        this.table.changeCellValues(range.start.col, range.start.row, changedValues), this.editingEditor.exit, null === (_d = (_c = this.editingEditor).exit) || void 0 === _d || _d.call(_c), null === (_f = (_e = this.editingEditor).onEnd) || void 0 === _f || _f.call(_e), this.editingEditor = null, this.isValidatingValue = !1;
       }
       cancelEdit() {
         var _a, _b, _c, _d;