k-vtable 1.0.0

package/cjs/components/react/react-custom-layout.js

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ReactCustomLayout = exports.emptyCustomLayout = void 0;
+
+const vrender_1 = require("./../../vrender");
+
+function emptyCustomLayout(args) {
+    return {
+        rootContainer: new vrender_1.Group({}),
+        renderDefault: !0
+    };
+}
+
+exports.emptyCustomLayout = emptyCustomLayout;
+
+class ReactCustomLayout {
+    constructor(table) {
+        this.table = table, this.customLayoutFuncCache = new Map, this.reactRemoveGraphicCache = new Map, 
+        this.reactRemoveAllGraphicCache = new Map, this.headerCustomLayoutFuncCache = new Map, 
+        this.headerReactRemoveGraphicCache = new Map, this.headerReactRemoveAllGraphicCache = new Map;
+    }
+    hasReactCreateGraphic(componentId, isHeaderCustomLayout) {
+        return isHeaderCustomLayout ? this.headerCustomLayoutFuncCache.has(componentId) : this.customLayoutFuncCache.has(componentId);
+    }
+    setReactCreateGraphic(componentId, createGraphic, isHeaderCustomLayout) {
+        isHeaderCustomLayout ? this.headerCustomLayoutFuncCache.set(componentId, createGraphic) : this.customLayoutFuncCache.set(componentId, createGraphic);
+    }
+    setReactRemoveGraphic(componentId, removeGraphic, isHeaderCustomLayout) {
+        isHeaderCustomLayout ? this.headerReactRemoveGraphicCache.set(componentId, removeGraphic) : this.reactRemoveGraphicCache.set(componentId, removeGraphic);
+    }
+    setReactRemoveAllGraphic(componentId, removeGraphic, isHeaderCustomLayout) {
+        isHeaderCustomLayout ? this.headerReactRemoveAllGraphicCache.set(componentId, removeGraphic) : this.reactRemoveAllGraphicCache.set(componentId, removeGraphic);
+    }
+    updateCustomCell(componentId, isHeaderCustomLayout) {
+        const table = this.table;
+        if ("autoWidth" === table.widthMode && table.scenegraph.recalculateColWidths(), 
+        (table.isAutoRowHeight() || "auto" === table.internalProps.defaultRowHeight && !isHeaderCustomLayout || "auto" === table.internalProps.defaultHeaderRowHeight && isHeaderCustomLayout) && table.scenegraph.recalculateRowHeights(), 
+        table.isPivotTable()) {
+            const ranges = getUpdateCustomCellRangeInPivotTable(componentId, table, isHeaderCustomLayout);
+            for (let i = 0; i < ranges.length; i++) {
+                const range = ranges[i];
+                for (let col = range.start.col; col <= range.end.col; col++) for (let row = range.start.row; row <= range.end.row; row++) table.scenegraph.updateCellContent(col, row);
+            }
+        } else {
+            const range = getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout);
+            for (let col = range.start.col; col <= range.end.col; col++) for (let row = range.start.row; row <= range.end.row; row++) table.scenegraph.updateCellContent(col, row);
+        }
+        table.scenegraph.renderSceneGraph();
+    }
+    getCustomLayoutFunc(col, row) {
+        var _a;
+        if (this.table.isHeader(col, row)) {
+            const {componentId: componentId} = this.table.getHeaderDefine(col, row);
+            return null !== (_a = this.headerCustomLayoutFuncCache.get(componentId)) && void 0 !== _a ? _a : emptyCustomLayout;
+        }
+        const {componentId: componentId} = this.table.getBodyColumnDefine(col, row);
+        return this.customLayoutFuncCache.get(componentId) || emptyCustomLayout;
+    }
+    removeCustomCell(col, row) {
+        let removeFun;
+        if (this.table.isHeader(col, row)) {
+            const define = this.table.getHeaderDefine(col, row), {componentId: componentId} = define;
+            removeFun = this.headerReactRemoveGraphicCache.get(componentId);
+        } else {
+            const define = this.table.getBodyColumnDefine(col, row), {componentId: componentId} = define;
+            removeFun = this.reactRemoveGraphicCache.get(componentId);
+        }
+        removeFun && removeFun(col, row);
+    }
+    clearCache() {
+        this.reactRemoveAllGraphicCache.forEach((removeFun => {
+            removeFun();
+        })), this.headerReactRemoveAllGraphicCache.forEach((removeFun => {
+            removeFun();
+        }));
+    }
+    updateAllCustomCell() {
+        this.customLayoutFuncCache.forEach(((createFun, componentId) => {
+            this.updateCustomCell(componentId);
+        })), this.headerCustomLayoutFuncCache.forEach(((createFun, componentId) => {
+            this.updateCustomCell(componentId, !0);
+        }));
+    }
+}
+
+function getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout) {
+    const rowSeriesNumber = table.internalProps.rowSeriesNumber ? 1 : 0;
+    if (isHeaderCustomLayout) {
+        const layoutMap = table.internalProps.layoutMap, {headerObjects: headerObjects} = table.internalProps.layoutMap;
+        let headerId;
+        for (let i = 0; i < headerObjects.length; i++) {
+            const headerObject = headerObjects[i];
+            if (headerObject.define.componentId === componentId) {
+                headerId = headerObject.id;
+                break;
+            }
+        }
+        const startCell = layoutMap.getHeaderCellAdressById(headerId);
+        return layoutMap.getCellRange(startCell.col, startCell.row);
+    }
+    const {columnObjects: columnObjects} = table.internalProps.layoutMap;
+    for (let i = 0; i < columnObjects.length; i++) {
+        if (columnObjects[i].define.componentId === componentId) return {
+            start: {
+                col: rowSeriesNumber + i,
+                row: table.columnHeaderLevelCount
+            },
+            end: {
+                col: rowSeriesNumber + i,
+                row: table.rowCount - 1
+            }
+        };
+    }
+    return {
+        start: {
+            col: 0,
+            row: 0
+        },
+        end: {
+            col: table.colCount - 1,
+            row: table.rowCount - 1
+        }
+    };
+}
+
+function getUpdateCustomCellRangeInPivotTable(componentId, table, isHeaderCustomLayout) {
+    const rowSeriesNumber = table.internalProps.rowSeriesNumber ? 1 : 0, ranges = [], layoutMap = table.internalProps.layoutMap;
+    if (isHeaderCustomLayout) {
+        const {headerObjects: headerObjects} = layoutMap, headerIds = [];
+        for (let i = 0; i < headerObjects.length; i++) {
+            const headerObject = headerObjects[i];
+            headerObject && (headerObject.define.componentId === componentId && headerIds.push(headerObject.id));
+        }
+        for (let i = 0; i < headerIds.length; i++) {
+            const headerId = headerIds[i], startCell = layoutMap.getHeaderCellAdressById(headerId), range = layoutMap.getCellRange(startCell.col, startCell.row);
+            ranges.push(range);
+        }
+    } else {
+        let columnIndex;
+        const {columnObjects: columnObjects, indicatorsAsCol: indicatorsAsCol} = layoutMap;
+        for (let i = 0; i < columnObjects.length; i++) {
+            if (columnObjects[i].define.componentId === componentId) {
+                columnIndex = i;
+                break;
+            }
+        }
+        if (indicatorsAsCol) for (let column = layoutMap.rowHeaderLevelCount + columnIndex; column < layoutMap.colCount; column += columnObjects.length) {
+            const range = {
+                start: {
+                    col: column + rowSeriesNumber,
+                    row: layoutMap.columnHeaderLevelCount
+                },
+                end: {
+                    col: column + rowSeriesNumber,
+                    row: layoutMap.rowCount - 1
+                }
+            };
+            ranges.push(range);
+        } else for (let row = layoutMap.columnHeaderLevelCount + columnIndex; row < layoutMap.rowCount; row += columnObjects.length) {
+            const range = {
+                start: {
+                    col: layoutMap.rowHeaderLevelCount + rowSeriesNumber,
+                    row: row
+                },
+                end: {
+                    col: layoutMap.colCount - 1,
+                    row: row
+                }
+            };
+            ranges.push(range);
+        }
+    }
+    return ranges;
+}
+
+exports.ReactCustomLayout = ReactCustomLayout;
+//# sourceMappingURL=react-custom-layout.js.map

