@visactor/vtable 1.10.1 → 1.10.2

package/dist/vtable.js

@@ -26985,6 +26985,9 @@
         let prop;
         while ((prop = paths.shift())) {
             res = res[prop];
+            if (!res) {
+                break;
+            }
         }
         return res;
     }
@@ -28950,7 +28953,7 @@
             return hasThemeProperty(obj, names) || hasThemeProperty(superTheme, names);
         }
         extends(obj) {
-            return new TableTheme(obj, this.internalTheme.superTheme || this.internalTheme.obj);
+            return new TableTheme(ingoreNoneValueMerge({}, obj), ingoreNoneValueMerge(this.internalTheme.superTheme, this.internalTheme.obj));
         }
         getStyle(style) {
             const that = this;
@@ -29943,6 +29946,9 @@
                 else if (this.field && typeof record[this.field] === 'number') {
                     this.min = record[this.field] < this.min ? record[this.field] : this.min;
                 }
+                else if (this.field && !isNaN(record[this.field])) {
+                    this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min;
+                }
             }
             this.clearCacheValue();
         }
@@ -29989,6 +29995,9 @@
                     else if (this.field && typeof record[this.field] === 'number') {
                         this.min = record[this.field] < this.min ? record[this.field] : this.min;
                     }
+                    else if (this.field && !isNaN(record[this.field])) {
+                        this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min;
+                    }
                 }
             }
         }
@@ -40199,7 +40208,8 @@
     });
 
     function computeColsWidth(table, colStart, colEnd, update) {
-        typeof window !== 'undefined' ? window.performance.now() : 0;
+        table.internalProps.columnWidthConfig &&
+            table._parseColumnWidthConfig(table.internalProps.columnWidthConfig);
         colStart = colStart ?? 0;
         colEnd = colEnd ?? table.colCount - 1;
         if (colStart === 0 && colEnd === table.colCount - 1) {
@@ -40761,9 +40771,16 @@
                 row >= table.columnHeaderLevelCount) {
                 cellLocation = 'body';
             }
-            const define = cellLocation !== 'body'
-                ? table.getHeaderDefine(colForDefine, rowForDefine)
-                : table.getBodyColumnDefine(colForDefine, rowForDefine);
+            let define;
+            if (!table.isPivotTable() && table.isSeriesNumberInBody(col, row)) {
+                define = table.getBodyColumnDefine(colForDefine, rowForDefine);
+            }
+            else {
+                define =
+                    cellLocation !== 'body'
+                        ? table.getHeaderDefine(colForDefine, rowForDefine)
+                        : table.getBodyColumnDefine(colForDefine, rowForDefine);
+            }
             let mayHaveIcon = cellLocation !== 'body'
                 ? true
                 : define?.dragOrder || !!define?.icon || !!define?.tree;
@@ -41276,7 +41293,7 @@
         }
         const screenTopRow = proxy.screenTopRow;
         const topRow = Math.max(proxy.bodyTopRow, screenTopRow - proxy.screenRowCount * 1);
-        const bottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
+        const bottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2, proxy.table.rowCount - 1);
         for (let row = topRow; row <= bottomRow; row++) {
             const cellGroup = proxy.highPerformanceGetCell(colGroup.col, row, true);
             proxy.updateCellGroupContent(cellGroup);
@@ -41504,7 +41521,7 @@
             }
             else {
                 const topRow = Math.max(proxy.bodyTopRow, screenTopRow - proxy.screenRowCount * 1);
-                const bottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
+                const bottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2, proxy.table.rowCount - 1);
                 syncTopRow = topRow;
                 syncBottomRow = bottomRow;
             }
@@ -41519,7 +41536,7 @@
                 updateAutoRow(proxy.table.colCount - proxy.table.rightFrozenColCount, proxy.table.colCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up', true);
             }
             proxy.currentRow = direction === 'up' ? proxy.currentRow + count : proxy.currentRow - count;
-            proxy.totalRow = Math.max(0, Math.min(proxy.bodyBottomRow, direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count));
+            proxy.totalRow = Math.max(0, Math.min(proxy.bodyBottomRow, direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count, proxy.table.rowCount - 1));
             proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);
             if (proxy.table.heightMode === 'autoHeight' && sync) {
                 proxy.rowUpdatePos = Math.min(proxy.rowUpdatePos, proxy.rowEnd + 1);
@@ -41533,7 +41550,7 @@
         }
         else {
             const distStartRow = direction === 'up' ? proxy.rowStart + count : proxy.rowStart - count;
-            const distEndRow = direction === 'up' ? proxy.rowEnd + count : proxy.rowEnd - count;
+            const distEndRow = Math.min(proxy.table.rowCount - 1, direction === 'up' ? proxy.rowEnd + count : proxy.rowEnd - count);
             const distStartRowY = proxy.table.getRowsHeight(proxy.bodyTopRow, distStartRow - 1);
             let syncTopRow;
             let syncBottomRow;
@@ -41543,7 +41560,7 @@
             }
             else {
                 syncTopRow = Math.max(proxy.bodyTopRow, screenTopRow - proxy.screenRowCount * 1);
-                syncBottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
+                syncBottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2, proxy.table.rowCount - 1);
             }
             computeRowsHeight(proxy.table, syncTopRow, syncBottomRow, false);
             updateAllRowPosition(distStartRowY, count, direction, proxy);
