@visactor/vtable-gantt 1.10.3 → 1.10.4-alpha.2

package/cjs/index.d.ts

@@ -5,5 +5,5 @@ import { Gantt } from './Gantt';
 import * as tools from './tools';
 import * as VRender from './vrender';
 import * as VTable from './vtable';
-export declare const version = "1.10.3";
+export declare const version = "1.10.4-alpha.2";
 export { TYPES, GanttConstructorOptions, Gantt, ColumnsDefine, ColumnDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, TextAlignType, TextBaselineType, tools, VRender, VTable };

package/cjs/index.js

@@ -52,5 +52,5 @@ exports.VRender = VRender;
 
 const VTable = __importStar(require("./vtable"));
 
-exports.VTable = VTable, exports.version = "1.10.3";
+exports.VTable = VTable, exports.version = "1.10.4-alpha.2";
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,QAAQ,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.10.3\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,gBAAgB,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.10.4-alpha.2\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}

package/dist/vtable-gantt.js

@@ -33943,7 +33943,7 @@
               width: width,
               height: height
             } = attribute;
-          return this._AABBBounds.setValue(x, y, x + width, y + height), this.parent && this.parent.addChildUpdateBoundTag(), this.clearUpdateBoundTag(), this._AABBBounds;
+          return this._AABBBounds.setValue(x, y, x + width, y + height), this.parent && this.parent.addChildUpdateBoundTag(), this.clearUpdateBoundTag(), this.shadowRoot && this.shadowRoot.tryUpdateAABBBounds(), this._AABBBounds;
         }
         return "body" === this.role || "row-header" === this.role || "col-header" === this.role || "right-frozen" === this.role || "bottom-frozen" === this.role || "corner-header" === this.role || "corner-right-top-header" === this.role || "corner-right-bottom-header" === this.role || "corner-left-bottom-header" === this.role ? (this._AABBBounds.setValue(-1 / 0, -1 / 0, 1 / 0, 1 / 0), this.parent && this.parent.addChildUpdateBoundTag(), this.clearUpdateBoundTag(), this.shadowRoot && this.shadowRoot.tryUpdateAABBBounds(), this._AABBBounds) : super.doUpdateAABBBounds();
       }
@@ -34135,7 +34135,7 @@
     }
 
     function createCellContent(cellGroup, icons, textStr, padding, autoColWidth, autoRowHeight, autoWrapText, lineClamp, cellWidth, cellHeight, textAlign, textBaseline, table, cellTheme, range) {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j;
       let contentWidth,
         leftIconWidth = 0,
         rightIconWidth = 0,
@@ -34164,12 +34164,12 @@
               moreThanMaxCharacters: moreThanMaxCharacters,
               maxLineWidth: autoColWidth ? 1 / 0 : cellWidth - (padding[1] + padding[3]) - leftIconWidth - rightIconWidth - hierarchyOffset,
               textBaseline: "top",
-              heightLimit: autoRowHeight && !(null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.multilinesForXTable) ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
+              heightLimit: !1 === (null === (_d = table.options.customConfig) || void 0 === _d ? void 0 : _d.limitContentHeight) || autoRowHeight && !(null === (_e = table.options.customConfig) || void 0 === _e ? void 0 : _e.multilinesForXTable) ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
               pickable: !1,
               autoWrapText: autoWrapText,
               lineClamp: lineClamp,
               wordBreak: "break-word",
-              whiteSpace: 1 !== text.length || autoWrapText ? "normal" : "no-wrap",
+              whiteSpace: !1 === (null === (_f = table.options.customConfig) || void 0 === _f ? void 0 : _f.limitContentHeight) || 1 !== text.length || autoWrapText ? "normal" : "no-wrap",
               dx: ("left" === textAlign ? contentLeftIcons.length ? 0 : hierarchyOffset : 0) + _contentOffset
             },
             wrapText = new Text$1(cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute);
@@ -34177,7 +34177,7 @@
         } else {
           const textOption = Object.assign({
             text: null == textStr ? void 0 : textStr.toString()
-          }, (null === (_e = null === (_d = null === (_c = cellGroup.parent) || void 0 === _c ? void 0 : _c.theme) || void 0 === _d ? void 0 : _d.userTheme) || void 0 === _e ? void 0 : _e.text) || {});
+          }, (null === (_j = null === (_h = null === (_g = cellGroup.parent) || void 0 === _g ? void 0 : _g.theme) || void 0 === _h ? void 0 : _h.userTheme) || void 0 === _j ? void 0 : _j.text) || {});
           cellTheme.text && Object.assign(textOption, cellTheme.text), textOption.textBaseline = "middle";
           const textConfig = [...inlineFrontIcons.map(icon => dealWithRichTextIcon(icon)), textOption, ...inlineEndIcons.map(icon => dealWithRichTextIcon(icon))];
           textConfig[0].textAlign = textAlign;
