k-vtable 1.0.0

package/es/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/es/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/es/components/title/title.js

@@ -0,0 +1,84 @@
+import { Title as TitleComponents } from "./../../vrender";
+
+import { getQuadProps } from "../../scenegraph/utils/padding";
+
+import { isEqual, merge } from "@visactor/vutils";
+
+export class Title {
+    constructor(titleOption, table) {
+        this.isReleased = !1, this.table = table, this._titleOption = merge({
+            orient: "top"
+        }, titleOption), !1 !== titleOption.visible && (this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs()));
+    }
+    _createOrUpdateTitleComponent(attrs) {
+        if (this._titleComponent) isEqual(attrs, this._cacheAttrs) || this._titleComponent.setAttributes(attrs); else {
+            const title = new TitleComponents(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 = 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 = 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;
+    }
+}
+//# sourceMappingURL=title.js.map

package/es/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/es/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/es/components/tooltip/BaseTooltip.js

@@ -0,0 +1,27 @@
+export 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);
+    }
+}
+//# sourceMappingURL=BaseTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/BaseTooltip.ts"],"names":[],"mappings":"AAKA,MAAM,OAAgB,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","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/es/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/es/components/tooltip/Tooltip.js

@@ -0,0 +1,10 @@
+import { BaseTooltip } from "./BaseTooltip";
+
+import { BubbleTooltipElement } from "./logic/BubbleTooltipElement";
+
+export class BubbleTooltip extends BaseTooltip {
+    createTooltipElementInternal() {
+        return new BubbleTooltipElement;
+    }
+}
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAQpE,MAAM,OAAO,aAAc,SAAQ,WAAW;IAC5C,4BAA4B;QAC1B,OAAO,IAAI,oBAAoB,EAAE,CAAC;IACpC,CAAC;CACF","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/es/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/es/components/tooltip/TooltipHandler.js

