@visactor/vtable 1.18.4-alpha.1 → 1.18.5-alpha.0

package/dist/vtable.js

@@ -30695,7 +30695,8 @@
         EMPTY_TIP_CLICK: 'empty_tip_click',
         EMPTY_TIP_DBLCLICK: 'empty_tip_dblclick',
         BUTTON_CLICK: 'button_click',
-        BEFORE_CACHE_CHART_IMAGE: 'before_cache_chart_image'
+        BEFORE_CACHE_CHART_IMAGE: 'before_cache_chart_image',
+        PASTED_DATA: 'pasted_data'
     };
 
     const judgeType = (value) => {
@@ -35300,8 +35301,9 @@
                 this.dataSourceObj.records.splice(recordIndex, 0, ...recordArr);
             }
             else {
-                const index = recordIndex.pop();
-                const parentRecord = this.getOriginalRecord(recordIndex);
+                const recordIndex_copy = [...recordIndex];
+                const index = recordIndex_copy.pop();
+                const parentRecord = this.getOriginalRecord(recordIndex_copy);
                 if (parentRecord.children) {
                     parentRecord.children.splice(index, 0, ...recordArr);
                 }
@@ -35327,8 +35329,9 @@
                     this.dataSourceObj.records.splice(recordIndex, 1);
                 }
                 else {
-                    const index = recordIndex.pop();
-                    const parentRecord = this.getOriginalRecord(recordIndex);
+                    const recordIndex_copy = [...recordIndex];
+                    const index = recordIndex_copy.pop();
+                    const parentRecord = this.getOriginalRecord(recordIndex_copy);
                     parentRecord.children.splice(index, 1);
                 }
                 this.adjustBeforeChangedRecordsMap(recordIndex, 1, 'delete');
@@ -35348,8 +35351,9 @@
                     this.dataSourceObj.records.splice(recordIndex, 1, record);
                 }
                 else {
-                    const index = recordIndex.pop();
-                    const parentRecord = this.getOriginalRecord(recordIndex);
+                    const recordIndex_copy = [...recordIndex];
+                    const index = recordIndex_copy.pop();
+                    const parentRecord = this.getOriginalRecord(recordIndex_copy);
                     parentRecord.children.splice(index, 1, record);
                 }
             }
@@ -39143,7 +39147,11 @@
             value = table.getCellValue(col, row);
             isAsync = true;
         }
-        if (type === 'text' || type === 'link' || customResult) {
+        if (type === 'checkbox' && define.tree) {
+            const createCheckboxCellGroup = Factory.getFunction('createCheckboxCellGroup');
+            cellGroup = createCheckboxCellGroup(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, true);
+        }
+        else if (type === 'text' || type === 'link' || customResult) {
             if (type === 'link') {
                 const cellValue = value;
                 const cellOriginValue = table.getCellOriginValue(col, row);
@@ -39239,7 +39247,7 @@
             }
             else {
                 const createCheckboxCellGroup = Factory.getFunction('createCheckboxCellGroup');
-                cellGroup = createCheckboxCellGroup(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync);
+                cellGroup = createCheckboxCellGroup(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, false);
             }
         }
         else if (type === 'radio') {
@@ -43203,10 +43211,7 @@
         if (stage.releaseStatus === 'released') {
             return null;
         }
-        const matrix = stage.window.getViewBoxTransform();
         const window = renderToNewWindow(stage, fullImage, viewBox);
-        window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, 0, 0);
-        stage.renderTo(window);
         const c = window.getNativeHandler();
         if (c.nativeCanvas) {
             return c.nativeCanvas;
@@ -43244,6 +43249,7 @@
                 title: ''
             });
         }
+        window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, 0, 0);
         stage.renderTo(window);
         return window;
     }
@@ -50704,6 +50710,16 @@
                                 node.setAttribute('checked', checked);
                             }
                         }
+                        if (node.name === 'checkbox-content') {
+                            if (checked === 'indeterminate') {
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('indeterminate', true);
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('checked', undefined);
+                            }
+                            else {
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('indeterminate', undefined);
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('checked', checked);
+                            }
+                        }
                     });
                 });
             }
@@ -50721,6 +50737,16 @@
                                 node.setAttribute('checked', checked);
                             }
                         }