@@ -41556,7 +41573,7 @@
                 updateAutoRow(proxy.table.colCount - proxy.table.rightFrozenColCount, proxy.table.colCount - 1, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up');
             }
             proxy.currentRow = direction === 'up' ? proxy.currentRow + count : proxy.currentRow - count;
-            proxy.totalRow = Math.max(0, Math.min(proxy.bodyBottomRow, direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count));
+            proxy.totalRow = Math.max(0, Math.min(proxy.bodyBottomRow, direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count, proxy.table.rowCount - 1));
             proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);
             if (proxy.table.heightMode === 'autoHeight' && sync) {
                 proxy.rowUpdatePos = proxy.rowEnd + 1;
@@ -41688,7 +41705,7 @@
         }
         else {
             syncTopRow = Math.max(proxy.bodyTopRow, proxy.screenTopRow - proxy.screenRowCount * 1);
-            syncBottomRow = Math.min(proxy.bodyBottomRow, proxy.screenTopRow + proxy.screenRowCount * 2);
+            syncBottomRow = Math.min(proxy.bodyBottomRow, proxy.screenTopRow + proxy.screenRowCount * 2, proxy.table.rowCount - 1);
         }
         const oldBodyHeight = proxy.table.getAllRowsHeight();
         computeRowsHeight(proxy.table, syncTopRow, syncBottomRow);
@@ -42145,6 +42162,23 @@
             this.firstScreenRowLimit = Math.max(30, this.bodyTopRow + Math.min(this.rowLimit, Math.ceil(heightLimit / defaultRowHeight)));
             this.rowUpdatePos = this.bodyBottomRow;
         }