@@ -34233,10 +34233,10 @@
             autoWrapText: autoWrapText,
             lineClamp: lineClamp,
             wordBreak: "break-word",
-            heightLimit: autoRowHeight && !(null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.multilinesForXTable) ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
+            heightLimit: !1 === (null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.limitContentHeight) || autoRowHeight && !(null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.multilinesForXTable) ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
             pickable: !1,
             dx: ("left" === textAlign ? hierarchyOffset : 0) + _contentOffset,
-            whiteSpace: 1 !== text.length || autoWrapText ? "normal" : "no-wrap"
+            whiteSpace: !1 === (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.limitContentHeight) || 1 !== text.length || autoWrapText ? "normal" : "no-wrap"
           },
           wrapText = new Text$1(cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute);
         wrapText.name = "text", wrapText.textBaseline = textBaseline, cellGroup.appendChild(wrapText), contentWidth = wrapText.AABBBounds.width(), wrapText.AABBBounds.height();
@@ -34300,11 +34300,12 @@
       });
       return !1;
     }
-    function updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, textAlign, textBaseline) {
+    function updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, textAlign, textBaseline, table) {
+      var _a;
       const newHeight = distHeight - Math.floor(padding[0] + padding[2]),
         textMark = cellGroup.getChildByName("text");
       if (textMark instanceof Text$1 && !autoRowHeight) textMark.setAttributes({
-        heightLimit: newHeight
+        heightLimit: !1 === (null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.limitContentHeight) ? -1 : newHeight
       });else if (textMark instanceof RichText && !autoRowHeight) textMark.setAttributes({
         height: newHeight
       });else if (cellGroup.getChildByName("content")) {
@@ -34666,6 +34667,18 @@
       }).catch(err => {});
     }
 
+    function onBeforeAttributeUpdateForInvertHighlight(val, attribute) {
+      var _a, _b;
+      const graphic = this;
+      if (graphic.shadowRoot && graphic.shadowRoot.childrenCount && (isValid$1(val.width) || isValid$1(val.height))) {
+        const shadowRect = graphic.shadowRoot.findChildrenByName("shadow-rect")[0];
+        shadowRect && shadowRect.setAttributes({
+          width: null !== (_a = val.width) && void 0 !== _a ? _a : shadowRect.attribute.width,
+          height: null !== (_b = val.height) && void 0 !== _b ? _b : shadowRect.attribute.height
+        });
+      }
+    }
+
     function createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult) {
       var _a, _b;
       let cellGroup,
@@ -34725,7 +34738,7 @@
       } else if ("radio" === type) {
         cellGroup = Factory.getFunction("createRadioCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define);
       }
-      return cellGroup;
+      return cellGroup.onBeforeAttributeUpdate = onBeforeAttributeUpdateForInvertHighlight, cellGroup;
     }
     function updateCell$1(col, row, table, addNew, isShadow) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
@@ -34911,7 +34924,7 @@
       for (let col = range.start.col; col <= range.end.col; col++) for (let row = range.start.row; row <= range.end.row; row++) {
         const cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0);
         if ("cell" !== cellGroup.role) continue;
-        range.start.row !== range.end.row && cellGroup.contentHeight !== cellHeight && updateCellContentHeight(cellGroup, cellHeight, cellHeight, table.isAutoRowHeight(row), padding, textAlign, textBaseline), range.start.col !== range.end.col && cellGroup.contentWidth !== cellWidth && updateCellContentWidth(cellGroup, cellWidth, cellHeight, 0, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table.scenegraph), cellGroup.contentWidth = cellWidth, cellGroup.contentHeight = cellHeight;
+        range.start.row !== range.end.row && cellGroup.contentHeight !== cellHeight && updateCellContentHeight(cellGroup, cellHeight, cellHeight, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table), range.start.col !== range.end.col && cellGroup.contentWidth !== cellWidth && updateCellContentWidth(cellGroup, cellWidth, cellHeight, 0, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table.scenegraph), cellGroup.contentWidth = cellWidth, cellGroup.contentHeight = cellHeight;
         const rangeHeight = table.getRowHeight(row);
         resizeCellGroup(cellGroup, table.getColWidth(col), rangeHeight, range, table);
       }
@@ -34921,7 +34934,7 @@
         col: col,
         row: row
       } = cellGroup;