+                        if (node.name === 'checkbox-content') {
+                            if (checked === 'indeterminate') {
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('indeterminate', true);
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('checked', undefined);
+                            }
+                            else {
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('indeterminate', undefined);
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('checked', checked);
+                            }
+                        }
                     });
                 });
             }
@@ -50742,6 +50768,16 @@
                                 node.setAttribute('checked', checked);
                             }
                         }
+                        if (node.name === 'checkbox-content') {
+                            if (checked === 'indeterminate') {
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('indeterminate', true);
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('checked', undefined);
+                            }
+                            else {
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('indeterminate', undefined);
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('checked', checked);
+                            }
+                        }
                     });
                 });
             }
@@ -50759,6 +50795,16 @@
                                 node.setAttribute('checked', checked);
                             }
                         }
+                        if (node.name === 'checkbox-content') {
+                            if (checked === 'indeterminate') {
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('indeterminate', true);
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('checked', undefined);
+                            }
+                            else {
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('indeterminate', undefined);
+                                node._checkboxGroup.getChildByName('checkbox').setAttribute('checked', checked);
+                            }
+                        }
                     });
                 });
             }
@@ -53442,7 +53488,8 @@
     }
     function setCellCheckboxStateByAttribute(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) {
             if (checked === 'indeterminate') {
                 checkbox.setAttribute('indeterminate', true);
@@ -56547,7 +56594,15 @@
                                 rowValues.push(cell);
                             });
                         });
-                        table.changeCellValues(col, row, values);
+                        const changedCellResults = table.changeCellValues(col, row, values);
+                        if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
+                            table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                                col,
+                                row,
+                                pasteData: values,
+                                changedCellResults
+                            });
+                        }
                     }
                 }
             }
@@ -56613,7 +56668,15 @@
                         }
                         pasteValuesRowCount = values.length ?? 0;
                         values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-                        table.changeCellValues(col, row, values, true);
+                        const changedCellResults = table.changeCellValues(col, row, values, true);
+                        if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
+                            table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                                col,
+                                row,
+                                pasteData: values,
+                                changedCellResults
+                            });
+                        }
                     }
                     else {
                         navigator.clipboard.read().then(clipboardItems => {
@@ -56654,7 +56717,15 @@
             });
             pasteValuesRowCount = values.length ?? 0;
             values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-            table.changeCellValues(col, row, values, true);
+            const changedCellResults = table.changeCellValues(col, row, values, true);
+            if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
+                table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                    col,
+                    row,
+                    pasteData: values,
+                    changedCellResults
+                });
+            }
         }
         function pasteTextToTable(item) {
             const ranges = table.stateManager.select.ranges;
@@ -56688,7 +56759,15 @@
                     });
                     pasteValuesRowCount = values.length ?? 0;
                     values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-                    table.changeCellValues(col, row, values, true);
+                    const changedCellResults = table.changeCellValues(col, row, values, true);
+                    if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
+                        table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                            col,
+                            row,
+                            pasteData: values,
+                            changedCellResults
+                        });
+                    }
                 });
             });
         }
@@ -56810,6 +56889,7 @@
                     });
                 }
             }