package/cjs/components/react/react-custom-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/react/react-custom-layout.ts"],"names":[],"mappings":"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","file":"react-custom-layout.js","sourcesContent":["import { Group } from './../../vrender';\nimport type { CustomRenderFunctionArg, ICustomLayoutFuc } from '../../ts-types';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { PivotHeaderLayoutMap } from '../../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../../layout';\n\nexport function emptyCustomLayout(args: CustomRenderFunctionArg) {\n  const group = new Group({});\n  return {\n    rootContainer: group,\n    renderDefault: true\n  };\n}\n\nexport class ReactCustomLayout {\n  removeAllContainer: () => void;\n  table: BaseTableAPI;\n  customLayoutFuncCache: Map<string, ICustomLayoutFuc>;\n  reactRemoveGraphicCache: Map<string, (col: number, row: number) => void>;\n  reactRemoveAllGraphicCache: Map<string, () => void>;\n  headerCustomLayoutFuncCache: Map<string, ICustomLayoutFuc>;\n  headerReactRemoveGraphicCache: Map<string, (col: number, row: number) => void>;\n  headerReactRemoveAllGraphicCache: Map<string, () => void>;\n  // reactContainerCache: Map<number, Map<string, any>>;\n  constructor(table: BaseTableAPI) {\n    // this.removeAllContainer = removeAllContainer;\n    this.table = table;\n    this.customLayoutFuncCache = new Map();\n    // this.reactContainerCache = new Map();\n    this.reactRemoveGraphicCache = new Map();\n    this.reactRemoveAllGraphicCache = new Map();\n    this.headerCustomLayoutFuncCache = new Map();\n    // this.headerCeactContainerCache = new Map();\n    this.headerReactRemoveGraphicCache = new Map();\n    this.headerReactRemoveAllGraphicCache = new Map();\n  }\n\n  hasReactCreateGraphic(componentId: string, isHeaderCustomLayout?: boolean) {\n    if (isHeaderCustomLayout) {\n      return this.headerCustomLayoutFuncCache.has(componentId);\n    }\n    return this.customLayoutFuncCache.has(componentId);\n  }\n\n  setReactCreateGraphic(\n    componentId: string,\n    createGraphic: ICustomLayoutFuc,\n    // containerCache: Map<string, any>,\n    isHeaderCustomLayout?: boolean\n  ) {\n    if (isHeaderCustomLayout) {\n      this.headerCustomLayoutFuncCache.set(componentId, createGraphic);\n    } else {\n      this.customLayoutFuncCache.set(componentId, createGraphic);\n    }\n    // this.reactContainerCache.set(componentId, containerCache);\n  }\n\n  setReactRemoveGraphic(\n    componentId: string,\n    removeGraphic: (col: number, row: number) => void,\n    isHeaderCustomLayout?: boolean\n  ) {\n    if (isHeaderCustomLayout) {\n      this.headerReactRemoveGraphicCache.set(componentId, removeGraphic);\n    } else {\n      this.reactRemoveGraphicCache.set(componentId, removeGraphic);\n    }\n  }\n\n  setReactRemoveAllGraphic(componentId: string, removeGraphic: () => void, isHeaderCustomLayout?: boolean) {\n    if (isHeaderCustomLayout) {\n      this.headerReactRemoveAllGraphicCache.set(componentId, removeGraphic);\n    } else {\n      this.reactRemoveAllGraphicCache.set(componentId, removeGraphic);\n    }\n  }\n\n  updateCustomCell(componentId: string, isHeaderCustomLayout?: boolean) {\n    const table = this.table;\n    // const col = componentId;\n    // // to do: deal with transpose table\n    // if (isHeaderCustomLayout) {\n    //   for (let row = 0; row < table.columnHeaderLevelCount; row++) {\n    //     table.scenegraph.updateCellContent(col, row);\n    //   }\n    // } else {\n    //   for (let row = table.columnHeaderLevelCount; row < table.rowCount; row++) {\n    //     table.scenegraph.updateCellContent(col, row);\n    //   }\n    // }\n\n    if (table.widthMode === 'autoWidth') {\n      table.scenegraph.recalculateColWidths();\n    }\n    if (\n      table.isAutoRowHeight() ||\n      (table.internalProps.defaultRowHeight === 'auto' && !isHeaderCustomLayout) ||\n      (table.internalProps.defaultHeaderRowHeight === 'auto' && isHeaderCustomLayout)\n    ) {\n      table.scenegraph.recalculateRowHeights();\n    }\n\n    if (table.isPivotTable()) {\n      const ranges = getUpdateCustomCellRangeInPivotTable(componentId, table, isHeaderCustomLayout);\n      for (let i = 0; i < ranges.length; i++) {\n        const range = ranges[i];\n        for (let col = range.start.col; col <= range.end.col; col++) {\n          for (let row = range.start.row; row <= range.end.row; row++) {\n            table.scenegraph.updateCellContent(col, row);\n          }\n        }\n      }\n    } else {\n      const range = getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout);\n      for (let col = range.start.col; col <= range.end.col; col++) {\n        for (let row = range.start.row; row <= range.end.row; row++) {\n          table.scenegraph.updateCellContent(col, row);\n        }\n      }\n    }\n\n    // table.scenegraph.updateNextFrame();\n    table.scenegraph.renderSceneGraph(); // use sync render for faster update\n  }\n\n  getCustomLayoutFunc(col: number, row: number) {\n    const isHeader = this.table.isHeader(col, row);\n    if (isHeader) {\n      const { componentId } = this.table.getHeaderDefine(col, row) as any;\n      return this.headerCustomLayoutFuncCache.get(componentId) ?? emptyCustomLayout;\n    }\n    const { componentId } = this.table.getBodyColumnDefine(col, row) as any;\n    return this.customLayoutFuncCache.get(componentId) || emptyCustomLayout;\n  }\n\n  removeCustomCell(col: number, row: number) {\n    // const { startInTotal } = this.table.getBodyColumnDefine(col, row) as any;\n    const isHeader = this.table.isHeader(col, row);\n    let removeFun;\n    if (isHeader) {\n      const define = this.table.getHeaderDefine(col, row);\n      const { componentId } = define as any;\n      removeFun = this.headerReactRemoveGraphicCache.get(componentId);\n    } else {\n      const define = this.table.getBodyColumnDefine(col, row);\n      const { componentId } = define as any;\n      removeFun = this.reactRemoveGraphicCache.get(componentId);\n    }\n    if (removeFun) {\n      removeFun(col, row);\n    }\n  }\n\n  clearCache() {\n    this.reactRemoveAllGraphicCache.forEach(removeFun => {\n      removeFun();\n    });\n    this.headerReactRemoveAllGraphicCache.forEach(removeFun => {\n      removeFun();\n    });\n  }\n\n  updateAllCustomCell() {\n    this.customLayoutFuncCache.forEach((createFun, componentId) => {\n      this.updateCustomCell(componentId);\n    });\n    this.headerCustomLayoutFuncCache.forEach((createFun, componentId) => {\n      this.updateCustomCell(componentId, true);\n    });\n  }\n}\n\nfunction getUpdateCustomCellRangeInListTable(componentId: string, table: BaseTableAPI, isHeaderCustomLayout?: boolean) {\n  const rowSeriesNumber = table.internalProps.rowSeriesNumber ? 1 : 0;\n  if (isHeaderCustomLayout) {\n    const layoutMap = table.internalProps.layoutMap as SimpleHeaderLayoutMap;\n    const { headerObjects } = table.internalProps.layoutMap;\n    let headerId: number;\n    for (let i = 0; i < headerObjects.length; i++) {\n      const headerObject = headerObjects[i];\n      if ((headerObject.define as any).componentId === componentId) {\n        headerId = headerObject.id as number;\n        break;\n      }\n    }\n\n    const startCell = layoutMap.getHeaderCellAdressById(headerId);\n    const range = layoutMap.getCellRange(startCell.col, startCell.row);\n    return range;\n\n    // let startCol = -1;\n    // let endCol = -1;\n    // let startRow = -1;\n    // let endRow = -1;\n    // for (let i = 0; i < _headerCellIds.length; i++) {\n    //   const row = _headerCellIds[i];\n    //   let rowHasObject = false;\n    //   for (let j = 0; j < row.length; j++) {\n    //     if (row[j] === headerId) {\n    //       rowHasObject = true;\n    //       if (transpose) {\n    //         // return { col: i, row: j };\n    //         startCol === -1 && (startCol = i);\n    //         startRow === -1 && (startRow = j);\n    //       } else {\n    //         // return { col: j + this.leftRowSeriesNumberColumnCount, row: i };\n    //         startCol === -1 && (startCol = j);\n    //         startRow === -1 && (startRow = i);\n    //       }\n    //     } else {\n    //       if (transpose) {\n    //         // endCol === -1 && startCol !== -1 && (endCol = i);\n    //         endRow === -1 && startRow !== -1 && (endRow = j - 1);\n    //       } else {\n    //         endCol === -1 && startCol !== -1 && (endCol = j - 1);\n    //         // endRow === -1 && startRow !== -1 && (endRow = i);\n    //       }\n    //     }\n\n    //     if (startCol !== -1 && endCol !== -1 && startRow !== -1 && endRow !== -1) {\n    //       break;\n    //     }\n    //   }\n\n    //   if (!rowHasObject) {\n    //     if (transpose) {\n    //       endCol === -1 && startCol !== -1 && (endCol = i - 1);\n    //     } else {\n    //       endRow === -1 && startRow !== -1 && (endRow = i - 1);\n    //     }\n    //   }\n\n    //   if (startCol !== -1 && endCol !== -1 && startRow !== -1 && endRow !== -1) {\n    //     break;\n    //   }\n    // }\n\n    // return {\n    //   startCol: startCol + rowSeriesNumber,\n    //   endCol: endCol + rowSeriesNumber,\n    //   startRow,\n    //   endRow\n    // };\n  }\n  const { columnObjects } = table.internalProps.layoutMap;\n  for (let i = 0; i < columnObjects.length; i++) {\n    const columnObject = columnObjects[i];\n    if ((columnObject.define as any).componentId === componentId) {\n      return {\n        start: {\n          col: rowSeriesNumber + i,\n          row: table.columnHeaderLevelCount\n        },\n        end: {\n          col: rowSeriesNumber + i,\n          row: table.rowCount - 1\n        }\n      };\n    }\n  }\n\n  return {\n    start: {\n      col: 0,\n      row: 0\n    },\n    end: {\n      col: table.colCount - 1,\n      row: table.rowCount - 1\n    }\n  };\n}\n\nfunction getUpdateCustomCellRangeInPivotTable(\n  componentId: string,\n  table: BaseTableAPI,\n  isHeaderCustomLayout?: boolean\n) {\n  const rowSeriesNumber = table.internalProps.rowSeriesNumber ? 1 : 0;\n  const ranges = [];\n  const layoutMap = table.internalProps.layoutMap as PivotHeaderLayoutMap;\n  if (isHeaderCustomLayout) {\n    const { headerObjects } = layoutMap;\n    const headerIds: number[] = [];\n    for (let i = 0; i < headerObjects.length; i++) {\n      const headerObject = headerObjects[i];\n      if (!headerObject) {\n        continue;\n      }\n      if ((headerObject.define as any).componentId === componentId) {\n        headerIds.push(headerObject.id as number);\n      }\n    }\n\n    for (let i = 0; i < headerIds.length; i++) {\n      const headerId = headerIds[i];\n      const startCell = layoutMap.getHeaderCellAdressById(headerId);\n      const range = layoutMap.getCellRange(startCell.col, startCell.row);\n      ranges.push(range);\n    }\n  } else {\n    let columnIndex: number;\n    const { columnObjects, indicatorsAsCol } = layoutMap;\n    for (let i = 0; i < columnObjects.length; i++) {\n      const columnObject = columnObjects[i];\n      if ((columnObject.define as any).componentId === componentId) {\n        columnIndex = i;\n        break;\n      }\n    }\n\n    if (indicatorsAsCol) {\n      for (\n        let column = layoutMap.rowHeaderLevelCount + columnIndex;\n        column < layoutMap.colCount;\n        column += columnObjects.length\n      ) {\n        const range = {\n          start: {\n            col: column + rowSeriesNumber,\n            row: layoutMap.columnHeaderLevelCount\n          },\n          end: {\n            col: column + rowSeriesNumber,\n            row: layoutMap.rowCount - 1\n          }\n        };\n        ranges.push(range);\n      }\n    } else {\n      for (\n        let row = layoutMap.columnHeaderLevelCount + columnIndex;\n        row < layoutMap.rowCount;\n        row += columnObjects.length\n      ) {\n        const range = {\n          start: {\n            col: layoutMap.rowHeaderLevelCount + rowSeriesNumber,\n            row: row\n          },\n          end: {\n            col: layoutMap.colCount - 1,\n            row: row\n          }\n        };\n        ranges.push(range);\n      }\n    }\n  }\n\n  return ranges;\n\n  // return {\n  //   startCol: 0,\n  //   endCol: table.colCount - 1,\n  //   startRow: 0,\n  //   endRow: table.rowCount - 1\n  // };\n}\n"]}

package/cjs/components/title/title.d.ts

@@ -0,0 +1,21 @@
+import { Title as TitleComponents } from './../../vrender';
+import type { TitleAttrs } from './../../vrender';
+import type { ITitle } from '../../ts-types/component/title';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export interface ITitleComponent {
+    new (titleOption: ITitle, table: BaseTableAPI): Title;
+}
+export declare class Title {
+    table: BaseTableAPI;
+    _titleOption: ITitle;
+    isReleased: boolean;
+    private _titleComponent;
+    private _cacheAttrs;
+    constructor(titleOption: ITitle, table: BaseTableAPI);
+    private _createOrUpdateTitleComponent;
+    resize(): void;
+    _adjustTableSize(attrs: TitleAttrs): void;
+    release(): void;
+    private _getTitleAttrs;
+    getComponentGraphic(): TitleComponents;
+}

package/cjs/components/title/title.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Title = void 0;
+
+const vrender_1 = require("./../../vrender"), padding_1 = require("../../scenegraph/utils/padding"), vutils_1 = require("@visactor/vutils");
+
+class Title {
+    constructor(titleOption, table) {
+        this.isReleased = !1, this.table = table, this._titleOption = (0, vutils_1.merge)({
+            orient: "top"
+        }, titleOption), !1 !== titleOption.visible && (this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs()));
+    }
+    _createOrUpdateTitleComponent(attrs) {
+        if (this._titleComponent) (0, vutils_1.isEqual)(attrs, this._cacheAttrs) || this._titleComponent.setAttributes(attrs); else {
+            const title = new vrender_1.Title(attrs);
+            title.name = "title", this.table.scenegraph.stage.defaultLayer.appendChild(title), 
+            this._titleComponent = title;
+        }
+        return this._adjustTableSize(this._titleComponent.attribute), this._titleComponent;
+    }
+    resize() {
+        var _a, _b, _c, _d, _e;
+        if (!this._titleComponent) return;
+        const padding = (0, padding_1.getQuadProps)(null !== (_a = this._titleOption.padding) && void 0 !== _a ? _a : 10), realWidth = null !== (_b = this._titleOption.width) && void 0 !== _b ? _b : ("adaptive" === this.table.widthMode ? this.table.tableNoFrameWidth : Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width)) - padding[1] - padding[3], realHeight = null !== (_c = this._titleOption.height) && void 0 !== _c ? _c : ("adaptive" === this.table.heightMode ? this.table.tableNoFrameHeight : Math.min(this.table.tableNoFrameHeight, this.table.getDrawRange().height)) - padding[0] - padding[2];
+        this._titleComponent.setAttributes({
+            x: (null !== (_d = this._titleOption.x) && void 0 !== _d ? _d : "right" === this._titleOption.orient) ? this.table.tableX + Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width) : this.table.tableX,
+            y: (null !== (_e = this._titleOption.y) && void 0 !== _e ? _e : "bottom" === this._titleOption.orient) ? this.table.tableY + this.table.tableNoFrameHeight : this.table.tableY,
+            width: "top" === this._titleOption.orient || "bottom" === this._titleOption.orient ? realWidth : this._titleOption.width,
+            height: "left" === this._titleOption.orient || "right" === this._titleOption.orient ? realHeight : this._titleOption.height,
+            textStyle: Object.assign({
+                width: realWidth
+            }, this._titleOption.textStyle),
+            subtextStyle: Object.assign({
+                width: realWidth
+            }, this._titleOption.subtextStyle)
+        }), this._adjustTableSize(this._titleComponent.attribute);
+    }
+    _adjustTableSize(attrs) {
+        var _a, _b, _c, _d;
+        const width = isFinite(null === (_a = this._titleComponent) || void 0 === _a ? void 0 : _a.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0, height = isFinite(null === (_b = this._titleComponent) || void 0 === _b ? void 0 : _b.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0;
+        "left" === this._titleOption.orient ? (this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width), 
+        this.table.tableX += Math.ceil(width)) : "top" === this._titleOption.orient ? (this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height), 
+        this.table.tableY += Math.ceil(height)) : "right" === this._titleOption.orient ? this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width) : "bottom" === this._titleOption.orient && (this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height)), 
+        this._cacheAttrs = attrs, "right" !== this._titleOption.orient && "bottom" !== this._titleOption.orient || this._titleComponent.setAttributes({
+            x: (null !== (_c = this._titleOption.x) && void 0 !== _c ? _c : "right" === this._titleOption.orient) ? this.table.tableX + this.table.tableNoFrameWidth : this.table.tableX,
+            y: (null !== (_d = this._titleOption.y) && void 0 !== _d ? _d : "bottom" === this._titleOption.orient) ? this.table.tableY + this.table.tableNoFrameHeight : this.table.tableY
+        });
+    }
+    release() {
+        this._titleComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent), 
+        this._titleComponent = null, this.isReleased = !0;
+    }
+    _getTitleAttrs() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        const defaultPadding = this._titleOption.text || this._titleOption.subtext ? 10 : 0, padding = (0, 
+        padding_1.getQuadProps)(null !== (_a = this._titleOption.padding) && void 0 !== _a ? _a : defaultPadding), realWidth = null !== (_b = this._titleOption.width) && void 0 !== _b ? _b : Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width) - padding[1] - padding[3], realHeight = null !== (_c = this._titleOption.height) && void 0 !== _c ? _c : Math.min(this.table.tableNoFrameHeight, this.table.getDrawRange().height) - padding[0] - padding[2];
+        return {
+            text: null !== (_d = this._titleOption.text) && void 0 !== _d ? _d : "",
+            subtext: null !== (_e = this._titleOption.subtext) && void 0 !== _e ? _e : "",
+            x: (null !== (_f = this._titleOption.x) && void 0 !== _f ? _f : "right" === this._titleOption.orient) ? this.table.tableX + Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width) : this.table.tableX,
+            y: (null !== (_g = this._titleOption.y) && void 0 !== _g ? _g : "bottom" === this._titleOption.orient) ? this.table.tableY + this.table.tableNoFrameHeight : this.table.tableY,
+            width: "top" === this._titleOption.orient || "bottom" === this._titleOption.orient ? realWidth : this._titleOption.width,
+            height: "left" === this._titleOption.orient || "right" === this._titleOption.orient ? realHeight : this._titleOption.height,
+            minWidth: this._titleOption.minWidth,
+            maxWidth: this._titleOption.maxWidth,
+            minHeight: this._titleOption.minHeight,
+            maxHeight: this._titleOption.maxHeight,
+            padding: this._titleOption.padding,
+            align: null !== (_h = this._titleOption.align) && void 0 !== _h ? _h : "left",
+            verticalAlign: null !== (_j = this._titleOption.verticalAlign) && void 0 !== _j ? _j : "top",
+            textStyle: Object.assign({
+                width: realWidth
+            }, this._titleOption.textStyle),
+            subtextStyle: Object.assign({
+                width: realWidth
+            }, this._titleOption.subtextStyle),
+            dx: null !== (_k = this._titleOption.dx) && void 0 !== _k ? _k : 0,
+            dy: null !== (_l = this._titleOption.dy) && void 0 !== _l ? _l : 0
+        };
+    }
+    getComponentGraphic() {
+        return this._titleComponent;
+    }
+}
+
+exports.Title = Title;
+//# sourceMappingURL=title.js.map