+        refreshRowCount() {
+            this.bodyTopRow = this.table.frozenRowCount;
+            this.bodyBottomRow = this.table.rowCount - 1 - this.table.bottomFrozenRowCount;
+            const totalActualBodyRowCount = Math.min(this.rowLimit, this.bodyBottomRow - this.bodyTopRow + 1);
+            this.totalActualBodyRowCount = totalActualBodyRowCount;
+            this.totalRow = this.rowStart + totalActualBodyRowCount - 1;
+            this.rowStart = this.bodyTopRow;
+            this.rowEnd = this.totalRow;
+        }
+        refreshColCount() {
+            this.bodyRightCol = this.table.colCount - 1 - this.table.rightFrozenColCount;
+            const totalActualBodyColCount = Math.min(this.colLimit, this.bodyRightCol - this.bodyLeftCol + 1);
+            this.totalActualBodyColCount = totalActualBodyColCount;
+            this.totalCol = this.bodyLeftCol + totalActualBodyColCount - 1;
+            this.colStart = this.bodyLeftCol;
+            this.colEnd = this.totalCol;
+        }
         resize() {
             const defaultColWidth = this.table.defaultColWidth;
             this.taskColCount = Math.ceil(this.table.tableNoFrameWidth / defaultColWidth) * 1;
@@ -43276,17 +43310,25 @@
             rowUpdatePos = isValid$1(rowUpdatePos) ? (isValid$1(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos) : pos;
         }
         for (let col = 0; col < table.colCount; col++) {
-            updateRows.forEach(r => {
-                const mergeInfo = getCellMergeInfo(scene.table, col, r);
-                if (mergeInfo) {
-                    for (let col = mergeInfo.start.col; col <= mergeInfo.end.col; col++) {
-                        for (let row = mergeInfo.start.row; row <= mergeInfo.end.row; row++) {
-                            updateCell$1(col, row, scene.table, false);
-                        }
-                    }
+            updateRows.forEach(row => {
+                if (row < table.frozenRowCount ||
+                    row > table.rowCount - 1 ||
+                    (row < scene.table.rowCount - scene.table.bottomFrozenRowCount &&
+                        (row < scene.proxy.rowStart || row > scene.proxy.rowEnd))) {
+                    removeCellGroup(row, scene);
                 }
                 else {
-                    updateCell$1(col, r, scene.table, false);
+                    const mergeInfo = getCellMergeInfo(scene.table, col, row);
+                    if (mergeInfo) {
+                        for (let col = mergeInfo.start.col; col <= mergeInfo.end.col; col++) {
+                            for (let row = mergeInfo.start.row; row <= mergeInfo.end.row; row++) {
+                                updateCell$1(col, row, scene.table, false);
+                            }
+                        }
+                    }
+                    else {
+                        updateCell$1(col, row, scene.table, false);
+                    }
                 }
             });
         }
@@ -43323,7 +43365,6 @@
             setRowSeriesNumberCellNeedUpdate(removeRows[removeRows.length - 1], scene);
             scene.proxy.updateCellGroups(scene.proxy.screenRowCount * 2);
             updateBottomFrozeCellGroups();
-            scene.proxy.progress();
         }
         scene.proxy.progress();
         const newTotalHeight = table.getRowsHeight(table.frozenRowCount, table.rowCount - 1 - table.bottomFrozenRowCount);
@@ -43352,7 +43393,7 @@
         proxy.bodyBottomRow--;
         const totalActualBodyRowCount = Math.min(proxy.rowLimit, proxy.bodyBottomRow - proxy.bodyTopRow + 1);
         proxy.totalActualBodyRowCount = totalActualBodyRowCount;
-        proxy.totalRow = proxy.rowStart + totalActualBodyRowCount - 1;
+        proxy.totalRow = Math.min(proxy.table.rowCount - 1, proxy.rowStart + totalActualBodyRowCount - 1);
     }
     function addRow(row, scene) {
         const proxy = scene.proxy;
@@ -46871,7 +46912,8 @@
                 _startCol = table.rowHeaderLevelCount;
                 _startRow = table.columnHeaderLevelCount;
             }
-            if ((disableRowSeriesNumberSelect || disableHeaderSelect) && table.options.rowSeriesNumber) {
+            if ((disableRowSeriesNumberSelect || (disableHeaderSelect && table.transpose)) &&
+                table.options.rowSeriesNumber) {
                 _startCol += 1;
             }
             state.select.ranges.push({
@@ -46901,16 +46943,42 @@
                     const endCol = Math.max(currentRange.start.col, currentRange.end.col, col);
                     const startRow = Math.min(currentRange.start.row, currentRange.end.row, row);
                     const endRow = table.rowCount - 1;
-                    currentRange.start = { col: startCol, row: startRow };
-                    currentRange.end = { col: endCol, row: endRow };
+                    if (state.select.headerSelectMode === 'body') {
+                        currentRange.start = { col: startCol, row: table.columnHeaderLevelCount };
+                        currentRange.end = { col: endCol, row: table.rowCount - 1 };
+                    }
+                    else {
+                        currentRange.start = { col: startCol, row: startRow };
+                        currentRange.end = { col: endCol, row: endRow };
+                    }
                 }
                 else if (state.select.headerSelectMode !== 'cell' && table.isRowHeader(col, row)) {
                     const startCol = Math.min(currentRange.start.col, currentRange.end.col, col);
                     const endCol = table.colCount - 1;
                     const startRow = Math.min(currentRange.start.row, currentRange.end.row, row);
                     const endRow = Math.max(currentRange.start.row, currentRange.end.row, row);
-                    currentRange.start = { col: startCol, row: startRow };
-                    currentRange.end = { col: endCol, row: endRow };
+                    if (state.select.headerSelectMode === 'body') {
+                        currentRange.start = { col: table.leftRowSeriesNumberCount + table.rowHeaderLevelCount, row: startRow };
+                        currentRange.end = { col: table.colCount - 1, row: endRow };
+                    }
+                    else {
+                        currentRange.start = { col: startCol, row: startRow };
+                        currentRange.end = { col: endCol, row: endRow };
+                    }
+                }
+                else if (state.select.headerSelectMode !== 'cell' && table.isSeriesNumberInBody(col, row)) {
+                    const startCol = Math.min(currentRange.start.col, currentRange.end.col, col);
+                    const endCol = table.colCount - 1;
+                    const startRow = Math.min(currentRange.start.row, currentRange.end.row, row);
+                    const endRow = Math.max(currentRange.start.row, currentRange.end.row, row);
+                    if (state.select.headerSelectMode === 'body') {
+                        currentRange.start = { col: table.leftRowSeriesNumberCount, row: startRow };
+                        currentRange.end = { col: table.colCount - 1, row: endRow };
+                    }
+                    else {
+                        currentRange.start = { col: startCol, row: startRow };
+                        currentRange.end = { col: endCol, row: endRow };
+                    }
                 }
                 else {
                     currentRange.end = { col, row };
@@ -46926,35 +46994,97 @@
                 }
                 if (state.select.headerSelectMode !== 'cell' && table.isColumnHeader(col, row)) {
                     const cellRange = table.getCellRange(col, row);
-                    state.select.ranges.push({
-                        start: { col: cellRange.start.col, row },
-                        end: { col: cellRange.end.col, row: table.rowCount - 1 },
-                        skipBodyMerge: true
-                    });
+                    if (state.select.headerSelectMode === 'body') {
+                        state.select.ranges.push({
+                            start: { col: cellRange.start.col, row: table.columnHeaderLevelCount },
+                            end: { col: cellRange.end.col, row: table.rowCount - 1 },
+                            skipBodyMerge: true
+                        });
+                    }
+                    else {
+                        state.select.ranges.push({
+                            start: { col: cellRange.start.col, row },
+                            end: { col: cellRange.end.col, row: table.rowCount - 1 },
+                            skipBodyMerge: true
+                        });
+                    }
                 }
                 else if (state.select.headerSelectMode !== 'cell' && table.isRowHeader(col, row)) {
                     const cellRange = table.getCellRange(col, row);
-                    state.select.ranges.push({
-                        start: { col, row: cellRange.start.row },
-                        end: { col: table.colCount - 1, row: cellRange.end.row },
-                        skipBodyMerge: true
-                    });
+                    if (state.select.headerSelectMode === 'body') {
+                        state.select.ranges.push({
+                            start: { col: table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, row: cellRange.start.row },
+                            end: { col: table.colCount - 1, row: cellRange.end.row },
+                            skipBodyMerge: true
+                        });
+                    }
+                    else {
+                        state.select.ranges.push({
+                            start: { col, row: cellRange.start.row },
+                            end: { col: table.colCount - 1, row: cellRange.end.row },
+                            skipBodyMerge: true
+                        });
+                    }
                 }
                 else if (table.internalProps.layoutMap.isSeriesNumberInHeader(col, row)) {
                     extendSelectRange = false;
-                    state.select.ranges.push({
-                        start: { col: 0, row: 0 },
-                        end: { col: table.colCount - 1, row: table.rowCount - 1 },
-                        skipBodyMerge: true
-                    });
+                    if (state.select.headerSelectMode === 'body') {
+                        state.select.ranges.push({
+                            start: {
+                                col: table.leftRowSeriesNumberCount,
+                                row: table.columnHeaderLevelCount
+                            },
+                            end: { col: table.colCount - 1, row: table.rowCount - 1 },
+                            skipBodyMerge: true
+                        });
+                    }
+                    else {
+                        state.select.ranges.push({
+                            start: { col: 0, row: 0 },
+                            end: { col: table.colCount - 1, row: table.rowCount - 1 },
+                            skipBodyMerge: true
+                        });
+                    }
                 }
                 else if (table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) {
                     extendSelectRange = false;
-                    state.select.ranges.push({
-                        start: { col, row: row },
-                        end: { col: table.colCount - 1, row: row },
-                        skipBodyMerge: true
-                    });
+                    if (state.select.headerSelectMode === 'body') {
+                        state.select.ranges.push({
+                            start: {
+                                col: table.leftRowSeriesNumberCount,
+                                row
+                            },
+                            end: { col: table.colCount - 1, row: row },
+                            skipBodyMerge: true
+                        });
+                    }
+                    else {
+                        state.select.ranges.push({
+                            start: { col, row },
+                            end: { col: table.colCount - 1, row: row },
+                            skipBodyMerge: true
+                        });
+                    }
+                }
+                else if (table.internalProps.layoutMap.isCornerHeader(col, row)) {
+                    extendSelectRange = false;
+                    if (state.select.headerSelectMode === 'body') {
+                        state.select.ranges.push({
+                            start: {
+                                col: table.rowHeaderLevelCount + table.leftRowSeriesNumberCount,
+                                row: table.columnHeaderLevelCount
+                            },
+                            end: { col: table.colCount - 1, row: table.rowCount - 1 },
+                            skipBodyMerge: true
+                        });
+                    }
+                    else {
+                        state.select.ranges.push({
+                            start: { col: table.leftRowSeriesNumberCount, row: 0 },
+                            end: { col: table.colCount - 1, row: table.rowCount - 1 },
+                            skipBodyMerge: true
+                        });
+                    }
                 }
                 else if (col >= 0 && row >= 0) {
                     const cellRange = skipBodyMerge ? { start: { col, row }, end: { col, row } } : table.getCellRange(col, row);
@@ -47073,6 +47203,32 @@
                         else if (currentRange.start.row > cellRange.start.row) {
                             currentRange.end.row = cellRange.start.row;
                         }
+                        if (state.select.headerSelectMode === 'body') {
+                            if (table.isRowHeader(col, row)) {
+                                currentRange.start.col = table.rowHeaderLevelCount + table.leftRowSeriesNumberCount;
+                                currentRange.end.col = table.colCount - 1;
+                            }
+                            else if (table.isColumnHeader(col, row)) {
+                                currentRange.start.row = table.columnHeaderLevelCount;
+                                currentRange.end.row = table.rowCount - 1;
+                            }
+                            else if (table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) {
+                                currentRange.start.col = table.leftRowSeriesNumberCount;
+                                currentRange.end.col = table.colCount - 1;
+                            }
+                            else if (table.isCornerHeader(col, row)) {
+                                currentRange.start.col = table.rowHeaderLevelCount + table.leftRowSeriesNumberCount;
+                                currentRange.start.row = table.columnHeaderLevelCount;
+                                currentRange.end.col = table.colCount - 1;
+                                currentRange.end.row = table.rowCount - 1;
+                            }
+                            else if (table.isSeriesNumber(col, row)) {
+                                currentRange.start.col = table.leftRowSeriesNumberCount;
+                                currentRange.start.row = table.columnHeaderLevelCount;
+                                currentRange.end.col = table.colCount - 1;
+                                currentRange.end.row = table.rowCount - 1;
+                            }
+                        }
                         if (skipBodyMerge) {
                             currentRange.skipBodyMerge = true;
                         }
@@ -47880,7 +48036,7 @@
                 state.headerCheckedState[field] = checked;
             }
             else if (state.checkedState?.length > 0) {
-                const isAllChecked = state.updateHeaderCheckedState(field);
+                const isAllChecked = state.updateHeaderCheckedState(field, col, row);
                 return isAllChecked;
             }
             return state.headerCheckedState[field];
@@ -47958,23 +48114,37 @@
             });
         }
     }
