@visactor/vtable 1.19.4-alpha.2 → 1.19.5

package/dist/vtable.js

@@ -16200,7 +16200,7 @@
         return data || this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
       }
       clearScreen(renderService, context, drawContext) {
-        var _a, _b;
+        var _a, _b, _c;
         const {
             clear: clear,
             viewBox: viewBox
@@ -16208,9 +16208,9 @@
           width = viewBox.width(),
           height = viewBox.height();
         if (clear) {
-          context.clearRect(0, 0, width, height);
-          const stage = null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage;
-          if (stage && (context.globalAlpha = null !== (_b = stage.attribute.opacity) && void 0 !== _b ? _b : 1), stage && stage.backgroundImg && stage.resources) {
+          context.clearRect(0, 0, width, height), (null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage) && renderService.drawParams.stage.hooks.afterClearRect.call(renderService.drawParams);
+          const stage = null === (_b = renderService.drawParams) || void 0 === _b ? void 0 : _b.stage;
+          if (stage && (context.globalAlpha = null !== (_c = stage.attribute.opacity) && void 0 !== _c ? _c : 1), stage && stage.backgroundImg && stage.resources) {
             const res = stage.resources.get(clear);
             res && "success" === res.state && res.data && context.drawImage(res.data, 0, 0, width, height);
           } else context.fillStyle = createColor(context, clear, {
@@ -16745,6 +16745,8 @@
           this._beforeRender && this._beforeRender(stage);
         }, this.afterClearScreen = drawParams => {
           this._afterClearScreen && this._afterClearScreen(drawParams);
+        }, this.afterClearRect = drawParams => {
+          this._afterClearRect && this._afterClearRect(drawParams);
         }, this.afterRender = stage => {
           this.renderCount++, this._afterRender && this._afterRender(stage), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
         }, this.afterTickCb = () => {
@@ -16752,7 +16754,8 @@
         }, this.params = params, this.theme = new Theme(), this.hooks = {
           beforeRender: new SyncHook(["stage"]),
           afterRender: new SyncHook(["stage"]),
-          afterClearScreen: new SyncHook(["stage"])
+          afterClearScreen: new SyncHook(["stage"]),
+          afterClearRect: new SyncHook(["stage"])
         }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this.window.create({
           width: params.width,
           height: params.height,
@@ -16764,7 +16767,7 @@
           canvas: params.canvas
         }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
           main: !0
-        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this._afterClearScreen = params.afterClearScreen, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
+        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
           tickRenderMode: "effect"
         }), this.optmize(params.optimize), params.background && isString$6(this._background) && this._background.includes("/") && this.setAttributes({
           background: this._background
@@ -39610,13 +39613,14 @@
                 }
             }
             this.initTreeHierarchyState();
-            this.updatePagerData();
+            this.updatePagination();
         }
         deleteRecordsForTree(recordIndexs) {
             if (!isArray$7(recordIndexs) || recordIndexs.length === 0) {
-                return;
+                return [];
             }
             const recordIndexsMaxToMin = sortRecordIndexs(recordIndexs, -1);
+            const deletedRecordIndexs = [];
             for (let index = 0; index < recordIndexsMaxToMin.length; index++) {
                 const recordIndex = recordIndexsMaxToMin[index];
                 if (isNumber$4(recordIndex) && (recordIndex >= this.sourceLength || recordIndex < 0)) {
@@ -39633,9 +39637,11 @@
                     parentRecord.children.splice(index, 1);
                 }
                 this.adjustBeforeChangedRecordsMap(recordIndex, 1, 'delete');
+                deletedRecordIndexs.push(recordIndex);
             }
             this.initTreeHierarchyState();
-            this.updatePagerData();
+            this.updatePagination();
+            return deletedRecordIndexs;
         }
         updateRecordsForTree(records, recordIndexs) {
             for (let index = 0; index < recordIndexs.length; index++) {
@@ -45014,7 +45020,7 @@
     }
 
     function updateRowHeight(scene, row, detaY, skipTableHeightMap) {
-        if (!skipTableHeightMap) {
+        if (!skipTableHeightMap && detaY) {
             scene.table._setRowHeight(row, scene.table.getRowHeight(row) + detaY, true);
         }
         for (let col = 0; col < scene.table.colCount; col++) {
@@ -47362,13 +47368,15 @@
                     stage.needRender = false;
                     chartStage.resumeRender();
                 },
-                afterClearScreen(drawParams) {
-                    const { context, layer, viewBox } = drawParams;
-                    if (layer.main) {
-                        context.beginPath();
-                        context.fillStyle = hoverColor;
-                        context.rect(viewBox.x1, viewBox.y1, viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1);
-                        context.fill();
+                renderHooks: {
+                    afterClearRect(drawParams) {
+                        const { context, layer, viewBox } = drawParams;
+                        if (layer.main && drawParams.clear && hoverColor) {
+                            context.beginPath();
+                            context.fillStyle = hoverColor;
+                            context.rect(viewBox.x1, viewBox.y1, viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1);
+                            context.fill();
+                        }
                     }
                 }
             }));
@@ -56031,7 +56039,7 @@
             else if (this.table.isAutoRowHeight(this.table.columnHeaderLevelCount)) {
                 for (let i = 0; i < updateRows.length; i++) {
                     const row = updateRows[i];
-                    const oldHeight = this.table.getRowHeight(row);
+                    const oldHeight = this.table.rowHeightsMap.get(row);
                     const newHeight = computeRowHeight(row, 0, this.table.colCount - 1, this.table);
                     if ((row >= this.proxy.rowStart && row <= this.proxy.rowEnd) ||
                         (row >= this.table.rowCount - this.table.bottomFrozenRowCount && row <= this.table.rowCount - 1)) {
@@ -57838,7 +57846,8 @@
     }
     function setCellCheckboxState(col, row, checked, table) {
         const cellGroup = table.scenegraph.getCell(col, row);
-        const checkbox = cellGroup?.getChildByName('checkbox');
+        const checkbox = cellGroup?.getChildByName('checkbox') ||
+            cellGroup?.getChildByName('checkbox-content')?._checkboxGroup?.getChildByName('checkbox');
         if (!checkbox) {
             const field = table.getHeaderField(col, row);
             if (table.isHeader(col, row)) {
@@ -60387,7 +60396,7 @@
             };
             if (table.isHeader(col, row)) {
                 table.stateManager.setHeaderCheckedState(cellInfo.field, e.detail.checked);
-                if (table.internalProps.enableCheckboxCascade) {
+                if (table.internalProps.enableHeaderCheckboxCascade) {
                     const cellType = table.getCellType(col, row);
                     if (cellType === 'checkbox') {
                         table.scenegraph.updateCheckboxCellState(col, row, e.detail.checked);
@@ -61956,7 +61965,7 @@
         });
     }
     function bindHeaderCheckboxChange(table) {
-        if (table.internalProps.enableCheckboxCascade !== true) {
+        if (table.internalProps.enableHeaderCheckboxCascade !== true) {
             return;
         }
         table.on('checkbox_state_change', args => {
@@ -62022,10 +62031,13 @@
         });
     }
 
-    function bindDropdownMenuClickEvent(table) {
+    function bindDropdownMenuEvent(table) {
         table.on(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, () => {
             table.stateManager.hideMenu();
         });
+        table.on(TABLE_EVENT_TYPE.SCROLL, () => {
+            table.stateManager.hideMenu();
+        });
     }
 
     function bindDBClickAutoColumnWidthEvent(table) {
@@ -62159,7 +62171,7 @@
                 return;
             }
             bindIconClickEvent(this.table);
-            bindDropdownMenuClickEvent(this.table);
+            bindDropdownMenuEvent(this.table);
             this.updateEventBinder();
             bindMediaClick(this.table);
             bindDBClickAutoColumnWidthEvent(this.table);
@@ -67135,7 +67147,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.19.4-alpha.2";
+        version = "1.19.5";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -67175,7 +67187,7 @@
             if (options.customConfig?.imageAnonymous === false) {
                 vglobal.isImageAnonymous = false;
             }
-            const { frozenColCount = 0, unfreezeAllOnExceedsMaxWidth, frozenRowCount, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, containerFit = { width: false, height: false }, widthAdaptiveMode = 'only-body', heightAdaptiveMode = 'only-body', keyboardOptions, eventOptions, rowSeriesNumber, enableCheckboxCascade, columnResizeMode, rowResizeMode = 'none', resize, dragHeaderMode, dragOrder, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth, limitMinHeight, clearDOM = true } = options;
+            const { frozenColCount = 0, unfreezeAllOnExceedsMaxWidth, frozenRowCount, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, containerFit = { width: false, height: false }, widthAdaptiveMode = 'only-body', heightAdaptiveMode = 'only-body', keyboardOptions, eventOptions, rowSeriesNumber, enableCheckboxCascade, enableHeaderCheckboxCascade, columnResizeMode, rowResizeMode = 'none', resize, dragHeaderMode, dragOrder, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth, limitMinHeight, clearDOM = true } = options;
             const { groupConfig, groupBy, groupTitleFieldFormat, groupTitleCustomLayout, enableTreeStickCell } = options;
             this.container = container;
             this.options = options;
@@ -67263,6 +67275,7 @@
             internalProps.eventOptions = eventOptions;
             internalProps.rowSeriesNumber = rowSeriesNumber;
             internalProps.enableCheckboxCascade = enableCheckboxCascade ?? rowSeriesNumber?.enableTreeCheckbox ?? true;
+            internalProps.enableHeaderCheckboxCascade = enableCheckboxCascade || (enableHeaderCheckboxCascade ?? true);
             internalProps.columnResizeMode = resize?.columnResizeMode ?? columnResizeMode;
             internalProps.rowResizeMode = resize?.rowResizeMode ?? rowResizeMode;
             internalProps.dragHeaderMode = dragOrder?.dragHeaderMode ?? dragHeaderMode ?? 'none';
@@ -67270,7 +67283,8 @@
             setBatchRenderChartCount(renderChartAsyncBatchCount);
             internalProps.overscrollBehavior = overscrollBehavior ?? 'auto';
             internalProps.groupBy = groupConfig?.groupBy ?? groupBy;
-            internalProps.titleCheckbox = groupConfig?.titleCheckbox;
+            internalProps.groupTitleCheckbox =
+                groupConfig?.titleCheckbox ?? !!rowSeriesNumber?.enableTreeCheckbox;
             internalProps.groupTitleFieldFormat =
                 groupConfig?.titleFieldFormat ?? groupTitleFieldFormat;
             internalProps.groupTitleCustomLayout =
@@ -68647,7 +68661,7 @@
             this.editorManager?.cancelEdit();
             this.options = options;
             this._hasAutoImageColumn = undefined;
-            const { frozenColCount = 0, unfreezeAllOnExceedsMaxWidth, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, enableCheckboxCascade, columnResizeMode, rowResizeMode = 'none', resize, dragHeaderMode, dragOrder, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, containerFit, widthAdaptiveMode, heightAdaptiveMode, customRender, renderChartAsync, renderChartAsyncBatchCount, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth, limitMinHeight } = options;
+            const { frozenColCount = 0, unfreezeAllOnExceedsMaxWidth, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, enableCheckboxCascade, enableHeaderCheckboxCascade, columnResizeMode, rowResizeMode = 'none', resize, dragHeaderMode, dragOrder, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, containerFit, widthAdaptiveMode, heightAdaptiveMode, customRender, renderChartAsync, renderChartAsyncBatchCount, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth, limitMinHeight } = options;
             const { groupConfig, groupBy, groupTitleFieldFormat, groupTitleCustomLayout, enableTreeStickCell } = options;
             if (pixelRatio && pixelRatio !== this.internalProps.pixelRatio) {
                 this.internalProps.pixelRatio = pixelRatio;
@@ -68708,6 +68722,7 @@
             internalProps.eventOptions = eventOptions;
             internalProps.rowSeriesNumber = rowSeriesNumber;
             internalProps.enableCheckboxCascade = enableCheckboxCascade ?? rowSeriesNumber?.enableTreeCheckbox ?? true;
+            internalProps.enableHeaderCheckboxCascade = enableCheckboxCascade || (enableHeaderCheckboxCascade ?? true);
             internalProps.columnResizeMode = resize?.columnResizeMode ?? columnResizeMode;
             internalProps.rowResizeMode = resize?.rowResizeMode ?? rowResizeMode;
             internalProps.dragHeaderMode = dragOrder?.dragHeaderMode ?? dragHeaderMode ?? 'none';
@@ -68716,7 +68731,7 @@
             internalProps.overscrollBehavior = overscrollBehavior ?? 'auto';
             internalProps.cellTextOverflows = {};
             internalProps.groupBy = groupConfig?.groupBy ?? groupBy;
-            internalProps.titleCheckbox = groupConfig?.titleCheckbox;
+            internalProps.groupTitleCheckbox = groupConfig?.titleCheckbox;
             internalProps.groupTitleFieldFormat =
                 groupConfig?.titleFieldFormat ?? groupTitleFieldFormat;
             internalProps.groupTitleCustomLayout =
@@ -71992,7 +72007,7 @@
             return;
         }
         const cellRecord = layout._table.getCellRawRecord(col, row);
-        if (layout._table.internalProps.titleCheckbox && layout._table.internalProps.rowSeriesNumber) {
+        if (layout._table.internalProps.groupTitleCheckbox && layout._table.internalProps.rowSeriesNumber) {
             if (cellRecord?.vtableMerge && col >= layout.leftRowSeriesNumberColumnCount) {
                 cellRange.start.col = layout.rowHeaderLevelCount + layout.leftRowSeriesNumberColumnCount;
                 cellRange.end.col = layout.colCount - 1;
@@ -73838,6 +73853,7 @@
         }
         else if (table.dataSource.rowHierarchyType === 'tree') {
             table.dataSource.addRecordsForTree?.([record], recordIndex);
+            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
             table.refreshRowColCount();
             table.internalProps.layoutMap.clearCellRangeMap();
             table.sortState && sortRecords(table);
@@ -73846,6 +73862,7 @@
         }
         else if (table.sortState) {
             table.dataSource.addRecordForSorted(record);
+            table.stateManager.checkedState.clear();
             sortRecords(table);
             table.refreshRowColCount();
             table.scenegraph.clearCells();
@@ -73858,6 +73875,7 @@
             }
             const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
             table.dataSource.addRecord(record, recordIndex);
+            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
             const oldRowCount = table.rowCount;
             table.refreshRowColCount();
             if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
@@ -73939,6 +73957,7 @@
         }
         else if (table.dataSource.rowHierarchyType === 'tree') {
             table.dataSource.addRecordsForTree?.(records, recordIndex);
+            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
             table.refreshRowColCount();
             table.internalProps.layoutMap.clearCellRangeMap();
             table.sortState && sortRecords(table);
@@ -73962,6 +73981,7 @@
             }
             const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
             table.dataSource.addRecords(records, recordIndex);
+            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
             const oldRowCount = table.transpose ? table.colCount : table.rowCount;
             table.refreshRowColCount();
             if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
@@ -74056,7 +74076,13 @@
                 table.scenegraph.createSceneGraph();
             }
             else if (table.dataSource.rowHierarchyType === 'tree') {
-                table.dataSource.deleteRecordsForTree?.(recordIndexs);
+                const deletedRecordIndexs = table.dataSource.deleteRecordsForTree?.(recordIndexs);
+                if (deletedRecordIndexs.length === 0) {
+                    return;
+                }
+                for (let index = 0; index < deletedRecordIndexs.length; index++) {
+                    adjustCheckBoxStateMapWithDeleteRecordIndex(table, deletedRecordIndexs[index], 1);
+                }
                 table.refreshRowColCount();
                 table.internalProps.layoutMap.clearCellRangeMap();
                 table.sortState && sortRecords(table);
@@ -74284,6 +74310,158 @@
             }
         }
     }
+    function adjustCheckBoxStateMapWithDeleteRecordIndex(table, recordIndex, count) {
+        const { checkedState } = table.stateManager;
+        if (!checkedState) {
+            return;
+        }
+        if (table.dataSource.rowHierarchyType === 'tree') {
+            let toOperateIndexArr;
+            if (isNumber$4(recordIndex)) {
+                toOperateIndexArr = [recordIndex];
+            }
+            else {
+                toOperateIndexArr = recordIndex;
+            }
+            const toOperateIndexArrLength = toOperateIndexArr.length;
+            const targetResult = [];
+            checkedState.forEach((value, key) => {
+                const keyArray = key.split(',');
+                if (keyArray.length >= toOperateIndexArr.length) {
+                    for (let i = 0; i < keyArray.length; i++) {
+                        const toOperateIndex = toOperateIndexArr[i] ?? -1;
+                        const keyIndex = Number(keyArray[i]);
+                        if (toOperateIndex === keyIndex && i < keyArray.length - 1) ;
+                        else if ((toOperateIndex === keyIndex && i === keyArray.length - 1) || toOperateIndex === -1) {
+                            targetResult.push({
+                                originKey: key,
+                                value
+                            });
+                            break;
+                        }
+                        else if (toOperateIndex < keyIndex && i === toOperateIndexArrLength - 1) {
+                            keyArray[i] = (keyIndex - count).toString();
+                            targetResult.push({
+                                originKey: key,
+                                targetKey: keyArray.toString(),
+                                value
+                            });
+                            break;
+                        }
+                        else {
+                            break;
+                        }
+                    }
+                }
+            });
+            targetResult.sort((a, b) => {
+                const aArray = a.originKey.split(',');
+                const bArray = b.originKey.split(',');
+                const aLength = aArray.length;
+                const bLength = bArray.length;
+                const minLength = Math.min(aLength, bLength);
+                for (let i = 0; i < minLength; i++) {
+                    const aIndex = Number(aArray[i]);
+                    const bIndex = Number(bArray[i]);
+                    if (aIndex !== bIndex) {
+                        return aIndex - bIndex;
+                    }
+                }
+                return aLength - bLength;
+            });
+            targetResult.forEach(({ originKey, targetKey, value }) => {
+                checkedState.delete(originKey);
+                if (targetKey) {
+                    checkedState.set(targetKey, value);
+                }
+            });
+        }
+        else {
+            const length = checkedState.size;
+            for (let key = length - 1; key >= recordIndex; key--) {
+                const record = checkedState.get(key.toString());
+                checkedState.delete(key.toString());
+                checkedState.set((key - count).toString(), record);
+            }
+        }
+    }
+    function adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, count) {
+        const { checkedState } = table.stateManager;
+        if (!checkedState) {
+            return;
+        }
+        if (table.dataSource.rowHierarchyType === 'tree') {
+            let toOperateIndexArr;
+            if (isNumber$4(recordIndex)) {
+                toOperateIndexArr = [recordIndex];
+            }
+            else {
+                toOperateIndexArr = recordIndex;
+            }
+            const toOperateIndexArrLength = toOperateIndexArr.length;
+            const targetResult = [];
+            checkedState.forEach((value, key) => {
+                const keyArray = key.split(',');
+                if (keyArray.length >= toOperateIndexArr.length) {
+                    for (let i = 0; i < keyArray.length; i++) {
+                        const toOperateIndex = toOperateIndexArr[i] ?? -1;
+                        const keyIndex = Number(keyArray[i]);
+                        if (toOperateIndex === keyIndex && (i === keyArray.length - 1 || i === toOperateIndexArrLength - 1)) {
+                            keyArray[i] = (keyIndex + count).toString();
+                            targetResult.push({
+                                originKey: key,
+                                targetKey: keyArray.toString(),
+                                value
+                            });
+                            break;
+                        }
+                        else if (toOperateIndex === keyIndex && i < keyArray.length - 1) ;
+                        else if (toOperateIndex < keyIndex && i === toOperateIndexArrLength - 1) {
+                            keyArray[i] = (keyIndex + count).toString();
+                            targetResult.push({
+                                originKey: key,
+                                targetKey: keyArray.toString(),
+                                value
+                            });
+                            break;
+                        }
+                        else {
+                            break;
+                        }
+                    }
+                }
+            });
+            targetResult.sort((a, b) => {
+                const aArray = a.originKey.split(',');
+                const bArray = b.originKey.split(',');
+                const aLength = aArray.length;
+                const bLength = bArray.length;
+                const minLength = Math.min(aLength, bLength);
+                for (let i = 0; i < minLength; i++) {
+                    const aIndex = Number(aArray[i]);
+                    const bIndex = Number(bArray[i]);
+                    if (aIndex !== bIndex) {
+                        return -aIndex + bIndex;
+                    }
+                }
+                return -aLength + bLength;
+            });
+            targetResult.forEach(({ originKey, targetKey, value }) => {
+                checkedState.delete(originKey);
+                if (targetKey) {
+                    checkedState.set(targetKey, value);
+                }
+            });
+        }
+        else {
+            const length = checkedState.size;
+            for (let key = length - 1; key >= recordIndex; key--) {
+                const record = checkedState.get(key.toString());
+                checkedState.delete(key.toString());
+                checkedState.set((key + count).toString(), record);
+            }
+        }
+    }
 
     function fixUpdateRowRange(diffPositions, col, row, table) {
         const updateCells = [{ col, row }];
@@ -74533,7 +74711,17 @@
                     }
                 }
                 else {
-                    value = row - this.columnHeaderLevelCount + 1;
+                    const define = table.getBodyColumnDefine(col, row);
+                    const checkboxSeriesNumberStyle = table.getFieldData(define.field, col, row);
+                    if (typeof checkboxSeriesNumberStyle === 'string') {
+                        value = checkboxSeriesNumberStyle;
+                    }
+                    else if (checkboxSeriesNumberStyle?.text) {
+                        value = checkboxSeriesNumberStyle.text ?? '';
+                    }
+                    else {
+                        value = row - this.columnHeaderLevelCount + 1;
+                    }
                 }
                 const { format } = table.internalProps.layoutMap.getSeriesNumberBody(col, row);
                 return typeof format === 'function' ? format(col, row, this, value) : value;
@@ -79915,9 +80103,14 @@
         if (table.internalProps.layoutMap.isSeriesNumber(col, row)) {
             const checkboxSeriesNumberStyle = table.getFieldData(define.field, col, row);
             if (checkboxSeriesNumberStyle) {
-                isChecked = checkboxSeriesNumberStyle.checked;
-                isDisabled = checkboxSeriesNumberStyle.disable;
-                text = checkboxSeriesNumberStyle.text ?? '';
+                if (typeof checkboxSeriesNumberStyle === 'string') ;
+                else if (typeof checkboxSeriesNumberStyle === 'object') {
+                    isChecked = checkboxSeriesNumberStyle.checked;
+                    isDisabled = checkboxSeriesNumberStyle.disable;
+                }
+                else if (typeof checkboxSeriesNumberStyle === 'boolean') {
+                    isChecked = checkboxSeriesNumberStyle;
+                }
             }
         }
         isChecked = table.stateManager.syncCheckedState(col, row, define.field, isChecked);
@@ -81961,6 +82154,9 @@
                 updateCellPositionsRowDirection.push(parentCellAddress);
             }
         }
+        if (!updateCellPositionsRowDirection.some(item => item.col === col && item.row === row)) {
+            updateCellPositionsRowDirection.push({ col, row });
+        }
         return {
             addCellPositionsRowDirection,
             removeCellPositionsRowDirection,
@@ -90840,7 +91036,7 @@
     }
 
     registerForVrender();
-    const version = "1.19.4-alpha.2";
+    const version = "1.19.5";
     function getIcons() {
         return get$2();
     }