@visactor/vtable-calendar 1.11.2-alpha.1 → 1.11.2-alpha.3

package/dist/vtable-calendar.js

@@ -40004,7 +40004,7 @@
     }
 
     function updateSelectPosition(state, col, row, isShift, isCtrl, isSelectAll) {
-      let isSelectMoving = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
+      let makeSelectCellVisible = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !0;
       let skipBodyMerge = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : !1;
       let forceSelect = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : !1;
       var _a, _b;
@@ -40020,7 +40020,7 @@
           disableHeader: disableHeader,
           cellPos: cellPos
         } = state.select;
-      if ((disableHeader && table.isHeader(col, row) || "none" === highlightScope) && !1 === forceSelect && (-1 === col || -1 === row || isSelectMoving || table._makeVisibleCell(col, row), col = -1, row = -1), -1 !== col && -1 !== row && !isSelectMoving) if (interactionState === InteractionState.grabing && state.select.ranges.length > 0) {
+      if ((disableHeader && table.isHeader(col, row) || "none" === highlightScope) && !1 === forceSelect && (-1 !== col && -1 !== row && makeSelectCellVisible && table._makeVisibleCell(col, row), col = -1, row = -1), -1 !== col && -1 !== row && makeSelectCellVisible) if (interactionState === InteractionState.grabing && state.select.ranges.length > 0) {
         const currentRange = state.select.ranges[state.select.ranges.length - 1];
         col > currentRange.start.col && col > currentRange.end.col && table._makeVisibleCell(col + 1, row), row > currentRange.start.row && row > currentRange.end.row && table._makeVisibleCell(col, row + 1), col < currentRange.start.col && col < currentRange.end.col && table._makeVisibleCell(col - 1, row), row < currentRange.start.row && row < currentRange.end.row && table._makeVisibleCell(col, row - 1);
       } else table._makeVisibleCell(col, row);
@@ -40752,16 +40752,12 @@
     function initCheckedState(records, state) {
       state.checkedState = [], state.headerCheckedState = {}, state.radioState = {};
       let isNeedInitHeaderCheckedStateFromRecord = !1;
-      if (state._checkboxCellTypeFields = [], state._headerCheckFuncs = {}, state.table.internalProps.layoutMap.headerObjects.forEach((hd, index) => {
+      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);
         }
-      }), 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) => {
+      }), isNeedInitHeaderCheckedStateFromRecord && records.forEach((record, index) => {
         state._checkboxCellTypeFields.forEach(field => {
           const value = record[field];
           let isChecked;
@@ -40805,28 +40801,14 @@
       }
     }
     function setCellCheckboxState(col, row, checked, table) {
-      const cellGroup = table.scenegraph.getCell(col, row),
-        checkbox = null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox");
-      if (!checkbox) {
-        const field = table.getHeaderField(col, row);
-        if (table.isHeader(col, row)) {
-          table.stateManager.setHeaderCheckedState(field, checked);
-          "checkbox" === table.getCellType(col, row) && table.scenegraph.updateCheckboxCellState(col, row, checked);
-        } else {
-          table.stateManager.setCheckedState(col, row, field, checked);
-          if ("checkbox" === table.getCellType(col, row)) {
-            const oldHeaderCheckedState = table.stateManager.headerCheckedState[field],
-              newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(field, col, row);
-            oldHeaderCheckedState !== newHeaderCheckedState && table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
-          }
-        }
-        return;
-      }
+      const cellGoup = table.scenegraph.getCell(col, row),
+        chechbox = null == cellGoup ? void 0 : cellGoup.getChildByName("checkbox");
+      if (!chechbox) return;
       const {
         checked: oldChecked,
         indeterminate: indeterminate
-      } = checkbox.attribute;
-      indeterminate ? (checked || checkbox._handlePointerUp(), checkbox._handlePointerUp()) : oldChecked ? checked || checkbox._handlePointerUp() : checked && checkbox._handlePointerUp();
+      } = chechbox.attribute;
+      indeterminate ? (checked || chechbox._handlePointerUp(), chechbox._handlePointerUp()) : oldChecked ? checked || chechbox._handlePointerUp() : checked && chechbox._handlePointerUp();
     }
     function changeCheckboxOrder(sourceIndex, targetIndex, state) {
       const {
@@ -41152,10 +41134,10 @@
         let isShift = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
         let isCtrl = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
         let isSelectAll = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
-        let isSelectMoving = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !1;
+        let makeSelectCellVisible = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !0;
         let skipBodyMerge = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
         let forceSelect = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : !1;
-        -1 !== row && -1 !== row && (this.select.selecting = !0), updateSelectPosition(this, col, row, isShift, isCtrl, isSelectAll, isSelectMoving, skipBodyMerge, forceSelect);
+        -1 !== row && -1 !== row && (this.select.selecting = !0), updateSelectPosition(this, col, row, isShift, isCtrl, isSelectAll, makeSelectCellVisible, skipBodyMerge, forceSelect);
       }
       checkCellRangeInSelect(cellPosStart, cellPosEnd) {
         return checkMultiCellInSelect(cellPosStart, cellPosEnd, this.select.ranges, this.select.highlightScope);
@@ -41241,10 +41223,7 @@
         }, 0), this.table.scenegraph.updateChartSizeForResizeRowHeight(this.rowResize.row), this.table.scenegraph.component.hideResizeRow(), this.table.scenegraph.updateNextFrame();
       }
       startResizeRow(row, x, y, isBottomFrozen) {
-        var _a;
-        this.rowResize.resizing = !0, this.rowResize.row = row, this.rowResize.y = y, this.rowResize.isBottomFrozen = isBottomFrozen, this.table.scenegraph.component.showResizeRow(row, x, isBottomFrozen);
-        const isHasSelected = !!(null === (_a = this.select.ranges) || void 0 === _a ? void 0 : _a.length);
-        this.updateSelectPos(-1, -1), this.endSelectCells(!0, isHasSelected), this.table.scenegraph.updateNextFrame();
+        this.rowResize.resizing = !0, this.rowResize.row = row, this.rowResize.y = y, this.rowResize.isBottomFrozen = isBottomFrozen, this.table.scenegraph.component.showResizeRow(row, x, isBottomFrozen), this.table.scenegraph.updateNextFrame();
       }
       updateResizeRow(xInTable, yInTable) {
         updateResizeRow(xInTable, yInTable, this);
@@ -42409,15 +42388,15 @@
       handler.on(table.getElement(), "blur", e => {
         eventManager.dealTableHover();
       }), handler.on(table.getElement(), "keydown", e => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
         if ("a" === e.key && (e.ctrlKey || e.metaKey)) (null === (_a = table.keyboardOptions) || void 0 === _a ? void 0 : _a.selectAllOnCtrlA) && (e.preventDefault(), eventManager.deelTableSelectAll());else if (stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0 && ("ArrowUp" === e.key || "ArrowDown" === e.key || "ArrowLeft" === e.key || "ArrowRight" === e.key)) {
-          if ((null === (_c = null === (_b = table.options.keyboardOptions) || void 0 === _b ? void 0 : _b.moveEditCellOnArrowKeys) || void 0 === _c || !_c) && (null === (_d = table.editorManager) || void 0 === _d ? void 0 : _d.editingEditor)) return;
+          if ((null === (_c = null === (_b = table.options.keyboardOptions) || void 0 === _b ? void 0 : _b.moveEditCellOnArrowKeys) || void 0 === _c || !_c) && (null === (_d = table.editorManager) || void 0 === _d ? void 0 : _d.editingEditor) || !1 === (null === (_e = table.options.keyboardOptions) || void 0 === _e ? void 0 : _e.moveSelectedCellOnArrowKeys)) return;
           let targetCol, targetRow;
           if (e.preventDefault(), e.stopPropagation(), "ArrowUp" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = stateManager.select.cellPos.col, targetRow = 0) : (e.shiftKey, targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row - 1))) : "ArrowDown" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = stateManager.select.cellPos.col, targetRow = table.rowCount - 1) : (e.shiftKey, targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1))) : "ArrowLeft" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = 0, targetRow = stateManager.select.cellPos.row) : (e.shiftKey, targetRow = stateManager.select.cellPos.row, targetCol = Math.min(table.colCount - 1, Math.max(0, stateManager.select.cellPos.col - 1))) : "ArrowRight" === e.key && (e.ctrlKey || e.metaKey ? (targetCol = table.colCount - 1, targetRow = stateManager.select.cellPos.row) : (e.shiftKey, targetRow = stateManager.select.cellPos.row, targetCol = Math.min(table.colCount - 1, Math.max(0, stateManager.select.cellPos.col + 1)))), isCellDisableSelect(table, targetCol, targetRow)) return;