-    function updateHeaderCheckedState(field, state) {
-        const allChecked = state.checkedState.every((state) => {
-            return state[field] === true;
+    function updateHeaderCheckedState(field, state, col, row) {
+        const allChecked = state.checkedState.every((check_state, index) => {
+            const tableIndex = state.table.getTableIndexByRecordIndex(index);
+            const mergeCell = state.table.transpose
+                ? state.table.getCustomMerge(tableIndex, row)
+                : state.table.getCustomMerge(col, tableIndex);
+            if (mergeCell) {
+                return true;
+            }
+            return check_state?.[field] === true;
         });
         if (allChecked) {
             state.headerCheckedState[field] = true;
             return allChecked;
         }
-        const allUnChecked = state.checkedState.every((state) => {
-            return state[field] === false;
+        const allUnChecked = state.checkedState.every((check_state, index) => {
+            const tableIndex = state.table.getTableIndexByRecordIndex(index);
+            const mergeCell = state.table.transpose
+                ? state.table.getCustomMerge(tableIndex, row)
+                : state.table.getCustomMerge(col, tableIndex);
+            if (mergeCell) {
+                return true;
+            }
+            return check_state?.[field] === false;
         });
         if (allUnChecked) {
             state.headerCheckedState[field] = false;
             return false;
         }
-        const hasChecked = state.checkedState.find((state) => {
-            return state[field] === true;
+        const hasChecked = state.checkedState.find((check_state) => {
+            return check_state?.[field] === true;
         });
         if (hasChecked) {
             state.headerCheckedState[field] = 'indeterminate';
@@ -49172,6 +49342,15 @@
                 return;
             }
             dealFreeze(col, row, this.table);
+            if (this.table.hasListeners(PIVOT_TABLE_EVENT_TYPE.FREEZE_CLICK)) {
+                const fields = this.table.internalProps.layoutMap.columnObjects.slice(0, col + 1);
+                this.table.fireListeners(PIVOT_TABLE_EVENT_TYPE.FREEZE_CLICK, {
+                    col: col,
+                    row: row,
+                    fields: fields.reduce((pre, cur) => pre.concat(cur.field), []),
+                    colCount: this.table.frozenColCount
+                });
+            }
             this.frozen.icon = iconMark;
         }
         updateCursor(mode = 'default') {
@@ -49215,8 +49394,8 @@
         initCheckedState(records) {
             return initCheckedState(records, this);
         }
-        updateHeaderCheckedState(field) {
-            return updateHeaderCheckedState(field, this);
+        updateHeaderCheckedState(field, col, row) {
+            return updateHeaderCheckedState(field, this, col, row);
         }
         initLeftRecordsCheckState(records) {
             return initLeftRecordsCheckState(records, this);
@@ -49756,60 +49935,6 @@
                 });
             }
         });
-        table.scenegraph.tableGroup.addEventListener('pointerupoutside', (e) => {
-            const eventArgsSet = getCellEventArgsSet(e);
-            if (stateManager.menu.isShow && eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
-                setTimeout(() => {
-                    if (!table.internalProps.menuHandler.pointInMenuElement(e.client.x, e.client.y)) {
-                        stateManager.menu.isShow && stateManager.hideMenu();
-                    }
-                }, 0);
-            }
-            if (stateManager.isResizeCol()) {
-                endResizeCol(table);
-            }
-            else if (stateManager.isResizeRow()) {
-                endResizeRow(table);
-            }
-            else if (stateManager.isMoveCol()) {
-                const endMoveColSuccess = table.stateManager.endMoveCol();
-                if (endMoveColSuccess &&
-                    table.stateManager.columnMove?.colSource !== -1 &&
-                    table.stateManager.columnMove?.rowSource !== -1 &&
-                    table.stateManager.columnMove?.colTarget !== -1 &&
-                    table.stateManager.columnMove?.rowTarget !== -1) {
-                    if (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.nativeEvent
-                        });
-                    }
-                }
-            }
-            else if (stateManager.isSelecting()) {
-                if (table.stateManager.select?.ranges?.length) {
-                    const lastCol = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.col;
-                    const lastRow = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.row;
-                    table.stateManager.endSelectCells();
-                    if (table.hasListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
-                        const cellsEvent = {
-                            event: e.nativeEvent,
-                            cells: [],
-                            col: lastCol,
-                            row: lastRow,
-                            scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth,
-                            target: undefined
-                        };
-                        cellsEvent.cells = table.getSelectedCellInfos();
-                        table.fireListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END, cellsEvent);
-                    }
-                }
-            }
-        });
         const globalPointerupCallback = (e) => {
             const target = e.target;
             if (!table.getElement().contains(target)) {
@@ -50235,7 +50360,7 @@
                 const cellType = table.getCellType(col, row);
                 if (cellType === 'checkbox') {
                     const oldHeaderCheckedState = table.stateManager.headerCheckedState[cellInfo.field];
-                    const newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(cellInfo.field);
+                    const newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(cellInfo.field, col, row);
                     if (oldHeaderCheckedState !== newHeaderCheckedState) {
                         table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
                     }
@@ -51002,7 +51127,64 @@
             callback: globalPointerdownCallback
         });
         document.body.addEventListener('pointerdown', globalPointerdownCallback);
+        const globalPointerupOutsideCallback = (e) => {
+            if (stateManager.menu.isShow) {
+                setTimeout(() => {
+                    if (!table.internalProps.menuHandler.pointInMenuElement(e.clientX, e.clientY)) {
+                        stateManager.menu.isShow && stateManager.hideMenu();
+                    }
+                }, 0);
+            }
+            if (stateManager.isResizeCol()) {
+                endResizeCol(table);
+            }
+            else if (stateManager.isResizeRow()) {
+                endResizeRow(table);
+            }
+            else if (stateManager.isMoveCol()) {
+                const endMoveColSuccess = table.stateManager.endMoveCol();
+                if (endMoveColSuccess &&
+                    table.stateManager.columnMove?.colSource !== -1 &&
+                    table.stateManager.columnMove?.rowSource !== -1 &&
+                    table.stateManager.columnMove?.colTarget !== -1 &&
+                    table.stateManager.columnMove?.rowTarget !== -1) {
+                    if (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
+                        });
+                    }
+                }
+            }
+            else if (stateManager.isSelecting()) {
+                if (table.stateManager.select?.ranges?.length) {
+                    const lastCol = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.col;
+                    const lastRow = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.row;
+                    table.stateManager.endSelectCells();
+                    if (table.hasListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
+                        const cellsEvent = {
+                            event: e,
+                            cells: [],
+                            col: lastCol,
+                            row: lastRow,
+                            scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth,
+                            target: undefined
+                        };
+                        cellsEvent.cells = table.getSelectedCellInfos();
+                        table.fireListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END, cellsEvent);
+                    }
+                }
+            }
+        };
         const globalPointerupCallback = (e) => {
+            const target = e.target;
+            if (target !== table.canvas) {
+                globalPointerupOutsideCallback(e);
+            }
             table.eventManager.LastBodyPointerXY = null;
             table.eventManager.isDown = false;
             table.eventManager.isDraging = false;
@@ -51060,6 +51242,9 @@
                 const leftFrozenColsWidth = table.getFrozenColsWidth();
                 const rightFrozenColsWidth = table.getRightFrozenColsWidth();
                 const startCell = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].start;
