@visactor/vtable-calendar 1.18.4-alpha.1 → 1.18.4

package/dist/vtable-calendar.js

@@ -29391,7 +29391,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 => {
@@ -33235,8 +33236,9 @@
       addRecordsForTree(recordArr, recordIndex) {
         if (isArray$7(recordArr) && 0 !== recordArr.length) {
           if (this.adjustBeforeChangedRecordsMap(recordIndex, recordArr.length), isNumber$4(recordIndex)) this.dataSourceObj.records.splice(recordIndex, 0, ...recordArr);else {
-            const index = recordIndex.pop(),
-              parentRecord = this.getOriginalRecord(recordIndex);
+            const recordIndex_copy = [...recordIndex],
+              index = recordIndex_copy.pop(),
+              parentRecord = this.getOriginalRecord(recordIndex_copy);
             parentRecord.children ? parentRecord.children.splice(index, 0, ...recordArr) : parentRecord.children = recordArr;
           }
           this.initTreeHierarchyState(), this.updatePagerData();
@@ -33249,8 +33251,9 @@
           const recordIndex = recordIndexsMaxToMin[index];
           if (!isNumber$4(recordIndex) || !(recordIndex >= this.sourceLength || recordIndex < 0)) {
             if (this.beforeChangedRecordsMap.delete(recordIndex.toString()), isNumber$4(recordIndex)) this.dataSourceObj.records.splice(recordIndex, 1);else {
-              const index = recordIndex.pop();
-              this.getOriginalRecord(recordIndex).children.splice(index, 1);
+              const recordIndex_copy = [...recordIndex],
+                index = recordIndex_copy.pop();
+              this.getOriginalRecord(recordIndex_copy).children.splice(index, 1);
             }
             this.adjustBeforeChangedRecordsMap(recordIndex, 1, "delete");
           }
@@ -33262,8 +33265,9 @@
           const recordIndex = recordIndexs[index],
             record = records[index];
           if (!isNumber$4(recordIndex) || !(recordIndex >= this.sourceLength || recordIndex < 0)) if (this.beforeChangedRecordsMap.delete(recordIndex.toString()), isNumber$4(recordIndex)) this.dataSourceObj.records.splice(recordIndex, 1, record);else {
-            const index = recordIndex.pop();
-            this.getOriginalRecord(recordIndex).children.splice(index, 1, record);
+            const recordIndex_copy = [...recordIndex],
+              index = recordIndex_copy.pop();
+            this.getOriginalRecord(recordIndex_copy).children.splice(index, 1, record);
           }
         }
         this.initTreeHierarchyState(), this.updatePagerData();
@@ -35616,7 +35620,9 @@
         if ("cell" !== table.scenegraph.highPerformanceGetCell(col, row).role) return cellGroup;
         value = table.getCellValue(col, row), isAsync = !0;
       }
-      if ("text" === type || "link" === type || customResult) {
+      if ("checkbox" === type && define.tree) {
+        cellGroup = Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, !0);
+      } else if ("text" === type || "link" === type || customResult) {
         if ("link" === type) {
           const cellValue = value,
             cellOriginValue = table.getCellOriginValue(col, row),
@@ -35675,7 +35681,7 @@
         if (isAggregation && isSeriesNumber) {
           cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, void 0, !0, cellTheme, range, isAsync);
         } else {
-          cellGroup = Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync);
+          cellGroup = Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, !1);
         }
       } else if ("radio" === type) {
         cellGroup = Factory.getFunction("createRadioCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define, range);
@@ -38378,10 +38384,7 @@
       let fullImage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
       let viewBox = arguments.length > 2 ? arguments[2] : undefined;
       if ("released" === stage.releaseStatus) return null;
-      const matrix = stage.window.getViewBoxTransform(),
-        window = renderToNewWindow(stage, fullImage, viewBox);
-      window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, 0, 0), stage.renderTo(window);
-      const c = window.getNativeHandler();
+      const c = renderToNewWindow(stage, fullImage, viewBox).getNativeHandler();
       return c.nativeCanvas ? c.nativeCanvas : null;
     }
     function renderToNewWindow(stage) {
@@ -38407,7 +38410,7 @@
         canvasControled: !0,
         offscreen: !0,
         title: ""
-      }), stage.renderTo(window), window;
+      }), window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, 0, 0), stage.renderTo(window), window;
     }
 
     var __decorate$6 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -42732,13 +42735,13 @@
         if (this.table.transpose) null === (_a = this.bodyGroup.children) || void 0 === _a || _a.forEach(columnGroup => {
           var _a;
           null === (_a = columnGroup.getChildAt(row)) || void 0 === _a || _a.getChildren().forEach(node => {
-            "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked)));
+            "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked))), "checkbox-content" === node.name && ("indeterminate" === checked ? (node._checkboxGroup.getChildByName("checkbox").setAttribute("indeterminate", !0), node._checkboxGroup.getChildByName("checkbox").setAttribute("checked", void 0)) : (node._checkboxGroup.getChildByName("checkbox").setAttribute("indeterminate", void 0), node._checkboxGroup.getChildByName("checkbox").setAttribute("checked", checked)));
           });
         });else {
           const columnGroup = this.getColGroup(col);
           null === (_b = null == columnGroup ? void 0 : columnGroup.children) || void 0 === _b || _b.forEach(cellNode => {
             cellNode.getChildren().find(node => {
-              "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked)));
+              "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked))), "checkbox-content" === node.name && ("indeterminate" === checked ? (node._checkboxGroup.getChildByName("checkbox").setAttribute("indeterminate", !0), node._checkboxGroup.getChildByName("checkbox").setAttribute("checked", void 0)) : (node._checkboxGroup.getChildByName("checkbox").setAttribute("indeterminate", void 0), node._checkboxGroup.getChildByName("checkbox").setAttribute("checked", checked)));
             });
           });
         }