+            stateManager.updateInteractionState(InteractionState.default);
         };
         eventManager.globalEventListeners.push({
             name: 'pointerup',
@@ -57213,7 +57293,8 @@
     function bindGroupTitleCheckboxChange(table) {
         table.on('checkbox_state_change', args => {
             const { col, row, checked, field } = args;
-            if (field !== '_vtable_rowSeries_number' || table.internalProps.rowSeriesNumber?.enableTreeCheckbox !== true) {
+            if (!table.internalProps.layoutMap.isSeriesNumber(col, row) ||
+                table.internalProps.rowSeriesNumber?.enableTreeCheckbox !== true) {
                 return;
             }
             if (table.isHeader(col, row)) {
@@ -57229,21 +57310,21 @@
             if (record.vtableMerge || record.children?.length) {
                 if (checked) {
                     if (getHierarchyState(table, col, row) === HierarchyState.collapse) {
-                        updateChildrenCheckboxState(true, titleIndex, table);
+                        updateChildrenCheckboxState(true, titleIndex, table, field);
                     }
                     else {
-                        setAllChildrenCheckboxState(true, titleShowIndex, titleIndex, indexedData, table);
+                        setAllChildrenCheckboxState(true, titleShowIndex, titleIndex, indexedData, table, col);
                     }
-                    updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+                    updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col);
                 }
                 else {
                     if (getHierarchyState(table, col, row) === HierarchyState.collapse) {
-                        updateChildrenCheckboxState(false, titleIndex, table);
+                        updateChildrenCheckboxState(false, titleIndex, table, field);
                     }
                     else {
-                        setAllChildrenCheckboxState(false, titleShowIndex, titleIndex, indexedData, table);
+                        setAllChildrenCheckboxState(false, titleShowIndex, titleIndex, indexedData, table, col);
                     }
-                    updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+                    updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col);
                     const oldHeaderCheckedState = table.stateManager.headerCheckedState._vtable_rowSeries_number;
                     const newHeaderCheckedState = table.stateManager.updateHeaderCheckedState('_vtable_rowSeries_number', col, row);
                     if (oldHeaderCheckedState !== newHeaderCheckedState) {
@@ -57252,20 +57333,69 @@
                 }
             }
             else {
-                updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+                updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col);
             }
         });
     }
-    function setAllChildrenCheckboxState(state, titleShowIndex, titleIndex, indexedData, table) {
+    function bindGroupCheckboxTreeChange(table) {
+        table.on('checkbox_state_change', args => {
+            const { col, row, checked, field } = args;
+            const isCheckboxAndTree = table.internalProps.columns.some(column => column.tree);
+            table.internalProps.enableCheckboxCascade && field !== '_vtable_rowSeries_number';
+            if (!isCheckboxAndTree) {
+                return;
+            }
+            if (table.isHeader(col, row)) {
+                return;
+            }
+            const record = table.getCellOriginRecord(col, row);
+            const indexedData = table.dataSource.currentPagerIndexedData;
+            const titleShowIndex = table.getRecordShowIndexByCell(col, row);
+            let titleIndex = indexedData[titleShowIndex];
+            if (isNumber$4(titleIndex)) {
+                titleIndex = [titleIndex];
+            }
+            if (record.vtableMerge || record.children?.length) {
+                if (checked) {
+                    if (getHierarchyState(table, col, row) === HierarchyState.collapse) {
+                        updateChildrenCheckboxState(true, titleIndex, table, field);
+                    }
+                    else {
+                        setAllChildrenCheckboxState(true, titleShowIndex, titleIndex, indexedData, table, col, field);
+                    }
+                    updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col, field);
+                }
+                else {
+                    if (getHierarchyState(table, col, row) === HierarchyState.collapse) {
+                        updateChildrenCheckboxState(false, titleIndex, table, field);
+                    }
+                    else {
+                        setAllChildrenCheckboxState(false, titleShowIndex, titleIndex, indexedData, table, col, field);
+                    }
+                    updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col, field);
+                    const oldHeaderCheckedState = table.stateManager.headerCheckedState._vtable_rowSeries_number;
+                    const newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(field, col, row);
+                    if (oldHeaderCheckedState !== newHeaderCheckedState) {
+                        table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
+                    }
+                }
+            }
+            else {
+                updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col, field);
+            }
+        });
+    }
+    function setAllChildrenCheckboxState(state, titleShowIndex, titleIndex, indexedData, table, col, field) {
+        const fieldName = field || '_vtable_rowSeries_number';
         let i = titleShowIndex + 1;
         while (isArray$7(indexedData[i]) && indexedData[i]?.length > titleIndex.length) {
             const row = table.columnHeaderLevelCount + i;
-            table.stateManager.setCheckedState(0, row, '_vtable_rowSeries_number', state);
-            setCellCheckboxStateByAttribute(0, row, state, table);
+            table.stateManager.setCheckedState(col, row, fieldName, state);
+            setCellCheckboxStateByAttribute(col, row, state, table);
             i++;
         }
     }
-    function updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table) {
+    function updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col, field) {
         let parentLength = titleIndex.length - 1;
         if (parentLength > 0) {
             let i = titleShowIndex - 1;
@@ -57273,17 +57403,18 @@
                 if ((isArray$7(indexedData[i]) && indexedData[i]?.length === parentLength) ||
                     (parentLength === 1 && isNumber$4(indexedData[i]))) {
                     const row = table.columnHeaderLevelCount + i;
-                    updateParentCheckboxState(0, row, indexedData[i], table);
+                    updateParentCheckboxState(col, row, indexedData[i], table, field);
                     parentLength--;
                 }
                 i--;
             }
         }
     }