package/cjs/components/title/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { Title as TitleComponents } from './../../vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from './../../vrender';\nimport type { ITitle } from '../../ts-types/component/title';\nimport { getQuadProps } from '../../scenegraph/utils/padding';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { isEqual, merge } from '@visactor/vutils';\n\nexport interface ITitleComponent {\n  new (titleOption: ITitle, table: BaseTableAPI): Title;\n}\nexport class Title {\n  table: BaseTableAPI;\n  _titleOption: ITitle;\n  isReleased: boolean = false;\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n  constructor(titleOption: ITitle, table: BaseTableAPI) {\n    this.table = table;\n    this._titleOption = merge({ orient: 'top' }, titleOption);\n    if (titleOption.visible !== false) {\n      this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());\n    }\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      this.table.scenegraph.stage.defaultLayer.appendChild(title);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      // title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as INode, event, type));\n    }\n    // update table size\n    this._adjustTableSize(this._titleComponent.attribute);\n    return this._titleComponent;\n  }\n\n  resize() {\n    if (!this._titleComponent) {\n      return;\n    }\n    const padding = getQuadProps(this._titleOption.padding ?? 10);\n    const realWidth =\n      this._titleOption.width ??\n      (this.table.widthMode === 'adaptive'\n        ? this.table.tableNoFrameWidth\n        : Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width)) -\n        padding[1] -\n        padding[3];\n    const realHeight =\n      this._titleOption.height ??\n      (this.table.heightMode === 'adaptive'\n        ? this.table.tableNoFrameHeight\n        : Math.min(this.table.tableNoFrameHeight, this.table.getDrawRange().height)) -\n        padding[0] -\n        padding[2];\n    this._titleComponent.setAttributes({\n      x:\n        this._titleOption.x ?? this._titleOption.orient === 'right'\n          ? this.table.tableX + Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width)\n          : this.table.tableX,\n      y:\n        this._titleOption.y ?? this._titleOption.orient === 'bottom'\n          ? this.table.tableY + this.table.tableNoFrameHeight\n          : this.table.tableY,\n      // width: realWidth,\n      width:\n        this._titleOption.orient === 'top' || this._titleOption.orient === 'bottom'\n          ? realWidth\n          : this._titleOption.width,\n      height:\n        this._titleOption.orient === 'left' || this._titleOption.orient === 'right'\n          ? realHeight\n          : this._titleOption.height,\n      textStyle: {\n        width: realWidth,\n        ...this._titleOption.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._titleOption.subtextStyle\n      }\n    });\n    this._adjustTableSize(this._titleComponent.attribute);\n  }\n\n  _adjustTableSize(attrs: TitleAttrs) {\n    // 调整位置\n    const width = isFinite(this._titleComponent?.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;\n    const height = isFinite(this._titleComponent?.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0;\n    // const rectWidth = this.table.tableNoFrameWidth;\n    // const rectHeight = this.table.tableNoFrameHeight;\n    // const padding = getQuadProps((attrs.padding as number | number[]) ?? this._titleOption.padding ?? 10);\n\n    // let x = 0;\n    // let y = 0;\n    // if (this._titleOption.orient === 'left') {\n    //   x = padding[3];\n    //   y = 0;\n    //   // width += padding[1] + padding[3];\n    // } else if (this._titleOption.orient === 'top') {\n    //   x = 0;\n    //   y = padding[0];\n    //   // height += padding[0] + padding[2];\n    // } else if (this._titleOption.orient === 'right') {\n    //   x = rectWidth - width - padding[1];\n    //   y = 0;\n    //   width += padding[1] + padding[3];\n    // } else if (this._titleOption.orient === 'bottom') {\n    //   x = 0;\n    //   y = rectHeight - height - padding[2];\n    //   // height += padding[0] + padding[2];\n    // }\n    if (this._titleOption.orient === 'left') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n      this.table.tableX += Math.ceil(width);\n    } else if (this._titleOption.orient === 'top') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n      this.table.tableY += Math.ceil(height);\n    } else if (this._titleOption.orient === 'right') {\n      this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);\n    } else if (this._titleOption.orient === 'bottom') {\n      this.table.tableNoFrameHeight = this.table.tableNoFrameHeight - Math.ceil(height);\n    }\n    this._cacheAttrs = attrs;\n    if (this._titleOption.orient === 'right' || this._titleOption.orient === 'bottom') {\n      this._titleComponent.setAttributes({\n        x:\n          this._titleOption.x ?? this._titleOption.orient === 'right'\n            ? this.table.tableX + this.table.tableNoFrameWidth\n            : this.table.tableX,\n        y:\n          this._titleOption.y ?? this._titleOption.orient === 'bottom'\n            ? this.table.tableY + this.table.tableNoFrameHeight\n            : this.table.tableY\n      });\n    }\n  }\n\n  release(): void {\n    this._titleComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent);\n    this._titleComponent = null;\n    this.isReleased = true;\n  }\n  private _getTitleAttrs() {\n    const defaultPadding = this._titleOption.text || this._titleOption.subtext ? 10 : 0;\n    const padding = getQuadProps(this._titleOption.padding ?? defaultPadding);\n    const realWidth =\n      this._titleOption.width ??\n      Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width) - padding[1] - padding[3];\n    const realHeight =\n      this._titleOption.height ??\n      Math.min(this.table.tableNoFrameHeight, this.table.getDrawRange().height) - padding[0] - padding[2];\n    return {\n      text: this._titleOption.text ?? '',\n      subtext: this._titleOption.subtext ?? '',\n      x:\n        this._titleOption.x ?? this._titleOption.orient === 'right'\n          ? this.table.tableX + Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width)\n          : this.table.tableX,\n      y:\n        this._titleOption.y ?? this._titleOption.orient === 'bottom'\n          ? this.table.tableY + this.table.tableNoFrameHeight\n          : this.table.tableY,\n      width:\n        this._titleOption.orient === 'top' || this._titleOption.orient === 'bottom'\n          ? realWidth\n          : this._titleOption.width,\n      height:\n        this._titleOption.orient === 'left' || this._titleOption.orient === 'right'\n          ? realHeight\n          : this._titleOption.height,\n      minWidth: this._titleOption.minWidth,\n      maxWidth: this._titleOption.maxWidth,\n      minHeight: this._titleOption.minHeight,\n      maxHeight: this._titleOption.maxHeight,\n      padding: this._titleOption.padding,\n      align: this._titleOption.align ?? 'left',\n      verticalAlign: this._titleOption.verticalAlign ?? 'top',\n      textStyle: {\n        width: realWidth,\n        ...this._titleOption.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._titleOption.subtextStyle\n      },\n      dx: this._titleOption.dx ?? 0,\n      dy: this._titleOption.dy ?? 0\n    } as TitleAttrs;\n  }\n\n  getComponentGraphic() {\n    return this._titleComponent;\n  }\n}\n"]}