@@ -42747,12 +42750,12 @@
         var _a, _b;
         if (this.table.transpose) null === (_a = this.rowHeaderGroup.children) || void 0 === _a || _a.forEach(columnGroup => {
           columnGroup.getChildAt(row).getChildren().forEach(node => {
-            "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked)));
+            "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked))), "checkbox-content" === node.name && ("indeterminate" === checked ? (node._checkboxGroup.getChildByName("checkbox").setAttribute("indeterminate", !0), node._checkboxGroup.getChildByName("checkbox").setAttribute("checked", void 0)) : (node._checkboxGroup.getChildByName("checkbox").setAttribute("indeterminate", void 0), node._checkboxGroup.getChildByName("checkbox").setAttribute("checked", checked)));
           });
         });else {
           null === (_b = this.getColGroup(col, !0).children) || void 0 === _b || _b.forEach(cellNode => {
             cellNode.getChildren().find(node => {
-              "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked)));
+              "checkbox" === node.name && ("indeterminate" === checked ? (node.setAttribute("indeterminate", !0), node.setAttribute("checked", void 0)) : (node.setAttribute("indeterminate", void 0), node.setAttribute("checked", checked))), "checkbox-content" === node.name && ("indeterminate" === checked ? (node._checkboxGroup.getChildByName("checkbox").setAttribute("indeterminate", !0), node._checkboxGroup.getChildByName("checkbox").setAttribute("checked", void 0)) : (node._checkboxGroup.getChildByName("checkbox").setAttribute("indeterminate", void 0), node._checkboxGroup.getChildByName("checkbox").setAttribute("checked", checked)));
             });
           });
         }
@@ -44252,8 +44255,9 @@
       indeterminate ? (checked || checkbox._handlePointerUp(), checkbox._handlePointerUp()) : oldChecked ? checked || checkbox._handlePointerUp() : checked && checkbox._handlePointerUp();
     }
     function setCellCheckboxStateByAttribute(col, row, checked, table) {
+      var _a, _b;
       const cellGroup = table.scenegraph.getCell(col, row),
-        checkbox = null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox");
+        checkbox = (null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox")) || (null === (_b = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox-content")) || void 0 === _a ? void 0 : _a._checkboxGroup) || void 0 === _b ? void 0 : _b.getChildByName("checkbox"));
       checkbox && ("indeterminate" === checked ? (checkbox.setAttribute("indeterminate", !0), checkbox.setAttribute("checked", void 0)) : (checkbox.setAttribute("indeterminate", void 0), checkbox.setAttribute("checked", checked)));
     }
     function changeCheckboxOrder(sourceIndex, targetIndex, state) {
@@ -46137,7 +46141,14 @@
               values.push(rowValues), cells.forEach(function (cell, cellIndex) {
                 cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
               });
-            }), table.changeCellValues(col, row, values);
+            });
+            const changedCellResults = table.changeCellValues(col, row, values);
+            table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+              col: col,
+              row: row,
+              pasteData: values,
+              changedCellResults: changedCellResults
+            });
           }
         }
       }), handler.on(table.getElement(), "contextmenu", e => {
@@ -46169,7 +46180,14 @@
                   rowValues = Array.from(rowContent.matchAll(cellRegex)).map(cellMatch => cellMatch[1].replace(/(<(?!br)([^>]+)>)/gi, "").replace(/<br(\s*|\/)>[\r\n]?/gim, "\n").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&#9;/gi, "\t").replace(/&nbsp;/g, " "));
                 values.push(rowValues), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
               }
-              pasteValuesRowCount = null !== (_b = values.length) && void 0 !== _b ? _b : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), table.changeCellValues(col, row, values, !0);
+              pasteValuesRowCount = null !== (_b = values.length) && void 0 !== _b ? _b : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
+              const changedCellResults = table.changeCellValues(col, row, values, !0);
+              table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                col: col,
+                row: row,
+                pasteData: values,
+                changedCellResults: changedCellResults
+              });
             } else navigator.clipboard.read().then(clipboardItems => {
               for (const item of clipboardItems) item.types.includes("text/plain") && item.getType("text/plain").then(blob => {
                 blob.text().then(_pasteValue);
@@ -46196,7 +46214,14 @@
           values.push(rowValues), cells.forEach(function (cell, cellIndex) {
             cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
           }), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
-        }), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), table.changeCellValues(col, row, values, !0);
+        }), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
+        const changedCellResults = table.changeCellValues(col, row, values, !0);
+        table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+          col: col,
+          row: row,
+          pasteData: values,
+          changedCellResults: changedCellResults
+        });
       }
       function pasteTextToTable(item) {
         const ranges = table.stateManager.select.ranges,
@@ -46219,7 +46244,14 @@
               values.push(rowValues), cells.forEach(function (cell, cellIndex) {
                 cell.includes("\n") && (cell = cell.replace(/^"(.*)"$/, "$1").replace(/["]*/g, match => new Array(Math.floor(match.length / 2)).fill('"').join(""))), rowValues.push(cell);
               }), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
-            }), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), table.changeCellValues(col, row, values, !0);
+            }), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
+            const changedCellResults = table.changeCellValues(col, row, values, !0);
+            table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+              col: col,
+              row: row,
+              pasteData: values,
+              changedCellResults: changedCellResults
+            });
           });
         });
       }