@@ -0,0 +1,134 @@
+import { BubbleTooltip } from "./Tooltip";
+
+import { cellInRange } from "../../tools/helper";
+
+import { isMobile } from "../../tools/util";
+
+import { TABLE_EVENT_TYPE } from "../../core/TABLE_EVENT_TYPE";
+
+import { isFunction } from "@visactor/vutils";
+
+const TOOLTIP_INSTANCE_FACTORY = {
+    "bubble-tooltip": function(table) {
+        return new BubbleTooltip(table);
+    }
+};
+
+export 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 || !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 || !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 && cellInRange(info.range, col, row);
+    }
+    _bindTableEvent(table) {
+        table.on(TABLE_EVENT_TYPE.MOUSEENTER_CELL, (e => {
+            if (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.MOUSEMOVE_CELL, (e => {
+            var _a, _b;
+            if (!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.MOUSELEAVE_CELL, (e => {
+            this._unbindFromCell();
+        })), table.on(TABLE_EVENT_TYPE.SELECTED_CELL, (e => {
+            this._isBindCell(e.col, e.row) && this._unbindFromCell();
+        })), table.on(TABLE_EVENT_TYPE.MOUSELEAVE_TABLE, (e => {
+            this._unbindFromCell();
+        })), table.on(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 (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);
+    }
+}
+//# sourceMappingURL=TooltipHandler.js.map

package/es/components/tooltip/TooltipHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/TooltipHandler.ts"],"names":[],"mappings":"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","file":"TooltipHandler.js","sourcesContent":["import type { CellRange, RectProps } from '../../ts-types';\nimport type { Placement } from '../../ts-types';\nimport type { BaseTooltip } from './BaseTooltip';\nimport { BubbleTooltip } from './Tooltip';\nimport { cellInRange } from '../../tools/helper';\nimport { isMobile } from '../../tools/util';\n// import { DG_EVENT_TYPE } from '../core/DG_EVENT_TYPE';\nimport type { TooltipOptions } from '../../ts-types/tooltip';\nimport { TABLE_EVENT_TYPE } from '../../core/TABLE_EVENT_TYPE';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport { isFunction } from '@visactor/vutils';\nconst TOOLTIP_INSTANCE_FACTORY = {\n  // tooltip(table: BaseTableAPI): BaseTooltip {\n  //   return new Tooltip(table);\n  // },\n  'bubble-tooltip': function (table: BaseTableAPI): BaseTooltip {\n    return new BubbleTooltip(table);\n  }\n};\ntype AttachInfo = {\n  instance?: BaseTooltip;\n  range: CellRange;\n  tooltipOptions: TooltipOptions;\n};\nexport interface ITooltipHandler {\n  new (table: BaseTableAPI, confine: boolean): TooltipHandler;\n}\n\nexport class TooltipHandler {\n  private _table: BaseTableAPI;\n  private _tooltipInstances?: { [type: string]: BaseTooltip };\n  private _attachInfo?: AttachInfo | null;\n  private confine?: boolean; //弹出框是否需要限定在canvas区域\n  constructor(table: BaseTableAPI, confine: boolean) {\n    this._table = table;\n    this._tooltipInstances = {};\n    this._bindTableEvent(table);\n    this.confine = confine;\n  }\n  release(): void {\n    const tooltipInstances = this._tooltipInstances;\n    for (const k in tooltipInstances) {\n      tooltipInstances[k]?.release?.();\n    }\n    delete this._tooltipInstances;\n    this._attachInfo = null;\n  }\n  _bindToCell(col: number, row: number, tooltipOptions?: TooltipOptions): void {\n    const info = this._attachInfo;\n    const instance = this._getTooltipInstanceInfo(col, row);\n    if (info && (!instance || info.instance !== instance)) {\n      info.instance?.unbindTooltipElement();\n      this._attachInfo = null;\n    }\n    if (!instance) {\n      return;\n    }\n    // const { instance, info: tooltipInstanceInfo } = instanceInfo;\n    const attach = instance && instance.bindTooltipElement(col, row, tooltipOptions, this.confine);\n    if (attach) {\n      const range = this._table.getCellRange(col, row);\n      this._attachInfo = { range, instance, tooltipOptions };\n    }\n  }\n  _move(col: number, row: number, tooltipOptions: TooltipOptions): void {\n    const info = this._attachInfo;\n    if (!info || !cellInRange(info.range, col, row)) {\n      return;\n    }\n    const { instance } = info;\n    instance?.moveTooltipElement(col, row, tooltipOptions, this.confine);\n  }\n  moveToPosition(\n    col: number,\n    row: number,\n    position?: { x: number; y: number },\n    referencePosition?: {\n      rect: RectProps;\n      placement?: Placement;\n    }\n  ): void {\n    const info = this._attachInfo;\n    if (!info || !cellInRange(info.range, col, row)) {\n      return;\n    }\n    const { instance } = info;\n    this._attachInfo.tooltipOptions.position = position;\n    this._attachInfo.tooltipOptions.referencePosition = referencePosition;\n    instance?.locateTooltipElement(col, row, position, referencePosition, this.confine);\n  }\n  _unbindFromCell(): void {\n    const info = this._attachInfo;\n    if (!info) {\n      return;\n    }\n    const { instance } = info;\n    instance?.unbindTooltipElement();\n    this._attachInfo = null;\n  }\n  _isBindCell(col: number, row: number): boolean {\n    const info = this._attachInfo;\n    if (!info) {\n      return false;\n    }\n    return cellInRange(info.range, col, row);\n  }\n  _bindTableEvent(table: BaseTableAPI): void {\n    // (table.options.hover?.isShowTooltip || table.options.tooltip?.isShowOverflowTextTooltip) &&\n    table.on(TABLE_EVENT_TYPE.MOUSEENTER_CELL, e => {\n      //移动端不监听mousemove事件 （修改移动端tooltip时加的isMobile判断）\n      if (isMobile()) {\n        return;\n      }\n      // dropDownMenu区域不响应\n      const { x1: left, x2: right, y1: top, y2: bottom } = table.stateManager.menu.bounds;\n      if (\n        table.stateManager.menu.isShow &&\n        typeof e.x === 'number' &&\n        typeof e.y === 'number' &&\n        e.x > left &&\n        e.x < right &&\n        e.y > top &&\n        e.y < bottom\n      ) {\n        return;\n      }\n      const { col, row } = e;\n      this.showTooltip(col, row);\n      // if (e.related) {\n      //   if (this._isBindCell(col, row)) {\n      //     return;\n      //   }\n      // }\n    });\n    table.on(TABLE_EVENT_TYPE.MOUSEMOVE_CELL, e => {\n      //移动端不监听mousemove事件 （修改移动端tooltip时加的isMobile判断）\n      if (isMobile()) {\n        return;\n      }\n      if (this._attachInfo?.tooltipOptions?.referencePosition) {\n        const position = this._attachInfo.tooltipOptions.referencePosition;\n        const { event } = e;\n        const { left, right, top, bottom } = position.rect;\n        const abstractPos = table._getMouseAbstractPoint(event, false);\n        if (\n          !(\n            abstractPos.inTable &&\n            abstractPos.x >= left - 5 &&\n            abstractPos.x <= right + 5 &&\n            abstractPos.y >= top - 5 &&\n            abstractPos.y <= bottom + 5\n          )\n        ) {\n          // 这里加5px的判断buffer\n          this._unbindFromCell();\n        }\n      }\n      // dropDownMenu区域不响应\n      if (this._attachInfo && table.stateManager.menu.isShow) {\n        this._bindToCell(e.col, e.row);\n      }\n    });\n    table.on(TABLE_EVENT_TYPE.MOUSELEAVE_CELL, e => {\n      // if (e.related) {\n      //   if (this._isBindCell(e.related.col, e.related.row)) {\n      //     return;\n      //   }\n      // }\n      this._unbindFromCell();\n    });\n    table.on(TABLE_EVENT_TYPE.SELECTED_CELL, e => {\n      if (this._isBindCell(e.col, e.row)) {\n        this._unbindFromCell();\n      }\n    });\n    table.on(TABLE_EVENT_TYPE.MOUSELEAVE_TABLE, e => {\n      this._unbindFromCell();\n    });\n    table.on(TABLE_EVENT_TYPE.SCROLL, e => {\n      this._unbindFromCell();\n      // const info = this._attachInfo;\n      // if (info?.tooltipOptions && info?.range?.start) {\n      //   const { col, row } = info.range.start;\n      //   const rect = table.getCellRangeRelativeRect({ col, row });\n      //   info.tooltipOptions.referencePosition.rect = rect;\n      //   this._move(info.range.start.col, info.range.start.row, info.tooltipOptions);\n      // }\n    });\n  }\n  showTooltip(col: number, row: number) {\n    let tooltipOption;\n    const table = this._table;\n    const headerDescription = table.getHeaderDescription(col, row);\n    if (headerDescription) {\n      const rect = table.getCellRangeRelativeRect({ col, row });\n      tooltipOption = {\n        content: headerDescription,\n        referencePosition: {\n          placement: table.internalProps.tooltip.position,\n          rect\n        },\n        disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,\n        style: table.theme.tooltipStyle\n      };\n    } else if (\n      isFunction(table.internalProps.tooltip?.isShowOverflowTextTooltip)\n        ? table.internalProps.tooltip.isShowOverflowTextTooltip(col, row, table)\n        : table.internalProps.tooltip.isShowOverflowTextTooltip\n    ) {\n      const overflowText = table.getCellOverflowText(col, row);\n      const rect = table.getCellRangeRelativeRect({ col, row });\n      if (overflowText) {\n        tooltipOption = {\n          content: headerDescription\n            ? `${headerDescription}\n  ${overflowText}`\n            : overflowText,\n          referencePosition: {\n            placement: table.internalProps.tooltip.position,\n            rect\n          },\n          disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,\n          style: table.theme.tooltipStyle\n        };\n      }\n    }\n    if (tooltipOption) {\n      this._bindToCell(col, row, tooltipOption);\n    } else {\n      this._unbindFromCell();\n    }\n  }\n  _getTooltipInstanceInfo(col: number, row: number): BaseTooltip | null {\n    const table = this._table;\n    const tooltipInstances = this._tooltipInstances;\n    // const info = getTooltipInstanceInfo(table, col, row, tooltipOptions);\n    // if (!info) {\n    //   return null;\n    // }\n    const tooltipType = 'bubble-tooltip';\n    // const { tooltipType } = info;\n    const instance =\n      (tooltipInstances && tooltipInstances[tooltipType]) ||\n      (tooltipInstances && (tooltipInstances[tooltipType] = TOOLTIP_INSTANCE_FACTORY[tooltipType](table)));\n    return instance;\n  }\n  isBinded(tooltipOptions: TooltipOptions) {\n    if (JSON.stringify(tooltipOptions) === JSON.stringify(this._attachInfo?.tooltipOptions)) {\n      return true;\n    }\n    return false;\n  }\n}\n"]}

package/es/components/tooltip/logic/BubbleTooltipElement.d.ts

@@ -0,0 +1,34 @@
+import type { RectProps } from '../../../ts-types';
+import { Placement } from '../../../ts-types';
+import type { TooltipOptions } from '../../../ts-types/tooltip';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
+export declare class BubbleTooltipElement {
+    private _handler;
+    private _rootElement?;
+    private _messageElement?;
+    private _triangleElement?;
+    private _disappearDelay?;
+    private _disappearDelayId?;
+    constructor();
+    bindToCell(table: BaseTableAPI, col: number, row: number, tooltipInstanceInfo: TooltipOptions, confine: boolean): boolean;
+    release(): void;
+    move(table: BaseTableAPI, col: number, row: number, tooltipOptions?: TooltipOptions, confine?: boolean): void;
+    unbindFromCell(): void;
+    _canBindToCell(table: BaseTableAPI, col: number, row: number): boolean;
+    _bindToCell(table: BaseTableAPI, col: number, row: number, position?: {
+        x: number;
+        y: number;
+    }, referencePosition?: {
+        rect: RectProps;
+        placement?: Placement;
+    }, confine?: boolean, arrowMark?: boolean): boolean;
+    private getComputedPosition;
+    private removeStyleFromTriangle;
+    _locate(table: BaseTableAPI, col: number, row: number, position?: {
+        x: number;
+        y: number;
+    }, referencePosition?: {
+        rect: RectProps;
+        placement?: Placement;
+    }, confine?: boolean): void;
+}