@visactor/vtable-gantt 1.16.0 → 1.16.1

package/dist/vtable-gantt.js

@@ -27001,6 +27001,18 @@
         }
     }
 
+    const defaultTaskBarStyle = {
+        barColor: 'blue',
+        completedBarColor: 'gray',
+        width: 30,
+        cornerRadius: 3,
+        borderWidth: 0,
+        fontFamily: 'Arial',
+        fontSize: 14
+    };
+    function setWidthToDefaultTaskBarStyle(width) {
+        defaultTaskBarStyle.width = width;
+    }
     const isNode$1 = typeof window === 'undefined' || typeof window.window === 'undefined';
     const DayTimes = 1000 * 60 * 60 * 24;
     function getDateIndexByX(x, gantt) {
@@ -27116,36 +27128,41 @@
             gantt.parsedOptions.timeLineHeaderRowHeights.push(gantt.parsedOptions.sortedTimelineScales[i].rowHeight ?? options?.headerRowHeight ?? 40);
         }
         gantt.parsedOptions.grid = Object.assign({}, options?.grid);
-        gantt.parsedOptions.taskBarStyle = Object.assign({}, {
-            barColor: 'blue',
-            completedBarColor: 'gray',
-            width: (gantt.parsedOptions.rowHeight * 3) / 4,
-            cornerRadius: 3,
-            borderWidth: 0,
-            fontFamily: 'Arial',
-            fontSize: 14
-        }, options?.taskBar?.barStyle);
-        gantt.parsedOptions.taskBarMilestoneStyle = Object.assign({
-            width: gantt.parsedOptions.taskBarStyle.width,
-            borderColor: gantt.parsedOptions.taskBarStyle.borderColor,
-            borderLineWidth: gantt.parsedOptions.taskBarStyle.borderLineWidth ?? 1,
-            fillColor: gantt.parsedOptions.taskBarStyle.barColor,
-            cornerRadius: 0
-        }, options?.taskBar?.milestoneStyle);
+        setWidthToDefaultTaskBarStyle((gantt.parsedOptions.rowHeight * 3) / 4);
+        gantt.parsedOptions.taskBarStyle =
+            options?.taskBar?.barStyle && typeof options?.taskBar?.barStyle === 'function'
+                ? options.taskBar.barStyle
+                : Object.assign({}, defaultTaskBarStyle, options?.taskBar?.barStyle);
+        gantt.parsedOptions.taskBarMilestoneStyle = Object.assign(typeof gantt.parsedOptions.taskBarStyle === 'function'
+            ? {}
+            : {
+                width: gantt.parsedOptions.taskBarStyle.width,
+                borderColor: gantt.parsedOptions.taskBarStyle.borderColor,
+                borderLineWidth: gantt.parsedOptions.taskBarStyle.borderLineWidth ?? 1,
+                fillColor: gantt.parsedOptions.taskBarStyle.barColor,
+                cornerRadius: 0
+            }, options?.taskBar?.milestoneStyle);
         gantt.parsedOptions.taskBarMilestoneHypotenuse = gantt.parsedOptions.taskBarMilestoneStyle.width * Math.sqrt(2);
         gantt.parsedOptions.dateFormat = options?.dateFormat;
         gantt.parsedOptions.taskBarHoverStyle = Object.assign({
             barOverlayColor: 'rgba(99, 144, 0, 0.4)'
         }, options?.taskBar?.hoverBarStyle);
         gantt.parsedOptions.taskBarSelectable = options?.taskBar?.selectable ?? true;