package/cjs/components/tooltip/BaseTooltip.d.ts

@@ -0,0 +1,22 @@
+import type { Placement, RectProps } from '../../ts-types';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+import type { TooltipOptions } from '../../ts-types/tooltip';
+import type { BubbleTooltipElement } from './logic/BubbleTooltipElement';
+export declare abstract class BaseTooltip {
+    private _table;
+    private _tooltipElement?;
+    constructor(table: BaseTableAPI);
+    release(): void;
+    private _getTooltipElement;
+    abstract createTooltipElementInternal(): BubbleTooltipElement;
+    bindTooltipElement(col: number, row: number, tooltipInstanceInfo: TooltipOptions, confine?: boolean): boolean;
+    moveTooltipElement(col: number, row: number, tooltipOptions: TooltipOptions, confine?: boolean): void;
+    unbindTooltipElement(): void;
+    locateTooltipElement(col: number, row: number, position?: {
+        x: number;
+        y: number;
+    }, referencePosition?: {
+        rect: RectProps;
+        placement?: Placement;
+    }, confine?: boolean): void;
+}

package/cjs/components/tooltip/BaseTooltip.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseTooltip = void 0;
+
+class BaseTooltip {
+    constructor(table) {
+        this._table = table;
+    }
+    release() {
+        var _a, _b;
+        this.unbindTooltipElement(), this._tooltipElement && (null === (_b = (_a = this._tooltipElement).release) || void 0 === _b || _b.call(_a)), 
+        this._tooltipElement = void 0;
+    }
+    _getTooltipElement() {
+        return this._tooltipElement || (this._tooltipElement = this.createTooltipElementInternal()), 
+        this._tooltipElement;
+    }
+    bindTooltipElement(col, row, tooltipInstanceInfo, confine) {
+        return this._getTooltipElement().bindToCell(this._table, col, row, tooltipInstanceInfo, confine);
+    }
+    moveTooltipElement(col, row, tooltipOptions, confine) {
+        this._getTooltipElement().move(this._table, col, row, tooltipOptions, confine);
+    }
+    unbindTooltipElement() {
+        this._getTooltipElement().unbindFromCell();
+    }
+    locateTooltipElement(col, row, position, referencePosition, confine) {
+        this._getTooltipElement()._locate(this._table, col, row, position, referencePosition, confine);
+    }
+}
+
+exports.BaseTooltip = BaseTooltip;
+//# sourceMappingURL=BaseTooltip.js.map