-      range.start.row !== range.end.row && cellGroup.contentHeight !== cellHeight && updateCellContentHeight(cellGroup, cellHeight, cellHeight, table.isAutoRowHeight(row), padding, textAlign, textBaseline), range.start.col !== range.end.col && cellGroup.contentWidth !== cellWidth && updateCellContentWidth(cellGroup, cellWidth, cellHeight, 0, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table.scenegraph), cellGroup.contentWidth = cellWidth, cellGroup.contentHeight = cellHeight;
+      range.start.row !== range.end.row && cellGroup.contentHeight !== cellHeight && updateCellContentHeight(cellGroup, cellHeight, cellHeight, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table), range.start.col !== range.end.col && cellGroup.contentWidth !== cellWidth && updateCellContentWidth(cellGroup, cellWidth, cellHeight, 0, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table.scenegraph), cellGroup.contentWidth = cellWidth, cellGroup.contentHeight = cellHeight;
       const rangeHeight = table.getRowHeight(row);
       resizeCellGroup(cellGroup, table.getColWidth(col), rangeHeight, range, table);
     }
@@ -35231,7 +35244,7 @@
     function computeRowsHeight(table, rowStart, rowEnd) {
       let isClearRowRangeHeightsMap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !0;
       let update = arguments.length > 4 ? arguments[4] : undefined;
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
       "undefined" != typeof window && window.performance.now();
       const oldRowHeights = [],
         newHeights = [];
@@ -35239,7 +35252,7 @@
       const layoutMap = table.internalProps.layoutMap;
       table.isPivotTable() && (layoutMap.enableUseGetBodyCache(), layoutMap.enableUseHeaderPathCache()), table.defaultHeaderRowHeight, table.defaultHeaderColWidth;
       const isDefaultHeaderHasAuto = "auto" === table.defaultHeaderRowHeight || isArray$1(table.defaultHeaderRowHeight) && table.defaultHeaderRowHeight.some(item => "auto" === item),
-        isAllRowsAuto = "autoHeight" === table.heightMode || "adaptive" === table.heightMode;
+        isAllRowsAuto = "autoHeight" === table.heightMode || "adaptive" === table.heightMode && !1 !== table.options.autoHeightInAdaptiveMode;
       if (isAllRowsAuto || isDefaultHeaderHasAuto) {
         rowStart = null != rowStart ? rowStart : 0, rowEnd = null != rowEnd ? rowEnd : table.rowCount - 1, (0 === rowStart && rowEnd === table.rowCount - 1 || isClearRowRangeHeightsMap) && table._clearRowRangeHeightsMap();
         for (let row = rowStart; row < table.columnHeaderLevelCount; row++) {
@@ -35247,7 +35260,7 @@
             endCol = table.colCount - 1;
           if ((table.isPivotTable() && !table.isPivotChart() || table.isPivotChart() && !table.internalProps.layoutMap.indicatorsAsCol) && checkPivotFixedStyleAndNoWrap(table, row) && !getCellMergeInfo(table, table.rowHeaderLevelCount, row) && (startCol = 0, endCol = table.rowHeaderLevelCount), isAllRowsAuto || "auto" === table.getDefaultRowHeight(row)) {
             const height = computeRowHeight(row, startCol, endCol, table);
-            newHeights[row] = Math.round(height), table._setRowHeight(row, height);
+            newHeights[row] = Math.round(height), "only-body" !== table.heightAdaptiveMode && update || table._setRowHeight(row, height);
           }
         }
         for (let row = table.rowCount - table.bottomFrozenRowCount; row <= rowEnd; row++) if (isAllRowsAuto || "auto" === table.getDefaultRowHeight(row)) {
@@ -35309,21 +35322,21 @@
       if (update) {
         for (let row = rowStart; row <= rowEnd; row++) {
           const newRowHeight = null !== (_e = newHeights[row]) && void 0 !== _e ? _e : table.getRowHeight(row);
-          newRowHeight !== (null !== (_f = oldRowHeights[row]) && void 0 !== _f ? _f : table.getRowHeight(row)) && table._setRowHeight(row, newRowHeight);
+          isValid$1(newRowHeight) && table._setRowHeight(row, newRowHeight);
         }
         if ("adaptive" === table.heightMode || table.autoFillHeight && table.getAllRowsHeight() <= table.tableNoFrameHeight) {
           for (let row = 0; row <= table.columnHeaderLevelCount - 1; row++) {
             const newRowHeight = table.getRowHeight(row);
-            newRowHeight !== (null !== (_g = oldRowHeights[row]) && void 0 !== _g ? _g : table.getRowHeight(row)) && table.scenegraph.updateRowHeight(row, newRowHeight - (null !== (_h = oldRowHeights[row]) && void 0 !== _h ? _h : table.getRowHeight(row)), !0);
+            newRowHeight !== (null !== (_f = oldRowHeights[row]) && void 0 !== _f ? _f : table.getRowHeight(row)) && table.scenegraph.updateRowHeight(row, newRowHeight - (null !== (_g = oldRowHeights[row]) && void 0 !== _g ? _g : table.getRowHeight(row)), !0);
           }
           for (let row = table.rowCount - table.bottomFrozenRowCount; row <= table.rowCount - 1; row++) {
             const newRowHeight = table.getRowHeight(row);
-            newRowHeight !== (null !== (_j = oldRowHeights[row]) && void 0 !== _j ? _j : table.getRowHeight(row)) && table.scenegraph.updateRowHeight(row, newRowHeight - (null !== (_k = oldRowHeights[row]) && void 0 !== _k ? _k : table.getRowHeight(row)), !0);
+            newRowHeight !== (null !== (_h = oldRowHeights[row]) && void 0 !== _h ? _h : table.getRowHeight(row)) && table.scenegraph.updateRowHeight(row, newRowHeight - (null !== (_j = oldRowHeights[row]) && void 0 !== _j ? _j : table.getRowHeight(row)), !0);
           }
         }
         for (let row = table.scenegraph.proxy.rowStart; row <= table.scenegraph.proxy.rowEnd; row++) {
           const newRowHeight = table.getRowHeight(row);
-          newRowHeight !== (null !== (_l = oldRowHeights[row]) && void 0 !== _l ? _l : table.getRowHeight(row)) && table.scenegraph.updateRowHeight(row, newRowHeight - (null !== (_m = oldRowHeights[row]) && void 0 !== _m ? _m : table.getRowHeight(row)), !0);
+          newRowHeight !== (null !== (_k = oldRowHeights[row]) && void 0 !== _k ? _k : table.getRowHeight(row)) && table.scenegraph.updateRowHeight(row, newRowHeight - (null !== (_l = oldRowHeights[row]) && void 0 !== _l ? _l : table.getRowHeight(row)), !0);
         }
       }
       table.isPivotTable() && (layoutMap.disableUseGetBodyCache(), layoutMap.disableUseHeaderPathCache());
@@ -35685,7 +35698,7 @@
             });
           }), renderDefault) {
             const style = table._getCellStyle(colStart, rowStart);
-            updateCellContentHeight(singleCellGroup, distHeight, detaY, autoRowHeight, getQuadProps(style.padding), style.textAlign, style.textBaseline);
+            updateCellContentHeight(singleCellGroup, distHeight, detaY, autoRowHeight, getQuadProps(style.padding), style.textAlign, style.textBaseline, table);
           }
           const rangeHeight = table.getRowHeight(row),
             rangeWidth = table.getColWidth(col);