+                if (table.isSeriesNumber(startCell.col, startCell.row)) {
+                    return;
+                }
                 const endCell = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end;
                 const canScrollY = (table.isFrozenRow(startCell.row) === false || table.isFrozenRow(endCell.row) === false) &&
                     table.getAllRowsHeight() > table.tableNoFrameHeight;
@@ -51639,6 +51824,11 @@
         }
         deelTableSelectAll() {
             this.table.stateManager.updateSelectPos(-1, -1, false, false, true);
+            this.table.fireListeners(TABLE_EVENT_TYPE.SELECTED_CELL, {
+                ranges: this.table.stateManager.select.ranges,
+                col: 0,
+                row: 0
+            });
         }
         dealMenuSelect(eventArgsSet) {
         }
@@ -53507,6 +53697,9 @@
             this.difference.clear();
         }
         add(position, value) {
+            if (!isValid$1(value)) {
+                return;
+            }
             const defaultValue = this.table.getRowHeight(position);
             if (!this.data.has(position)) {
                 this._keys.push(position);
@@ -53530,6 +53723,9 @@
             }
         }
         put(position, newValue) {
+            if (!isValid$1(newValue)) {
+                return;
+            }
             if (this.data.has(position)) {
                 const oldValue = this.data.get(position);
                 if (oldValue === newValue) {
@@ -55872,11 +56068,10 @@
             };
             const duration = !isBoolean$2(animationOption) ? animationOption?.duration ?? 3000 : animationOption ? 3000 : 0;
             const easing = !isBoolean$2(animationOption) ? animationOption?.easing ?? 'linear' : animationOption ? 'linear' : '';
-            const animation = new Animate().bind(this.tempGraphic).play(new Animateaaa(from, to, duration, easing, {
+            new Animate(Generator.GenAutoIncrementId(), this.timeline).bind(this.tempGraphic).play(new Animateaaa(from, to, duration, easing, {
                 graphic: this.tempGraphic,
                 table: this.table
             }));
-            this.timeline.addAnimate(animation);
             this.ticker.start();
         }
         clear() {
@@ -55919,7 +56114,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.10.1";
+        version = "1.10.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -57423,7 +57618,11 @@
             return getTargetColAt(absoluteX, this);
         }
         getTargetRowAt(absoluteY) {
-            return getTargetRowAt(absoluteY, this);
+            const targetRow = getTargetRowAt(absoluteY, this);
+            if (targetRow) {
+                targetRow.row = Math.min(targetRow.row, this.rowCount - 1);
+            }
+            return targetRow;
         }
         getTargetColAtConsiderRightFrozen(absoluteX, isConsider) {
             return getTargetColAtConsiderRightFrozen(absoluteX, isConsider, this);
@@ -61194,7 +61393,25 @@
                     break;
                 }
                 thisRowPasteColEnd = startCol + j;
-                if ((workOnEditableCell && table.isHasEditorDefine(startCol + j, startRow + i)) || workOnEditableCell === false) {
+                let isCanChange = false;
+                if (workOnEditableCell === false) {
+                    isCanChange = true;
+                }
+                else {
+                    if (table.isHasEditorDefine(startCol + j, startRow + i)) {
+                        const editor = table.getEditor(startCol + j, startRow + i);
+                        const oldValue = oldValues[i][j];
+                        const value = rowValues[j];
+                        const maybePromiseOrValue = editor?.validateValue?.(value, oldValue) ?? true;
+                        if (isPromise(maybePromiseOrValue)) {
+                            isCanChange = true;
+                        }
+                        else {
+                            isCanChange = maybePromiseOrValue;
+                        }
+                    }
+                }
+                if (isCanChange) {
                     const value = rowValues[j];
                     const recordIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i);
                     const { field } = table.internalProps.layoutMap.getBody(startCol + j, startRow + i);
@@ -62090,6 +62307,7 @@
                 this.scenegraph.clearCells();
                 this.dataSource.updatePagination(this.pagination);
                 this.refreshRowColCount();
+                this.stateManager.initCheckedState(this.records);
                 this.scenegraph.createSceneGraph();
                 this.renderAsync();
             }
@@ -62313,10 +62531,29 @@
             const diffDataIndices = this.dataSource.toggleHierarchyState(index, this.scenegraph.proxy.rowStart - this.columnHeaderLevelCount, Math.max(this.scenegraph.proxy.rowEnd - this.columnHeaderLevelCount, this.scenegraph.proxy.rowStart - this.columnHeaderLevelCount + this.scenegraph.proxy.rowLimit - 1));
             const diffPositions = this.internalProps.layoutMap.toggleHierarchyState(diffDataIndices);
             this.refreshRowColCount();
+            for (let row = this.rowCount - this.bottomFrozenRowCount; row < this.rowCount; row++) {
+                const newHeight = computeRowHeight(row, 0, this.colCount - 1, this);
+                this._setRowHeight(row, newHeight);
+            }
             this.clearCellStyleCache();
             this.internalProps.layoutMap.clearCellRangeMap();
             this.internalProps.useOneRowHeightFillAll = false;
-            this.scenegraph.updateRow(diffPositions.removeCellPositions, diffPositions.addCellPositions, [{ col, row }]);
+            const updateCells = [{ col, row }];
+            if (diffPositions.removeCellPositions?.length > 0 &&
+                diffPositions.removeCellPositions[diffPositions.removeCellPositions.length - 1].row >=
+                    this.scenegraph.proxy.rowEnd) {
+                for (let i = 0; i <= diffPositions.removeCellPositions.length - 1; i++) {
+                    if (diffPositions.removeCellPositions[i].row <= this.scenegraph.proxy.rowEnd) {
+                        updateCells.push({
+                            col: diffPositions.removeCellPositions[i].col,
+                            row: diffPositions.removeCellPositions[i].row
+                        });
+                    }
+                }
+                diffPositions.removeCellPositions = [];
+                this.scenegraph.proxy.refreshRowCount();
+            }
+            this.scenegraph.updateRow(diffPositions.removeCellPositions, diffPositions.addCellPositions, updateCells);
             if (checkHasChart) {
                 if (this.autoFillWidth && !notFillWidth) {
                     notFillWidth = this.getAllColsWidth() <= this.tableNoFrameWidth;
@@ -62412,6 +62649,7 @@
                 this.dataSource.updateFilterRules(filterRules);
             }
             this.refreshRowColCount();
+            this.stateManager.initCheckedState(this.records);
             this.scenegraph.createSceneGraph();
         }
         getCheckboxState(field) {
@@ -63593,10 +63831,14 @@
                 : 0;
             const width = (this.table.columnHeaderLevelCount > 0 && this.table.isListTable()
                 ? this.table.getDrawRange().width
-                : this.table.tableNoFrameWidth) - leftHeaderWidth;
+                : this.table.tableNoFrameWidth) -
+                leftHeaderWidth -
+                this.table.getTheme().scrollStyle.width;
             const height = (this.table.rowHeaderLevelCount > 0 && this.table.isListTable()
                 ? this.table.getDrawRange().height
-                : this.table.tableNoFrameHeight) - topHeaderHeight;
+                : this.table.tableNoFrameHeight) -
+                topHeaderHeight -
+                this.table.getTheme().scrollStyle.width;
             this._emptyTipComponent.setAttributes({
                 spaceBetweenTextAndIcon: this._emptyTipOption.spaceBetweenTextAndIcon,
                 x: this.table.tableX + leftHeaderWidth,
@@ -63641,10 +63883,14 @@
                 : 0;
             const width = (this.table.columnHeaderLevelCount > 0 && this.table.isListTable()
                 ? this.table.getDrawRange().width
-                : this.table.tableNoFrameWidth) - leftHeaderWidth;
+                : this.table.tableNoFrameWidth) -
+                leftHeaderWidth -
+                this.table.getTheme().scrollStyle.width;
             const height = (this.table.rowHeaderLevelCount > 0 && this.table.isListTable()
                 ? this.table.getDrawRange().height
-                : this.table.tableNoFrameHeight) - topHeaderHeight;
+                : this.table.tableNoFrameHeight) -
+                topHeaderHeight -
+                this.table.getTheme().scrollStyle.width;
             return {
                 spaceBetweenTextAndIcon: this._emptyTipOption.spaceBetweenTextAndIcon,
                 x: this.table.tableX + leftHeaderWidth,
@@ -64597,7 +64843,7 @@
                     const abstractPos = table._getMouseAbstractPoint(e.event, false);
                     let menu = null;
                     if (abstractPos.inTable && typeof table.internalProps.menu?.contextMenuItems === 'function') {
-                        menu = table.internalProps.menu.contextMenuItems(table.getHeaderField(e.col, e.row), e.row, e.col);
+                        menu = table.internalProps.menu.contextMenuItems(table.getHeaderField(e.col, e.row), e.row, e.col, table);
                     }
                     else if (abstractPos.inTable && Array.isArray(table.internalProps.menu?.contextMenuItems)) {
                         menu = table.internalProps.menu?.contextMenuItems;
@@ -64660,9 +64906,17 @@
             }
             const padding = getQuadProps(this._titleOption.padding ?? 10);
             const realWidth = this._titleOption.width ??
-                Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width) - padding[1] - padding[3];
+                (this.table.widthMode === 'adaptive'
+                    ? this.table.tableNoFrameWidth
+                    : Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width)) -
+                    padding[1] -
+                    padding[3];
             const realHeight = this._titleOption.height ??
-                Math.min(this.table.tableNoFrameHeight, this.table.getDrawRange().height) - padding[0] - padding[2];
+                (this.table.heightMode === 'adaptive'
+                    ? this.table.tableNoFrameHeight
+                    : Math.min(this.table.tableNoFrameHeight, this.table.getDrawRange().height)) -
+                    padding[0] -
+                    padding[2];
             this._titleComponent.setAttributes({
                 x: this._titleOption.x ?? this._titleOption.orient === 'right'
                     ? this.table.tableX + Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width)
@@ -68252,7 +68506,9 @@
             return false;
         }
         isColumnHeader(col, row) {
-            if (col >= this.rowHeaderLevelCount && row >= 0 && row < this.columnHeaderLevelCount) {
+            if (col >= this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount &&
+                row >= 0 &&
+                row < this.columnHeaderLevelCount) {
                 return true;
             }
             return false;
@@ -72129,6 +72385,7 @@
                 this.internalProps.columnResizeType = options.columnResizeType ?? 'column';
                 this.internalProps.rowResizeType = options.rowResizeType ?? 'row';
                 this.internalProps.dataConfig = cloneDeep(options.dataConfig);
+                this.internalProps.columnWidthConfig = options.columnWidthConfig;
                 const records = this.internalProps.records;
                 this.internalProps.recordsIsTwoDimensionalArray = false;
                 if (records?.[0]?.constructor === Array) {
@@ -72253,6 +72510,7 @@
             internalProps.columnResizeType = options.columnResizeType ?? 'column';
             internalProps.rowResizeType = options.rowResizeType ?? 'row';
             internalProps.dataConfig = cloneDeep(options.dataConfig);
+            this.internalProps.columnWidthConfig = options.columnWidthConfig;
             if (options?.rowHierarchyType === 'tree' &&
                 this.internalProps.layoutMap.rowHierarchyType === 'tree' &&
                 this.internalProps.layoutMap.rowExpandLevel === options?.rowExpandLevel) {
@@ -72866,6 +73124,18 @@
                 });
             }
         }
+        _parseColumnWidthConfig(columnWidthConfig) {
+            for (let i = 0; i < columnWidthConfig?.length; i++) {
+                const item = columnWidthConfig[i];
+                const dimensions = item.dimensions;
+                const width = item.width;
+                const cell = this.getCellAddressByHeaderPaths(dimensions);
+                if (cell && !this.internalProps._widthResizedColMap.has(cell.col)) {
+                    this._setColWidth(cell.col, width);
+                    this.internalProps._widthResizedColMap.add(cell.col);
+                }
+            }
+        }
         updatePivotSortState(pivotSortStateConfig) {
             this.pivotSortState = pivotSortStateConfig;
         }
@@ -75166,7 +75436,7 @@
     }
 
     registerForVrender();
-    const version = "1.10.1";
+    const version = "1.10.2";
     function getIcons() {
         return get$2();
     }