@@ -46521,49 +46553,77 @@
           checked: checked,
           field: field
         } = args;
-        if ("_vtable_rowSeries_number" !== field || !0 !== (null === (_a = table.internalProps.rowSeriesNumber) || void 0 === _a ? void 0 : _a.enableTreeCheckbox)) return;
+        if (!table.internalProps.layoutMap.isSeriesNumber(col, row) || !0 !== (null === (_a = table.internalProps.rowSeriesNumber) || void 0 === _a ? void 0 : _a.enableTreeCheckbox)) return;
         if (table.isHeader(col, row)) return;
         const record = table.getCellOriginRecord(col, row),
           indexedData = table.dataSource.currentPagerIndexedData,
           titleShowIndex = table.getRecordShowIndexByCell(col, row);
         let titleIndex = indexedData[titleShowIndex];
         if (isNumber$4(titleIndex) && (titleIndex = [titleIndex]), record.vtableMerge || (null === (_b = record.children) || void 0 === _b ? void 0 : _b.length)) {
-          if (checked) getHierarchyState(table, col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!0, titleIndex, table) : setAllChildrenCheckboxState(!0, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);else {
-            getHierarchyState(table, col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!1, titleIndex, table) : setAllChildrenCheckboxState(!1, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+          if (checked) getHierarchyState(table, col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!0, titleIndex, table, field) : setAllChildrenCheckboxState(!0, titleShowIndex, titleIndex, indexedData, table, col), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col);else {
+            getHierarchyState(table, col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!1, titleIndex, table, field) : setAllChildrenCheckboxState(!1, titleShowIndex, titleIndex, indexedData, table, col), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col);
             const oldHeaderCheckedState = table.stateManager.headerCheckedState._vtable_rowSeries_number,
               newHeaderCheckedState = table.stateManager.updateHeaderCheckedState("_vtable_rowSeries_number", col, row);
             oldHeaderCheckedState !== newHeaderCheckedState && table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
           }
-        } else updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+        } else updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col);
       });
     }
