@visactor/vtable 0.23.2 → 0.24.0-alpha.0

package/es/components/tooltip/TooltipHandler.js

@@ -63,43 +63,11 @@ export class TooltipHandler {
     }
     _bindTableEvent(table) {
         table.on(TABLE_EVENT_TYPE.MOUSEENTER_CELL, (e => {
-            var _a;
             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;
-            let tooltipOption;
-            const headerDescription = table.getHeaderDescription(col, row);
-            if (headerDescription) {
-                const rect = table.getCellRangeRelativeRect({
-                    col: col,
-                    row: row
-                });
-                tooltipOption = {
-                    content: headerDescription,
-                    referencePosition: {
-                        placement: Placement.bottom,
-                        rect: rect
-                    },
-                    style: {
-                        arrowMark: !1
-                    }
-                };
-            } else if (null === (_a = table.internalProps.tooltip) || void 0 === _a ? void 0 : _a.isShowOverflowTextTooltip) {
-                const overflowText = table.getCellOverflowText(col, row), rect = table.getCellRangeRelativeRect({
-                    col: col,
-                    row: row
-                });
-                overflowText && (tooltipOption = {
-                    content: headerDescription ? `${headerDescription}\n    ${overflowText}` : overflowText,
-                    referencePosition: {
-                        placement: Placement.bottom,
-                        rect: rect
-                    },
-                    style: table.theme.tooltipStyle
-                });
-            }
-            tooltipOption && this._bindToCell(e.col, e.row, tooltipOption);
+            this.showTooltip(col, row);
         })), table.on(TABLE_EVENT_TYPE.MOUSEMOVE_CELL, (e => {
             var _a, _b;
             if (!isMobile()) {
@@ -119,6 +87,41 @@ export class TooltipHandler {
             this._unbindFromCell();
         }));
     }
+    showTooltip(col, row) {
+        var _a;
+        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: Placement.bottom,
+                    rect: rect
+                },
+                style: {
+                    arrowMark: !1
+                }
+            };
+        } else if (null === (_a = table.internalProps.tooltip) || void 0 === _a ? void 0 : _a.isShowOverflowTextTooltip) {
+            const overflowText = table.getCellOverflowText(col, row), rect = table.getCellRangeRelativeRect({
+                col: col,
+                row: row
+            });
+            overflowText && (tooltipOption = {
+                content: headerDescription ? `${headerDescription}\n  ${overflowText}` : overflowText,
+                referencePosition: {
+                    placement: Placement.bottom,
+                    rect: rect
+                },
+                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));

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

@@ -1 +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 { 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';\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};\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      // if (e.related) {\n      //   if (this._isBindCell(col, row)) {\n      //     return;\n      //   }\n      // }\n      let tooltipOption;\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: Placement.bottom,\n            rect\n          },\n          style: { arrowMark: false }\n        };\n      } else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {\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: Placement.bottom,\n              rect\n            },\n            style: table.theme.tooltipStyle\n          };\n        }\n      }\n      if (tooltipOption) {\n        this._bindToCell(e.col, e.row, tooltipOption);\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  _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"]}
+{"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 { 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';\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};\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: Placement.bottom,\n          rect\n        },\n        style: { arrowMark: false }\n      };\n    } else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {\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: Placement.bottom,\n            rect\n          },\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/core/BaseTable.d.ts

@@ -1,5 +1,5 @@
 import { type CellAddress, type CellRange, type TableEventHandlersEventArgumentMap, type TableEventHandlersReturnMap, type TableKeyboardOptions, type DropDownMenuHighlightInfo, type MenuListItem, type WidthModeDef, type ICustomRender, type ICellHeaderPaths, type HeaderData, type FullExtendStyle, type FieldDef, type ColumnTypeOption, type SortState, type IPagination, type ICustomLayout, type CellInfo, type CellStyle, type DropDownMenuOptions, type FieldData, type MaybePromiseOrUndefined, type MousePointerCellEvent, type DropDownMenuEventInfo, type HierarchyState, type FieldKeyDef, type CellLocation, type LayoutObjectId, type HeightModeDef, type ITableThemeDefine } from '../ts-types';
-import type { AnyFunction, CellAddressWithBound, ColumnIconOption, ColumnSeriesNumber, IRowSeriesNumber, ColumnStyleOption, TableEventOptions } from '../ts-types';
+import type { AnyFunction, CellAddressWithBound, ColumnIconOption, ColumnSeriesNumber, IRowSeriesNumber, ColumnStyleOption, TableEventOptions, WidthAdaptiveModeDef, HeightAdaptiveModeDef } from '../ts-types';
 import { TABLE_EVENT_TYPE } from './TABLE_EVENT_TYPE';
 import { EventTarget } from '../event/EventTarget';
 import { NumberMap } from '../tools/NumberMap';
@@ -9,13 +9,14 @@ import { Scenegraph } from '../scenegraph/scenegraph';
 import { StateManager } from '../state/state';
 import { EventManager } from '../event/event';
 import type { CachedDataSource, DataSource } from '../data';
-import { type ITextSize } from '@visactor/vutils';
+import { AABBBounds, type ITextSize } from '@visactor/vutils';
 import type { ColumnData, ColumnDefine, ColumnsDefine, IndicatorData, SeriesNumberColumnData } from '../ts-types/list-table/layout-map/api';
 import type { TooltipOptions } from '../ts-types/tooltip';
 import type { BaseTableAPI, BaseTableConstructorOptions, IBaseTableProtected } from '../ts-types/base-table';
 import { DataSet } from '@visactor/vdataset';
 import { NumberRangeMap } from '../layout/row-height-map';
 import { CustomCellStylePlugin } from '../plugins/custom-cell-style';
+import type { ITextGraphicAttribute } from './../vrender';
 export declare abstract class BaseTable extends EventTarget implements BaseTableAPI {
     internalProps: IBaseTableProtected;
     showFrozenIcon: boolean;
@@ -34,6 +35,8 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     _heightMode: HeightModeDef;
     _autoFillWidth: boolean;
     _autoFillHeight: boolean;
+    _widthAdaptiveMode: WidthAdaptiveModeDef;
+    _heightAdaptiveMode: HeightAdaptiveModeDef;
     customRender?: ICustomRender;
     canvasWidth?: number;
     canvasHeight?: number;
@@ -121,6 +124,10 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     set autoFillWidth(autoFillWidth: boolean);
     get autoFillHeight(): boolean;
     set autoFillHeight(autoFillHeight: boolean);
+    get widthAdaptiveMode(): WidthAdaptiveModeDef;
+    set widthAdaptiveMode(widthAdaptiveMode: WidthAdaptiveModeDef);
+    get heightAdaptiveMode(): HeightAdaptiveModeDef;
+    set heightAdaptiveMode(heightAdaptiveMode: HeightAdaptiveModeDef);
     _colWidthDefineToPxWidth(width: string | number): number;
     private _getColWidthLimits;
     _adjustColWidth(col: number, orgWidth: number): number;
@@ -362,6 +369,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
         fontWeight: string | number;
         fontFamily: string;
     }): ITextSize;
+    measureTextBounds(attribute: ITextGraphicAttribute): AABBBounds;
     getCustomRender(col: number, row: number): ICustomRender;
     getCustomLayout(col: number, row: number): ICustomLayout;
     hasAutoImageColumn(): HeaderData | ColumnData;

package/es/core/BaseTable.js

@@ -40,7 +40,7 @@ import { TooltipHandler } from "../components/tooltip/TooltipHandler";
 
 import { AABBBounds, isNumber, isBoolean, isFunction, isValid, cloneDeep } from "@visactor/vutils";
 
-import { textMeasure } from "../scenegraph/utils/text-measure";
+import { measureTextBounds, textMeasure } from "../scenegraph/utils/text-measure";
 
 import { getProp } from "../scenegraph/utils/get-prop";
 
@@ -82,13 +82,14 @@ export class BaseTable extends EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "0.23.2", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "0.24.0-alpha.0", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), 
         !container && "node" !== options.mode) throw new Error("vtable's container is undefined");