-    function updateParentCheckboxState(col, row, currentIndex, table) {
+    function updateParentCheckboxState(col, row, currentIndex, table, field) {
         const { checkedState } = table.stateManager;
         const key = currentIndex.toString();
-        const currentIndexLength = isArray$7(currentIndex) ? currentIndex.length : 1;
+        const fieldName = field || '_vtable_rowSeries_number';
+        isArray$7(currentIndex) ? currentIndex.length : 1;
         let start = false;
         const result = [];
         const keys = Array.from(checkedState.keys()).sort((a, b) => {
@@ -57300,16 +57431,17 @@
             return 0;
         });
         const stateArr = keys.map(key => checkedState.get(key));
+        const childOfCurrentIndex = keys.filter(item => item.startsWith(key + ',') && item !== key);
         stateArr.forEach((state, i) => {
             const index = keys[i];
             const value = state;
+            const isChildOfCurrentIndex = childOfCurrentIndex.includes(index);
             if (start) {
-                const indexData = index.split(',');
-                if (indexData.length === currentIndexLength) {
+                if (!isChildOfCurrentIndex) {
                     start = false;
                 }
                 else {
-                    result.push(value._vtable_rowSeries_number);
+                    result.push(value[fieldName]);
                 }
             }
             if (index === key) {
@@ -57322,22 +57454,22 @@
         const allChecked = result.every(item => !!item);
         const allUnChecked = result.every(item => !item);
         if (allChecked) {
-            table.stateManager.setCheckedState(col, row, '_vtable_rowSeries_number', true);
+            table.stateManager.setCheckedState(col, row, fieldName, true);
             setCellCheckboxStateByAttribute(col, row, true, table);
         }
         else if (allUnChecked) {
-            table.stateManager.setCheckedState(col, row, '_vtable_rowSeries_number', false);
+            table.stateManager.setCheckedState(col, row, fieldName, false);
             setCellCheckboxStateByAttribute(col, row, false, table);
         }
         else {
-            table.stateManager.setCheckedState(col, row, '_vtable_rowSeries_number', 'indeterminate');
+            table.stateManager.setCheckedState(col, row, fieldName, 'indeterminate');
             setCellCheckboxStateByAttribute(col, row, 'indeterminate', table);
         }
     }
-    function updateChildrenCheckboxState(parentState, currentIndex, table) {
+    function updateChildrenCheckboxState(parentState, currentIndex, table, field) {
         const { checkedState } = table.stateManager;
         const key = currentIndex.toString();
-        const currentIndexLength = isArray$7(currentIndex) ? currentIndex.length : 1;
+        isArray$7(currentIndex) ? currentIndex.length : 1;
         let start = false;
         const keys = Array.from(checkedState.keys()).sort((a, b) => {
             const aArr = a.split(',');
@@ -57352,17 +57484,18 @@
             }
             return 0;
         });
+        const childrenOfKey = keys.filter(item => item.startsWith(key + ',') && item !== key);
         const stateArr = keys.map(key => checkedState.get(key));
         stateArr.forEach((state, i) => {
             const index = keys[i];
             const value = state;
+            const shouldSelectChildren = childrenOfKey.length !== 0 && childrenOfKey.includes(index);
             if (start) {
-                const indexData = index.split(',');
-                if (indexData.length === currentIndexLength) {
+                if (!shouldSelectChildren) {
                     start = false;
                 }
                 else {
-                    value._vtable_rowSeries_number = parentState;
+                    value[field] = parentState;
                 }
             }
             if (index === key) {
@@ -57575,6 +57708,7 @@
             bindAxisClickEvent(this.table);
             bindAxisHoverEvent(this.table);
             bindGroupTitleCheckboxChange(this.table);
+            bindGroupCheckboxTreeChange(this.table);
             bindHeaderCheckboxChange(this.table);
             bindButtonClickEvent(this.table);
             rightButtonClickEvent(this.table);
@@ -62501,7 +62635,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.18.4-alpha.1";
+        version = "1.18.5-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -62541,7 +62675,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, widthAdaptiveMode = 'only-body', heightAdaptiveMode = 'only-body', keyboardOptions, eventOptions, rowSeriesNumber, 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, 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;
             this.container = container;
             this.options = options;
             this._widthMode = widthMode;
@@ -62613,6 +62747,7 @@
             internalProps.keyboardOptions = keyboardOptions;
             internalProps.eventOptions = eventOptions;
             internalProps.rowSeriesNumber = rowSeriesNumber;
+            internalProps.enableCheckboxCascade = enableCheckboxCascade;
             internalProps.columnResizeMode = resize?.columnResizeMode ?? columnResizeMode;
             internalProps.rowResizeMode = resize?.rowResizeMode ?? rowResizeMode;
             internalProps.dragHeaderMode = dragOrder?.dragHeaderMode ?? dragHeaderMode ?? 'none';
@@ -63933,7 +64068,7 @@
             this.editorManager?.cancelEdit();
             this.options = options;
             this._hasAutoImageColumn = undefined;
-            const { frozenColCount = 0, unfreezeAllOnExceedsMaxWidth, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, rowResizeMode = 'none', resize, dragHeaderMode, dragOrder, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, 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, columnResizeMode, rowResizeMode = 'none', resize, dragHeaderMode, dragOrder, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, widthAdaptiveMode, heightAdaptiveMode, customRender, renderChartAsync, renderChartAsyncBatchCount, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth, limitMinHeight } = options;
             if (pixelRatio && pixelRatio !== this.internalProps.pixelRatio) {
                 this.internalProps.pixelRatio = pixelRatio;
             }
@@ -63978,6 +64113,7 @@
             internalProps.keyboardOptions = keyboardOptions;
             internalProps.eventOptions = eventOptions;
             internalProps.rowSeriesNumber = rowSeriesNumber;
+            internalProps.enableCheckboxCascade = enableCheckboxCascade;
             internalProps.columnResizeMode = resize?.columnResizeMode ?? columnResizeMode;
             internalProps.rowResizeMode = resize?.rowResizeMode ?? rowResizeMode;
             internalProps.dragHeaderMode = dragOrder?.dragHeaderMode ?? dragHeaderMode ?? 'none';
@@ -67453,7 +67589,7 @@
                             style: rowSeriesNumber.style,
                             width: rowSeriesNumber.width,
                             format: rowSeriesNumber.format,
-                            field: '_vtable_rowSeries_number',
+                            field: rowSeriesNumber.field,
                             icon: rowSeriesNumber.icon,
                             headerIcon: rowSeriesNumber.headerIcon,
                             isChildNode: false
@@ -68864,6 +69000,7 @@
         }
     }
     function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table) {
+        const changedCellResults = [];
         let pasteColEnd = startCol;
         let pasteRowEnd = startRow;
         const beforeChangeValues = [];
@@ -68893,6 +69030,7 @@
             if (startRow + i > table.rowCount - 1) {
                 break;
             }
+            changedCellResults[i] = [];
             pasteRowEnd = startRow + i;
             const rowValues = values[i];
             let thisRowPasteColEnd = startCol;
@@ -68923,6 +69061,7 @@
                     }
                 }
                 if (isCanChange) {
+                    changedCellResults[i][j] = true;
                     const value = rowValues[j];
                     const recordIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i);
                     const { field } = table.internalProps.layoutMap.getBody(startCol + j, startRow + i);
@@ -68945,6 +69084,9 @@
                         });
                     }
                 }
+                else {
+                    changedCellResults[i][j] = false;
+                }
             }
             pasteColEnd = Math.max(pasteColEnd, thisRowPasteColEnd);
         }
