@visactor/vtable-calendar 1.16.0-alpha.1 → 1.16.1

package/dist/vtable-calendar.js

@@ -26396,7 +26396,9 @@
       reset() {
         this.records = [], this.fieldValue = void 0;
       }
-      recalculate() {}
+      recalculate() {
+        this.fieldValue = void 0, this._formatedValue = void 0;
+      }
     }
     class SumAggregator extends Aggregator {
       constructor(config) {
@@ -28829,6 +28831,10 @@
             get labelVisible() {
               var _a;
               return null === (_a = columnResize.labelVisible) || void 0 === _a || _a;
+            },
+            get visibleOnHover() {
+              var _a;
+              return null !== (_a = columnResize.visibleOnHover) && void 0 !== _a && _a;
             }
           };
         }
@@ -33220,6 +33226,7 @@
             lineClamp: lineClamp,
             wordBreak: "break-word",
             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 === (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.limitContentHeight) || 1 !== text.length || autoWrapText ? "normal" : "no-wrap",
             keepCenterInLine: !0
@@ -33676,8 +33683,16 @@
       if ("text" === type || "link" === type || customResult) {
         if ("link" === type) {
           const cellValue = value,
+            cellOriginValue = table.getCellOriginValue(col, row),
             headerStyle = table._getCellStyle(col, row);
-          "link" === type && ("templateLink" in define && define.templateLink || !("linkDetect" in define) || !define.linkDetect || regUrl.test(cellValue)) && (cellTheme ? (cellTheme.text.fill = getProp("linkColor", headerStyle, col, row, table), cellTheme.group.cursor = "pointer") : cellTheme = {
+          "link" === type && ("templateLink" in define && define.templateLink || !("linkDetect" in define) || !getOrApply(define.linkDetect, {
+            col: col,
+            row: row,
+            table: table,
+            value: cellValue,
+            dataValue: cellOriginValue,
+            cellHeaderPaths: void 0
+          }) || regUrl.test(cellValue)) && (cellTheme ? (cellTheme.text.fill = getProp("linkColor", headerStyle, col, row, table), cellTheme.group.cursor = "pointer") : cellTheme = {
             text: {
               fill: getProp("linkColor", headerStyle, col, row, table)
             },
@@ -33686,15 +33701,10 @@
             }
           });
         }
-        let customElementsGroup,
-          renderDefault = !0;
-        if (customResult) customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;else {
-          let customRender, customLayout;
-          if ("body" !== table.getCellLocation(col, row) ? (customRender = null == define ? void 0 : define.headerCustomRender, customLayout = null == define ? void 0 : define.headerCustomLayout) : (customRender = (null == define ? void 0 : define.customRender) || table.customRender, customLayout = null == define ? void 0 : define.customLayout), customLayout || customRender) {
-            const customResult = dealWithCustom(customLayout, customRender, col, row, cellWidth, cellHeight, !1, table.isAutoRowHeight(row), padding, range, table);
-            customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;
-          }
-        }
+        const {
+          customElementsGroup: customElementsGroup,
+          renderDefault: renderDefault
+        } = _generateCustomElementsGroup(table, define, col, row, cellWidth, cellHeight, padding, range, customResult);
         cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, customElementsGroup, renderDefault, cellTheme, range, isAsync);
         const axisConfig = table.internalProps.layoutMap.getAxisConfigInPivotChart(col, row);
         if (axisConfig) {
@@ -33712,9 +33722,13 @@
         const chartInstance = table.internalProps.layoutMap.getChartInstance(col, row);
         cellGroup = Factory.getFunction("createChartCellGroup")(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, value, define.chartModule, table.internalProps.layoutMap.getChartSpec(col, row), chartInstance, null !== (_b = table.internalProps.layoutMap.getChartDataId(col, row)) && void 0 !== _b ? _b : "data", table, cellTheme, table.internalProps.layoutMap.isShareChartSpec(col, row), isAsync, table.internalProps.layoutMap.isNoChartDataRenderNothing(col, row));
       } else if ("progressbar" === type) {
-        const style = table._getCellStyle(col, row),
+        const {
+            customElementsGroup: customElementsGroup,
+            renderDefault: renderDefault
+          } = _generateCustomElementsGroup(table, define, col, row, cellWidth, cellHeight, padding, range, customResult),
+          style = table._getCellStyle(col, row),
           dataValue = table.getCellOriginValue(col, row);
-        cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, null, !0, cellTheme, range, isAsync);
+        cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, customElementsGroup, renderDefault, cellTheme, range, isAsync);
         const progressBarGroup = Factory.getFunction("createProgressBarCell")(define, style, colWidth, value, dataValue, col, row, padding, table, range);
         cellGroup.firstChild ? cellGroup.insertBefore(progressBarGroup, cellGroup.firstChild) : cellGroup.appendChild(progressBarGroup);
       } else if ("sparkline" === type) {
@@ -33726,6 +33740,21 @@
       }
       return cellGroup.onBeforeAttributeUpdate = onBeforeAttributeUpdateForInvertHighlight, cellGroup;
     }
