k-vtable 1.0.10 → 1.0.12

package/dist/vtable.js

@@ -39576,13 +39576,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)) {
@@ -39599,9 +39600,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++) {
@@ -39663,7 +39666,7 @@
         }
         cacheBeforeChangedRecord(dataIndex, table) {
             const originRecord = this.getOriginalRecord(dataIndex);
-            if (table.options.groupBy) {
+            if (table.internalProps.groupBy) {
                 dataIndex = this.getOriginRecordIndexForGroup(dataIndex);
             }
             if (!this.beforeChangedRecordsMap.has(dataIndex.toString())) {
@@ -40226,7 +40229,7 @@
         if (table.options.hierarchyExpandLevel) {
             return table.options.hierarchyExpandLevel;
         }
-        else if (table.options.groupBy) {
+        else if (table.internalProps.groupBy) {
             return Infinity;
         }
         return table._hasHierarchyTreeHeader?.() ? 1 : undefined;
@@ -42337,7 +42340,7 @@
             }
         }
         else {
-            if (table.options.groupBy ||
+            if (table.internalProps.groupBy ||
                 table.getBodyColumnDefine(col, row)?.tree) {
                 const indexArr = table.dataSource.getIndexKey(table.getRecordShowIndexByCell(col, row));
                 const groupLength = table.dataSource.getGroupLength() ?? 0;
@@ -43618,11 +43621,11 @@
             isVtableMerge = vtableMerge;
             if (vtableMerge) {
                 mayHaveIcon = true;
-                if (table.options.groupTitleCustomLayout) {
-                    customResult = dealWithCustom(table.options.groupTitleCustomLayout, undefined, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table);
+                if (table.internalProps.groupTitleCustomLayout) {
+                    customResult = dealWithCustom(table.internalProps.groupTitleCustomLayout, undefined, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table);
                 }
-                if (table.options.groupTitleFieldFormat) {
-                    value = table.options.groupTitleFieldFormat(rawRecord, col, row, table);
+                if (table.internalProps.groupTitleFieldFormat) {
+                    value = table.internalProps.groupTitleFieldFormat(rawRecord, col, row, table);
                 }
                 else if (vtableMergeName !== undefined) {
                     value = vtableMergeName;
@@ -44980,7 +44983,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++) {
@@ -45098,8 +45101,8 @@
                     let customLayout;
                     const cellLocation = scene.table.getCellLocation(col, row);
                     const { vtableMerge } = scene.table.getCellRawRecord(col, row) || {};
-                    if (vtableMerge && scene.table.options.groupTitleCustomLayout) {
-                        customLayout = scene.table.options.groupTitleCustomLayout;
+                    if (vtableMerge && scene.table.internalProps.groupTitleCustomLayout) {
+                        customLayout = scene.table.internalProps.groupTitleCustomLayout;
                     }
                     else if (cellLocation !== 'body') {
                         const define = scene.table.getHeaderDefine(col, row);
@@ -45455,8 +45458,8 @@
                     let customLayout;
                     const cellType = scene.table.getCellLocation(col, row);
                     const { vtableMerge } = scene.table.getCellRawRecord(col, row) || {};
-                    if (vtableMerge && scene.table.options.groupTitleCustomLayout) {
-                        customLayout = scene.table.options.groupTitleCustomLayout;
+                    if (vtableMerge && scene.table.internalProps.groupTitleCustomLayout) {
+                        customLayout = scene.table.internalProps.groupTitleCustomLayout;
                     }
                     else if (cellType !== 'body') {
                         const define = scene.table.getHeaderDefine(col, row);
@@ -47411,13 +47414,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();
+                        }
                     }
                 }
             }));
@@ -48590,7 +48595,7 @@
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke) {
             if (group.__customInfoBefore) {
                 const table = group.stage.table;
-                if (table && table.stateManager.interactionState !== InteractionState.scrolling) {
+                if (table) {
                     group.__customInfoBefore({
                         group,
                         context,
@@ -48620,7 +48625,7 @@
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb) {
             if (group.__customInfo) {
                 const table = group.stage.table;
-                if (table && table.stateManager.interactionState !== InteractionState.scrolling) {
+                if (table) {
                     group.__customInfo({
                         group,
                         context,
@@ -49884,11 +49889,11 @@
                 isVtableMerge = vtableMerge;
                 if (vtableMerge) {
                     mayHaveIcon = true;
-                    if (table.options.groupTitleCustomLayout) {
-                        customResult = dealWithCustom(table.options.groupTitleCustomLayout, undefined, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table);
+                    if (table.internalProps.groupTitleCustomLayout) {
+                        customResult = dealWithCustom(table.internalProps.groupTitleCustomLayout, undefined, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table);
                     }
-                    if (table.options.groupTitleFieldFormat) {
-                        value = table.options.groupTitleFieldFormat(rawRecord, col, row, table);
+                    if (table.internalProps.groupTitleFieldFormat) {
+                        value = table.internalProps.groupTitleFieldFormat(rawRecord, col, row, table);
                     }
                     else if (vtableMergeName !== undefined) {
                         value = vtableMergeName;
@@ -51885,11 +51890,12 @@
         const rowsHeight = table.getRowsHeight(computeRectCellRangeStartRow, computeRectCellRangeEndRow);
         const firstCellBound = scene.highPerformanceGetCell(computeRectCellRangeStartCol, computeRectCellRangeStartRow).globalAABBBounds;
         selectComp.rect.setAttributes({
-            x: firstCellBound.x1 - scene.tableGroup.attribute.x,
-            y: firstCellBound.y1 - scene.tableGroup.attribute.y,
-            width: colsWidth - 1,
-            height: rowsHeight - 1,
-            visible: true
+            x: firstCellBound.x1 - scene.tableGroup.attribute.x + 1,
+            y: firstCellBound.y1 - scene.tableGroup.attribute.y + 1,
+            width: colsWidth - 2,
+            height: rowsHeight - 2,
+            visible: true,
+            cornerRadius: 2
         });
         if (selectComp.fillhandle) {
             const fillHandle = scene.table.options.excelOptions?.fillHandle;
@@ -53959,7 +53965,7 @@
         const height = scene.table.tableNoFrameHeight;
         scene.tableGroup = new Group$1({ x: 0, y: 0, width, height, clip: true, pickable: false });
         scene.tableGroup.role = 'table';
-        const colHeaderGroup = createContainerGroup(0, 0, !scene.table.options.enableTreeStickCell);
+        const colHeaderGroup = createContainerGroup(0, 0, !scene.table.internalProps.enableTreeStickCell);
         colHeaderGroup.role = 'col-header';
         scene.colHeaderGroup = colHeaderGroup;
         const cornerHeaderGroup = createContainerGroup(0, 0, !scene.table.options.enableTreeStickCell);
@@ -56158,7 +56164,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)) {
@@ -57815,9 +57821,11 @@
     }
     function setHeaderCheckedState(field, checked, state) {
         state.headerCheckedState[field] = checked;
-        state.checkedState?.forEach(recordCheckState => {
-            recordCheckState[field] = checked;
-        });
+        if (state.table.internalProps.enableCheckboxCascade) {
+            state.checkedState?.forEach(recordCheckState => {
+                recordCheckState[field] = checked;
+            });
+        }
     }
     function syncCheckedState(col, row, field, checked, state) {
         if (state.table.isHeader(col, row)) {
@@ -57845,7 +57853,7 @@
             if (state.checkedState.get(dataIndex)) {
                 state.checkedState.get(dataIndex)[field] = checked;
             }
-            else if (dataIndex.includes(',')) {
+            else if (state.table.internalProps.enableCheckboxCascade && dataIndex.includes(',')) {
                 const parentDataIndex = dataIndex.split(',').slice(0, -1).join(',');
                 if (state.checkedState.has(parentDataIndex) && state.checkedState.get(parentDataIndex)[field] === true) {
                     state.checkedState.set(dataIndex, {
@@ -57924,7 +57932,7 @@
                 ? state.table.getCustomMerge(tableIndex, row)
                 : state.table.getCustomMerge(col, tableIndex);
             const data = state.table.dataSource?.get(index);
-            if (mergeCell || (!state.table.internalProps.rowSeriesNumber?.enableTreeCheckbox && data?.vtableMerge)) {
+            if (mergeCell || (!state.table.internalProps.enableCheckboxCascade && data?.vtableMerge)) {
                 return;
             }
             if (check_state?.[field] !== true) {
@@ -57971,7 +57979,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)) {
@@ -60519,19 +60528,23 @@
             };
             if (table.isHeader(col, row)) {
                 table.stateManager.setHeaderCheckedState(cellInfo.field, e.detail.checked);
-                const cellType = table.getCellType(col, row);
-                if (cellType === 'checkbox') {
-                    table.scenegraph.updateCheckboxCellState(col, row, e.detail.checked);
+                if (table.internalProps.enableHeaderCheckboxCascade) {
+                    const cellType = table.getCellType(col, row);
+                    if (cellType === 'checkbox') {
+                        table.scenegraph.updateCheckboxCellState(col, row, e.detail.checked);
+                    }
                 }
             }
             else {
                 table.stateManager.setCheckedState(col, row, cellInfo.field, e.detail.checked);
-                const cellType = table.getCellType(col, row);
-                if (cellType === 'checkbox') {
-                    const oldHeaderCheckedState = table.stateManager.headerCheckedState[cellInfo.field];
-                    const newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(cellInfo.field, col, row);
-                    if (oldHeaderCheckedState !== newHeaderCheckedState) {
-                        table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
+                if (table.internalProps.enableCheckboxCascade) {
+                    const cellType = table.getCellType(col, row);
+                    if (cellType === 'checkbox') {
+                        const oldHeaderCheckedState = table.stateManager.headerCheckedState[cellInfo.field];
+                        const newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(cellInfo.field, col, row);
+                        if (oldHeaderCheckedState !== newHeaderCheckedState) {
+                            table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
+                        }
                     }
                 }
             }
@@ -61872,8 +61885,7 @@
     function bindGroupTitleCheckboxChange(table) {
         table.on('checkbox_state_change', args => {
             const { col, row, checked, field } = args;
-            if (!table.internalProps.layoutMap.isSeriesNumber(col, row) ||
-                table.internalProps.rowSeriesNumber?.enableTreeCheckbox !== true) {
+            if (!table.internalProps.layoutMap.isSeriesNumber(col, row) || table.internalProps.enableCheckboxCascade !== true) {
                 return;
             }
             if (table.isHeader(col, row)) {
@@ -61917,6 +61929,9 @@
         });
     }
     function bindGroupCheckboxTreeChange(table) {
+        if (table.internalProps.enableCheckboxCascade !== true) {
+            return;
+        }
         table.on('checkbox_state_change', args => {
             const { col, row, checked, field } = args;
             const isCheckboxAndTree = table.internalProps.columns.some(column => column.tree);
@@ -62083,6 +62098,9 @@
         });
     }
     function bindHeaderCheckboxChange(table) {
+        if (table.internalProps.enableHeaderCheckboxCascade !== true) {
+            return;
+        }
         table.on('checkbox_state_change', args => {
             const { col, row, checked, field } = args;
             if (table.isHeader(col, row)) {
@@ -62146,10 +62164,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) {
@@ -62256,7 +62277,7 @@
                 return;
             }
             bindIconClickEvent(this.table);
-            bindDropdownMenuClickEvent(this.table);
+            bindDropdownMenuEvent(this.table);
             this.updateEventBinder();
             bindMediaClick(this.table);
             bindDBClickAutoColumnWidthEvent(this.table);
@@ -62400,7 +62421,7 @@
         }
         checkColumnResize(eventArgsSet, update) {
             const { eventArgs } = eventArgsSet;
-            if (this.table.options.enableTreeStickCell && !eventArgs) {
+            if (this.table.internalProps.enableTreeStickCell && !eventArgs) {
                 return false;
             }
             const resizeCol = this.table.scenegraph.getResizeColAt(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, eventArgs?.targetCell);
@@ -65397,7 +65418,7 @@
         return count;
     }
     function checkHasTreeDefine(layoutMap) {
-        if (layoutMap._table.options.groupBy) {
+        if (layoutMap._table.internalProps.groupBy) {
             return true;
         }
         const { columns } = layoutMap._table.options;
@@ -67231,7 +67252,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.0.10";
+        version = "1.0.12";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -67271,7 +67292,8 @@
             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;
             this._widthMode = widthMode;
@@ -67357,13 +67379,22 @@
             internalProps.keyboardOptions = keyboardOptions;
             internalProps.eventOptions = eventOptions;
             internalProps.rowSeriesNumber = rowSeriesNumber;
-            internalProps.enableCheckboxCascade = enableCheckboxCascade;
+            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';
             internalProps.renderChartAsync = renderChartAsync;
             setBatchRenderChartCount(renderChartAsyncBatchCount);
             internalProps.overscrollBehavior = overscrollBehavior ?? 'auto';
+            internalProps.groupBy = groupConfig?.groupBy ?? groupBy;
+            internalProps.groupTitleCheckbox =
+                groupConfig?.titleCheckbox ?? !!rowSeriesNumber?.enableTreeCheckbox;
+            internalProps.groupTitleFieldFormat =
+                groupConfig?.titleFieldFormat ?? groupTitleFieldFormat;
+            internalProps.groupTitleCustomLayout =
+                groupConfig?.titleCustomLayout ?? groupTitleCustomLayout;
+            internalProps.enableTreeStickCell = groupConfig?.enableTreeStickCell ?? enableTreeStickCell;
             internalProps._rowHeightsMap = new NumberRangeMap(this);
             internalProps._rowRangeHeightsMap = new Map();
             internalProps._colRangeWidthsMap = new Map();
@@ -68735,7 +68766,8 @@
             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;
             }
@@ -68794,7 +68826,8 @@
             internalProps.keyboardOptions = keyboardOptions;
             internalProps.eventOptions = eventOptions;
             internalProps.rowSeriesNumber = rowSeriesNumber;
-            internalProps.enableCheckboxCascade = enableCheckboxCascade;
+            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';
@@ -68802,6 +68835,13 @@
             setBatchRenderChartCount(renderChartAsyncBatchCount);
             internalProps.overscrollBehavior = overscrollBehavior ?? 'auto';
             internalProps.cellTextOverflows = {};
+            internalProps.groupBy = groupConfig?.groupBy ?? groupBy;
+            internalProps.groupTitleCheckbox = groupConfig?.titleCheckbox;
+            internalProps.groupTitleFieldFormat =
+                groupConfig?.titleFieldFormat ?? groupTitleFieldFormat;
+            internalProps.groupTitleCustomLayout =
+                groupConfig?.titleCustomLayout ?? groupTitleCustomLayout;
+            internalProps.enableTreeStickCell = groupConfig?.enableTreeStickCell ?? enableTreeStickCell;
             internalProps._rowHeightsMap = new NumberRangeMap(this);
             internalProps._rowRangeHeightsMap = new Map();
             internalProps._colRangeWidthsMap = new Map();
@@ -69472,7 +69512,7 @@
                 icons = this.internalProps.headerHelper.getIcons(col, row);
             }
             else if (this.internalProps.layoutMap.isSeriesNumber(col, row)) {
-                if (!this.options.groupBy || !this.getCellRawRecord(col, row)?.vtableMerge) {
+                if (!this.internalProps.groupBy || !this.getCellRawRecord(col, row)?.vtableMerge) {
                     const dragOrder = this.internalProps.layoutMap.getSeriesNumberBody(col, row)?.define
                         ?.dragOrder;
                     if (dragOrder) {
@@ -72072,7 +72112,7 @@
             return;
         }
         const cellRecord = layout._table.getCellRawRecord(col, row);
-        if (layout._table.internalProps.rowSeriesNumber?.enableTreeCheckbox) {
+        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;
@@ -72255,7 +72295,7 @@
                             title: rowSeriesNumber.title,
                             define: merge$1({ field: '_vtable_rowSeries_number' }, rowSeriesNumber),
                             cellType: rowSeriesNumber.cellType ?? 'text',
-                            headerType: rowSeriesNumber.cellType === 'checkbox' ? 'checkbox' : 'text',
+                            headerType: rowSeriesNumber.headerType ?? (rowSeriesNumber.cellType === 'checkbox' ? 'checkbox' : 'text'),
                             style: rowSeriesNumber.style,
                             width: rowSeriesNumber.width,
                             format: rowSeriesNumber.format,
@@ -73881,11 +73921,11 @@
         if (oldCellUpdateType === 'group') {
             return oldCellUpdateType;
         }
-        if (oldCellUpdateType === 'sort' && !table.options.groupBy) {
+        if (oldCellUpdateType === 'sort' && !table.internalProps.groupBy) {
             return oldCellUpdateType;
         }
         let cellUpdateType = 'normal';
-        if (table.options.groupBy) {
+        if (table.internalProps.groupBy) {
             cellUpdateType = 'group';
         }
         else if (!table.isHeader(col, row) && table.dataSource.lastOrderField) {
@@ -73908,7 +73948,7 @@
         }
     }
     function listTableAddRecord(record, recordIndex, table) {
-        if (table.options.groupBy) {
+        if (table.internalProps.groupBy) {
             table.dataSource.addRecordsForGroup?.([record], recordIndex);
             table.refreshRowColCount();
             table.internalProps.layoutMap.clearCellRangeMap();
@@ -73918,6 +73958,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);
@@ -73926,6 +73967,7 @@
         }
         else if (table.sortState) {
             table.dataSource.addRecordForSorted(record);
+            table.stateManager.checkedState.clear();
             sortRecords(table);
             table.refreshRowColCount();
             table.scenegraph.clearCells();
@@ -73938,6 +73980,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) {
@@ -74009,7 +74052,7 @@
         }
     }
     function listTableAddRecords(records, recordIndex, table) {
-        if (table.options.groupBy) {
+        if (table.internalProps.groupBy) {
             table.dataSource.addRecordsForGroup?.(records, recordIndex);
             table.refreshRowColCount();
             table.internalProps.layoutMap.clearCellRangeMap();
@@ -74019,6 +74062,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);
@@ -74042,6 +74086,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) {
@@ -74127,7 +74172,7 @@
     }
     function listTableDeleteRecords(recordIndexs, table) {
         if (recordIndexs?.length > 0) {
-            if (table.options.groupBy) {
+            if (table.internalProps.groupBy) {
                 table.dataSource.deleteRecordsForGroup?.(recordIndexs);
                 table.refreshRowColCount();
                 table.internalProps.layoutMap.clearCellRangeMap();
@@ -74136,7 +74181,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);
@@ -74255,7 +74306,7 @@
     }
     function listTableUpdateRecords(records, recordIndexs, table) {
         if (recordIndexs?.length > 0) {
-            if (table.options.groupBy) {
+            if (table.internalProps.groupBy) {
                 table.dataSource.updateRecordsForGroup?.(records, recordIndexs);
                 table.refreshRowColCount();
                 table.internalProps.layoutMap.clearCellRangeMap();
@@ -74364,6 +74415,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 }];
@@ -74442,14 +74645,15 @@
             this.pagination = options.pagination;
             internalProps.sortState = options.sortState;
             internalProps.multipleSort = !!options.multipleSort;
-            internalProps.dataConfig = options.groupBy ? getGroupByDataConfig(options.groupBy) : {};
+            internalProps.dataConfig = this.internalProps.groupBy ? getGroupByDataConfig(this.internalProps.groupBy) : {};
             internalProps.columns = options.columns
                 ? cloneDeepSpec(options.columns, ['children'])
                 : options.header
                     ? cloneDeepSpec(options.header, ['children'])
                     : [];
             generateAggregationForColumn(this);
-            internalProps.enableTreeNodeMerge = options.enableTreeNodeMerge ?? isValid$3(options.groupBy) ?? false;
+            internalProps.enableTreeNodeMerge =
+                options.enableTreeNodeMerge ?? isValid$3(this.internalProps.groupBy) ?? false;
             this.internalProps.headerHelper.setTableColumnsEditor();
             this.showHeader = options.showHeader ?? true;
             this.internalProps.columnWidthConfig = options.columnWidthConfig;
@@ -74483,7 +74687,7 @@
                     this.internalProps.emptyTip?.resetVisible();
                 }
             }
-            if (options.enableTreeStickCell) {
+            if (this.internalProps.enableTreeStickCell) {
                 const ListTreeStickCellPlugin = Factory.getComponent('listTreeStickCellPlugin');
                 this.listTreeStickCellPlugin = new ListTreeStickCellPlugin(this);
             }
@@ -74602,7 +74806,7 @@
                     return title;
                 }
                 let value;
-                if (this.options.groupBy) {
+                if (this.internalProps.groupBy) {
                     const record = table.getCellRawRecord(col, row);
                     if (record?.vtableMerge) {
                         return '';
@@ -74612,7 +74816,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;
@@ -74747,7 +74961,9 @@
                 options.dragOrder?.frozenColDragHeaderMode ?? options.frozenColDragHeaderMode;
             this.pagination = options.pagination;
             internalProps.sortState = options.sortState;
-            internalProps.dataConfig = options.groupBy ? getGroupByDataConfig(options.groupBy) : {};
+            internalProps.dataConfig = this.internalProps.groupBy
+                ? getGroupByDataConfig(this.internalProps.groupBy)
+                : {};
             this.showHeader = options.showHeader ?? true;
             internalProps.columns = options.columns
                 ? cloneDeepSpec(options.columns, ['children'])
@@ -74755,7 +74971,8 @@
                     ? cloneDeepSpec(options.header, ['children'])
                     : [];
             generateAggregationForColumn(this);
-            internalProps.enableTreeNodeMerge = options.enableTreeNodeMerge ?? isValid$3(options.groupBy) ?? false;
+            internalProps.enableTreeNodeMerge =
+                options.enableTreeNodeMerge ?? isValid$3(this.internalProps.groupBy) ?? false;
             this.internalProps.headerHelper.setTableColumnsEditor();
             this.transpose = options.transpose ?? false;
             this.refreshHeader();
@@ -75000,7 +75217,9 @@
             if (this.isHeader(col, row)) {
                 return this._getHeaderLayoutMap(col, row)?.hierarchyState;
             }
-            if (!this.options.groupBy || (isArray$7(this.options.groupBy) && this.options.groupBy.length === 0)) {
+            if (!this.internalProps.groupBy ||
+                (isArray$7(this.internalProps.groupBy) &&
+                    this.internalProps.groupBy.length === 0)) {
                 const define = this.getBodyColumnDefine(col, row);
                 if (!define.tree) {
                     return HierarchyState.none;
@@ -75460,7 +75679,7 @@
             return this.internalProps.layoutMap.isAggregation(col, row);
         }
         getGroupTitleLevel(col, row) {
-            if (!this.options.groupBy) {
+            if (!this.internalProps.groupBy) {
                 return undefined;
             }
             const indexArr = this.dataSource.getIndexKey(this.getRecordShowIndexByCell(col, row));
@@ -79989,9 +80208,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);
@@ -82035,6 +82259,9 @@
                 updateCellPositionsRowDirection.push(parentCellAddress);
             }
         }
+        if (!updateCellPositionsRowDirection.some(item => item.col === col && item.row === row)) {
+            updateCellPositionsRowDirection.push({ col, row });
+        }
         return {
             addCellPositionsRowDirection,
             removeCellPositionsRowDirection,
@@ -90914,7 +91141,7 @@
     }
 
     registerForVrender();
-    const version = "1.0.10";
+    const version = "1.0.12";
     function getIcons() {
         return get$2();
     }