-          table.selectCell(targetCol, targetRow, e.shiftKey), null !== (_f = null === (_e = table.options.keyboardOptions) || void 0 === _e ? void 0 : _e.moveEditCellOnArrowKeys) && void 0 !== _f && _f && (null === (_g = table.editorManager) || void 0 === _g ? void 0 : _g.editingEditor) && (table.editorManager.completeEdit(), table.getElement().focus(), table.getEditor(targetCol, targetRow) && table.editorManager.startEditCell(targetCol, targetRow));
-        } else if ("Escape" === e.key) null === (_h = table.editorManager) || void 0 === _h || _h.cancelEdit(), table.getElement().focus();else if ("Enter" === e.key) {
-          if (null === (_j = table.editorManager) || void 0 === _j ? void 0 : _j.editingEditor) {
-            if (handleKeydownListener(e), table.editorManager.completeEdit(), table.getElement().focus(), !0 === (null === (_k = table.options.keyboardOptions) || void 0 === _k ? void 0 : _k.moveFocusCellOnEnter)) {
+          table.selectCell(targetCol, targetRow, e.shiftKey), null !== (_g = null === (_f = table.options.keyboardOptions) || void 0 === _f ? void 0 : _f.moveEditCellOnArrowKeys) && void 0 !== _g && _g && (null === (_h = table.editorManager) || void 0 === _h ? void 0 : _h.editingEditor) && (table.editorManager.completeEdit(), table.getElement().focus(), table.getEditor(targetCol, targetRow) && table.editorManager.startEditCell(targetCol, targetRow));
+        } else if ("Escape" === e.key) null === (_j = table.editorManager) || void 0 === _j || _j.cancelEdit(), table.getElement().focus();else if ("Enter" === e.key) {
+          if (null === (_k = table.editorManager) || void 0 === _k ? void 0 : _k.editingEditor) {
+            if (handleKeydownListener(e), table.editorManager.completeEdit(), table.getElement().focus(), !0 === (null === (_l = table.options.keyboardOptions) || void 0 === _l ? void 0 : _l.moveFocusCellOnEnter)) {
               const targetCol = stateManager.select.cellPos.col,
                 targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
               if (isCellDisableSelect(table, targetCol, targetRow)) return;
@@ -42425,12 +42404,12 @@
             }
             return;
           }
-          if (!0 === (null === (_l = table.options.keyboardOptions) || void 0 === _l ? void 0 : _l.moveFocusCellOnEnter)) {
+          if (!0 === (null === (_m = table.options.keyboardOptions) || void 0 === _m ? void 0 : _m.moveFocusCellOnEnter)) {
             const targetCol = stateManager.select.cellPos.col,
               targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
             if (isCellDisableSelect(table, targetCol, targetRow)) return;
             table.selectCell(targetCol, targetRow, e.shiftKey);
-          } else if ((null === (_o = null === (_m = table.options.keyboardOptions) || void 0 === _m ? void 0 : _m.editCellOnEnter) || void 0 === _o || _o) && 1 === (null !== (_q = null === (_p = table.stateManager.select.ranges) || void 0 === _p ? void 0 : _p.length) && void 0 !== _q ? _q : 0)) {
+          } else if ((null === (_p = null === (_o = table.options.keyboardOptions) || void 0 === _o ? void 0 : _o.editCellOnEnter) || void 0 === _p || _p) && 1 === (null !== (_r = null === (_q = table.stateManager.select.ranges) || void 0 === _q ? void 0 : _q.length) && void 0 !== _r ? _r : 0)) {
             const startCol = table.stateManager.select.ranges[0].start.col,
               startRow = table.stateManager.select.ranges[0].start.row,
               endCol = table.stateManager.select.ranges[0].end.col,
@@ -42438,15 +42417,15 @@
             startCol === endCol && startRow === endRow && table.getEditor(startCol, startRow) && table.editorManager.startEditCell(startCol, startRow);
           }
         } else if ("Tab" === e.key) {
-          if ((null === (_s = null === (_r = table.options.keyboardOptions) || void 0 === _r ? void 0 : _r.moveFocusCellOnTab) || void 0 === _s || _s) && stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
+          if ((null === (_t = null === (_s = table.options.keyboardOptions) || void 0 === _s ? void 0 : _s.moveFocusCellOnTab) || void 0 === _t || _t) && stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
             if (stateManager.select.cellPos.col === table.colCount - 1 && stateManager.select.cellPos.row === table.rowCount - 1) return;
             let targetCol, targetRow;
             if (e.preventDefault(), stateManager.select.cellPos.col === table.colCount - 1 ? (targetRow = Math.min(table.rowCount - 1, stateManager.select.cellPos.row + 1), targetCol = table.rowHeaderLevelCount) : (targetRow = stateManager.select.cellPos.row, targetCol = stateManager.select.cellPos.col + 1), isCellDisableSelect(table, targetCol, targetRow)) return;
-            table.selectCell(targetCol, targetRow), (null === (_t = table.editorManager) || void 0 === _t ? void 0 : _t.editingEditor) && (table.editorManager.completeEdit(), table.getElement().focus(), table.getEditor(targetCol, targetRow) && table.editorManager.startEditCell(targetCol, targetRow));
+            table.selectCell(targetCol, targetRow), (null === (_u = table.editorManager) || void 0 === _u ? void 0 : _u.editingEditor) && (table.editorManager.completeEdit(), table.getElement().focus(), table.getEditor(targetCol, targetRow) && table.editorManager.startEditCell(targetCol, targetRow));
           }
         } else if (!(e.ctrlKey || e.metaKey || e.shiftKey)) {
           const editCellTrigger = table.options.editCellTrigger;
-          if (("keydown" === editCellTrigger || Array.isArray(editCellTrigger) && editCellTrigger.includes("keydown")) && !(null === (_u = table.editorManager) || void 0 === _u ? void 0 : _u.editingEditor)) {
+          if (("keydown" === editCellTrigger || Array.isArray(editCellTrigger) && editCellTrigger.includes("keydown")) && !(null === (_v = table.editorManager) || void 0 === _v ? void 0 : _v.editingEditor)) {
             const allowedKeys = /^[a-zA-Z0-9+\-*\/%=.,\s]$/;
             e.key.match(allowedKeys) && table.editorManager.startEditCell(stateManager.select.cellPos.col, stateManager.select.cellPos.row, "");
           }
@@ -42701,7 +42680,7 @@
               right || left || (x > table.tableNoFrameWidth - table.getRightFrozenColsWidth() && x < table.tableNoFrameWidth || x > 0 && x < table.getFrozenColsWidth() ? (selectX = x, considerFrozenX = !0) : selectX = table.scrollLeft + x), bottom || top || (y > table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() && y < table.tableNoFrameHeight || y > 0 && y < table.getFrozenRowsHeight() ? (selectY = y, considerFrozenY = !0) : selectY = table.scrollTop + y), table.stateManager.updateInteractionState(InteractionState.grabing);
               const targetCol = table.getTargetColAtConsiderRightFrozen(selectX, considerFrozenX),
                 targetRow = table.getTargetRowAtConsiderBottomFrozen(selectY, considerFrozenY);
-              isValid$1(targetCol) && isValid$1(targetRow) && table.stateManager.updateSelectPos(targetCol.col, targetRow.row, !1, !1, !1, !0);
+              isValid$1(targetCol) && isValid$1(targetRow) && table.stateManager.updateSelectPos(targetCol.col, targetRow.row, !1, !1, !1, !1);
             });
           } else table.eventManager.inertiaScroll.isInertiaScrolling() ? table.eventManager.inertiaScroll.endInertia() : table.eventManager.scrollYSpeed = 0;
         }
@@ -42926,7 +42905,7 @@
       }
       dealMenuHover(eventArgsSet) {}
       dealTableSelect(eventArgsSet, isSelectMoving) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         if (!eventArgsSet) return this.table.stateManager.updateSelectPos(-1, -1), !1;
         const {
           eventArgs: eventArgs
@@ -42942,7 +42921,7 @@
             }
             return !1;
           }