@@ -35706,7 +35719,7 @@
         }
       } else {
         const style = table._getCellStyle(cellGroup.col, cellGroup.row);
-        updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, getQuadProps(style.padding), style.textAlign, style.textBaseline);
+        updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, getQuadProps(style.padding), style.textAlign, style.textBaseline, table);
       }
     }
 
@@ -44757,7 +44770,7 @@
       }
       dealMenuHover(eventArgsSet) {}
       dealTableSelect(eventArgsSet, isSelectMoving) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (!eventArgsSet) return this.table.stateManager.updateSelectPos(-1, -1), !1;
         const {
           eventArgs: eventArgs
@@ -44765,7 +44778,15 @@
         if (eventArgs) {
           if ("checkbox" === eventArgs.target.name || "radio" === eventArgs.target.name) return !1;
           const define = this.table.getBodyColumnDefine(eventArgs.col, eventArgs.row);
-          return this.table.isHeader(eventArgs.col, eventArgs.row) && ((null == define ? void 0 : define.disableHeaderSelect) || (null === (_a = this.table.stateManager.select) || void 0 === _a ? void 0 : _a.disableHeader)) || !this.table.isHeader(eventArgs.col, eventArgs.row) && (null == define ? void 0 : define.disableSelect) ? (isSelectMoving || this.table.stateManager.updateSelectPos(-1, -1), !1) : !this.table.isPivotChart() || "axis-label" !== (null === (_b = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target.name) && "chart" !== (null === (_c = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target.type) ? (this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, isSelectMoving), !0) : (this.table.stateManager.updateSelectPos(-1, -1), !1);
+          if (this.table.isHeader(eventArgs.col, eventArgs.row) && ((null == define ? void 0 : define.disableHeaderSelect) || (null === (_a = this.table.stateManager.select) || void 0 === _a ? void 0 : _a.disableHeader))) return isSelectMoving || this.table.stateManager.updateSelectPos(-1, -1), !1;
+          if (!this.table.isHeader(eventArgs.col, eventArgs.row) && (null == define ? void 0 : define.disableSelect)) {
+            if (!isSelectMoving) {
+              const isHasSelected = !!(null === (_b = this.table.stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length);
+              this.table.stateManager.updateSelectPos(-1, -1), isHasSelected && this.table.stateManager.endSelectCells(!0, isHasSelected);
+            }
+            return !1;
+          }
+          return !this.table.isPivotChart() || "axis-label" !== (null === (_c = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target.name) && "chart" !== (null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target.type) ? (this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, isSelectMoving), !0) : (this.table.stateManager.updateSelectPos(-1, -1), !1);
         }
         return !1;
       }
@@ -46190,9 +46211,11 @@
       }
       getCustomCellStyleId(col, row) {
         let customStyleId;
-        return this.customCellStyleArrangement.forEach(style => {
-          style.cellPosition.range ? style.cellPosition.range.start.col <= col && style.cellPosition.range.end.col >= col && style.cellPosition.range.start.row <= row && style.cellPosition.range.end.row >= row && (customStyleId = style.customStyleId) : style.cellPosition.col === col && style.cellPosition.row === row && (customStyleId = style.customStyleId);
-        }), customStyleId;
+        const range = this.table.getCellRange(col, row);
+        for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.customCellStyleArrangement.forEach(style => {
+          style.cellPosition.range ? style.cellPosition.range.start.col <= c && style.cellPosition.range.end.col >= c && style.cellPosition.range.start.row <= r && style.cellPosition.range.end.row >= r && (customStyleId = style.customStyleId) : style.cellPosition.col === c && style.cellPosition.row === r && (customStyleId = style.customStyleId);
+        });
+        return customStyleId;
       }
       getCustomCellStyleOption(customStyleId) {
         return this.customCellStyle.find(style => style.id === customStyleId);
@@ -46212,19 +46235,24 @@
       }
       arrangeCustomCellStyle(cellPos, customStyleId) {
         const index = this.customCellStyleArrangement.findIndex(style => style.cellPosition.range && cellPos.range ? style.cellPosition.range.start.col === cellPos.range.start.col && style.cellPosition.range.start.row === cellPos.range.start.row && style.cellPosition.range.end.col === cellPos.range.end.col && style.cellPosition.range.end.row === cellPos.range.end.row : style.cellPosition.col === cellPos.col && style.cellPosition.row === cellPos.row);
-        if (-1 === index) this.customCellStyleArrangement.push({
-          cellPosition: {
-            col: cellPos.col,
-            row: cellPos.row,
-            range: cellPos.range
-          },
-          customStyleId: customStyleId
-        });else {
-          if (this.customCellStyleArrangement[index].customStyleId === customStyleId) return;
-          this.customCellStyleArrangement[index].customStyleId = customStyleId;
+        if (-1 !== index || customStyleId) {
+          if (-1 === index && customStyleId) this.customCellStyleArrangement.push({
+            cellPosition: {
+              col: cellPos.col,
+              row: cellPos.row,
+              range: cellPos.range
+            },
+            customStyleId: customStyleId
+          });else {
+            if (this.customCellStyleArrangement[index].customStyleId === customStyleId) return;
+            customStyleId ? this.customCellStyleArrangement[index].customStyleId = customStyleId : this.customCellStyleArrangement.splice(index, 1);
+          }
+          if (cellPos.range) for (let col = cellPos.range.start.col; col <= cellPos.range.end.col; col++) for (let row = cellPos.range.start.row; row <= cellPos.range.end.row; row++) {
+            const range = this.table.getCellRange(col, row);
+            for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.table.scenegraph.updateCellContent(c, r);
+          } else this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
+          this.table.scenegraph.updateNextFrame();
         }
-        if (cellPos.range) for (let col = cellPos.range.start.col; col <= cellPos.range.end.col; col++) for (let row = cellPos.range.start.row; row <= cellPos.range.end.row; row++) this.table.scenegraph.updateCellContent(col, row);else this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
-        this.table.scenegraph.updateNextFrame();
       }
       updateCustomCell(customCellStyle, customCellStyleArrangement) {
         this.customCellStyle.length = 0, this.customCellStyleArrangement.length = 0, customCellStyle.forEach(cellStyle => {
@@ -47302,7 +47330,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.10.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");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.10.4-alpha.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");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -57144,7 +57172,7 @@
         themes: themes$1
     });
 
-    const version = "1.10.3";
+    const version = "1.10.4-alpha.2";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$2;