-        gantt.parsedOptions.taskBarSelectedStyle = Object.assign({
-            shadowBlur: 6,
-            shadowOffsetX: 0,
-            shadowOffsetY: 0,
-            shadowColor: gantt.parsedOptions.taskBarStyle.barColor,
-            borderColor: gantt.parsedOptions.taskBarStyle.barColor,
-            borderLineWidth: 1
-        }, options?.taskBar?.selectedBarStyle);
+        gantt.parsedOptions.taskBarSelectedStyle = Object.assign(typeof gantt.parsedOptions.taskBarStyle === 'function'
+            ? {
+                shadowBlur: 6,
+                shadowOffsetX: 0,
+                shadowOffsetY: 0,
+                borderLineWidth: 1
+            }
+            : {
+                shadowBlur: 6,
+                shadowOffsetX: 0,
+                shadowOffsetY: 0,
+                shadowColor: gantt.parsedOptions.taskBarStyle.barColor,
+                borderColor: gantt.parsedOptions.taskBarStyle.barColor,
+                borderLineWidth: 1
+            }, options?.taskBar?.selectedBarStyle);
         gantt.parsedOptions.taskBarLabelText = options?.taskBar?.labelText ?? '';
         gantt.parsedOptions.taskBarMoveable = options?.taskBar?.moveable ?? true;
         gantt.parsedOptions.moveTaskBarToExtendDateRange = options?.taskBar?.moveToExtendDateRange ?? true;
@@ -27472,9 +27489,6 @@
             progress = progress.replace('%', '');
             progress = parseFloat(progress);
         }
-        if (progress <= 1) {
-            progress = progress * 100;
-        }
         return Math.round(progress);
     }
     function createSplitLineAndResizeLine(gantt) {
@@ -28667,7 +28681,8 @@
             }
             const { unit, step } = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0];
             const taskBarSize = computeCountToTimeScale(endDate, startDate, unit, step, 1) * this._scene._gantt.parsedOptions.timelineColWidth;
-            const taskbarHeight = this._scene._gantt.parsedOptions.taskBarStyle.width;
+            const taskBarStyle = this._scene._gantt.getTaskBarStyle(index, childIndex);
+            const taskbarHeight = taskBarStyle.width;
             createDateAtMidnight(this._scene._gantt.parsedOptions.minDate);
             this._scene._gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate
                 ? childrenLength || 1
@@ -28696,14 +28711,13 @@
                 height: isMilestone ? milestoneTaskBarHeight : taskbarHeight,
                 cornerRadius: isMilestone
                     ? this._scene._gantt.parsedOptions.taskBarMilestoneStyle.cornerRadius
-                    : this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius,
+                    : taskBarStyle.cornerRadius,
                 lineWidth: isMilestone
                     ? this._scene._gantt.parsedOptions.taskBarMilestoneStyle.borderLineWidth * 2
-                    : (this._scene._gantt.parsedOptions.taskBarStyle.borderLineWidth ??
-                        this._scene._gantt.parsedOptions.taskBarStyle.borderWidth) * 2,
+                    : (taskBarStyle.borderLineWidth ?? taskBarStyle.borderWidth) * 2,
                 stroke: isMilestone
                     ? this._scene._gantt.parsedOptions.taskBarMilestoneStyle.borderColor
-                    : this._scene._gantt.parsedOptions.taskBarStyle.borderColor,
+                    : taskBarStyle.borderColor,
                 angle: isMilestone ? (45 / 180) * Math.PI : 0,
                 anchor: isMilestone ? [x + milestoneTaskBarHeight / 2, y + milestoneTaskBarHeight / 2] : undefined
             });
@@ -28718,7 +28732,7 @@
                 height: barGroupBox.attribute.height,
                 cornerRadius: isMilestone
                     ? this._scene._gantt.parsedOptions.taskBarMilestoneStyle.cornerRadius
-                    : this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius,
+                    : taskBarStyle.cornerRadius,
                 clip: true
             });
             barGroup.name = 'task-bar-group';
@@ -28759,9 +28773,7 @@
                     y: 0,
                     width: barGroupBox.attribute.width,
                     height: barGroupBox.attribute.height,