-          return !this.table.isPivotChart() || "axis-label" !== (null === (_c = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target.name) && "chart" !== (null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target.type) ? (this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, isSelectMoving), !0) : (this.table.stateManager.updateSelectPos(-1, -1), !1);
+          return !this.table.isPivotChart() || "axis-label" !== (null === (_c = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target.name) && "chart" !== (null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target.type) ? (this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, null === (_f = null === (_e = this.table.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f), !0) : (this.table.stateManager.updateSelectPos(-1, -1), !1);
         }
         return !1;
       }
@@ -42955,8 +42934,8 @@
           if ((null === (_b = null === (_a = this.table.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) && this.table.stateManager.isFillHandle()) {
             let updateRow, updateCol;
             const currentRange = this.table.stateManager.select.ranges[this.table.stateManager.select.ranges.length - 1];
-            isSelectMoving && (isValid$1(this.table.stateManager.fillHandle.directionRow) || (Math.abs(this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y) >= Math.abs(this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x) ? this.table.stateManager.fillHandle.directionRow = !0 : this.table.stateManager.fillHandle.directionRow = !1), Math.abs(this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y) >= Math.abs(this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x) ? this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y > 0 ? this.table.stateManager.fillHandle.direction = "top" : this.table.stateManager.fillHandle.direction = "bottom" : this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x > 0 ? this.table.stateManager.fillHandle.direction = "left" : this.table.stateManager.fillHandle.direction = "right", this.table.stateManager.fillHandle.directionRow ? (updateRow = eventArgs.row, updateCol = currentRange.end.col) : (updateRow = currentRange.end.row, updateCol = eventArgs.col)), this.table.stateManager.updateSelectPos(isSelectMoving ? updateCol : currentRange.end.col, isSelectMoving ? updateRow : currentRange.end.row, !0, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, isSelectMoving);
-          } else this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, isSelectMoving);
+            isSelectMoving && (isValid$1(this.table.stateManager.fillHandle.directionRow) || (Math.abs(this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y) >= Math.abs(this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x) ? this.table.stateManager.fillHandle.directionRow = !0 : this.table.stateManager.fillHandle.directionRow = !1), Math.abs(this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y) >= Math.abs(this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x) ? this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y > 0 ? this.table.stateManager.fillHandle.direction = "top" : this.table.stateManager.fillHandle.direction = "bottom" : this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x > 0 ? this.table.stateManager.fillHandle.direction = "left" : this.table.stateManager.fillHandle.direction = "right", this.table.stateManager.fillHandle.directionRow ? (updateRow = eventArgs.row, updateCol = currentRange.end.col) : (updateRow = currentRange.end.row, updateCol = eventArgs.col)), this.table.stateManager.updateSelectPos(isSelectMoving ? updateCol : currentRange.end.col, isSelectMoving ? updateRow : currentRange.end.row, !0, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, !isSelectMoving);
+          } else this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, !isSelectMoving);
           return !0;
         }
         return !1;