package/cjs/components/tooltip/BaseTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/BaseTooltip.ts"],"names":[],"mappings":";;;AAKA,MAAsB,WAAW;IAG/B,YAAY,KAAmB;QAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,OAAO;;QACL,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,MAAA,MAAA,IAAI,CAAC,eAAe,EAAC,OAAO,kDAAI,CAAC;SAClC;QACD,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;IACnC,CAAC;IACO,kBAAkB;QACxB,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,OAAO,IAAI,CAAC,eAAe,CAAC;SAC7B;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,4BAA4B,EAAE,CAAC;QAC3D,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,kBAAkB,CAAC,GAAW,EAAE,GAAW,EAAE,mBAAmC,EAAE,OAAiB;QACjG,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACjD,OAAO,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC;IACxF,CAAC;IACD,kBAAkB,CAAC,GAAW,EAAE,GAAW,EAAE,cAA8B,EAAE,OAAiB;QAC5F,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACjD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IACtE,CAAC;IACD,oBAAoB;QAClB,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACjD,cAAc,CAAC,cAAc,EAAE,CAAC;IAClC,CAAC;IACD,oBAAoB,CAClB,GAAW,EACX,GAAW,EACX,QAAmC,EACnC,iBAGC,EACD,OAAiB;QAEjB,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACjD,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACtF,CAAC;CACF;AA9CD,kCA8CC","file":"BaseTooltip.js","sourcesContent":["import type { Placement, RectProps } from '../../ts-types';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { TooltipOptions } from '../../ts-types/tooltip';\nimport type { BubbleTooltipElement } from './logic/BubbleTooltipElement';\n\nexport abstract class BaseTooltip {\n  private _table: BaseTableAPI;\n  private _tooltipElement?: BubbleTooltipElement;\n  constructor(table: BaseTableAPI) {\n    this._table = table;\n  }\n  release(): void {\n    this.unbindTooltipElement();\n    if (this._tooltipElement) {\n      this._tooltipElement.release?.();\n    }\n    this._tooltipElement = undefined;\n  }\n  private _getTooltipElement(): BubbleTooltipElement {\n    if (this._tooltipElement) {\n      return this._tooltipElement;\n    }\n    this._tooltipElement = this.createTooltipElementInternal();\n    return this._tooltipElement;\n  }\n  abstract createTooltipElementInternal(): BubbleTooltipElement;\n  bindTooltipElement(col: number, row: number, tooltipInstanceInfo: TooltipOptions, confine?: boolean): boolean {\n    const tooltipElement = this._getTooltipElement();\n    return tooltipElement.bindToCell(this._table, col, row, tooltipInstanceInfo, confine);\n  }\n  moveTooltipElement(col: number, row: number, tooltipOptions: TooltipOptions, confine?: boolean): void {\n    const tooltipElement = this._getTooltipElement();\n    tooltipElement.move(this._table, col, row, tooltipOptions, confine);\n  }\n  unbindTooltipElement(): void {\n    const tooltipElement = this._getTooltipElement();\n    tooltipElement.unbindFromCell();\n  }\n  locateTooltipElement(\n    col: number,\n    row: number,\n    position?: { x: number; y: number },\n    referencePosition?: {\n      rect: RectProps;\n      placement?: Placement;\n    },\n    confine?: boolean\n  ): void {\n    const tooltipElement = this._getTooltipElement();\n    tooltipElement._locate(this._table, col, row, position, referencePosition, confine);\n  }\n}\n"]}

