@visactor/vtable-gantt 1.11.2-alpha.2 → 1.11.2

package/dist/vtable-gantt.js

@@ -26864,7 +26864,7 @@
                 if (this.gridStyle?.verticalLine.lineWidth & 1) {
                     x = 0.5;
                 }
-                for (let i = 0; i < this.timelineDates.length - 1; i++) {
+                for (let i = 0; i < this.timelineDates?.length - 1; i++) {
                     const dateline = this.timelineDates[i];
                     x = x + Math.floor(this.colWidthPerDay * dateline.days);
                     const line = createLine({
@@ -28038,7 +28038,7 @@
                 dateHeader.addChild(rowHeader);
                 const { unit, timelineDates, customLayout } = scene._gantt.parsedOptions.sortedTimelineScales[i];
                 let x = 0;
-                for (let j = 0; j < timelineDates.length; j++) {
+                for (let j = 0; j < timelineDates?.length; j++) {
                     const { days, endDate, startDate, title, dateIndex } = timelineDates[j];
                     const date = new Group$2({
                         x,
@@ -29550,11 +29550,14 @@
         }
         refreshAll() {
             this.tableGroupHeight = Math.min(this._gantt.tableNoFrameHeight, this._gantt.drawHeight);
+            this.tableGroupWidth = this._gantt.tableNoFrameWidth;
             this.tableGroup.setAttribute('height', this.tableGroupHeight);
+            this.tableGroup.setAttribute('width', this.tableGroupWidth);
             this.timelineHeader.refresh();
             this.grid.refresh();
             this.taskBar.refresh();
             this.markLine.refresh();
+            this.dependencyLink.refresh();
             this.frameBorder.resize();
             this.scrollbarComponent.updateScrollBar();
             this.updateNextFrame();
@@ -29577,6 +29580,7 @@
         }
         updateTableSize() {
             this.tableGroupHeight = Math.min(this._gantt.tableNoFrameHeight, this._gantt.drawHeight);
+            this.tableGroupWidth = this._gantt.tableNoFrameWidth;
             this.tableGroup.setAttributes({
                 x: this._gantt.tableX,
                 y: this._gantt.tableY,
@@ -36689,8 +36693,9 @@
               dy: 0
             });
           }), renderDefault) {
-            const style = table._getCellStyle(colStart, rowStart);
-            updateCellContentHeight(singleCellGroup, distHeight, detaY, autoRowHeight, getQuadProps(style.padding), style.textAlign, style.textBaseline, table);
+            const style = table._getCellStyle(colStart, rowStart),
+              padding = getQuadProps(getProp("padding", style, col, row, table));
+            updateCellContentHeight(singleCellGroup, distHeight, detaY, autoRowHeight, padding, style.textAlign, style.textBaseline, table);
           }
           const rangeHeight = table.getRowHeight(row),
             rangeWidth = table.getColWidth(col);
@@ -36710,8 +36715,9 @@
           widthChange && (singleCellGroup.needUpdateWidth = !0);
         }
       } else {
-        const style = table._getCellStyle(cellGroup.col, cellGroup.row);
-        updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, getQuadProps(style.padding), style.textAlign, style.textBaseline, table);
+        const style = table._getCellStyle(cellGroup.col, cellGroup.row),
+          padding = getQuadProps(getProp("padding", style, cellGroup.col, cellGroup.row, table));
+        updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, style.textAlign, style.textBaseline, table);
       }
     }
 
@@ -36907,7 +36913,7 @@
           let changed = !1;
           if (renderDefault) {
             const style = table._getCellStyle(colStart, rowStart),
-              padding = getQuadProps(style.padding),
+              padding = getQuadProps(getProp("padding", style, col, row, table)),
               textAlign = style.textAlign,
               textBaseline = style.textBaseline;
             changed = updateCellContentWidth(singleCellGroup, distWidth, cellHeight, detaX, autoRowHeight, padding, textAlign, textBaseline, table.scenegraph);
@@ -36938,7 +36944,7 @@
         return isHeightChange;
       }
       const style = table._getCellStyle(cellGroup.col, cellGroup.row),