@@ -43012,11 +42991,11 @@
         this.table.stateManager.updateResizeRow(xInTable, yInTable);
       }
       chechColumnMover(eventArgsSet) {
-        var _a, _b, _c;
+        var _a;
         const {
           eventArgs: eventArgs
         } = eventArgsSet;
-        return !!(eventArgs && this.table.isHeader(eventArgs.col, eventArgs.row) && (checkCellInSelect(eventArgs.col, eventArgs.row, this.table.stateManager.select.ranges) || (null === (_a = this.table.options.select) || void 0 === _a ? void 0 : _a.disableHeaderSelect) || (null === (_b = this.table.options.select) || void 0 === _b ? void 0 : _b.disableSelect)) && this.table._canDragHeaderPosition(eventArgs.col, eventArgs.row)) && (this.table.stateManager.startMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, null === (_c = null == eventArgs ? void 0 : eventArgs.event) || void 0 === _c ? void 0 : _c.nativeEvent), !0);
+        return !(!eventArgs || !this.table._canDragHeaderPosition(eventArgs.col, eventArgs.row)) && (this.table.stateManager.startMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, null === (_a = null == eventArgs ? void 0 : eventArgs.event) || void 0 === _a ? void 0 : _a.nativeEvent), !0);
       }
       dealColumnMover(eventArgsSet) {
         var _a;
@@ -43328,12 +43307,14 @@
     }
     class MenuElement {
       constructor(table) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         this._handler = new EventHandler(), this._rootElement = createMenuDomElement$1(), this._secondElement = createMenuDomElement$1(), this._secondElement.sub = !0, this._showChildrenIndex = -1, this._rootElement.addEventListener("wheel", e => {
           e.stopPropagation();
         }), null === (_a = this._rootElement) || void 0 === _a || _a.addEventListener("mousedown", e => {
           e.stopPropagation(), e.preventDefault();
-        }), null === (_b = this._rootElement) || void 0 === _b || _b.addEventListener("touchend", e => {
+        }), null === (_b = this._rootElement) || void 0 === _b || _b.addEventListener("contextmenu", e => {
+          e.stopPropagation(), e.preventDefault();
+        }), null === (_c = this._rootElement) || void 0 === _c || _c.addEventListener("touchend", e => {
           if (e.stopPropagation(), e.preventDefault(), this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -43356,7 +43337,7 @@
             cellLocation: table.getCellLocation(col, row),
             event: e
           }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null), e.stopPropagation();
-        }), null === (_c = this._rootElement) || void 0 === _c || _c.addEventListener("click", e => {
+        }), null === (_d = this._rootElement) || void 0 === _d || _d.addEventListener("click", e => {
           if (e.stopPropagation(), e.preventDefault(), this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -43379,7 +43360,7 @@
             cellLocation: table.getCellLocation(col, row),
             event: e
           }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null), e.stopPropagation();
-        }), null === (_d = this._rootElement) || void 0 === _d || _d.addEventListener("mousemove", e => {
+        }), null === (_e = this._rootElement) || void 0 === _e || _e.addEventListener("mousemove", e => {
           var _a, _b;
           if (this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           e.stopPropagation();
@@ -43412,17 +43393,17 @@
               null == secondElement || secondElement.classList.remove(SHOWN_CLASSNAME$1), null == secondElement || secondElement.classList.add(HIDDEN_CLASSNAME$1);
             }
           }, 300);