+    function _generateCustomElementsGroup(table, define, col, row, cellWidth, cellHeight, padding, range, customResult) {
+      let customElementsGroup,
+        renderDefault = !0;
+      if (customResult) customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;else {
+        let customRender, customLayout;
+        if ("body" !== table.getCellLocation(col, row) ? (customRender = null == define ? void 0 : define.headerCustomRender, customLayout = null == define ? void 0 : define.headerCustomLayout) : (customRender = (null == define ? void 0 : define.customRender) || table.customRender, customLayout = null == define ? void 0 : define.customLayout), customLayout || customRender) {
+          const customResult = dealWithCustom(customLayout, customRender, col, row, cellWidth, cellHeight, !1, table.isAutoRowHeight(row), padding, range, table);
+          customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;
+        }
+      }
+      return {
+        customElementsGroup: customElementsGroup,
+        renderDefault: renderDefault
+      };
+    }
     function updateCell$1(col, row, table, addNew, isShadow, forceFastUpdate) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
       const oldCellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0),
@@ -34117,12 +34146,20 @@
     class FastTextMeasureContribution extends DefaultTextMeasureContribution {
       _fastMeasure(text, options) {
         const {
-          fontSize: fontSize,
-          fontFamily = "Arial,sans-serif",
-          fontWeight = "normal",
-          fontStyle = "normal"
-        } = options;
-        return getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle).measure(text, textMeasureMode);
+            fontSize: fontSize,
+            fontFamily = "Arial,sans-serif",
+            fontWeight = "normal",
+            fontStyle = "normal"
+          } = options,
+          textMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle).measure(text, textMeasureMode);
+        if (!isValid$3(textMeasure.fontBoundingBoxAscent) && !isValid$3(textMeasure.fontBoundingBoxDescent)) {
+          const {
+            ascent: ascent,
+            descent: descent
+          } = this.measureTextBoundADscentEstimate(options);
+          textMeasure.fontBoundingBoxAscent = ascent, textMeasure.fontBoundingBoxDescent = descent;
+        }
+        return textMeasure;
       }
       measureTextWidth(text, options) {
         return this._fastMeasure(text, options).width;
@@ -36038,6 +36075,10 @@
         borderBottom = group.border.attribute.strokeArrayWidth ? group.border.attribute.strokeArrayWidth[2] : null !== (_c = group.border.attribute.lineWidth) && void 0 !== _c ? _c : 0,
         borderLeft = group.border.attribute.strokeArrayWidth ? group.border.attribute.strokeArrayWidth[3] : null !== (_d = group.border.attribute.lineWidth) && void 0 !== _d ? _d : 0;
       group.border.setAttributes({
+        borderLeft: borderLeft,
+        borderTop: borderTop,
+        borderRight: borderRight,
+        borderBottom: borderBottom,
         width: group.attribute.width - borderLeft / 2 - borderRight / 2,
         height: group.attribute.height - borderTop / 2 - borderBottom / 2
       }), "group" === group.border.type && group.border.firstChild.setAttributes({
@@ -37876,9 +37917,12 @@
       });
     }
     function updateColumnContainerWidth(containerGroup) {
-      var _a;
+      var _a, _b;
       const lastColGroup = getLastChild(containerGroup);
-      lastColGroup && (containerGroup.setAttribute("width", lastColGroup.attribute.x + lastColGroup.attribute.width), null === (_a = containerGroup.border) || void 0 === _a || _a.setAttribute("width", lastColGroup.attribute.x + lastColGroup.attribute.width));
+      if (lastColGroup && (containerGroup.setAttribute("width", lastColGroup.attribute.x + lastColGroup.attribute.width), containerGroup.border)) {
+        const border = containerGroup.border;
+        border.setAttribute("width", lastColGroup.attribute.x + lastColGroup.attribute.width - (null !== (_a = border.attribute.borderLeft) && void 0 !== _a ? _a : 0) / 2 - (null !== (_b = border.attribute.borderRight) && void 0 !== _b ? _b : 0) / 2);
+      }
     }
 
     function updateAutoRow(colStart, colEnd, rowStart, rowEnd, table) {
@@ -38051,7 +38095,17 @@
         const cellGroup = proxy.highPerformanceGetCell(col, row);
         proxy.updateCellGroupContent(cellGroup);
       }