-    function setAllChildrenCheckboxState(state, titleShowIndex, titleIndex, indexedData, table) {
+    function bindGroupCheckboxTreeChange(table) {
+      table.on("checkbox_state_change", args => {
+        var _a;
+        const {
+            col: col,
+            row: row,
+            checked: checked,
+            field: field
+          } = args,
+          isCheckboxAndTree = table.internalProps.columns.some(column => column.tree);
+        if (table.internalProps.enableCheckboxCascade, !isCheckboxAndTree) return;
+        if (table.isHeader(col, row)) return;
+        const record = table.getCellOriginRecord(col, row),
+          indexedData = table.dataSource.currentPagerIndexedData,
+          titleShowIndex = table.getRecordShowIndexByCell(col, row);
+        let titleIndex = indexedData[titleShowIndex];
+        if (isNumber$4(titleIndex) && (titleIndex = [titleIndex]), record.vtableMerge || (null === (_a = record.children) || void 0 === _a ? void 0 : _a.length)) {
+          if (checked) getHierarchyState(table, col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!0, titleIndex, table, field) : setAllChildrenCheckboxState(!0, titleShowIndex, titleIndex, indexedData, table, col, field), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col, field);else {
+            getHierarchyState(table, col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!1, titleIndex, table, field) : setAllChildrenCheckboxState(!1, titleShowIndex, titleIndex, indexedData, table, col, field), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table, col, field);
+            const oldHeaderCheckedState = table.stateManager.headerCheckedState._vtable_rowSeries_number,
+              newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(field, col, row);
+            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) {
       var _a;
+      const fieldName = field || "_vtable_rowSeries_number";
       let i = titleShowIndex + 1;
       for (; isArray$7(indexedData[i]) && (null === (_a = indexedData[i]) || void 0 === _a ? void 0 : _a.length) > titleIndex.length;) {
         const row = table.columnHeaderLevelCount + i;
-        table.stateManager.setCheckedState(0, row, "_vtable_rowSeries_number", state), setCellCheckboxStateByAttribute(0, row, state, table), i++;
+        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) {
       var _a;
       let parentLength = titleIndex.length - 1;
       if (parentLength > 0) {
         let i = titleShowIndex - 1;
         for (; parentLength > 0 && i >= 0;) {
           if (isArray$7(indexedData[i]) && (null === (_a = indexedData[i]) || void 0 === _a ? void 0 : _a.length) === parentLength || 1 === parentLength && isNumber$4(indexedData[i])) {
-            updateParentCheckboxState(0, table.columnHeaderLevelCount + i, indexedData[i], table), parentLength--;
+            updateParentCheckboxState(col, table.columnHeaderLevelCount + i, indexedData[i], table, field), parentLength--;
           }
           i--;
         }
       }
     }
-    function updateParentCheckboxState(col, row, currentIndex, table) {
+    function updateParentCheckboxState(col, row, currentIndex, table, field) {
       const {
           checkedState: checkedState
         } = table.stateManager,
         key = currentIndex.toString(),
-        currentIndexLength = isArray$7(currentIndex) ? currentIndex.length : 1;
+        fieldName = field || "_vtable_rowSeries_number";
+      isArray$7(currentIndex) && currentIndex.length;
       let start = !1;
       const result = [],
         keys = Array.from(checkedState.keys()).sort((a, b) => {
@@ -46578,25 +46638,24 @@
           }
           return 0;
         }),
-        stateArr = keys.map(key => checkedState.get(key));
+        stateArr = keys.map(key => checkedState.get(key)),
+        childOfCurrentIndex = keys.filter(item => item.startsWith(key + ",") && item !== key);
       if (stateArr.forEach((state, i) => {
         const index = keys[i],
-          value = state;
-        if (start) {
-          index.split(",").length === currentIndexLength ? start = !1 : result.push(value._vtable_rowSeries_number);
-        }
-        index === key && (start = !0);
+          value = state,
+          isChildOfCurrentIndex = childOfCurrentIndex.includes(index);
+        start && (isChildOfCurrentIndex ? result.push(value[fieldName]) : start = !1), index === key && (start = !0);
       }), 0 === result.length) return;
       const allChecked = result.every(item => !!item),
         allUnChecked = result.every(item => !item);
-      allChecked ? (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", !0), setCellCheckboxStateByAttribute(col, row, !0, table)) : allUnChecked ? (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", !1), setCellCheckboxStateByAttribute(col, row, !1, table)) : (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", "indeterminate"), setCellCheckboxStateByAttribute(col, row, "indeterminate", table));
+      allChecked ? (table.stateManager.setCheckedState(col, row, fieldName, !0), setCellCheckboxStateByAttribute(col, row, !0, table)) : allUnChecked ? (table.stateManager.setCheckedState(col, row, fieldName, !1), setCellCheckboxStateByAttribute(col, row, !1, table)) : (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: checkedState
         } = table.stateManager,
-        key = currentIndex.toString(),
-        currentIndexLength = isArray$7(currentIndex) ? currentIndex.length : 1;
+        key = currentIndex.toString();
+      isArray$7(currentIndex) && currentIndex.length;
       let start = !1;
       const keys = Array.from(checkedState.keys()).sort((a, b) => {
           var _a, _b;
@@ -46610,14 +46669,13 @@
           }
           return 0;
         }),
+        childrenOfKey = keys.filter(item => item.startsWith(key + ",") && item !== key),
         stateArr = keys.map(key => checkedState.get(key));
       stateArr.forEach((state, i) => {
         const index = keys[i],
-          value = state;
-        if (start) {
-          index.split(",").length === currentIndexLength ? start = !1 : value._vtable_rowSeries_number = parentState;
-        }
-        index === key && (start = !0);
+          value = state,
+          shouldSelectChildren = 0 !== childrenOfKey.length && childrenOfKey.includes(index);
+        start && (shouldSelectChildren ? value[field] = parentState : start = !1), index === key && (start = !0);
       });
     }
     function bindHeaderCheckboxChange(table) {
@@ -46754,7 +46812,7 @@
         }, 0);
       }
       bindSelfEvent() {
-        this.table.isReleased || (bindIconClickEvent(this.table), bindDropdownMenuClickEvent(this.table), this.updateEventBinder(), bindMediaClick(this.table), bindDBClickAutoColumnWidthEvent(this.table), this.table.isPivotTable() && checkHaveDrill(this.table) && bindDrillEvent(this.table), bindSparklineHoverEvent(this.table), bindAxisClickEvent(this.table), bindAxisHoverEvent(this.table), bindGroupTitleCheckboxChange(this.table), bindHeaderCheckboxChange(this.table), bindButtonClickEvent(this.table), rightButtonClickEvent(this.table));
+        this.table.isReleased || (bindIconClickEvent(this.table), bindDropdownMenuClickEvent(this.table), this.updateEventBinder(), bindMediaClick(this.table), bindDBClickAutoColumnWidthEvent(this.table), this.table.isPivotTable() && checkHaveDrill(this.table) && bindDrillEvent(this.table), bindSparklineHoverEvent(this.table), bindAxisClickEvent(this.table), bindAxisHoverEvent(this.table), bindGroupTitleCheckboxChange(this.table), bindGroupCheckboxTreeChange(this.table), bindHeaderCheckboxChange(this.table), bindButtonClickEvent(this.table), rightButtonClickEvent(this.table));
       }
       dealTableHover(eventArgsSet) {
         if (!eventArgsSet) return void this.table.stateManager.updateHoverPos(-1, -1);
@@ -49575,7 +49633,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.18.4-alpha.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.18.4", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -49597,6 +49655,7 @@
           keyboardOptions: keyboardOptions,
           eventOptions: eventOptions,
           rowSeriesNumber: rowSeriesNumber,
+          enableCheckboxCascade: enableCheckboxCascade,
           columnResizeMode: columnResizeMode,
           rowResizeMode = "none",
           resize: resize,
@@ -49628,7 +49687,7 @@
           bottom: 0
         }, padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), padding.bottom && (this.padding.bottom = padding.bottom), padding.left && (this.padding.left = padding.left), padding.right && (this.padding.right = padding.right))), (isValid$3(canvasHeight) || isValid$3(canvasWidth)) && (this.canvasSizeSeted = !0), this.tableNoFrameWidth = 0, this.tableNoFrameHeight = 0, this.canvasWidth = isNumber$4(canvasWidth) ? canvasWidth : void 0, this.canvasHeight = isNumber$4(canvasHeight) ? canvasHeight : void 0, this.columnWidthComputeMode = null !== (_b = options.columnWidthComputeMode) && void 0 !== _b ? _b : "normal";
         const internalProps = this.internalProps = {};