-        padding = getQuadProps(style.padding),
+        padding = getQuadProps(getProp("padding", style, cellGroup.col, cellGroup.row, table)),
         textAlign = style.textAlign,
         textBaseline = style.textBaseline;
       return updateCellContentWidth(cellGroup, distWidth, table.getRowHeight(cellGroup.row), detaX, autoRowHeight, padding, textAlign, textBaseline, table.scenegraph);
@@ -43761,12 +43767,16 @@
     function initCheckedState(records, state) {
       state.checkedState = [], state.headerCheckedState = {}, state.radioState = {};
       let isNeedInitHeaderCheckedStateFromRecord = !1;
-      state._checkboxCellTypeFields = [], state._headerCheckFuncs = {}, state.table.internalProps.layoutMap.headerObjects.forEach((hd, index) => {
+      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);
         }
-      }), isNeedInitHeaderCheckedStateFromRecord && records.forEach((record, index) => {
+      }), 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}`);
+        isNeedInitHeaderCheckedStateFromRecord = !0;
+      }
+      isNeedInitHeaderCheckedStateFromRecord && records.forEach((record, index) => {
         state._checkboxCellTypeFields.forEach(field => {
           const value = record[field];
           let isChecked;
@@ -43810,14 +43820,28 @@
       }
     }
     function setCellCheckboxState(col, row, checked, table) {
-      const cellGoup = table.scenegraph.getCell(col, row),
-        chechbox = null == cellGoup ? void 0 : cellGoup.getChildByName("checkbox");
-      if (!chechbox) return;
+      const cellGroup = table.scenegraph.getCell(col, row),
+        checkbox = null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox");
+      if (!checkbox) {
+        const field = table.getHeaderField(col, row);
+        if (table.isHeader(col, row)) {
+          table.stateManager.setHeaderCheckedState(field, checked);
+          "checkbox" === table.getCellType(col, row) && table.scenegraph.updateCheckboxCellState(col, row, checked);
+        } else {
+          table.stateManager.setCheckedState(col, row, field, checked);
+          if ("checkbox" === table.getCellType(col, row)) {
+            const oldHeaderCheckedState = table.stateManager.headerCheckedState[field],
+              newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(field, col, row);
+            oldHeaderCheckedState !== newHeaderCheckedState && table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
+          }
+        }
+        return;
+      }
       const {
         checked: oldChecked,
         indeterminate: indeterminate
-      } = chechbox.attribute;
-      indeterminate ? (checked || chechbox._handlePointerUp(), chechbox._handlePointerUp()) : oldChecked ? checked || chechbox._handlePointerUp() : checked && chechbox._handlePointerUp();
+      } = checkbox.attribute;
+      indeterminate ? (checked || checkbox._handlePointerUp(), checkbox._handlePointerUp()) : oldChecked ? checked || checkbox._handlePointerUp() : checked && checkbox._handlePointerUp();
     }
     function changeCheckboxOrder(sourceIndex, targetIndex, state) {
       const {
@@ -44645,9 +44669,11 @@
               data = Object.assign({
                 __value: cellValue,
                 __dataValue: cellOriginValue
-              }, rowData),
-              re = /\{\s*(\S+?)\s*\}/g;
-            url = templateLink.replace(re, (matchs, key) => data[key]);
+              }, rowData);
+            if (isFunction$1(templateLink)) url = templateLink(data, col, row, table);else {
+              const re = /\{\s*(\S+?)\s*\}/g;
+              url = templateLink.replace(re, (matchs, key) => data[key]);
+            }
           } else if (linkDetect) {
             if (!regUrl.test(cellValue)) return;
             url = cellValue;
@@ -46316,12 +46342,14 @@
     }
     class MenuElement {
       constructor(table) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         this._handler = new EventHandler$1(), this._rootElement = createMenuDomElement$1(), this._secondElement = createMenuDomElement$1(), this._secondElement.sub = !0, this._showChildrenIndex = -1, this._rootElement.addEventListener("wheel", e => {
           e.stopPropagation();
         }), null === (_a = this._rootElement) || void 0 === _a || _a.addEventListener("mousedown", e => {
           e.stopPropagation(), e.preventDefault();
-        }), null === (_b = this._rootElement) || void 0 === _b || _b.addEventListener("touchend", e => {
+        }), null === (_b = this._rootElement) || void 0 === _b || _b.addEventListener("contextmenu", e => {
+          e.stopPropagation(), e.preventDefault();
+        }), null === (_c = this._rootElement) || void 0 === _c || _c.addEventListener("touchend", e => {
           if (e.stopPropagation(), e.preventDefault(), this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -46344,7 +46372,7 @@
             cellLocation: table.getCellLocation(col, row),
             event: e
           }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null), e.stopPropagation();
-        }), null === (_c = this._rootElement) || void 0 === _c || _c.addEventListener("click", e => {
+        }), null === (_d = this._rootElement) || void 0 === _d || _d.addEventListener("click", e => {
           if (e.stopPropagation(), e.preventDefault(), this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -46367,7 +46395,7 @@
             cellLocation: table.getCellLocation(col, row),
             event: e
           }), table.fireListeners(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, null), table.fireListeners(TABLE_EVENT_TYPE.HIDE_MENU, null), e.stopPropagation();
-        }), null === (_d = this._rootElement) || void 0 === _d || _d.addEventListener("mousemove", e => {
+        }), null === (_e = this._rootElement) || void 0 === _e || _e.addEventListener("mousemove", e => {
           var _a, _b;
           if (this._rootElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           e.stopPropagation();
@@ -46400,17 +46428,17 @@
               null == secondElement || secondElement.classList.remove(SHOWN_CLASSNAME$1), null == secondElement || secondElement.classList.add(HIDDEN_CLASSNAME$1);
             }
           }, 300);
-        }), null === (_e = this._secondElement) || void 0 === _e || _e.addEventListener("wheel", e => {
+        }), null === (_f = this._secondElement) || void 0 === _f || _f.addEventListener("wheel", e => {
           e.stopPropagation();
-        }), null === (_f = this._secondElement) || void 0 === _f || _f.addEventListener("mousemove", e => {
+        }), null === (_g = this._secondElement) || void 0 === _g || _g.addEventListener("mousemove", e => {
           this._rootElement.classList.contains(HIDDEN_CLASSNAME$1) || e.stopPropagation();
-        }), null === (_g = this._secondElement) || void 0 === _g || _g.addEventListener("mouseenter", e => {
+        }), null === (_h = this._secondElement) || void 0 === _h || _h.addEventListener("mouseenter", e => {
           this._mouseEnterSecondElement = !0;
-        }), null === (_h = this._secondElement) || void 0 === _h || _h.addEventListener("mouseleave", e => {
+        }), null === (_j = this._secondElement) || void 0 === _j || _j.addEventListener("mouseleave", e => {
           this._mouseEnterSecondElement = !1;
-        }), null === (_j = this._secondElement) || void 0 === _j || _j.addEventListener("mousedown", e => {
+        }), null === (_k = this._secondElement) || void 0 === _k || _k.addEventListener("mousedown", e => {
           e.stopPropagation(), e.preventDefault();
-        }), null === (_k = this._secondElement) || void 0 === _k || _k.addEventListener("click", e => {
+        }), null === (_l = this._secondElement) || void 0 === _l || _l.addEventListener("click", e => {
           if (e.stopPropagation(), e.preventDefault(), this._secondElement.classList.contains(HIDDEN_CLASSNAME$1)) return;
           const {
             col: col,
@@ -46480,11 +46508,12 @@
         this._menuInstanceInfo = void 0, (null == rootElement ? void 0 : rootElement.parentElement) && (rootElement.classList.remove(SHOWN_CLASSNAME$1), rootElement.classList.add(HIDDEN_CLASSNAME$1)), (null == secondElement ? void 0 : secondElement.parentElement) && (secondElement.classList.remove(SHOWN_CLASSNAME$1), secondElement.classList.add(HIDDEN_CLASSNAME$1));
       }
       _canBindToCell(table, col, row) {
+        var _a;
         const rect = table.getCellRangeRelativeRect({
             col: col,
             row: row
           }),
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             top: top,
             bottom: bottom,
@@ -46500,12 +46529,15 @@
         return !(offsetHeight < top) && !(offsetWidth < left);
       }
       _bindToCell(table, col, row, position, referencePosition) {
+        var _a;
         const rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
-            height: containerHeight
-          } = table.internalProps.element.getBoundingClientRect();
+            height: containerHeight,
+            left: containerLeft,
+            top: containerTop
+          } = element.getBoundingClientRect();
         if (rootElement) {
           rootElement.parentElement !== element && element.appendChild(rootElement), rootElement.style.left = "0px";
           const maxWidth = .8 * containerWidth;
@@ -46517,19 +46549,30 @@
           const rect = element.getBoundingClientRect(),
             scaleX = rect.width / element.offsetWidth,
             scaleY = rect.height / element.offsetHeight;
-          return rootElementTop * scaleY + rootElementHeight > containerHeight && (rootElementTop = (containerHeight - rootElementHeight) / scaleY), rootElementTop < 0 && (rootElementTop /= 2), rootElement.style.top = `${rootElementTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft * scaleX + rootElementWidth > containerWidth && (rootElementLeft = (containerWidth - rootElementWidth) / scaleX), rootElement.style.left = `${rootElementLeft}px`, !0;
+          rootElementTop * scaleY + rootElementHeight > containerHeight && (rootElementTop = (containerHeight - rootElementHeight) / scaleY), rootElementTop < 0 && (rootElementTop /= 2);
+          let deltaTop = 0,
+            deltaLeft = 0;
+          if (table.getElement() !== element) {
+            const {
+              left: left,
+              top: top
+            } = table.getElement().getBoundingClientRect();
+            deltaTop = top - containerTop, deltaLeft = left - containerLeft;
+          }
+          return rootElement.style.top = `${rootElementTop + deltaTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft * scaleX + rootElementWidth > containerWidth && (rootElementLeft = (containerWidth - rootElementWidth) / scaleX), rootElement.style.left = `${rootElementLeft + deltaLeft}px`, !0;
         }
         return !1;
       }
       _bindSecondElement(table, col, row, x, y) {
+        var _a;
         const secondElement = this._secondElement,
           rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
             left: containerLeft,
             top: containerTop
-          } = table.internalProps.element.getBoundingClientRect(),
+          } = element.getBoundingClientRect(),
           {
             x: rootLeft,
             y: rootTop,
@@ -47352,19 +47395,22 @@
         this.table = table, this.customCellStyle = customCellStyle, this.customCellStyleArrangement = customCellStyleArrangement;
       }
       getCustomCellStyle(col, row) {
-        const customStyleId = this.getCustomCellStyleId(col, row);
-        if (customStyleId) {
-          const styleOption = this.getCustomCellStyleOption(customStyleId);
-          return null == styleOption ? void 0 : styleOption.style;
-        }
-      }
-      getCustomCellStyleId(col, row) {
-        let customStyleId;
-        const range = this.table.getCellRange(col, row);
+        const customStyleIds = this.getCustomCellStyleIds(col, row);
+        if (customStyleIds.length) {
+          const styles = [];
+          return customStyleIds.forEach(customStyleId => {
+            const styleOption = this.getCustomCellStyleOption(customStyleId);
+            (null == styleOption ? void 0 : styleOption.style) && styles.push(styleOption.style);
+          }), merge({}, ...styles);
+        }
+      }
+      getCustomCellStyleIds(col, row) {
+        const customStyleIds = [],
+          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);
+          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 && customStyleIds.push(style.customStyleId) : style.cellPosition.col === c && style.cellPosition.row === r && customStyleIds.push(style.customStyleId);
         });
-        return customStyleId;
+        return customStyleIds;
       }
       getCustomCellStyleOption(customStyleId) {
         return this.customCellStyle.find(style => style.id === customStyleId);
@@ -48480,7 +48526,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.11.2-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");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.11.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,
@@ -48550,7 +48596,8 @@
           parentElement: this.getElement(),
           renderMode: "html",
           isShowOverflowTextTooltip: !1,
-          confine: !0
+          confine: !0,
+          position: Placement.bottom
         }, options.tooltip), "html" === internalProps.tooltip.renderMode) {
           const TooltipHandler = Factory.getComponent("tooltipHandler");
           TooltipHandler && (internalProps.tooltipHandler = new TooltipHandler(this, internalProps.tooltip.confine));
@@ -49301,7 +49348,8 @@
           parentElement: this.getElement(),
           renderMode: "html",
           isShowOverflowTextTooltip: !1,
-          confine: !0
+          confine: !0,
+          position: Placement.bottom
         }, options.tooltip), "html" === internalProps.tooltip.renderMode && !internalProps.tooltipHandler) {
           const TooltipHandler = Factory.getComponent("tooltipHandler");
           internalProps.tooltipHandler = new TooltipHandler(this, internalProps.tooltip.confine);
@@ -50954,18 +51002,20 @@
       }
       handleRowSeriesNumber(rowSeriesNumber) {
         var _a, _b;
-        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map(seriesNumber => {
-          var _a, _b;
+        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map((seriesNumber, index) => {
+          var _a, _b, _c;
           return {
             id: this.seqId++,
             title: seriesNumber.title,
-            define: seriesNumber,
+            define: merge({
+              field: "_vtable_rowSeries_number_" + index
+            }, seriesNumber),
             cellType: null !== (_a = seriesNumber.cellType) && void 0 !== _a ? _a : "text",
             headerType: null !== (_b = rowSeriesNumber.cellType) && void 0 !== _b ? _b : "text",
             style: seriesNumber.style,
             width: seriesNumber.width,
             format: seriesNumber.format,
-            field: seriesNumber.field,
+            field: null !== (_c = seriesNumber.field) && void 0 !== _c ? _c : "_vtable_rowSeries_number_" + index,
             icon: seriesNumber.icon,
             headerIcon: seriesNumber.headerIcon,
             isChildNode: !1
@@ -50973,13 +51023,15 @@
         }) : this.rowSeriesNumberColumn = [{
           id: this.seqId++,
           title: rowSeriesNumber.title,
-          define: rowSeriesNumber,
+          define: merge({
+            field: "_vtable_rowSeries_number"
+          }, rowSeriesNumber),
           cellType: null !== (_a = rowSeriesNumber.cellType) && void 0 !== _a ? _a : "text",
           headerType: null !== (_b = rowSeriesNumber.cellType) && void 0 !== _b ? _b : "text",
           style: rowSeriesNumber.style,
           width: rowSeriesNumber.width,
           format: rowSeriesNumber.format,
-          field: "",
+          field: "_vtable_rowSeries_number",
           icon: rowSeriesNumber.icon,
           headerIcon: rowSeriesNumber.headerIcon,
           isChildNode: !1
@@ -51372,9 +51424,11 @@
         return this._headerObjectMap[id];
       }
       getHeaderField(col, row) {
-        var _a;
+        var _a, _b, _c;
+        if (this.isSeriesNumberInHeader(col, row)) return null === (_a = this.getSeriesNumberHeader(col, row)) || void 0 === _a ? void 0 : _a.field;
+        if (this.isSeriesNumberInBody(col, row)) return null === (_b = this.getSeriesNumberBody(col, row)) || void 0 === _b ? void 0 : _b.field;
         const id = this.getCellId(col, row);
-        return (null === (_a = this._headerObjectMap[id]) || void 0 === _a ? void 0 : _a.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col - this.leftRowSeriesNumberColumnCount] && this._columns[col - this.leftRowSeriesNumberColumnCount].field);
+        return (null === (_c = this._headerObjectMap[id]) || void 0 === _c ? void 0 : _c.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col - this.leftRowSeriesNumberColumnCount] && this._columns[col - this.leftRowSeriesNumberColumnCount].field);
       }
       getHeaderCellAdressById(id) {
         for (let i = 0; i < this._headerCellIds.length; i++) {
@@ -54015,11 +54069,12 @@
         this._menuInstanceInfo = void 0, (null == rootElement ? void 0 : rootElement.parentElement) && (rootElement.classList.remove(SHOWN_CLASSNAME), rootElement.classList.add(HIDDEN_CLASSNAME));
       }
       _canBindToCell(table, col, row) {
+        var _a;
         const rect = table.getCellRangeRelativeRect({
             col: col,
             row: row
           }),
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             top: top,
             bottom: bottom,
@@ -54035,12 +54090,15 @@
         return !(offsetHeight < top) && !(offsetWidth < left);
       }
       _bindCell(table, col, row, position, referencePosition) {
+        var _a;
         const rootElement = this._rootElement,
-          element = table.getElement(),
+          element = null !== (_a = table.internalProps.menu.parentElement) && void 0 !== _a ? _a : table.getElement(),
           {
             width: containerWidth,
-            height: containerHeight
-          } = table.internalProps.element.getBoundingClientRect();
+            height: containerHeight,
+            left: containerLeft,
+            top: containerTop
+          } = element.getBoundingClientRect();
         if (rootElement) {
           rootElement.parentElement !== element && element.appendChild(rootElement), rootElement.style.left = "0px";
           const maxWidth = .8 * containerWidth;
@@ -54048,7 +54106,17 @@
           const rootElementWidth = rootElement.clientWidth,
             rootElementHeight = rootElement.clientHeight;
           let rootElementLeft, rootElementTop;
-          return position && (rootElementLeft = position.x, rootElementTop = position.y), referencePosition && (rootElementLeft = referencePosition.rect.right - rootElementWidth, rootElementTop = referencePosition.rect.bottom), rootElementTop + rootElementHeight > containerHeight && (rootElementTop = containerHeight - rootElementHeight, rootElementLeft += rootElementWidth - 2), rootElementTop < 0 && (rootElementTop /= 2), rootElement.style.top = `${rootElementTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft + rootElementWidth > containerWidth && (rootElementLeft = containerWidth - rootElementWidth), rootElement.style.left = `${rootElementLeft}px`, !0;
+          position && (rootElementLeft = position.x, rootElementTop = position.y), referencePosition && (rootElementLeft = referencePosition.rect.right - rootElementWidth, rootElementTop = referencePosition.rect.bottom), rootElementTop + rootElementHeight > containerHeight && (rootElementTop = containerHeight - rootElementHeight, rootElementLeft += rootElementWidth - 2), rootElementTop < 0 && (rootElementTop /= 2);
+          let deltaTop = 0,
+            deltaLeft = 0;
+          if (table.getElement() !== element) {
+            const {
+              left: left,
+              top: top
+            } = table.getElement().getBoundingClientRect();
+            deltaTop = top - containerTop, deltaLeft = left - containerLeft;
+          }
+          return rootElement.style.top = `${rootElementTop + deltaTop}px`, rootElementLeft < 0 ? rootElementLeft = 0 : rootElementLeft + rootElementWidth > containerWidth && (rootElementLeft = containerWidth - rootElementWidth), rootElement.style.left = `${rootElementLeft + deltaLeft}px`, !0;
         }
         return !1;
       }