-      return proxy.table.scenegraph.updateNextFrame(), sync;
+      return updateColumnContainerHeight(proxy.table.scenegraph.rowHeaderGroup), updateColumnContainerHeight(proxy.table.scenegraph.rightFrozenGroup), updateColumnContainerHeight(proxy.table.scenegraph.bodyGroup), proxy.table.scenegraph.updateNextFrame(), sync;
+    }
+    function updateColumnContainerHeight(containerGroup) {
+      var _a, _b;
+      const lastColGroup = getLastChild(containerGroup);
+      if (!lastColGroup) return;
+      const lastCellGroup = getLastChild(lastColGroup);
+      if (lastCellGroup && (containerGroup.setAttribute("height", lastCellGroup.attribute.y + lastCellGroup.attribute.height), containerGroup.border)) {
+        const border = containerGroup.border;
+        border.setAttribute("height", lastCellGroup.attribute.y + lastCellGroup.attribute.height - (null !== (_a = border.attribute.borderTop) && void 0 !== _a ? _a : 0) / 2 - (null !== (_b = border.attribute.borderBottom) && void 0 !== _b ? _b : 0) / 2);
+      }
     }
 
     var __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
@@ -40882,9 +40936,10 @@
         "image" !== type && "video" !== type || updateImageCellContentWhileResize(cellGroup, col, row, 0, 0, this.table);
       }
       createFrameBorder() {
+        var _a, _b, _c, _d, _e;
         this.updateTableSize();
         const isListTableWithFrozen = !this.isPivot && !this.table.internalProps.transpose;
-        createFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle, this.bodyGroup.role, isListTableWithFrozen ? [!0, !0, !0, !1] : void 0), createFrameBorder(this.rowHeaderGroup, this.isPivot || this.table.internalProps.transpose ? this.table.theme.rowHeaderStyle.frameStyle : this.table.theme.bodyStyle.frameStyle, this.rowHeaderGroup.role, isListTableWithFrozen ? [!0, !1, !0, !0] : void 0), createFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle, this.colHeaderGroup.role, isListTableWithFrozen ? [!0, !0, !0, !1] : void 0), createFrameBorder(this.cornerHeaderGroup, this.isPivot ? this.table.theme.cornerHeaderStyle.frameStyle : this.table.theme.headerStyle.frameStyle, this.cornerHeaderGroup.role, isListTableWithFrozen ? [!0, !1, !0, !0] : void 0), createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0);
+        createFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle, this.bodyGroup.role, isListTableWithFrozen ? [!0, !0, !0, !1] : void 0), createFrameBorder(this.rowHeaderGroup, this.isPivot || this.table.internalProps.transpose ? this.table.theme.rowHeaderStyle.frameStyle : this.table.theme.bodyStyle.frameStyle, this.rowHeaderGroup.role, isListTableWithFrozen ? [!0, !1, !0, !0] : void 0), createFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle, this.colHeaderGroup.role, isListTableWithFrozen ? [!0, !0, !0, !1] : void 0), createFrameBorder(this.cornerHeaderGroup, this.isPivot ? this.table.theme.cornerHeaderStyle.frameStyle : this.table.theme.headerStyle.frameStyle, this.cornerHeaderGroup.role, isListTableWithFrozen ? [!0, !1, !0, !0] : void 0), (null === (_a = this.table.theme.cornerLeftBottomCellStyle) || void 0 === _a ? void 0 : _a.frameStyle) && createFrameBorder(this.leftBottomCornerGroup, this.table.theme.cornerLeftBottomCellStyle.frameStyle, this.leftBottomCornerGroup.role, isListTableWithFrozen ? [!0, !1, !0, !0] : void 0), (null === (_b = this.table.theme.bottomFrozenStyle) || void 0 === _b ? void 0 : _b.frameStyle) && createFrameBorder(this.bottomFrozenGroup, this.table.theme.bottomFrozenStyle.frameStyle, this.bottomFrozenGroup.role, isListTableWithFrozen ? [!0, !0, !0, !1] : void 0), (null === (_c = this.table.theme.rightFrozenStyle) || void 0 === _c ? void 0 : _c.frameStyle) && createFrameBorder(this.rightFrozenGroup, this.table.theme.rightFrozenStyle.frameStyle, this.rightFrozenGroup.role, void 0), (null === (_d = this.table.theme.cornerRightTopCellStyle) || void 0 === _d ? void 0 : _d.frameStyle) && createFrameBorder(this.rightTopCornerGroup, this.table.theme.cornerRightTopCellStyle.frameStyle, this.rightTopCornerGroup.role, void 0), (null === (_e = this.table.theme.cornerRightBottomCellStyle) || void 0 === _e ? void 0 : _e.frameStyle) && createFrameBorder(this.rightBottomCornerGroup, this.table.theme.cornerRightBottomCellStyle.frameStyle, this.rightBottomCornerGroup.role, void 0), createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0);
       }
       getResizeColAt(abstractX, abstractY, cellGroup) {
         const offset = this.table.theme.columnResize.resizeHotSpotSize / 2;
@@ -40944,21 +40999,16 @@
         this.clear ? this.table.internalProps.bottomFrozenRowCount = bottomFrozenRowCount : dealBottomFrozen(bottomFrozenRowCount, this);
       }
       updateBorderSizeAndPosition() {
-        this.bodyGroup.border && (this.bodyGroup.appendChild(this.bodyGroup.border), updateFrameBorderSize(this.bodyGroup), this.rowHeaderGroup.attribute.width, updateFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle)), this.colHeaderGroup.border && (this.colHeaderGroup.appendChild(this.colHeaderGroup.border), updateFrameBorderSize(this.colHeaderGroup), this.cornerHeaderGroup.attribute.width, updateFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle)), this.rowHeaderGroup.border && (this.rowHeaderGroup.appendChild(this.rowHeaderGroup.border), updateFrameBorderSize(this.rowHeaderGroup)), this.cornerHeaderGroup.border && (this.cornerHeaderGroup.appendChild(this.cornerHeaderGroup.border), updateFrameBorderSize(this.cornerHeaderGroup)), updateCornerRadius(this.table);
+        this.bodyGroup.border && (this.bodyGroup.appendChild(this.bodyGroup.border), updateFrameBorderSize(this.bodyGroup), this.rowHeaderGroup.attribute.width, updateFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle)), this.colHeaderGroup.border && (this.colHeaderGroup.appendChild(this.colHeaderGroup.border), updateFrameBorderSize(this.colHeaderGroup), this.cornerHeaderGroup.attribute.width, updateFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle)), this.rowHeaderGroup.border && (this.rowHeaderGroup.appendChild(this.rowHeaderGroup.border), updateFrameBorderSize(this.rowHeaderGroup)), this.cornerHeaderGroup.border && (this.cornerHeaderGroup.appendChild(this.cornerHeaderGroup.border), updateFrameBorderSize(this.cornerHeaderGroup)), this.leftBottomCornerGroup.border && (this.leftBottomCornerGroup.appendChild(this.leftBottomCornerGroup.border), updateFrameBorderSize(this.leftBottomCornerGroup)), this.bottomFrozenGroup.border && (this.bottomFrozenGroup.appendChild(this.bottomFrozenGroup.border), updateFrameBorderSize(this.bottomFrozenGroup)), this.rightFrozenGroup.border && (this.rightFrozenGroup.appendChild(this.rightFrozenGroup.border), updateFrameBorderSize(this.rightFrozenGroup)), this.rightTopCornerGroup.border && (this.rightTopCornerGroup.appendChild(this.rightTopCornerGroup.border), updateFrameBorderSize(this.rightTopCornerGroup)), this.rightBottomCornerGroup.border && (this.rightBottomCornerGroup.appendChild(this.rightBottomCornerGroup.border), updateFrameBorderSize(this.rightBottomCornerGroup)), updateCornerRadius(this.table);
       }
       sortCell() {
         this.isPivot || (this.table.transpose ? this.proxy.sortCellHorizontal() : this.proxy.sortCellVertical());
       }
       getCellOverflowText(col, row) {
-        var _a, _b;
         const text = this.getCell(col, row).getChildByName("text", !0);
         if (text && "text" === text.type) {
           if (text.attribute.moreThanMaxCharacters) return this.table.getCellValue(col, row);
-          const textAttributeStr = isArray$7(text.attribute.text) ? text.attribute.text.join("") : text.attribute.text;
-          let cacheStr = "";
-          if (isString$4(text.cache.clipedText) ? cacheStr = text.cache.clipedText : null === (_b = null === (_a = text.cache.layoutData) || void 0 === _a ? void 0 : _a.lines) || void 0 === _b || _b.forEach(line => {
-            cacheStr += line.str;
-          }), cacheStr !== textAttributeStr) return this.table.getCellValue(col, row);
+          if (text.cliped) return this.table.getCellValue(col, row);
         } else if (text && "richtext" === text.type) {
           const richtext = text;
           if (richtext.attribute.ellipsis && richtext._frameCache && richtext.attribute.height < richtext._frameCache.actualHeight) {
@@ -41935,7 +41985,7 @@
       if (state._checkboxCellTypeFields = [], state._headerCheckFuncs = {}, state.table.internalProps.layoutMap.headerObjects.forEach((hd, index) => {
         if ("checkbox" === hd.headerType) {
           const headerChecked = hd.define.checked;
-          null == headerChecked || "function" == typeof headerChecked ? (isNeedInitHeaderCheckedStateFromRecord = !0, "function" == typeof headerChecked && (state._headerCheckFuncs[hd.field] = headerChecked)) : state.headerCheckedState[hd.field] = headerChecked, "checkbox" !== hd.define.cellType || hd.fieldFormat || state._checkboxCellTypeFields.push(hd.field);
+          null == headerChecked || "function" == typeof headerChecked ? (isNeedInitHeaderCheckedStateFromRecord = !0, "function" == typeof headerChecked && (state._headerCheckFuncs[hd.field] = headerChecked)) : state.headerCheckedState[hd.field] = headerChecked, "checkbox" !== hd.define.cellType && !isFunction$5(hd.define.cellType) || hd.fieldFormat || state._checkboxCellTypeFields.push(hd.field);
         }
       }), 1 === state.table.leftRowSeriesNumberCount) state.headerCheckedState._vtable_rowSeries_number = !1, state._checkboxCellTypeFields.push("_vtable_rowSeries_number"), isNeedInitHeaderCheckedStateFromRecord = !0;else if (state.table.leftRowSeriesNumberCount > 1) {
         for (let i = 0; i < state.table.leftRowSeriesNumberCount; i++) state.headerCheckedState[`_vtable_rowSeries_number_${i}`] = !1, state._checkboxCellTypeFields.push(`_vtable_rowSeries_number_${i}`);
@@ -42668,13 +42718,13 @@
       hideMenu() {
         this.menu.isShow && (this.table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), this.table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null), this.menu.isShow = !1, this.table.scenegraph.component.menu.detach(), this.residentHoverIcon && (this.table.scenegraph.setIconNormalStyle(this.residentHoverIcon.icon, this.residentHoverIcon.col, this.residentHoverIcon.row), this.table.scenegraph.resetResidentHoverIcon(this.residentHoverIcon.col, this.residentHoverIcon.row), this.residentHoverIcon = null));
       }
-      setDropDownMenuHighlight(cells) {
-        this.menu.dropDownMenuHighlight = cells;
-        for (let i = 0; i < cells.length; i++) {
+      setDropDownMenuHighlight(dropDownMenuInfo) {
+        this.menu.dropDownMenuHighlight = dropDownMenuInfo;
+        for (let i = 0; i < dropDownMenuInfo.length; i++) {
           const {
               col: col,
               row: row
-            } = cells[i],
+            } = dropDownMenuInfo[i],
             range = this.table.getCellRange(col, row);
           if (range) for (let col = range.start.col; col <= range.end.col; col++) for (let row = range.start.row; row <= range.end.row; row++) this.table.scenegraph.updateCellContent(col, row);
         }
@@ -42868,13 +42918,28 @@
           cellValue = table.getCellValue(col, row),
           cellOriginValue = table.getCellOriginValue(col, row);
         if ("link" === cellType) {
-          if (!(!1 !== columnDefine.linkJump)) return;
-          const templateLink = columnDefine.templateLink,
-            linkDetect = !1 !== columnDefine.linkDetect;
-          let url;
-          if (templateLink) {
+          let linkJump = getOrApply(columnDefine.linkJump, {
+            col: col,
+            row: row,
+            table: table,
+            value: cellValue,
+            dataValue: cellOriginValue,
+            cellHeaderPaths: void 0
+          });
+          if (linkJump = !1 !== linkJump, !linkJump) return;
+          const templateLink = columnDefine.templateLink;
+          let url,
+            linkDetect = getOrApply(columnDefine.linkDetect, {
+              col: col,
+              row: row,
+              table: table,
+              value: cellValue,
+              dataValue: cellOriginValue,
+              cellHeaderPaths: void 0
+            });
+          if (linkDetect = !1 !== linkDetect, templateLink) {
             const rowData = table.getCellOriginRecord(col, row);
-            if (rowData.vtableMerge) return;
+            if (rowData && rowData.vtableMerge) return;
             const data = Object.assign({
               __value: cellValue,
               __dataValue: cellOriginValue
@@ -43112,7 +43177,7 @@
           event: e.nativeEvent,
           target: null === (_p = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _p ? void 0 : _p.target,
           mergeCellInfo: null === (_q = eventArgsSet.eventArgs) || void 0 === _q ? void 0 : _q.mergeInfo
-        })), eventManager.dealIconHover(eventArgsSet), eventManager.dealTableHover(eventArgsSet), eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.MOUSEMOVE_CELL)) {
+        })), eventManager.dealIconHover(eventArgsSet), eventManager.dealTableHover(eventArgsSet), table.theme.columnResize.visibleOnHover && eventManager.checkColumnResize(eventArgsSet, !0), eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.MOUSEMOVE_CELL)) {
           let icon, position;
           if (null === (_r = eventArgsSet.eventArgs) || void 0 === _r ? void 0 : _r.target) {
             const iconInfo = getIconAndPositionFromTarget(null === (_s = eventArgsSet.eventArgs) || void 0 === _s ? void 0 : _s.target);
@@ -44227,7 +44292,7 @@
           if (e.federatedEvent) {
             const eventArgsSet = getCellEventArgsSet(e.federatedEvent),
               resizeCol = this.table.scenegraph.getResizeColAt(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, null === (_a = eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.targetCell);
-            if (this.table.eventManager.checkCellFillhandle(eventArgsSet)) this.table.fireListeners(TABLE_EVENT_TYPE.DBLCLICK_FILL_HANDLE, {});else if (this.table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0) {
+            if (this.table.eventManager.checkCellFillhandle(eventArgsSet)) this.table.fireListeners(TABLE_EVENT_TYPE.DBLCLICK_FILL_HANDLE, {});else if (this.table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0 && !this.table.options.disableDblclickAutoResizeColWidth) {
               this.table.scenegraph.updateAutoColWidth(resizeCol.col), this.table.internalProps._widthResizedColMap.add(resizeCol.col), this.table.scenegraph.updateChartSizeForResizeColWidth(resizeCol.col);
               const state = this.table.stateManager;
               state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose && state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen);
@@ -44304,7 +44369,7 @@
         } = eventArgsSet;
         if (this.table.options.enableTreeStickCell && !eventArgs) return !1;
         const resizeCol = this.table.scenegraph.getResizeColAt(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, null == eventArgs ? void 0 : eventArgs.targetCell);
-        return !!(this.table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0) && (update && this.table.stateManager.startResizeCol(resizeCol.col, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, resizeCol.rightFrozen), !0);
+        return this.table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0 ? (update && this.table.stateManager.startResizeCol(resizeCol.col, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, resizeCol.rightFrozen), !0) : (this.table.stateManager.isResizeCol() && this.table.stateManager.endResizeCol(), !1);
       }
       checkRowResize(eventArgsSet, update) {
         const {
@@ -46924,7 +46989,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;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.16.0-alpha.1", 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.16.1", 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");
         !1 === (null === (_a = options.customConfig) || void 0 === _a ? void 0 : _a.imageAnonymous) && (vglobal.isImageAnonymous = !1);
         const {
           frozenColCount = 0,
@@ -50309,7 +50374,7 @@
         if (this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && col < this.leftRowSeriesNumberColumnCount) {
           if (this.transpose) return;
           if (row < this.headerLevelCount) return Object.assign({}, this.leftRowSeriesNumberColumn[col], {
-            style: this._table.internalProps.rowSeriesNumber.headerStyle
+            style: Object.assign({}, this._table.transpose ? this._table.internalProps.theme.rowHeaderStyle : this._table.internalProps.theme.headerStyle, this._table.internalProps.rowSeriesNumber.headerStyle)
           });
         }
         if (this.rightRowSeriesNumberColumnCount > 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount && row < this.headerLevelCount) {
@@ -51912,7 +51977,7 @@
         return null;
       }
       getHierarchyState(col, row) {
-        if (!this.options.groupBy) {
+        if (!this.options.groupBy || isArray$7(this.options.groupBy) && 0 === this.options.groupBy.length) {
           if (!this.getBodyColumnDefine(col, row).tree) return HierarchyState.none;
         }
         const index = this.getRecordShowIndexByCell(col, row);
@@ -52003,7 +52068,7 @@
       }
       getCheckboxState(field) {
         if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount && this.stateManager.initLeftRecordsCheckState(this.records), isValid$3(field)) {
-          let stateArr = this.stateManager.checkedState.values();
+          let stateArr = Array.from(this.stateManager.checkedState.keys()).sort().map(key => this.stateManager.checkedState.get(key));
           return this.options.groupBy && (stateArr = getGroupCheckboxState(this)), Array.from(stateArr, state => state[field]);
         }
         return new Array(...this.stateManager.checkedState.values());