-        void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), this.options.canvas ? ("node" !== Env.mode && (internalProps.element = this.options.canvas.parentElement, internalProps.element.style.position = "relative"), internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = this.options.canvas, internalProps.context = internalProps.canvas.getContext("2d")) : "node" !== Env.mode && (internalProps.element = createRootElement(this.padding), internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = document.createElement("canvas"), internalProps.element.appendChild(internalProps.canvas), internalProps.context = internalProps.canvas.getContext("2d"), (null === (_c = options.customConfig) || void 0 === _c ? void 0 : _c.createReactContainer) && createReactContainer(this)), internalProps.handler = new EventHandler(), isNumber$4(this.options.resizeTime) && (internalProps.handler.resizeTime = this.options.resizeTime), internalProps.pixelRatio = pixelRatio, internalProps.frozenColCount = frozenColCount, internalProps.frozenRowCount = frozenRowCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_d = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _d ? _d : columnResizeMode, internalProps.rowResizeMode = null !== (_e = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _e ? _e : rowResizeMode, internalProps.dragHeaderMode = null !== (_g = null !== (_f = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _f ? _f : dragHeaderMode) && void 0 !== _g ? _g : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {};
+        void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), this.options.canvas ? ("node" !== Env.mode && (internalProps.element = this.options.canvas.parentElement, internalProps.element.style.position = "relative"), internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = this.options.canvas, internalProps.context = internalProps.canvas.getContext("2d")) : "node" !== Env.mode && (internalProps.element = createRootElement(this.padding), internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = document.createElement("canvas"), internalProps.element.appendChild(internalProps.canvas), internalProps.context = internalProps.canvas.getContext("2d"), (null === (_c = options.customConfig) || void 0 === _c ? void 0 : _c.createReactContainer) && createReactContainer(this)), internalProps.handler = new EventHandler(), isNumber$4(this.options.resizeTime) && (internalProps.handler.resizeTime = this.options.resizeTime), internalProps.pixelRatio = pixelRatio, internalProps.frozenColCount = frozenColCount, internalProps.frozenRowCount = frozenRowCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.enableCheckboxCascade = enableCheckboxCascade, internalProps.columnResizeMode = null !== (_d = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _d ? _d : columnResizeMode, internalProps.rowResizeMode = null !== (_e = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _e ? _e : rowResizeMode, internalProps.dragHeaderMode = null !== (_g = null !== (_f = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _f ? _f : dragHeaderMode) && void 0 !== _g ? _g : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {};
         const that = this;
         if (internalProps.calcWidthContext = {
           _: internalProps,
@@ -50431,6 +50490,7 @@
           keyboardOptions: keyboardOptions,
           eventOptions: eventOptions,
           rowSeriesNumber: rowSeriesNumber,
+          enableCheckboxCascade: enableCheckboxCascade,
           columnResizeMode: columnResizeMode,
           rowResizeMode = "none",
           resize: resize,
@@ -50460,7 +50520,7 @@
         } = options;
         pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio), padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), padding.bottom && (this.padding.bottom = padding.bottom), padding.left && (this.padding.left = padding.left), padding.right && (this.padding.right = padding.right))), this.showFrozenIcon = "boolean" != typeof showFrozenIcon || showFrozenIcon, "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), this.widthMode = null != widthMode ? widthMode : "standard", this.heightMode = null != heightMode ? heightMode : "standard", this._widthAdaptiveMode = null != widthAdaptiveMode ? widthAdaptiveMode : "only-body", this._heightAdaptiveMode = null != heightAdaptiveMode ? heightAdaptiveMode : "only-body", this.autoFillWidth = null != autoFillWidth && autoFillWidth, this.autoFillHeight = null != autoFillHeight && autoFillHeight, this.customRender = customRender, this.canvasWidth = isNumber$4(canvasWidth) ? canvasWidth : void 0, this.canvasHeight = isNumber$4(canvasHeight) ? canvasHeight : void 0;
         const internalProps = this.internalProps;
-        if ("node" === Env.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_b = options.columnWidthComputeMode) && void 0 !== _b ? _b : "normal", internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_c = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _c ? _c : columnResizeMode, internalProps.rowResizeMode = null !== (_d = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _d ? _d : rowResizeMode, internalProps.dragHeaderMode = null !== (_f = null !== (_e = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _e ? _e : dragHeaderMode) && void 0 !== _f ? _f : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_g = options.theme) && void 0 !== _g ? _g : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_h = options.allowFrozenColCount) && void 0 !== _h ? _h : 0, internalProps.limitMaxAutoWidth = null !== (_j = options.limitMaxAutoWidth) && void 0 !== _j ? _j : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, null === (_k = internalProps.legends) || void 0 === _k || _k.forEach(legend => {
+        if ("node" === Env.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_b = options.columnWidthComputeMode) && void 0 !== _b ? _b : "normal", internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.enableCheckboxCascade = enableCheckboxCascade, internalProps.columnResizeMode = null !== (_c = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _c ? _c : columnResizeMode, internalProps.rowResizeMode = null !== (_d = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _d ? _d : rowResizeMode, internalProps.dragHeaderMode = null !== (_f = null !== (_e = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _e ? _e : dragHeaderMode) && void 0 !== _f ? _f : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map(), internalProps._widthResizedColMap = new Set(), internalProps._heightResizedRowMap = new Set(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_g = options.theme) && void 0 !== _g ? _g : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_h = options.allowFrozenColCount) && void 0 !== _h ? _h : 0, internalProps.limitMaxAutoWidth = null !== (_j = options.limitMaxAutoWidth) && void 0 !== _j ? _j : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, null === (_k = internalProps.legends) || void 0 === _k || _k.forEach(legend => {
           null == legend || legend.release();
         }), null === (_l = internalProps.title) || void 0 === _l || _l.release(), internalProps.title = null, null === (_m = internalProps.emptyTip) || void 0 === _m || _m.release(), internalProps.emptyTip = null, internalProps.layoutMap.release(), clearChartRenderQueue(), this.scenegraph.clearCells(), this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(), this._updateSize(), this.eventManager.updateEventBinder(), options.legends) {
           internalProps.legends = [];
@@ -52964,7 +53024,7 @@
           style: rowSeriesNumber.style,
           width: rowSeriesNumber.width,
           format: rowSeriesNumber.format,
-          field: "_vtable_rowSeries_number",
+          field: rowSeriesNumber.field,
           icon: rowSeriesNumber.icon,
           headerIcon: rowSeriesNumber.headerIcon,
           isChildNode: !1
@@ -53867,6 +53927,7 @@
     }
     function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table) {
       var _a, _b;
+      const changedCellResults = [];
       let pasteColEnd = startCol,
         pasteRowEnd = startRow;
       const beforeChangeValues = [],
@@ -53886,7 +53947,7 @@
         }
       }
       for (let i = 0; i < values.length && !(startRow + i > table.rowCount - 1); i++) {
-        pasteRowEnd = startRow + i;
+        changedCellResults[i] = [], pasteRowEnd = startRow + i;
         const rowValues = values[i];
         let thisRowPasteColEnd = startCol;
         for (let j = 0; j < rowValues.length && !(startCol + j > table.colCount - 1); j++) {
@@ -53900,6 +53961,7 @@
             isCanChange = !!isPromise(maybePromiseOrValue) || !0 === maybePromiseOrValue || "validate-exit" === maybePromiseOrValue || "invalidate-exit" === maybePromiseOrValue;
           }
           if (isCanChange) {
+            changedCellResults[i][j] = !0;
             const value = rowValues[j],
               recordIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i),
               {
@@ -53916,7 +53978,7 @@
               currentValue: oldValue,
               changedValue: changedValue
             });
-          }
+          } else changedCellResults[i][j] = !1;
         }
         pasteColEnd = Math.max(pasteColEnd, thisRowPasteColEnd);
       }