-                    fill: isMilestone
-                        ? this._scene._gantt.parsedOptions.taskBarMilestoneStyle.fillColor
-                        : this._scene._gantt.parsedOptions.taskBarStyle.barColor,
+                    fill: isMilestone ? this._scene._gantt.parsedOptions.taskBarMilestoneStyle.fillColor : taskBarStyle.barColor,
                     pickable: false
                 });
                 rect.name = 'task-bar-rect';
@@ -28773,7 +28785,7 @@
                         y: 0,
                         width: (taskBarSize * progress) / 100,
                         height: taskbarHeight,
-                        fill: this._scene._gantt.parsedOptions.taskBarStyle.completedBarColor,
+                        fill: taskBarStyle.completedBarColor,
                         pickable: false
                     });
                     progress_rect.name = 'task-bar-progress-rect';
@@ -28830,9 +28842,7 @@
                 height: 100,
                 clip: true,
                 pickable: false,
-                cornerRadius: this._scene._gantt.parsedOptions.taskBarHoverStyle.cornerRadius ??
-                    this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius ??
-                    0,
+                cornerRadius: this._scene._gantt.parsedOptions.taskBarHoverStyle.cornerRadius ?? defaultTaskBarStyle.cornerRadius ?? 0,
                 fill: this._scene._gantt.parsedOptions.taskBarHoverStyle.barOverlayColor,
                 visibleAll: false
             });
@@ -28903,13 +28913,12 @@
             this.hoverBarGroup.setAttribute('width', width);
             this.hoverBarGroup.setAttribute('height', height);
             this.hoverBarGroup.setAttribute('visibleAll', true);
+            const taskBarStyle = this._scene._gantt.getTaskBarStyle(target.task_index, target.sub_task_index);
             if (taskRecord.type === 'milestone') {
                 this.hoverBarGroup.setAttribute('cornerRadius', target.attribute.cornerRadius);
             }
             else {
-                const cornerRadius = this._scene._gantt.parsedOptions.taskBarHoverStyle.cornerRadius ??
-                    this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius ??
-                    0;
+                const cornerRadius = this._scene._gantt.parsedOptions.taskBarHoverStyle.cornerRadius ?? taskBarStyle.cornerRadius ?? 0;
                 this.hoverBarGroup.setAttribute('cornerRadius', cornerRadius);
             }
             this.hoverBarLeftIcon?.setAttribute('visible', false);
@@ -30461,6 +30470,7 @@
                 let linkedToTaskShowIndex;
                 let linkedFromTaskShowIndex;
                 let diffY;
+                const taskBarStyle = this._gantt.getTaskBarStyle(taskIndex, sub_task_index);
                 if (gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Inline) {
                     const new_indexs = getTaskIndexsByTaskY(target.attribute.y + dy, gantt);
                     linkedFromTaskShowIndex = linkedFromTaskRecord.index[0];
@@ -30476,7 +30486,7 @@
                         endDate: linkedFromTaskEndDate,
                         taskDays: linkedFromTaskTaskDays
                     } = gantt.getTaskInfoByTaskListIndex(linkedFromTaskRecord.index[0], linkedFromTaskRecord.index[1]));
-                    const taskbarHeight = gantt.parsedOptions.taskBarStyle.width;
+                    const taskbarHeight = taskBarStyle.width;
                     diffY = target.attribute.y + taskbarHeight / 2 - (linkedToTaskShowIndex + 0.5) * gantt.parsedOptions.rowHeight;
                 }
                 else if (gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate ||
@@ -30507,7 +30517,7 @@
                         endDate: linkedFromTaskEndDate,
                         taskDays: linkedFromTaskTaskDays
                     } = gantt.getTaskInfoByTaskListIndex(linkedFromTaskRecord.index[0], linkedFromTaskRecord.index[1]));
