@visactor/vtable-calendar 1.14.2 → 1.14.3

package/dist/vtable-calendar.js

@@ -40326,13 +40326,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 && 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)));
           });
         });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 && 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)));
             });
           });
         }
@@ -41674,12 +41674,12 @@
         allUnChecked = !0,
         hasChecked = !1;
       return state.checkedState.forEach((check_state, index) => {
-        var _a;
+        var _a, _b;
         index = index.includes(",") ? index.split(",").map(item => Number(item)) : Number(index);
         const tableIndex = state.table.getTableIndexByRecordIndex(index),
           mergeCell = state.table.transpose ? state.table.getCustomMerge(tableIndex, row) : state.table.getCustomMerge(col, tableIndex),
           data = null === (_a = state.table.dataSource) || void 0 === _a ? void 0 : _a.get(index);
-        mergeCell || data.vtableMerge || (!0 !== (null == check_state ? void 0 : check_state[field]) ? allChecked = !1 : (allUnChecked = !1, hasChecked = !0));
+        mergeCell || !(null === (_b = state.table.internalProps.rowSeriesNumber) || void 0 === _b ? void 0 : _b.enableTreeCheckbox) && data.vtableMerge || (!0 !== (null == check_state ? void 0 : check_state[field]) ? allChecked = !1 : (allUnChecked = !1, hasChecked = !0));
       }), allChecked ? (state.headerCheckedState[field] = !0, allChecked) : allUnChecked ? (state.headerCheckedState[field] = !1, !1) : !!hasChecked && (state.headerCheckedState[field] = "indeterminate", "indeterminate");
     }
     function initLeftRecordsCheckState(records, state) {
@@ -41718,6 +41718,11 @@
       } = checkbox.attribute;
       indeterminate ? (checked || checkbox._handlePointerUp(), checkbox._handlePointerUp()) : oldChecked ? checked || checkbox._handlePointerUp() : checked && checkbox._handlePointerUp();
     }
+    function setCellCheckboxStateByAttribute(col, row, checked, table) {
+      const cellGroup = table.scenegraph.getCell(col, row),
+        checkbox = null == cellGroup ? void 0 : cellGroup.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) {
       const {
         checkedState: checkedState,
@@ -43815,6 +43820,69 @@
       return "bottom";
     }
 
+    function bindGroupTitleCheckboxChange(table) {
+      table.on("checkbox_state_change", args => {
+        var _a;
+        if (!0 !== (null === (_a = table.internalProps.rowSeriesNumber) || void 0 === _a ? void 0 : _a.enableTreeCheckbox)) return;
+        const {
+            col: col,
+            row: row,
+            checked: checked
+          } = args,
+          record = table.getCellOriginRecord(col, row),
+          indexedData = table.dataSource.currentPagerIndexedData,
+          titleShowIndex = table.getRecordShowIndexByCell(col, row);
+        let titleIndex = indexedData[titleShowIndex];
+        if (isNumber$2(titleIndex) && (titleIndex = [titleIndex]), record.vtableMerge) {
+          if (checked) setAllChildrenCheckboxState(!0, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);else {
+            setAllChildrenCheckboxState(!1, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+            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);
+      });
+    }
+    function setAllChildrenCheckboxState(state, titleShowIndex, titleIndex, indexedData, table) {
+      var _a;
+      let i = titleShowIndex + 1;
+      for (; isArray$1(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++;
+      }
+    }
+    function updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table) {
+      var _a;
+      let parentLength = titleIndex.length - 1;
+      if (parentLength > 0) {
+        let i = titleShowIndex - 1;
+        for (; parentLength > 0 && i >= 0;) {
+          if (isArray$1(indexedData[i]) && (null === (_a = indexedData[i]) || void 0 === _a ? void 0 : _a.length) === parentLength || 1 === parentLength && isNumber$2(indexedData[i])) {
+            updateParentCheckboxState(0, table.columnHeaderLevelCount + i, indexedData[i], table), parentLength--;
+          }
+          i--;
+        }
+      }
+    }
+    function updateParentCheckboxState(col, row, currentIndex, table) {
+      const {
+          checkedState: checkedState
+        } = table.stateManager,
+        key = currentIndex.toString(),
+        currentIndexLength = isArray$1(currentIndex) ? currentIndex.length : 1;
+      let start = !1;
+      const result = [];
+      if (checkedState.forEach((value, index) => {
+        if (start) {
+          index.split(",").length === currentIndexLength ? start = !1 : result.push(value._vtable_rowSeries_number);
+        }
+        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));
+    }
+
     class EventManager {
       constructor(table) {
         this.isDown = !1, this.isDraging = !1, this.globalEventListeners = [], this._enableTableScroll = !0, this.table = table, this.handleTextStickBindId = [], this.inertiaScroll = new InertiaScroll(table.stateManager), "node" === Env.mode || table.options.disableInteraction || (this.bindOuterEvent(), setTimeout(() => {
@@ -43875,7 +43943,7 @@
               });
             }
           }
-        }), this.table.isPivotTable() && checkHaveDrill(this.table) && bindDrillEvent(this.table), bindSparklineHoverEvent(this.table), bindAxisClickEvent(this.table), bindAxisHoverEvent(this.table);
+        }), this.table.isPivotTable() && checkHaveDrill(this.table) && bindDrillEvent(this.table), bindSparklineHoverEvent(this.table), bindAxisClickEvent(this.table), bindAxisHoverEvent(this.table), bindGroupTitleCheckboxChange(this.table);
       }
       dealTableHover(eventArgsSet) {
         if (!eventArgsSet) return void this.table.stateManager.updateHoverPos(-1, -1);
@@ -44927,7 +44995,12 @@
             showSort: showSort,
             sort: sort
           } = this._table.internalProps.layoutMap.getHeader(col, row);