-        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
+        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, widthAdaptiveMode: widthAdaptiveMode = "only-body", heightAdaptiveMode: heightAdaptiveMode = "only-body", keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
         this.container = container, this.options = options, this._widthMode = widthMode, 
-        this._heightMode = heightMode, this._autoFillWidth = autoFillWidth, this._autoFillHeight = autoFillHeight, 
-        this.customRender = customRender, this.padding = {
+        this._heightMode = heightMode, this._widthAdaptiveMode = widthAdaptiveMode, this._heightAdaptiveMode = heightAdaptiveMode, 
+        this._autoFillWidth = autoFillWidth, this._autoFillHeight = autoFillHeight, this.customRender = customRender, 
+        this.padding = {
             top: 0,
             right: 0,
             left: 0,
@@ -315,6 +316,18 @@ export class BaseTable extends EventTarget {
     set autoFillHeight(autoFillHeight) {
         autoFillHeight !== this._autoFillHeight && (this._autoFillHeight = autoFillHeight);
     }
+    get widthAdaptiveMode() {
+        return this._widthAdaptiveMode;
+    }
+    set widthAdaptiveMode(widthAdaptiveMode) {
+        widthAdaptiveMode !== this._widthAdaptiveMode && (this._widthAdaptiveMode = widthAdaptiveMode);
+    }
+    get heightAdaptiveMode() {
+        return this._heightAdaptiveMode;
+    }
+    set heightAdaptiveMode(heightAdaptiveMode) {
+        heightAdaptiveMode !== this._heightAdaptiveMode && (this._heightAdaptiveMode = heightAdaptiveMode);
+    }
     _colWidthDefineToPxWidth(width) {
         return "auto" === width ? 0 : _toPxWidth(this, width);
     }
@@ -390,7 +403,7 @@ export class BaseTable extends EventTarget {
     }
     getDefaultRowHeight(row) {
         var _a, _b;
-        return this.isColumnHeader(0, row) || this.isCornerHeader(0, row) ? Array.isArray(this.defaultHeaderRowHeight) ? null !== (_a = this.defaultHeaderRowHeight[row]) && void 0 !== _a ? _a : this.internalProps.defaultRowHeight : this.defaultHeaderRowHeight : this.isBottomFrozenRow(this.rowHeaderLevelCount, row) ? Array.isArray(this.defaultHeaderRowHeight) ? null !== (_b = this.defaultHeaderRowHeight[this.columnHeaderLevelCount > 0 ? this.columnHeaderLevelCount - this.bottomFrozenRowCount : 0]) && void 0 !== _b ? _b : this.internalProps.defaultRowHeight : this.defaultHeaderRowHeight : this.internalProps.defaultRowHeight;
+        return this.isColumnHeader(0, row) || this.isCornerHeader(0, row) || this.isSeriesNumberInHeader(0, row) ? Array.isArray(this.defaultHeaderRowHeight) ? null !== (_a = this.defaultHeaderRowHeight[row]) && void 0 !== _a ? _a : this.internalProps.defaultRowHeight : this.defaultHeaderRowHeight : this.isBottomFrozenRow(row) ? Array.isArray(this.defaultHeaderRowHeight) ? null !== (_b = this.defaultHeaderRowHeight[this.columnHeaderLevelCount > 0 ? this.columnHeaderLevelCount - this.bottomFrozenRowCount : 0]) && void 0 !== _b ? _b : this.internalProps.defaultRowHeight : this.defaultHeaderRowHeight : this.internalProps.defaultRowHeight;
     }
     _setRowHeight(row, height, clearCache) {
         this.rowHeightsMap.put(row, Math.round(height)), clearCache && this._clearRowRangeHeightsMap(row);
@@ -715,7 +728,7 @@ export class BaseTable extends EventTarget {
         this.release();
     }
     release() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const internalProps = this.internalProps;
         null === (_b = null === (_a = internalProps.tooltipHandler) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a), 
         null === (_d = null === (_c = internalProps.menuHandler) || void 0 === _c ? void 0 : _c.release) || void 0 === _d || _d.call(_c), 
@@ -728,7 +741,8 @@ export class BaseTable extends EventTarget {
             return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
         })), internalProps.releaseList = null), this.scenegraph.stage.release(), this.scenegraph.proxy.release();
         const {parentElement: parentElement} = internalProps.element;
-        parentElement && parentElement.removeChild(internalProps.element), this.isReleased = !0;
+        parentElement && parentElement.removeChild(internalProps.element), null === (_p = null === (_o = null === (_m = this.editorManager) || void 0 === _m ? void 0 : _m.editingEditor) || void 0 === _o ? void 0 : _o.onEnd) || void 0 === _p || _p.call(_o), 
+        this.isReleased = !0;
     }
     fireListeners(type, event) {
         return super.fireListeners(type, event);
@@ -736,7 +750,7 @@ export class BaseTable extends EventTarget {
     updateOption(options) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         this.options = options;
-        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
+        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, widthAdaptiveMode: widthAdaptiveMode, heightAdaptiveMode: heightAdaptiveMode, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
         pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio), 
         padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, 
         this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), 