-                    const taskbarHeight = gantt.parsedOptions.taskBarStyle.width;
+                    const taskbarHeight = taskBarStyle.width;
                     diffY = target.attribute.y + taskbarHeight / 2 - (linkedToTaskShowIndex + 0.5) * gantt.parsedOptions.rowHeight;
                 }
                 else {
@@ -30556,6 +30566,7 @@
                 let linkedToTaskShowIndex;
                 let linkedFromTaskShowIndex;
                 let diffY;
+                const taskBarStyle = this._gantt.getTaskBarStyle(taskIndex, sub_task_index);
                 if (gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Inline) {
                     const new_indexs = getTaskIndexsByTaskY(target.attribute.y + dy, gantt);
                     const beforeRowCountLinkedFrom = gantt.getRowsHeightByIndex(0, new_indexs.task_index - 1) / gantt.parsedOptions.rowHeight;
@@ -30571,7 +30582,7 @@
                         endDate: linkedFromTaskEndDate,
                         taskDays: linkedFromTaskTaskDays
                     } = gantt.getTaskInfoByTaskListIndex(linkedFromTaskRecord.index[0], linkedFromTaskRecord.index[1]));
-                    const taskbarHeight = gantt.parsedOptions.taskBarStyle.width;
+                    const taskbarHeight = taskBarStyle.width;
                     diffY =
                         target.attribute.y + taskbarHeight / 2 - (linkedFromTaskShowIndex + 0.5) * gantt.parsedOptions.rowHeight;
                 }
@@ -30603,7 +30614,7 @@
                         endDate: linkedFromTaskEndDate,
                         taskDays: linkedFromTaskTaskDays
                     } = gantt.getTaskInfoByTaskListIndex(linkedFromTaskRecord.index[0], linkedFromTaskRecord.index[1]));
-                    const taskbarHeight = gantt.parsedOptions.taskBarStyle.width;
+                    const taskbarHeight = taskBarStyle.width;
                     diffY =
                         target.attribute.y + taskbarHeight / 2 - (linkedFromTaskShowIndex + 0.5) * gantt.parsedOptions.rowHeight;
                 }
@@ -30759,7 +30770,9 @@
       reset() {
         this.records = [], this.fieldValue = void 0;
       }
-      recalculate() {}
+      recalculate() {
+        this.fieldValue = void 0, this._formatedValue = void 0;
+      }
     }
     class RecalculateAggregator extends Aggregator {
       constructor(config) {
@@ -33303,6 +33316,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;
             }
           };
         }
@@ -38183,15 +38200,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) {
@@ -38209,9 +38221,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) {
@@ -38223,6 +38239,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),
@@ -40543,6 +40574,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({
@@ -42381,9 +42416,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) {
@@ -42556,7 +42594,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) {
@@ -45387,9 +45435,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;
@@ -45449,7 +45498,7 @@
         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());
@@ -47168,13 +47217,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);
         }
@@ -47627,7 +47676,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);
@@ -48742,7 +48791,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);
@@ -48819,7 +48868,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 {
@@ -51439,7 +51488,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", 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,
@@ -56463,7 +56512,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);
@@ -56554,7 +56603,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());
@@ -63928,6 +63977,20 @@
         parseTimeFormat(date) {
             return parseDateFormat(date);
         }
+        getTaskBarStyle(task_index, sub_task_index) {
+            if (typeof this.parsedOptions.taskBarStyle === 'function') {
+                const { startDate, endDate, taskRecord } = this.getTaskInfoByTaskListIndex(task_index, sub_task_index);
+                const args = {
+                    index: task_index,
+                    startDate,
+                    endDate,
+                    taskRecord,
+                    ganttInstance: this
+                };
+                return this.parsedOptions.taskBarStyle(args);
+            }
+            return this.parsedOptions.taskBarStyle;
+        }
     }
 
     var index = /*#__PURE__*/Object.freeze({
@@ -63960,7 +64023,7 @@
         themes: themes$1
     });
 
-    const version = "1.16.0";
+    const version = "1.16.1";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$3;