-          if (showSort) {
+          let _showSort;
+          if (_showSort = "function" == typeof showSort ? showSort({
+            col: col,
+            row: row,
+            table: this._table
+          }) : showSort, _showSort) {
             let order = this._table.getPivotSortState(col, row);
             order && (order = order.toUpperCase());
             const sortIcon = "ASC" === order ? this.upIcon : "DESC" === order ? this.downIcon : this.normalIcon;
@@ -45006,11 +45079,21 @@
       getSortIcon(order, _table, col, row) {
         const icon = "asc" === order ? this.upIcon : "desc" === order ? this.downIcon : this.normalIcon,
           headerC = _table.getHeaderDefine(col, row);
-        return !headerC || !1 === headerC.showSort || !isValid$1(headerC.showSort) && !headerC.sort || headerC.columns && headerC.columns.length > 0 ? null : icon;
+        let _showSort;
+        return headerC && (_showSort = "function" == typeof headerC.showSort ? headerC.showSort({
+          col: col,
+          row: row,
+          table: this._table
+        }) : headerC.showSort), !headerC || !1 === _showSort || !isValid$1(_showSort) && !headerC.sort || headerC.columns && headerC.columns.length > 0 ? null : icon;
       }
       getSortIconForPivotTable(order, _table, col, row) {
         const headerC = _table.getHeaderDefine(col, row);
-        if (!headerC || !1 === headerC.showSort || !isValid$1(headerC.showSort) && !headerC.sort || headerC.columns && headerC.columns.length > 0) return null;
+        let _showSort;
+        if (headerC && (_showSort = "function" == typeof headerC.showSort ? headerC.showSort({
+          col: col,
+          row: row,
+          table: this._table
+        }) : headerC.showSort), !headerC || !1 === _showSort || !isValid$1(_showSort) && !headerC.sort || headerC.columns && headerC.columns.length > 0) return null;
         return "ASC" === (null == order ? void 0 : order.toUpperCase()) ? this.upIcon : "DESC" === (null == order ? void 0 : order.toUpperCase()) ? this.downIcon : this.normalIcon;
       }
       getDropDownStateIcons(_table, col, row) {
@@ -45345,7 +45428,7 @@
       constructor(tree, sharedVar) {
         let hierarchyType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "grid";
         let rowExpandLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : void 0;
-        this.sizeIncludeParent = !1, this.tree = {
+        this.hasHideNode = !1, this.sizeIncludeParent = !1, this.tree = {
           id: 0,
           dimensionKey: "",
           value: "",
@@ -45359,11 +45442,11 @@
         }, this.totalLevel = 0, this.dimensionKeys = new NumberMap(), this.dimensionKeysIncludeVirtual = new NumberMap(), this.cache = new Map(), this.sizeIncludeParent = null != rowExpandLevel, this.rowExpandLevel = rowExpandLevel, this.hierarchyType = hierarchyType, this.sharedVar = sharedVar, this.reset(tree);
       }
       reset(tree) {
-        this.cache.clear(), this.dimensionKeys = new NumberMap(), this.dimensionKeysIncludeVirtual = new NumberMap(), this.tree.children = tree, this.setTreeNode(this.tree, 0, this.tree);
+        this.hasHideNode = !1, this.cache.clear(), this.dimensionKeys = new NumberMap(), this.dimensionKeysIncludeVirtual = new NumberMap(), this.tree.children = tree, this.setTreeNode(this.tree, 0, this.tree);
       }
       setTreeNode(node, startIndex, parent) {
         var _a, _b;
-        node.startIndex = startIndex, node.startInTotal = (null !== (_a = parent.startInTotal) && void 0 !== _a ? _a : 0) + node.startIndex, (null !== (_b = node.dimensionKey) && void 0 !== _b ? _b : node.indicatorKey) && (node.virtual || this.dimensionKeys.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey) || this.dimensionKeys.put(node.level, node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey), this.dimensionKeysIncludeVirtual.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey) || this.dimensionKeysIncludeVirtual.put(node.level, node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey), node.id || (node.id = ++this.sharedVar.seqId));
+        node.startIndex = startIndex, node.startInTotal = (null !== (_a = parent.startInTotal) && void 0 !== _a ? _a : 0) + node.startIndex, node.hide && (this.hasHideNode = !0), (null !== (_b = node.dimensionKey) && void 0 !== _b ? _b : node.indicatorKey) && (node.virtual || this.dimensionKeys.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey) || this.dimensionKeys.put(node.level, node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey), this.dimensionKeysIncludeVirtual.contain(node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey) || this.dimensionKeysIncludeVirtual.put(node.level, node.indicatorKey ? IndicatorDimensionKeyPlaceholder : node.dimensionKey), node.id || (node.id = ++this.sharedVar.seqId));
         let size = node.dimensionKey && this.sizeIncludeParent ? 1 : 0;
         const children = node.children || node.columns;
         return "grid" === this.hierarchyType ? (null == children ? void 0 : children.length) >= 1 ? children.forEach(n => {
@@ -46554,7 +46637,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.14.2", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.14.3", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -47351,11 +47434,13 @@
           customRender: customRender,
           renderChartAsync: renderChartAsync,
           renderChartAsyncBatchCount: renderChartAsyncBatchCount,
+          canvasWidth: canvasWidth,
+          canvasHeight: canvasHeight,
           overscrollBehavior: overscrollBehavior,
           limitMinWidth: limitMinWidth,
           limitMinHeight: limitMinHeight
         } = 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;
+        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 = canvasWidth, this.canvasHeight = canvasHeight;
         const internalProps = this.internalProps;
         if ("node" === Env.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal", internalProps.frozenColCount = frozenColCount, 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 = columnResizeMode, internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "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 !== (_b = options.theme) && void 0 !== _b ? _b : 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 !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : 0, internalProps.limitMaxAutoWidth = null !== (_d = options.limitMaxAutoWidth) && void 0 !== _d ? _d : 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 === (_e = internalProps.legends) || void 0 === _e || _e.forEach(legend => {
           null == legend || legend.release();
@@ -48969,9 +49054,10 @@
       return layout._cellRangeMap.set(`$${col}$${row}`, cellRange), cellRange;
     }
     function getTreeTitleMerge(col, row, cellRange, layout) {
+      var _a;
       if ("tree" !== layout.rowHierarchyType) return;
       const cellRecord = layout._table.getCellRawRecord(col, row);
-      (null == cellRecord ? void 0 : cellRecord.vtableMerge) && (cellRange.start.col = layout.rowHeaderLevelCount, cellRange.end.col = layout.colCount - 1, cellRange.start.row = cellRange.end.row = row);
+      (null === (_a = layout._table.internalProps.rowSeriesNumber) || void 0 === _a ? void 0 : _a.enableTreeCheckbox) ? (null == cellRecord ? void 0 : cellRecord.vtableMerge) && col >= layout.leftRowSeriesNumberColumnCount && (cellRange.start.col = layout.rowHeaderLevelCount + layout.leftRowSeriesNumberColumnCount, cellRange.end.col = layout.colCount - 1, cellRange.start.row = cellRange.end.row = row) : (null == cellRecord ? void 0 : cellRecord.vtableMerge) && (cellRange.start.col = layout.rowHeaderLevelCount, cellRange.end.col = layout.colCount - 1, cellRange.start.row = cellRange.end.row = row);
     }
     function getCellRangeTranspose(col, row, layout) {
       var _a, _b, _c, _d;
@@ -50363,12 +50449,13 @@
           row: cellRow
         }), rowEnd++);
       }
-      const newRowEnd = Math.min(rowStart + rowLimit, table.rowCount - 1 - table.bottomFrozenRowCount);
+      const newRowEnd = Math.min(rowStart + rowLimit, table.rowCount - 1 - table.bottomFrozenRowCount),
+        notFullRow = newRowEnd < rowStart + rowLimit;
       for (let i = 0; i < removeCellPositions.length; i++) {
         const {
           row: cellRow
         } = removeCellPositions[removeCellPositions.length - i - 1];
-        cellRow < rowStart || cellRow > rowEnd || (cellRow > newRowEnd ? (removeCells.push({
+        cellRow < rowStart || cellRow > rowEnd || (cellRow > newRowEnd || notFullRow ? (removeCells.push({
           col: col,
           row: cellRow
         }), updateRow--) : updateRow = Math.min(updateRow, cellRow));
@@ -50464,16 +50551,17 @@
             } = table.internalProps.layoutMap.getSeriesNumberHeader(col, row);
             return title;
           }
+          let value;
           if (this.options.groupBy) {
             const record = table.getCellRawRecord(col, row);
             if (null == record ? void 0 : record.vtableMerge) return "";
             const indexs = this.dataSource.currentIndexedData[row - this.columnHeaderLevelCount];
-            return indexs[indexs.length - 1] + 1;
-          }
+            value = indexs[indexs.length - 1] + 1;
+          } else value = row - this.columnHeaderLevelCount + 1;
           const {
             format: format
           } = table.internalProps.layoutMap.getSeriesNumberBody(col, row);
-          return "function" == typeof format ? format(col, row, this) : row - this.columnHeaderLevelCount + 1;
+          return "function" == typeof format ? format(col, row, this, value) : value;
         }
         if (table.internalProps.layoutMap.isHeader(col, row)) {
           const {