package/cjs/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,5 @@
+import { BaseTooltip } from './BaseTooltip';
+import { BubbleTooltipElement } from './logic/BubbleTooltipElement';
+export declare class BubbleTooltip extends BaseTooltip {
+    createTooltipElementInternal(): BubbleTooltipElement;
+}

package/cjs/components/tooltip/Tooltip.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BubbleTooltip = void 0;
+
+const BaseTooltip_1 = require("./BaseTooltip"), BubbleTooltipElement_1 = require("./logic/BubbleTooltipElement");
+
+class BubbleTooltip extends BaseTooltip_1.BaseTooltip {
+    createTooltipElementInternal() {
+        return new BubbleTooltipElement_1.BubbleTooltipElement;
+    }
+}
+
+exports.BubbleTooltip = BubbleTooltip;
+//# sourceMappingURL=Tooltip.js.map

package/cjs/components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/Tooltip.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAC5C,uEAAoE;AAQpE,MAAa,aAAc,SAAQ,yBAAW;IAC5C,4BAA4B;QAC1B,OAAO,IAAI,2CAAoB,EAAE,CAAC;IACpC,CAAC;CACF;AAJD,sCAIC","file":"Tooltip.js","sourcesContent":["import { BaseTooltip } from './BaseTooltip';\nimport { BubbleTooltipElement } from './logic/BubbleTooltipElement';\n\n// export class Tooltip extends BaseTooltip {\n//   createTooltipElementInternal(): TooltipElement {\n//     return new TooltipElement();\n//   }\n// }\n\nexport class BubbleTooltip extends BaseTooltip {\n  createTooltipElementInternal(): BubbleTooltipElement {\n    return new BubbleTooltipElement();\n  }\n}\n"]}