@@ -53933,7 +53995,7 @@
           }
         }
       }
-      if ("group" === cellUpdateType && table.dataSource.updateRecordsForGroup([], []), "sort" === cellUpdateType || "group" === cellUpdateType) return table.dataSource.sortedIndexMap.clear(), sortRecords(table), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), void table.scenegraph.createSceneGraph();
+      if ("group" === cellUpdateType && table.dataSource.updateRecordsForGroup([], []), "sort" === cellUpdateType || "group" === cellUpdateType) return table.dataSource.sortedIndexMap.clear(), sortRecords(table), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), changedCellResults;
       for (let sCol = startRange.start.col; sCol <= range.end.col; sCol++) for (let sRow = startRange.start.row; sRow <= range.end.row; sRow++) table.scenegraph.updateCellContent(sCol, sRow);
       if ("adaptive" === table.widthMode || table.autoFillWidth && table.getAllColsWidth() <= table.tableNoFrameWidth) 0 === table.internalProps._widthResizedColMap.size && table.scenegraph.recalculateColWidths();else for (let sCol = startCol; sCol <= range.end.col; sCol++) if (!table.internalProps._widthResizedColMap.has(sCol)) {
         const oldWidth = table.getColWidth(sCol),
@@ -53950,7 +54012,7 @@
         }
         table.scenegraph.updateRowsHeight(rows, deltaYs);
       }