@@ -54626,7 +54694,7 @@
           tooltipOption = {
             content: headerDescription,
             referencePosition: {
-              placement: Placement.bottom,
+              placement: table.internalProps.tooltip.position,
               rect: rect
             },
             disappearDelay: null !== (_a = table.internalProps.tooltip.overflowTextTooltipDisappearDelay) && void 0 !== _a ? _a : 0,
@@ -54641,7 +54709,7 @@
           overflowText && (tooltipOption = {
             content: headerDescription ? `${headerDescription}\n  ${overflowText}` : overflowText,
             referencePosition: {
-              placement: Placement.bottom,
+              placement: table.internalProps.tooltip.position,
               rect: rect
             },
             disappearDelay: null !== (_c = table.internalProps.tooltip.overflowTextTooltipDisappearDelay) && void 0 !== _c ? _c : 0,
@@ -57746,7 +57814,7 @@
             const needMaxDate = !this.maxDate;
             let minDate = Number.MAX_SAFE_INTEGER;
             let maxDate = Number.MIN_SAFE_INTEGER;
-            if (needMinDate || needMaxDate) {
+            if ((needMinDate || needMaxDate) && this.records.length) {
                 for (let i = 0; i < this.records.length; i++) {
                     const record = this.records[i];
                     if (needMinDate) {
@@ -57766,6 +57834,10 @@
                 this._gantt.parsedOptions._maxDateTime = this._gantt.parsedOptions.maxDate.getTime();
             }
         }
+        setRecords(records) {
+            this.records = records;
+            this.processRecords();
+        }
     }
 
     function createRootElement(padding, className = 'vtable-gantt') {
@@ -58119,31 +58191,36 @@
             }
         }
         _generateTimeLineDateMap() {
-            const startDate = createDateAtMidnight(this.parsedOptions.minDate);
-            const endDate = createDateAtMidnight(this.parsedOptions.maxDate);
-            let colWidthIncludeDays = 1000000;
-            for (const scale of this.parsedOptions.reverseSortedTimelineScales) {
-                const currentDate = createDateAtMidnight(startDate);
-                scale.timelineDates = generateTimeLineDate(currentDate, endDate, scale);
-            }
-            const firstScale = this.parsedOptions.reverseSortedTimelineScales[0];
-            const { unit, step } = firstScale;
-            if (unit === 'day') {
-                colWidthIncludeDays = step;
-            }
-            else if (unit === 'month') {
-                colWidthIncludeDays = 30;
-            }
-            else if (unit === 'week') {
-                colWidthIncludeDays = 7;
-            }
-            else if (unit === 'quarter') {
-                colWidthIncludeDays = 90;
+            if (this.parsedOptions.minDate && this.parsedOptions.maxDate) {
+                const startDate = createDateAtMidnight(this.parsedOptions.minDate);
+                const endDate = createDateAtMidnight(this.parsedOptions.maxDate);
+                let colWidthIncludeDays = 1000000;
+                for (const scale of this.parsedOptions.reverseSortedTimelineScales) {
+                    const currentDate = createDateAtMidnight(startDate);
+                    scale.timelineDates = generateTimeLineDate(currentDate, endDate, scale);
+                }
+                const firstScale = this.parsedOptions.reverseSortedTimelineScales[0];
+                const { unit, step } = firstScale;
+                if (unit === 'day') {
+                    colWidthIncludeDays = step;
+                }
+                else if (unit === 'month') {
+                    colWidthIncludeDays = 30;
+                }
+                else if (unit === 'week') {
+                    colWidthIncludeDays = 7;
+                }
+                else if (unit === 'quarter') {
+                    colWidthIncludeDays = 90;
+                }
+                else if (unit === 'year') {
+                    colWidthIncludeDays = 365;
+                }
+                this.parsedOptions.colWidthPerDay = this.parsedOptions.timelineColWidth / colWidthIncludeDays;
             }
-            else if (unit === 'year') {
-                colWidthIncludeDays = 365;
+            else {
+                this.parsedOptions.colWidthPerDay = 0;
             }
-            this.parsedOptions.colWidthPerDay = this.parsedOptions.timelineColWidth / colWidthIncludeDays;
         }
         getAllRowsHeight() {
             return this.getAllHeaderRowsHeight() + this.itemCount * this.parsedOptions.rowHeight;
@@ -58275,10 +58352,14 @@
         }
         setRecords(records) {
             this.records = records;
+            this.data.setRecords(records);
             this.taskListTableInstance.setRecords(records);
             this._syncPropsFromTable();
+            this._generateTimeLineDateMap();
+            this.timeLineHeaderLevel = this.parsedOptions.sortedTimelineScales.length;
+            this._updateSize();
+            this.scenegraph.refreshAll();
             this.verticalSplitResizeLine.style.height = this.drawHeight + 'px';
-            this.scenegraph.refreshTaskBarsAndGrid();
             const left = this.stateManager.scroll.horizontalBarPos;
             const top = this.stateManager.scroll.verticalBarPos;
             this.scenegraph.setX(-left);
@@ -58308,7 +58389,7 @@
             }
         }
         _scrollToMarkLine() {
-            if (this.parsedOptions.scrollToMarkLineDate) {
+            if (this.parsedOptions.scrollToMarkLineDate && this.parsedOptions.minDate) {
                 const minDate = this.parsedOptions.minDate;
                 const targetDayDistance = ((this.parsedOptions.scrollToMarkLineDate.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24)) *
                     this.parsedOptions.colWidthPerDay;
@@ -58363,7 +58444,7 @@
         themes: themes$1
     });
 
-    const version = "1.11.2-alpha.2";
+    const version = "1.11.2";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$2;