package/cjs/components/tooltip/TooltipHandler.d.ts

@@ -0,0 +1,31 @@
+import type { RectProps } from '../../ts-types';
+import type { Placement } from '../../ts-types';
+import type { BaseTooltip } from './BaseTooltip';
+import type { TooltipOptions } from '../../ts-types/tooltip';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export interface ITooltipHandler {
+    new (table: BaseTableAPI, confine: boolean): TooltipHandler;
+}
+export declare class TooltipHandler {
+    private _table;
+    private _tooltipInstances?;
+    private _attachInfo?;
+    private confine?;
+    constructor(table: BaseTableAPI, confine: boolean);
+    release(): void;
+    _bindToCell(col: number, row: number, tooltipOptions?: TooltipOptions): void;
+    _move(col: number, row: number, tooltipOptions: TooltipOptions): void;
+    moveToPosition(col: number, row: number, position?: {
+        x: number;
+        y: number;
+    }, referencePosition?: {
+        rect: RectProps;
+        placement?: Placement;
+    }): void;
+    _unbindFromCell(): void;
+    _isBindCell(col: number, row: number): boolean;
+    _bindTableEvent(table: BaseTableAPI): void;
+    showTooltip(col: number, row: number): void;
+    _getTooltipInstanceInfo(col: number, row: number): BaseTooltip | null;
+    isBinded(tooltipOptions: TooltipOptions): boolean;
+}

