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

package/dist/vtable-calendar.js

@@ -33680,8 +33680,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);
@@ -33701,8 +33702,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);
       }
     }
 
@@ -33898,7 +33900,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);
@@ -33929,7 +33931,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);
@@ -40752,12 +40754,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;
@@ -40801,14 +40807,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 {
@@ -41636,9 +41656,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;
@@ -43307,12 +43329,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(), 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,
@@ -43335,7 +43359,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,
@@ -43358,7 +43382,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();
@@ -43391,17 +43415,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,
@@ -43471,11 +43495,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,
@@ -43491,12 +43516,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;
@@ -43508,19 +43536,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,
@@ -44343,19 +44382,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);
@@ -45471,7 +45513,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,
@@ -45541,7 +45583,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));
@@ -46292,7 +46335,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);
@@ -47913,18 +47957,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
@@ -47932,13 +47978,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
@@ -48331,9 +48379,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++) {
@@ -50974,11 +51024,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,
@@ -50994,12 +51045,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;
@@ -51007,7 +51061,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;
       }
@@ -51585,7 +51649,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,
@@ -51600,7 +51664,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,