-        }), null === (_e = this._secondElement) || void 0 === _e || _e.addEventListener("wheel", e => {
+        }), null === (_f = this._secondElement) || void 0 === _f || _f.addEventListener("wheel", e => {
           e.stopPropagation();
-        }), null === (_f = this._secondElement) || void 0 === _f || _f.addEventListener("mousemove", e => {
+        }), null === (_g = this._secondElement) || void 0 === _g || _g.addEventListener("mousemove", e => {
           this._rootElement.classList.contains(HIDDEN_CLASSNAME$1) || e.stopPropagation();
-        }), null === (_g = this._secondElement) || void 0 === _g || _g.addEventListener("mouseenter", e => {
+        }), null === (_h = this._secondElement) || void 0 === _h || _h.addEventListener("mouseenter", e => {
           this._mouseEnterSecondElement = !0;
-        }), null === (_h = this._secondElement) || void 0 === _h || _h.addEventListener("mouseleave", e => {
+        }), null === (_j = this._secondElement) || void 0 === _j || _j.addEventListener("mouseleave", e => {
           this._mouseEnterSecondElement = !1;
-        }), null === (_j = this._secondElement) || void 0 === _j || _j.addEventListener("mousedown", e => {
+        }), null === (_k = this._secondElement) || void 0 === _k || _k.addEventListener("mousedown", e => {
           e.stopPropagation(), e.preventDefault();
-        }), null === (_k = this._secondElement) || void 0 === _k || _k.addEventListener("click", e => {
+        }), null === (_l = this._secondElement) || void 0 === _l || _l.addEventListener("click", e => {
           if (e.stopPropagation(), e.preventDefault(), this._secondElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -43492,11 +43473,12 @@
         this._menuInstanceInfo = void 0, (null == rootElement ? void 0 : rootElement.parentElement) && (rootElement.classList.remove(SHOWN_CLASSNAME$1), rootElement.classList.add(HIDDEN_CLASSNAME$1)), (null == secondElement ? void 0 : secondElement.parentElement) && (secondElement.classList.remove(SHOWN_CLASSNAME$1), secondElement.classList.add(HIDDEN_CLASSNAME$1));
       }
       _canBindToCell(table, col, row) {
+        var _a;
         const rect = table.getCellRangeRelativeRect({
             col: col,
             row: row
           }),
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             top: top,
             bottom: bottom,
@@ -43512,12 +43494,15 @@
         return !(offsetHeight < top) && !(offsetWidth < left);
       }
       _bindToCell(table, col, row, position, referencePosition) {
+        var _a;
         const rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
-            height: containerHeight
-          } = table.internalProps.element.getBoundingClientRect();
+            height: containerHeight,
+            left: containerLeft,
+            top: containerTop
+          } = element.getBoundingClientRect();
         if (rootElement) {
           rootElement.parentElement !== element && element.appendChild(rootElement), rootElement.style.left = "0px";
           const maxWidth = .8 * containerWidth;
@@ -43529,19 +43514,30 @@
           const rect = element.getBoundingClientRect(),
             scaleX = rect.width / element.offsetWidth,
             scaleY = rect.height / element.offsetHeight;
-          return rootElementTop * scaleY + rootElementHeight > containerHeight && (rootElementTop = (containerHeight - rootElementHeight) / scaleY), rootElementTop < 0 && (rootElementTop /= 2), rootElement.style.top = `${rootElementTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft * scaleX + rootElementWidth > containerWidth && (rootElementLeft = (containerWidth - rootElementWidth) / scaleX), rootElement.style.left = `${rootElementLeft}px`, !0;
+          rootElementTop * scaleY + rootElementHeight > containerHeight && (rootElementTop = (containerHeight - rootElementHeight) / scaleY), rootElementTop < 0 && (rootElementTop /= 2);
+          let deltaTop = 0,
+            deltaLeft = 0;
+          if (table.getElement() !== element) {
+            const {
+              left: left,
+              top: top
+            } = table.getElement().getBoundingClientRect();
+            deltaTop = top - containerTop, deltaLeft = left - containerLeft;
+          }
+          return rootElement.style.top = `${rootElementTop + deltaTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft * scaleX + rootElementWidth > containerWidth && (rootElementLeft = (containerWidth - rootElementWidth) / scaleX), rootElement.style.left = `${rootElementLeft + deltaLeft}px`, !0;
         }
         return !1;
       }
       _bindSecondElement(table, col, row, x, y) {
+        var _a;
         const secondElement = this._secondElement,
           rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
             left: containerLeft,
             top: containerTop
-          } = table.internalProps.element.getBoundingClientRect(),
+          } = element.getBoundingClientRect(),
           {
             x: rootLeft,
             y: rootTop,
@@ -45492,7 +45488,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.2-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.3", 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,
@@ -46408,13 +46404,12 @@
       clearSelected() {
         this.stateManager.updateSelectPos(-1, -1);
       }
-      selectCell(col, row, isShift, isCtrl) {
-        let makeSelectCellVisible = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !0;
+      selectCell(col, row, isShift, isCtrl, makeSelectCellVisible) {
         let skipBodyMerge = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !1;
         let forceSelect = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
-        var _a;
+        var _a, _b, _c;
         const isHasSelected = !!(null === (_a = this.stateManager.select.ranges) || void 0 === _a ? void 0 : _a.length);
-        this.stateManager.updateSelectPos(col, row, isShift, isCtrl, !1, !makeSelectCellVisible, skipBodyMerge, forceSelect), this.stateManager.endSelectCells(!0, isHasSelected);
+        this.stateManager.updateSelectPos(col, row, isShift, isCtrl, !1, null === (_c = null != makeSelectCellVisible ? makeSelectCellVisible : null === (_b = this.options.select) || void 0 === _b ? void 0 : _b.makeSelectCellVisible) || void 0 === _c || _c, skipBodyMerge, forceSelect), this.stateManager.endSelectCells(!0, isHasSelected);
       }
       selectCells(cellRanges) {
         const {
@@ -46422,7 +46417,8 @@
           scrollTop: scrollTop
         } = this;
         cellRanges.forEach((cellRange, index) => {
-          cellRange.start.col === cellRange.end.col && cellRange.start.row === cellRange.end.row ? this.stateManager.updateSelectPos(cellRange.start.col, cellRange.start.row, !1, index >= 1, !1, !1, !0) : (this.stateManager.updateSelectPos(cellRange.start.col, cellRange.start.row, !1, index >= 1, !1, !1, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(cellRange.end.col, cellRange.end.row, !1, index >= 1, !1, !1, !0)), this.stateManager.endSelectCells(!1, !1), this.stateManager.updateInteractionState(InteractionState.default);
+          var _a, _b, _c, _d, _e, _f;
+          cellRange.start.col === cellRange.end.col && cellRange.start.row === cellRange.end.row ? this.stateManager.updateSelectPos(cellRange.start.col, cellRange.start.row, !1, index >= 1, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0) : (this.stateManager.updateSelectPos(cellRange.start.col, cellRange.start.row, !1, index >= 1, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(cellRange.end.col, cellRange.end.row, !1, index >= 1, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0)), this.stateManager.endSelectCells(!1, !1), this.stateManager.updateInteractionState(InteractionState.default);
         }), this.setScrollTop(scrollTop), this.setScrollLeft(scrollLeft);
       }
       get recordsCount() {
@@ -46707,8 +46703,8 @@
         return !0;
       }
       _canDragHeaderPosition(col, row) {
-        var _a, _b;
-        if (this.isHeader(col, row) && (this.stateManager.isSelected(col, row) || (null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.disableHeaderSelect) || (null === (_b = this.options.select) || void 0 === _b ? void 0 : _b.disableSelect))) {
+        var _a, _b, _c;
+        if (this.isHeader(col, row) && (this.stateManager.isSelected(col, row) || "body" === (null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.headerSelectMode) && checkCellInSelect(col, row, [this.getCellRange(this.stateManager.select.cellPos.col, this.stateManager.select.cellPos.row)]) || (null === (_b = this.options.select) || void 0 === _b ? void 0 : _b.disableHeaderSelect) || (null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.disableSelect))) {
           if ("disabled" === this.internalProps.frozenColDragHeaderMode && this.isFrozenColumn(col)) return !1;
           if (this.stateManager.isSelected(col, row)) {
             const selectRange = this.stateManager.select.ranges[0];
@@ -47934,20 +47930,18 @@
       }
       handleRowSeriesNumber(rowSeriesNumber) {
         var _a, _b;
-        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map((seriesNumber, index) => {
-          var _a, _b, _c;
+        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map(seriesNumber => {
+          var _a, _b;
           return {
             id: this.seqId++,
             title: seriesNumber.title,
-            define: merge({
-              field: "_vtable_rowSeries_number_" + index
-            }, seriesNumber),
+            define: 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: null !== (_c = seriesNumber.field) && void 0 !== _c ? _c : "_vtable_rowSeries_number_" + index,
+            field: seriesNumber.field,
             icon: seriesNumber.icon,
             headerIcon: seriesNumber.headerIcon,
             isChildNode: !1
@@ -47955,15 +47949,13 @@
         }) : this.rowSeriesNumberColumn = [{
           id: this.seqId++,
           title: rowSeriesNumber.title,
-          define: merge({
-            field: "_vtable_rowSeries_number"
-          }, rowSeriesNumber),
+          define: 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: "_vtable_rowSeries_number",
+          field: "",
           icon: rowSeriesNumber.icon,
           headerIcon: rowSeriesNumber.headerIcon,
           isChildNode: !1
@@ -48356,11 +48348,9 @@
         return this._headerObjectMap[id];
       }
       getHeaderField(col, row) {
-        var _a, _b, _c;
-        if (this.isSeriesNumberInHeader(col, row)) return null === (_a = this.getSeriesNumberHeader(col, row)) || void 0 === _a ? void 0 : _a.field;
-        if (this.isSeriesNumberInBody(col, row)) return null === (_b = this.getSeriesNumberBody(col, row)) || void 0 === _b ? void 0 : _b.field;
+        var _a;
         const id = this.getCellId(col, row);
-        return (null === (_c = this._headerObjectMap[id]) || void 0 === _c ? void 0 : _c.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col - this.leftRowSeriesNumberColumnCount] && this._columns[col - this.leftRowSeriesNumberColumnCount].field);
+        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);
       }
       getHeaderCellAdressById(id) {
         for (let i = 0; i < this._headerCellIds.length; i++) {
@@ -51001,11 +50991,12 @@
         this._menuInstanceInfo = void 0, (null == rootElement ? void 0 : rootElement.parentElement) && (rootElement.classList.remove(SHOWN_CLASSNAME), rootElement.classList.add(HIDDEN_CLASSNAME));
       }
       _canBindToCell(table, col, row) {
+        var _a;
         const rect = table.getCellRangeRelativeRect({
             col: col,
             row: row
           }),
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             top: top,
             bottom: bottom,
@@ -51021,12 +51012,15 @@
         return !(offsetHeight < top) && !(offsetWidth < left);
       }
       _bindCell(table, col, row, position, referencePosition) {
+        var _a;
         const rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
-            height: containerHeight
-          } = table.internalProps.element.getBoundingClientRect();
+            height: containerHeight,
+            left: containerLeft,
+            top: containerTop
+          } = element.getBoundingClientRect();
         if (rootElement) {
           rootElement.parentElement !== element && element.appendChild(rootElement), rootElement.style.left = "0px";
           const maxWidth = .8 * containerWidth;
@@ -51034,7 +51028,17 @@
           const rootElementWidth = rootElement.clientWidth,
             rootElementHeight = rootElement.clientHeight;
           let rootElementLeft, rootElementTop;
-          return position && (rootElementLeft = position.x, rootElementTop = position.y), referencePosition && (rootElementLeft = referencePosition.rect.right - rootElementWidth, rootElementTop = referencePosition.rect.bottom), rootElementTop + rootElementHeight > containerHeight && (rootElementTop = containerHeight - rootElementHeight, rootElementLeft += rootElementWidth - 2), rootElementTop < 0 && (rootElementTop /= 2), rootElement.style.top = `${rootElementTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft + rootElementWidth > containerWidth && (rootElementLeft = containerWidth - rootElementWidth), rootElement.style.left = `${rootElementLeft}px`, !0;
+          position && (rootElementLeft = position.x, rootElementTop = position.y), referencePosition && (rootElementLeft = referencePosition.rect.right - rootElementWidth, rootElementTop = referencePosition.rect.bottom), rootElementTop + rootElementHeight > containerHeight && (rootElementTop = containerHeight - rootElementHeight, rootElementLeft += rootElementWidth - 2), rootElementTop < 0 && (rootElementTop /= 2);
+          let deltaTop = 0,
+            deltaLeft = 0;
+          if (table.getElement() !== element) {
+            const {
+              left: left,
+              top: top
+            } = table.getElement().getBoundingClientRect();
+            deltaTop = top - containerTop, deltaLeft = left - containerLeft;
+          }
+          return rootElement.style.top = `${rootElementTop + deltaTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft + rootElementWidth > containerWidth && (rootElementLeft = containerWidth - rootElementWidth), rootElement.style.left = `${rootElementLeft + deltaLeft}px`, !0;
         }
         return !1;
       }