package/cjs/components/tooltip/TooltipHandler.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TooltipHandler = void 0;
+
+const Tooltip_1 = require("./Tooltip"), helper_1 = require("../../tools/helper"), util_1 = require("../../tools/util"), TABLE_EVENT_TYPE_1 = require("../../core/TABLE_EVENT_TYPE"), vutils_1 = require("@visactor/vutils"), TOOLTIP_INSTANCE_FACTORY = {
+    "bubble-tooltip": function(table) {
+        return new Tooltip_1.BubbleTooltip(table);
+    }
+};
+
+class TooltipHandler {
+    constructor(table, confine) {
+        this._table = table, this._tooltipInstances = {}, this._bindTableEvent(table), this.confine = confine;
+    }
+    release() {
+        var _a, _b;
+        const tooltipInstances = this._tooltipInstances;
+        for (const k in tooltipInstances) null === (_b = null === (_a = tooltipInstances[k]) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a);
+        delete this._tooltipInstances, this._attachInfo = null;
+    }
+    _bindToCell(col, row, tooltipOptions) {
+        var _a;
+        const info = this._attachInfo, instance = this._getTooltipInstanceInfo(col, row);
+        if (!info || instance && info.instance === instance || (null === (_a = info.instance) || void 0 === _a || _a.unbindTooltipElement(), 
+        this._attachInfo = null), !instance) return;
+        if (instance && instance.bindTooltipElement(col, row, tooltipOptions, this.confine)) {
+            const range = this._table.getCellRange(col, row);
+            this._attachInfo = {
+                range: range,
+                instance: instance,
+                tooltipOptions: tooltipOptions
+            };
+        }
+    }
+    _move(col, row, tooltipOptions) {
+        const info = this._attachInfo;
+        if (!info || !(0, helper_1.cellInRange)(info.range, col, row)) return;
+        const {instance: instance} = info;
+        null == instance || instance.moveTooltipElement(col, row, tooltipOptions, this.confine);
+    }
+    moveToPosition(col, row, position, referencePosition) {
+        const info = this._attachInfo;
+        if (!info || !(0, helper_1.cellInRange)(info.range, col, row)) return;
+        const {instance: instance} = info;
+        this._attachInfo.tooltipOptions.position = position, this._attachInfo.tooltipOptions.referencePosition = referencePosition, 
+        null == instance || instance.locateTooltipElement(col, row, position, referencePosition, this.confine);
+    }
+    _unbindFromCell() {
+        const info = this._attachInfo;
+        if (!info) return;
+        const {instance: instance} = info;
+        null == instance || instance.unbindTooltipElement(), this._attachInfo = null;
+    }
+    _isBindCell(col, row) {
+        const info = this._attachInfo;
+        return !!info && (0, helper_1.cellInRange)(info.range, col, row);
+    }
+    _bindTableEvent(table) {
+        table.on(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEENTER_CELL, (e => {
+            if ((0, util_1.isMobile)()) return;
+            const {x1: left, x2: right, y1: top, y2: bottom} = table.stateManager.menu.bounds;
+            if (table.stateManager.menu.isShow && "number" == typeof e.x && "number" == typeof e.y && e.x > left && e.x < right && e.y > top && e.y < bottom) return;
+            const {col: col, row: row} = e;
+            this.showTooltip(col, row);
+        })), table.on(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEMOVE_CELL, (e => {
+            var _a, _b;
+            if (!(0, util_1.isMobile)()) {
+                if (null === (_b = null === (_a = this._attachInfo) || void 0 === _a ? void 0 : _a.tooltipOptions) || void 0 === _b ? void 0 : _b.referencePosition) {
+                    const position = this._attachInfo.tooltipOptions.referencePosition, {event: event} = e, {left: left, right: right, top: top, bottom: bottom} = position.rect, abstractPos = table._getMouseAbstractPoint(event, !1);
+                    abstractPos.inTable && abstractPos.x >= left - 5 && abstractPos.x <= right + 5 && abstractPos.y >= top - 5 && abstractPos.y <= bottom + 5 || this._unbindFromCell();
+                }
+                this._attachInfo && table.stateManager.menu.isShow && this._bindToCell(e.col, e.row);
+            }
+        })), table.on(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSELEAVE_CELL, (e => {
+            this._unbindFromCell();
+        })), table.on(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.SELECTED_CELL, (e => {
+            this._isBindCell(e.col, e.row) && this._unbindFromCell();
+        })), table.on(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSELEAVE_TABLE, (e => {
+            this._unbindFromCell();
+        })), table.on(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.SCROLL, (e => {
+            this._unbindFromCell();
+        }));
+    }
+    showTooltip(col, row) {
+        var _a, _b, _c;
+        let tooltipOption;
+        const table = this._table, headerDescription = table.getHeaderDescription(col, row);
+        if (headerDescription) {
+            const rect = table.getCellRangeRelativeRect({
+                col: col,
+                row: row
+            });
+            tooltipOption = {
+                content: headerDescription,
+                referencePosition: {
+                    placement: table.internalProps.tooltip.position,
+                    rect: rect
+                },
+                disappearDelay: null !== (_a = table.internalProps.tooltip.overflowTextTooltipDisappearDelay) && void 0 !== _a ? _a : 0,
+                style: table.theme.tooltipStyle
+            };
+        } else if ((0, vutils_1.isFunction)(null === (_b = table.internalProps.tooltip) || void 0 === _b ? void 0 : _b.isShowOverflowTextTooltip) ? table.internalProps.tooltip.isShowOverflowTextTooltip(col, row, table) : table.internalProps.tooltip.isShowOverflowTextTooltip) {
+            const overflowText = table.getCellOverflowText(col, row), rect = table.getCellRangeRelativeRect({
+                col: col,
+                row: row
+            });
+            overflowText && (tooltipOption = {
+                content: headerDescription ? `${headerDescription}\n  ${overflowText}` : overflowText,
+                referencePosition: {
+                    placement: table.internalProps.tooltip.position,
+                    rect: rect
+                },
+                disappearDelay: null !== (_c = table.internalProps.tooltip.overflowTextTooltipDisappearDelay) && void 0 !== _c ? _c : 0,
+                style: table.theme.tooltipStyle
+            });
+        }
+        tooltipOption ? this._bindToCell(col, row, tooltipOption) : this._unbindFromCell();
+    }
+    _getTooltipInstanceInfo(col, row) {
+        const table = this._table, tooltipInstances = this._tooltipInstances;
+        return tooltipInstances && tooltipInstances["bubble-tooltip"] || tooltipInstances && (tooltipInstances["bubble-tooltip"] = TOOLTIP_INSTANCE_FACTORY["bubble-tooltip"](table));
+    }
+    isBinded(tooltipOptions) {
+        var _a;
+        return JSON.stringify(tooltipOptions) === JSON.stringify(null === (_a = this._attachInfo) || void 0 === _a ? void 0 : _a.tooltipOptions);
+    }
+}
+
+exports.TooltipHandler = TooltipHandler;
+//# sourceMappingURL=TooltipHandler.js.map