@@ -744,6 +758,8 @@ export class BaseTable extends EventTarget {
         padding.right && (this.padding.right = padding.right))), this.showFrozenIcon = "boolean" != typeof showFrozenIcon || showFrozenIcon, 
         "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), 
         this.widthMode = null != widthMode ? widthMode : "standard", this.heightMode = null != heightMode ? heightMode : "standard", 
+        this._widthAdaptiveMode = null != widthAdaptiveMode ? widthAdaptiveMode : "only-body", 
+        this._heightAdaptiveMode = null != heightAdaptiveMode ? heightAdaptiveMode : "only-body", 
         this.autoFillWidth = null != autoFillWidth && autoFillWidth, this.autoFillHeight = null != autoFillHeight && autoFillHeight, 
         this.customRender = customRender;
         const internalProps = this.internalProps;
@@ -781,7 +797,7 @@ export class BaseTable extends EventTarget {
             renderMode: "html"
         }, options.menu), "html" !== internalProps.menu.renderMode || internalProps.menuHandler || (internalProps.menuHandler = new MenuHandler(this)), 
         this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(), 
-        this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_g = options.customCellStyle) && void 0 !== _g ? _g : [], null !== (_h = options.customCellStyleArrangement) && void 0 !== _h ? _h : []);
+        internalProps.customMergeCell = options.customMergeCell, this.customCellStylePlugin.updateCustomCell(null !== (_g = options.customCellStyle) && void 0 !== _g ? _g : [], null !== (_h = options.customCellStyleArrangement) && void 0 !== _h ? _h : []);
     }
     renderWithRecreateCells() {
         const oldHoverState = {
@@ -1529,6 +1545,9 @@ export class BaseTable extends EventTarget {
     measureText(text, font) {
         return textMeasure.measureText(text, font);
     }
+    measureTextBounds(attribute) {
+        return measureTextBounds(attribute);
+    }
     getCustomRender(col, row) {
         let customRender;
         if ("body" !== this.getCellLocation(col, row)) {