@@ -68977,7 +69119,7 @@
             table.internalProps.layoutMap.clearCellRangeMap();
             table.scenegraph.clearCells();
             table.scenegraph.createSceneGraph();
-            return;
+            return changedCellResults;
         }
         for (let sCol = startRange.start.col; sCol <= range.end.col; sCol++) {
             for (let sRow = startRange.start.row; sRow <= range.end.row; sRow++) {
@@ -69018,6 +69160,7 @@
             table.scenegraph.updateRowsHeight(rows, deltaYs);
         }
         table.scenegraph.updateNextFrame();
+        return changedCellResults;
     }
     function getCellUpdateType(col, row, table, oldCellUpdateType) {
         if (oldCellUpdateType === 'group') {
@@ -74712,7 +74855,155 @@
         return cellGroup;
     }
 
-    function createCheckboxCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync) {
+    class CheckboxContent extends Group$1 {
+        _leftGroup;
+        _rightGroup;
+        _checkboxGroup;
+        _autoWidth = false;
+        _autoHeight = false;
+        _cellWidth;
+        _originCellWidth;
+        _cellHeight;
+        _align;
+        _baseline;
+        constructor(params) {
+            super(params);
+            this._leftGroup = new Group$1({
+                pickable: false,
+                fill: false,
+                stroke: false
+            });
+            this._leftGroup.role = 'content-left';
+            this._rightGroup = new Group$1({
+                pickable: false,
+                fill: false,
+                stroke: false
+            });
+            this._rightGroup.role = 'content-right';
+            this._checkboxGroup = new Group$1({
+                pickable: false,
+                fill: false,
+                stroke: false
+            });
+            this._checkboxGroup.role = 'content-center';
+            this.appendChild(this._leftGroup);
+            this.appendChild(this._rightGroup);
+            this.appendChild(this._checkboxGroup);
+        }
+        addLeftOccupyingIcon(icon) {
+            icon.setAttribute('x', this._leftGroup.width + (icon.attribute.marginLeft ?? 0));
+            this._leftGroup.appendChild(icon);
+            this._leftGroup.setDeltaWidth((icon.attribute.marginLeft ?? 0) + (icon.attribute.marginRight ?? 0) + icon.attribute.width);
+        }
+        addRightOccupyingIcon(icon) {
+            icon.setAttribute('x', this._rightGroup.width + (icon.attribute.marginLeft ?? 0));
+            this._rightGroup.appendChild(icon);
+            this._rightGroup.setDeltaWidth((icon.attribute.marginLeft ?? 0) + (icon.attribute.marginRight ?? 0) + icon.attribute.width);
+        }
+        addCheckbox(checkbox) {
+            this._checkboxGroup.appendChild(checkbox);
+        }
+        setCheckboxContentOption(option) {
+            this._autoWidth = option.autoWidth;
+            this._autoHeight = option.autoHeight;
+            this._cellWidth = option.cellWidth;
+            this._originCellWidth = option.cellWidth;
+            this._cellHeight = option.cellHeight;
+            this._align = option.align;
+            this._baseline = option.baseline;
+        }
+        layout() {
+            let leftOccupyingWidth = this._leftGroup.width;
+            if (leftOccupyingWidth === Infinity) {
+                leftOccupyingWidth = 0;
+            }
+            let rightOccupyingWidth = this._rightGroup.width;
+            if (rightOccupyingWidth === -Infinity) {
+                rightOccupyingWidth = 0;
+            }
+            if (this._autoWidth) {
+                const checkboxWidth = this._checkboxGroup.width;
+                this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + checkboxWidth;
+                this.setAttribute('width', this._cellWidth);
+            }
+            else {
+                const contentWidth = this._cellWidth - leftOccupyingWidth - rightOccupyingWidth;
+                this.updateCenterLayout(contentWidth);
+                const centerWidth = this._checkboxGroup.width;
+                this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth;
+                this.setAttribute('width', this._cellWidth);
+            }
+            this.updateHorizontalPos();
+            const leftOccupyingHeight = this._leftGroup.height;
+            const rightOccupyingHeight = this._rightGroup.height;
+            const centerHeight = this._checkboxGroup.height;
+            this._cellHeight = Math.max(leftOccupyingHeight, rightOccupyingHeight, centerHeight);
+            this.setAttribute('height', this._cellHeight);
+            this.updateVerticalPos();
+        }
+        updateCenterLayout(contentWidth) {
+            let checkboxWidth = contentWidth;
+            this._checkboxGroup.forEachChildren(child => {
+                if (child instanceof CheckBox) {
+                    checkboxWidth -= child.AABBBounds.width();
+                }
+            });
+            const checkbox = this._checkboxGroup.getChildByName('checkbox-content');
+            if (checkbox instanceof CheckBox) {
+                checkbox.setAttribute('width', checkboxWidth);
+            }
+            let x = 0;
+            this._checkboxGroup.forEachChildren((child) => {
+                child.setAttribute('x', x);
+                x += child.AABBBounds.width();
+            });
+        }
+        updateHorizontalPos() {
+            this._leftGroup.setAttribute('x', 0);
+            this._rightGroup.setAttribute('x', this._cellWidth - this._rightGroup.width);
+            this._checkboxGroup.setAttribute('x', 4);
+            if (this._align === 'left' || this._align === 'start') {
+                this.setAttribute('dx', 0);
+            }
+            else if (this._align === 'center') {
+                this.setAttribute('dx', -this.attribute.width / 2);
+            }
+            else if (this._align === 'right' || this._align === 'end') {
+                this.setAttribute('dx', -this.attribute.width);
+            }
+        }
+        updateVerticalPos() {
+            if (this._baseline === 'top') {
+                this._leftGroup.setAttribute('y', 0);
+                this._rightGroup.setAttribute('y', 0);
+                this._checkboxGroup.setAttribute('y', 0);
+            }
+            else if (this._baseline === 'middle') {
+                this._leftGroup.forEachChildren((icon) => {
+                    icon.setAttribute('y', (this._leftGroup.height - icon.AABBBounds.height()) / 2);
+                });
+                this._rightGroup.forEachChildren((icon) => {
+                    icon.setAttribute('y', (this._rightGroup.height - icon.AABBBounds.height()) / 2);
+                });
+                this._leftGroup.setAttribute('y', this._cellHeight / 2 - this._leftGroup.height / 2);
+                this._rightGroup.setAttribute('y', this._cellHeight / 2 - this._rightGroup.height / 2);
+                this._checkboxGroup.setAttribute('y', this._cellHeight / 2 - this._checkboxGroup.height / 2);
+            }
+            else if (this._baseline === 'bottom') {
+                this._leftGroup.forEachChildren((icon) => {
+                    icon.setAttribute('y', this._leftGroup.height - icon.AABBBounds.height());
+                });
+                this._rightGroup.forEachChildren((icon) => {
+                    icon.setAttribute('y', this._rightGroup.height - icon.AABBBounds.height());
+                });
+                this._leftGroup.setAttribute('y', this._cellHeight - this._leftGroup.height);
+                this._rightGroup.setAttribute('y', this._cellHeight - this._rightGroup.height);
+                this._checkboxGroup.setAttribute('y', this._cellHeight - this._checkboxGroup.height);
+            }
+        }
+    }
+
+    function createCheckboxCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, isCheckboxTree) {
         if (!cellGroup) {
             const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);
             if (isAsync) {
@@ -74771,10 +75062,16 @@
         }
         let iconWidth = 0;
         let cellLeftIconWidth = 0;
+        let cellRightIconWidth = 0;
+        let cellabsoluteRightIconWidth = 0;
+        let cellContentLeftIcons = [];
         if (Array.isArray(icons) && icons.length !== 0) {
-            const { leftIconWidth, rightIconWidth, absoluteLeftIconWidth, absoluteRightIconWidth } = dealWithIconLayout(icons, cellGroup, range, table);
+            const { leftIconWidth, rightIconWidth, contentLeftIcons, contentRightIcons, absoluteLeftIconWidth, absoluteRightIconWidth } = dealWithIconLayout(icons, cellGroup, range, table);
             iconWidth = leftIconWidth + rightIconWidth;
             cellLeftIconWidth = leftIconWidth;
+            cellRightIconWidth = rightIconWidth;
+            cellContentLeftIcons = contentLeftIcons;
+            cellabsoluteRightIconWidth = absoluteRightIconWidth;
             cellGroup.forEachChildren((child) => {
                 if (child.role === 'icon-left') {
                     child.setAttribute('x', child.attribute.x + padding[3]);
@@ -74798,11 +75095,89 @@
                 }
             });
         }
-        const checkboxComponent = createCheckbox(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table);
-        if (checkboxComponent) {
-            cellGroup.appendChild(checkboxComponent);
+        const checkboxComponent = createCheckbox(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table, isCheckboxTree);
+        if (cellContentLeftIcons.length === 1 &&
+            (cellContentLeftIcons[0].name === InternalIconName.expandIconName ||
+                cellContentLeftIcons[0].name === InternalIconName.collapseIconName)) {
+            const checkContent = new CheckboxContent({
+                x: 0,
+                y: 0,
+                fill: false,
+                stroke: false,
+                pickable: false
+            });
+            checkContent.name = 'checkbox-content';
+            checkContent.setCheckboxContentOption({
+                autoWidth: false,
+                autoHeight: false,
+                cellWidth: width - (padding[1] + padding[3]),
+                cellHeight: height - padding[0] - padding[2],
+                align: textAlign,
+                baseline: textBaseline
+            });
+            const dealWithIconComputeVar = {
+                addedHierarchyOffset: 0
+            };
+            cellContentLeftIcons.forEach(icon => {
+                const iconMark = dealWithIcon(icon, undefined, cellGroup.col, cellGroup.row, range, table, dealWithIconComputeVar);
+                iconMark.role = 'icon-content-left';
+                iconMark.name = icon.name;
+                checkContent.addLeftOccupyingIcon(iconMark);
+            });
+            if (checkboxComponent) {
+                checkContent.addCheckbox(checkboxComponent);
+            }
+            cellGroup.appendChild(checkContent);
+            checkContent.layout();
+            checkContent.AABBBounds.width();
+            checkContent.AABBBounds.height();
+            const Awidth = width - (padding[1] + padding[3]);
+            const Aheight = height - (padding[0] + padding[2]);
+            cellGroup.forEachChildren((child) => {
+                if (child.role === 'icon-left') {
+                    child.setAttribute('x', child.attribute.x + padding[3]);
+                }
+                else if (child.role === 'icon-right') {
+                    child.setAttribute('x', child.attribute.x + Awidth - cellRightIconWidth + padding[3]);
+                }
+                else if (child.role === 'icon-absolute-right') {
+                    child.setAttribute('x', child.attribute.x + Awidth - cellabsoluteRightIconWidth + padding[3] + padding[1]);
+                }
+                else if (child.name === 'content' || child.name === 'checkbox-content') {
+                    if (textAlign === 'center' && child.type !== 'richtext') {
+                        child.setAttribute('x', padding[3] + cellLeftIconWidth + (Awidth - cellLeftIconWidth - cellRightIconWidth) / 2);
+                    }
+                    else if (textAlign === 'right' && child.type !== 'richtext') {
+                        child.setAttribute('x', padding[3] + Awidth - cellRightIconWidth);
+                    }
+                    else {
+                        child.setAttribute('x', padding[3] + cellLeftIconWidth);
+                    }
+                }
+            });
+            cellGroup.forEachChildren((child) => {
+                if (child.name === CUSTOM_CONTAINER_NAME) {
+                    return;
+                }
+                if (textBaseline === 'middle') {
+                    if (child?._checkboxGroup) {
+                        child._leftGroup.setAttribute('y', padding[0] + (Aheight - child._checkboxGroup.AABBBounds.height()) / 2);
+                    }
+                }
+                else if (textBaseline === 'bottom') {
+                    child.setAttribute('y', padding[0] + Aheight - child.AABBBounds.height());
+                }
+                else {
+                    child.setAttribute('y', padding[0]);
+                }
+            });
+        }
+        else {
+            if (checkboxComponent) {
+                cellGroup.appendChild(checkboxComponent);
+            }
+            checkboxComponent.render();
         }
-        checkboxComponent.render();
         width -= padding[1] + padding[3] + iconWidth;
         height -= padding[0] + padding[2];
         if (textAlign === 'center') {
@@ -74825,7 +75200,7 @@
         }
         return cellGroup;
     }
-    function createCheckbox(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table) {
+    function createCheckbox(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table, isCheckboxTree) {
         const style = table._getCellStyle(col, row);
         const size = getProp('size', style, col, row, table);
         const spaceBetweenTextAndIcon = getProp('spaceBetweenTextAndIcon', style, col, row, table);
@@ -74852,6 +75227,14 @@
             isChecked = value;
             text = '';
         }
+        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 ?? '';
+            }
+        }
         isChecked = table.stateManager.syncCheckedState(col, row, define.field, isChecked);
         const hierarchyOffset = getHierarchyOffset(col, row, table);
         const cellStyle = table._getCellStyle(col, row);
@@ -74891,7 +75274,7 @@
             wordBreak: 'break-word',
             heightLimit: autoRowHeight ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
             pickable: false,
-            dx: hierarchyOffset,
+            dx: isCheckboxTree ? 0 : hierarchyOffset,
             whiteSpace: text.length === 1 && !autoWrapText ? 'no-wrap' : 'normal'
         };
         const testAttribute = cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute;
@@ -74907,6 +75290,7 @@
                 width: size,
                 height: size
             },
+            dx: isCheckboxTree ? hierarchyOffset : 0,
             spaceBetweenTextAndIcon,
             disabled: isDisabled ?? globalDisable ?? false
         };
@@ -85402,7 +85786,7 @@
     }
 
     registerForVrender();
-    const version = "1.18.4-alpha.1";
+    const version = "1.18.5-alpha.0";
     function getIcons() {
         return get$2();
     }