-      table.scenegraph.updateNextFrame();
+      return table.scenegraph.updateNextFrame(), changedCellResults;
     }
     function getCellUpdateType(col, row, table, oldCellUpdateType) {
       if ("group" === oldCellUpdateType) return oldCellUpdateType;
@@ -58064,7 +58126,84 @@
       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 {
+      constructor(params) {
+        super(params), this._autoWidth = !1, this._autoHeight = !1, this._leftGroup = new Group({
+          pickable: !1,
+          fill: !1,
+          stroke: !1
+        }), this._leftGroup.role = "content-left", this._rightGroup = new Group({
+          pickable: !1,
+          fill: !1,
+          stroke: !1
+        }), this._rightGroup.role = "content-right", this._checkboxGroup = new Group({
+          pickable: !1,
+          fill: !1,
+          stroke: !1
+        }), this._checkboxGroup.role = "content-center", this.appendChild(this._leftGroup), this.appendChild(this._rightGroup), this.appendChild(this._checkboxGroup);
+      }
+      addLeftOccupyingIcon(icon) {
+        var _a, _b, _c;
+        icon.setAttribute("x", this._leftGroup.width + (null !== (_a = icon.attribute.marginLeft) && void 0 !== _a ? _a : 0)), this._leftGroup.appendChild(icon), this._leftGroup.setDeltaWidth((null !== (_b = icon.attribute.marginLeft) && void 0 !== _b ? _b : 0) + (null !== (_c = icon.attribute.marginRight) && void 0 !== _c ? _c : 0) + icon.attribute.width);
+      }
+      addRightOccupyingIcon(icon) {
+        var _a, _b, _c;
+        icon.setAttribute("x", this._rightGroup.width + (null !== (_a = icon.attribute.marginLeft) && void 0 !== _a ? _a : 0)), this._rightGroup.appendChild(icon), this._rightGroup.setDeltaWidth((null !== (_b = icon.attribute.marginLeft) && void 0 !== _b ? _b : 0) + (null !== (_c = icon.attribute.marginRight) && void 0 !== _c ? _c : 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;
+        leftOccupyingWidth === 1 / 0 && (leftOccupyingWidth = 0);
+        let rightOccupyingWidth = this._rightGroup.width;
+        if (rightOccupyingWidth === -1 / 0 && (rightOccupyingWidth = 0), 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,
+          rightOccupyingHeight = this._rightGroup.height,
+          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 => {
+          child instanceof CheckBox && (checkboxWidth -= child.AABBBounds.width());
+        });
+        const checkbox = this._checkboxGroup.getChildByName("checkbox-content");
+        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), "left" === this._align || "start" === this._align ? this.setAttribute("dx", 0) : "center" === this._align ? this.setAttribute("dx", -this.attribute.width / 2) : "right" !== this._align && "end" !== this._align || this.setAttribute("dx", -this.attribute.width);
+      }
+      updateVerticalPos() {
+        "top" === this._baseline ? (this._leftGroup.setAttribute("y", 0), this._rightGroup.setAttribute("y", 0), this._checkboxGroup.setAttribute("y", 0)) : "middle" === this._baseline ? (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)) : "bottom" === this._baseline && (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) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
       if (!cellGroup) {
         const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);
@@ -58107,25 +58246,62 @@
         range && (iconCol = range.start.col, iconRow = range.start.row), icons = table.getCellIcons(iconCol, iconRow);
       }
       let iconWidth = 0,
-        cellLeftIconWidth = 0;
+        cellLeftIconWidth = 0,
+        cellRightIconWidth = 0,
+        cellabsoluteRightIconWidth = 0,
+        cellContentLeftIcons = [];
       if (Array.isArray(icons) && 0 !== icons.length) {
         const {
           leftIconWidth: leftIconWidth,
           rightIconWidth: rightIconWidth,
+          contentLeftIcons: contentLeftIcons,
+          contentRightIcons: contentRightIcons,
           absoluteLeftIconWidth: absoluteLeftIconWidth,
           absoluteRightIconWidth: absoluteRightIconWidth
         } = dealWithIconLayout(icons, cellGroup, range, table);
-        iconWidth = leftIconWidth + rightIconWidth, cellLeftIconWidth = leftIconWidth, cellGroup.forEachChildren(child => {
+        iconWidth = leftIconWidth + rightIconWidth, cellLeftIconWidth = leftIconWidth, cellRightIconWidth = rightIconWidth, cellContentLeftIcons = contentLeftIcons, cellabsoluteRightIconWidth = absoluteRightIconWidth, cellGroup.forEachChildren(child => {
           "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + width - rightIconWidth - padding[1]) : "icon-absolute-right" === child.role && child.setAttribute("x", child.attribute.x + width - absoluteRightIconWidth - padding[1]);
         }), cellGroup.forEachChildren(child => {
           "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
         });
       }
-      const checkboxComponent = createCheckbox(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table);
-      return checkboxComponent && cellGroup.appendChild(checkboxComponent), checkboxComponent.render(), width -= padding[1] + padding[3] + iconWidth, height -= padding[0] + padding[2], "center" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + (width - checkboxComponent.AABBBounds.width()) / 2) : "right" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + width - checkboxComponent.AABBBounds.width()) : checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth), "middle" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + (height - checkboxComponent.AABBBounds.height()) / 2) : "bottom" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + height - checkboxComponent.AABBBounds.height()) : checkboxComponent.setAttribute("y", padding[0]), cellGroup;
+      const checkboxComponent = createCheckbox(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table, isCheckboxTree);
+      if (1 !== cellContentLeftIcons.length || cellContentLeftIcons[0].name !== InternalIconName.expandIconName && cellContentLeftIcons[0].name !== InternalIconName.collapseIconName) checkboxComponent && cellGroup.appendChild(checkboxComponent), checkboxComponent.render();else {
+        const checkContent = new CheckboxContent({
+          x: 0,
+          y: 0,
+          fill: !1,
+          stroke: !1,
+          pickable: !1
+        });
+        checkContent.name = "checkbox-content", checkContent.setCheckboxContentOption({
+          autoWidth: !1,
+          autoHeight: !1,
+          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, void 0, cellGroup.col, cellGroup.row, range, table, dealWithIconComputeVar);
+          iconMark.role = "icon-content-left", iconMark.name = icon.name, checkContent.addLeftOccupyingIcon(iconMark);
+        }), checkboxComponent && checkContent.addCheckbox(checkboxComponent), cellGroup.appendChild(checkContent), checkContent.layout();
+        checkContent.AABBBounds.width(), checkContent.AABBBounds.height();
+        const Awidth = width - (padding[1] + padding[3]),
+          Aheight = height - (padding[0] + padding[2]);
+        cellGroup.forEachChildren(child => {
+          "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + Awidth - cellRightIconWidth + padding[3]) : "icon-absolute-right" === child.role ? child.setAttribute("x", child.attribute.x + Awidth - cellabsoluteRightIconWidth + padding[3] + padding[1]) : "content" !== child.name && "checkbox-content" !== child.name || ("center" === textAlign && "richtext" !== child.type ? child.setAttribute("x", padding[3] + cellLeftIconWidth + (Awidth - cellLeftIconWidth - cellRightIconWidth) / 2) : "right" === textAlign && "richtext" !== child.type ? child.setAttribute("x", padding[3] + Awidth - cellRightIconWidth) : child.setAttribute("x", padding[3] + cellLeftIconWidth));
+        }), cellGroup.forEachChildren(child => {
+          child.name !== CUSTOM_CONTAINER_NAME$1 && ("middle" === textBaseline ? (null == child ? void 0 : child._checkboxGroup) && child._leftGroup.setAttribute("y", padding[0] + (Aheight - child._checkboxGroup.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", padding[0] + Aheight - child.AABBBounds.height()) : child.setAttribute("y", padding[0]));
+        });
+      }
+      return width -= padding[1] + padding[3] + iconWidth, height -= padding[0] + padding[2], "center" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + (width - checkboxComponent.AABBBounds.width()) / 2) : "right" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + width - checkboxComponent.AABBBounds.width()) : checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth), "middle" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + (height - checkboxComponent.AABBBounds.height()) / 2) : "bottom" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + height - checkboxComponent.AABBBounds.height()) : checkboxComponent.setAttribute("y", padding[0]), cellGroup;
     }
-    function createCheckbox(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table) {
-      var _a, _b, _c, _d;
+    function createCheckbox(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table, isCheckboxTree) {
+      var _a, _b, _c, _d, _e;
       const style = table._getCellStyle(col, row),
         size = getProp("size", style, col, row, table),
         spaceBetweenTextAndIcon = getProp("spaceBetweenTextAndIcon", style, col, row, table),
@@ -58143,10 +58319,14 @@
       let isChecked,
         isDisabled,
         text = null !== (_a = value) && void 0 !== _a ? _a : "";
-      isObject$7(value) ? (isChecked = value.checked, isDisabled = value.disable, text = null !== (_b = value.text) && void 0 !== _b ? _b : "") : "boolean" == typeof value && (isChecked = value, text = ""), isChecked = table.stateManager.syncCheckedState(col, row, define.field, isChecked);
+      if (isObject$7(value) ? (isChecked = value.checked, isDisabled = value.disable, text = null !== (_b = value.text) && void 0 !== _b ? _b : "") : "boolean" == typeof value && (isChecked = value, text = ""), table.internalProps.layoutMap.isSeriesNumber(col, row)) {
+        const checkboxSeriesNumberStyle = table.getFieldData(define.field, col, row);
+        checkboxSeriesNumberStyle && (isChecked = checkboxSeriesNumberStyle.checked, isDisabled = checkboxSeriesNumberStyle.disable, text = null !== (_c = checkboxSeriesNumberStyle.text) && void 0 !== _c ? _c : "");
+      }
+      isChecked = table.stateManager.syncCheckedState(col, row, define.field, isChecked);
       const hierarchyOffset = getHierarchyOffset(col, row, table),
         cellStyle = table._getCellStyle(col, row),
-        autoWrapText = null !== (_c = cellStyle.autoWrapText) && void 0 !== _c ? _c : table.internalProps.autoWrapText,
+        autoWrapText = null !== (_d = cellStyle.autoWrapText) && void 0 !== _d ? _d : table.internalProps.autoWrapText,
         {
           lineClamp: lineClamp
         } = cellStyle,
@@ -58185,7 +58365,7 @@
           wordBreak: "break-word",
           heightLimit: autoRowHeight ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
           pickable: !1,
-          dx: hierarchyOffset,
+          dx: isCheckboxTree ? 0 : hierarchyOffset,
           whiteSpace: 1 !== text.length || autoWrapText ? "normal" : "no-wrap"
         },
         checkboxAttributes = {
@@ -58200,8 +58380,9 @@
             width: size,
             height: size
           },
+          dx: isCheckboxTree ? hierarchyOffset : 0,
           spaceBetweenTextAndIcon: spaceBetweenTextAndIcon,
-          disabled: null !== (_d = null != isDisabled ? isDisabled : globalDisable) && void 0 !== _d && _d
+          disabled: null !== (_e = null != isDisabled ? isDisabled : globalDisable) && void 0 !== _e && _e
         };
       "indeterminate" === isChecked ? (checkboxAttributes.checked = void 0, checkboxAttributes.indeterminate = !0) : (checkboxAttributes.checked = isChecked, checkboxAttributes.indeterminate = void 0), defaultFill && (checkboxAttributes.box.fill = defaultFill), defaultStroke && (checkboxAttributes.box.stroke = defaultStroke), disableFill && (checkboxAttributes.box.disableFill = disableFill), checkedFill && (checkboxAttributes.box.checkedFill = checkedFill), checkedStroke && (checkboxAttributes.box.checkedStroke = checkedStroke), disableCheckedFill && (checkboxAttributes.box.disableCheckedFill = disableCheckedFill), disableCheckedStroke && (checkboxAttributes.box.disableCheckedStroke = disableCheckedStroke), checkIconImage && (checkboxAttributes.icon.checkIconImage = checkIconImage), indeterminateIconImage && (checkboxAttributes.icon.indeterminateIconImage = indeterminateIconImage);
       const checkbox = new CheckBox(checkboxAttributes);