@visactor/vtable 1.17.0-alpha.4 → 1.17.0

package/cjs/components/menu/dom/MenuHandler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/menu/dom/MenuHandler.ts"],"names":[],"mappings":"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","file":"MenuHandler.js","sourcesContent":["import type { CellRange, DropDownMenuOptions, MenuInstanceInfo, MenuInstanceType } from '../../../ts-types';\nimport type { BaseMenu } from './BaseMenu';\nimport { Container, Menu } from './Menu';\nimport { cellInRange } from '../../../tools/helper';\nimport { TABLE_EVENT_TYPE } from '../../../core/TABLE_EVENT_TYPE';\nimport type { BaseTableAPI, HeaderData } from '../../../ts-types/base-table';\n// import { DEFAULTFONT } from '../../tools/global';\n// import { getFontSize } from '../../tools/canvases';\n\nconst MENU_INSTANCE_FACTORY = {\n  'dropdown-menu': function (table: BaseTableAPI): BaseMenu {\n    return new Menu(table);\n  },\n  'context-menu': function (table: BaseTableAPI): BaseMenu {\n    return new Menu(table);\n  },\n  container(table: BaseTableAPI): BaseMenu {\n    return new Container(table);\n  }\n};\n\n/** 获取下拉菜单展示内容及坐标位置 */\nfunction getMenuInstanceInfo(\n  table: BaseTableAPI,\n  col: number,\n  row: number,\n  type: MenuInstanceType,\n  dropDownMenuOptions?: DropDownMenuOptions\n): MenuInstanceInfo | null {\n  const { lineHeight, textBaseline, textStick } = table._getCellStyle(col, row);\n  // table.internalProps.layoutMap.getHeader(col, row).style ?? {};\n  // const lineHeight = getFontSize(table.getContext(), font).height;\n  let rect = table.getCellRangeRelativeRect(table.getCellRange(col, row));\n  if (textStick) {\n    rect = table.getVisibleCellRangeRelativeRect({ col, row });\n  }\n\n  let { left, right, bottom, top, width, height } = rect;\n  if (table.isHeader(col, row)) {\n    ({ left, right, bottom, top, width, height } = table.internalProps.headerHelper.getDropDownIconRect(\n      rect,\n      // paddingArray[1]\n      lineHeight as number,\n      textBaseline || 'middle'\n    ));\n  }\n  if (dropDownMenuOptions?.content) {\n    //如果有指定的下拉菜单内容\n    return {\n      type,\n      position: dropDownMenuOptions.position,\n      referencePosition: dropDownMenuOptions.referencePosition ?? {\n        rect: {\n          left,\n          right,\n          top,\n          bottom,\n          width,\n          height\n        }\n      },\n      content: dropDownMenuOptions.content\n    };\n  } // 没有指定的下拉菜单 从headerLayout中获取下拉菜单内容\n  else if (type === 'dropdown-menu') {\n    // 获取下拉菜单信息及位置 注：这里逻辑特指内置的下拉菜单\n    const { dropDownMenu = table.globalDropDownMenu, pivotInfo } = table._getHeaderLayoutMap(col, row) as HeaderData;\n\n    // const x = (left + right) / 2;\n    // const y = bottom;\n\n    return {\n      type,\n      // position: {\n      //   x,\n      //   y,\n      // },\n      referencePosition: {\n        rect: {\n          left,\n          right,\n          top,\n          bottom,\n          width,\n          height\n        }\n      },\n      content: dropDownMenu,\n      pivotInfo\n    };\n  }\n  // else if (type === 'context-menu') {\n  //   // 获取右键菜单信息及位置\n  //   const abstractPos = table._getMouseAbstractPoint(event, false);\n  //   let menu = null;\n  //   if (abstractPos && typeof table.options.contextmenu === 'function') {\n  //     menu = table.options.contextmenu(table.getHeaderField(col, row) as string, row);\n  //   } else if (abstractPos && Array.isArray(table.options.contextmenu)) {\n  //     menu = table.options.contextmenu;\n  //   }\n  //   return {\n  //     position: {\n  //       x: abstractPos.x,\n  //       y: abstractPos.y,\n  //     },\n  //     type,\n  //     content: menu,\n  //   };\n  // }\n  return null;\n}\n\ntype AttachInfo = {\n  instance?: BaseMenu;\n  range: CellRange;\n};\n\nexport interface IMenuHandler {\n  new (table: BaseTableAPI): MenuHandler;\n}\nexport class MenuHandler {\n  private _table: BaseTableAPI;\n  private _menuInstances?: { [type: string]: BaseMenu };\n  private _attachInfo?: AttachInfo | null;\n  constructor(table: BaseTableAPI) {\n    this._table = table;\n    this._menuInstances = {};\n    this._bindTableEvent(table);\n  }\n  release(): void {\n    const menuInstances = this._menuInstances;\n    for (const k in menuInstances) {\n      menuInstances[k].release();\n    }\n    delete this._menuInstances;\n    this._attachInfo = null;\n  }\n  _bindToCell(col: number, row: number, type: MenuInstanceType, dropDownMenuOptions?: DropDownMenuOptions): void {\n    const info = this._attachInfo;\n    const instanceInfo = this._getMenuInstanceInfo(col, row, type, dropDownMenuOptions);\n    if (info && (!instanceInfo || info.instance !== instanceInfo.instance)) {\n      info.instance?.unbindMenuElement();\n      this._attachInfo = null;\n    }\n    if (!instanceInfo) {\n      return;\n    }\n    const { instance, info: menuInstanceInfo } = instanceInfo;\n    const attach = instance && instance.bindMenuElement(col, row, menuInstanceInfo);\n    if (attach) {\n      const range = this._table.getCellRange(col, row);\n      this._attachInfo = { range, instance };\n    }\n  }\n  _unbindFromCell(): void {\n    const info = this._attachInfo;\n    if (!info) {\n      return;\n    }\n    const { instance } = info;\n    instance?.unbindMenuElement();\n    this._attachInfo = null;\n    // this._table.showHoverIcon = undefined;\n  }\n  _isBindToCell(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  /** 鼠标坐标位置 是否位于下拉菜单内 */\n  pointInMenuElement(x: number, y: number) {\n    if (!this._attachInfo) {\n      return false;\n    }\n    const info = this._attachInfo;\n    const { instance } = info;\n    return instance.pointInMenuElement(x, y);\n  }\n  _bindTableEvent(table: BaseTableAPI): void {\n    // 监听按钮点击事件\n    // 三种情况：\n    // 1. 没有菜单，点击弹出菜单\n    // 2. 已显示菜单，点击关闭菜单\n    // 3. 已显示菜单，点击其他菜单按钮，关闭当前菜单，显示另一菜单\n    table.on(TABLE_EVENT_TYPE.DROPDOWN_ICON_CLICK, e => {\n      if (this._attachInfo) {\n        if (this._isBindToCell(e.col, e.row)) {\n          this._unbindFromCell();\n        } else {\n          this._bindToCell(e.col, e.row, 'dropdown-menu');\n        }\n      } else {\n        this._bindToCell(e.col, e.row, 'dropdown-menu');\n      }\n    });\n    // 监听菜单清除事件\n    table.on(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, e => {\n      this._unbindFromCell();\n    });\n    // 监听右键菜单\n    table.on(TABLE_EVENT_TYPE.CONTEXTMENU_CELL, e => {\n      if (table.internalProps.menu?.renderMode === 'html') {\n        // 获取右键菜单信息及位置\n        const abstractPos = table._getMouseAbstractPoint(e.event, false);\n        let menu = null;\n        if (abstractPos.inTable && typeof table.internalProps.menu?.contextMenuItems === 'function') {\n          menu = table.internalProps.menu.contextMenuItems(\n            table.getHeaderField(e.col, e.row) as string,\n            e.row,\n            e.col,\n            table\n          );\n        } else if (abstractPos.inTable && Array.isArray(table.internalProps.menu?.contextMenuItems)) {\n          menu = table.internalProps.menu?.contextMenuItems;\n        }\n\n        this._bindToCell(e.col, e.row, 'context-menu', {\n          content: menu,\n          position: { x: abstractPos.x, y: abstractPos.y }\n        });\n      }\n    });\n  }\n  _getMenuInstanceInfo(\n    col: number,\n    row: number,\n    type: MenuInstanceType,\n    dropDownMenuOptions?: DropDownMenuOptions\n  ): {\n    instance?: BaseMenu;\n    type: MenuInstanceType;\n    info: MenuInstanceInfo;\n  } | null {\n    const table = this._table;\n    const menuInstances = this._menuInstances;\n\n    const info = getMenuInstanceInfo(table, col, row, type, dropDownMenuOptions);\n    if (!info) {\n      return null;\n    }\n\n    // const { type } = info;\n    const instance =\n      (menuInstances && menuInstances[type]) ||\n      (menuInstances && (menuInstances[type] = MENU_INSTANCE_FACTORY[type](table)));\n\n    return {\n      instance,\n      type,\n      info\n    };\n  }\n\n  containElement(el: HTMLElement): boolean {\n    for (const k in this._menuInstances) {\n      const contain = this._menuInstances[k].getRootElement()?.contains(el);\n      if (contain) {\n        return true;\n      }\n    }\n    return false;\n  }\n}\n"]}
+{"version":3,"sources":["../src/components/menu/dom/MenuHandler.ts"],"names":[],"mappings":"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","file":"MenuHandler.js","sourcesContent":["import type { CellRange, DropDownMenuOptions, MenuInstanceInfo, MenuInstanceType } from '../../../ts-types';\nimport type { BaseMenu } from './BaseMenu';\nimport { Container, Menu } from './Menu';\nimport { cellInRange } from '../../../tools/helper';\nimport { TABLE_EVENT_TYPE } from '../../../core/TABLE_EVENT_TYPE';\nimport type { BaseTableAPI, HeaderData } from '../../../ts-types/base-table';\n// import { DEFAULTFONT } from '../../tools/global';\n// import { getFontSize } from '../../tools/canvases';\n\nconst MENU_INSTANCE_FACTORY = {\n  'dropdown-menu': function (table: BaseTableAPI): BaseMenu {\n    return new Menu(table);\n  },\n  'context-menu': function (table: BaseTableAPI): BaseMenu {\n    return new Menu(table);\n  },\n  container(table: BaseTableAPI): BaseMenu {\n    return new Container(table);\n  }\n};\n\n/** 获取下拉菜单展示内容及坐标位置 */\nfunction getMenuInstanceInfo(\n  table: BaseTableAPI,\n  col: number,\n  row: number,\n  type: MenuInstanceType,\n  dropDownMenuOptions?: DropDownMenuOptions\n): MenuInstanceInfo | null {\n  const { lineHeight, textBaseline, textStick } = table._getCellStyle(col, row);\n  // table.internalProps.layoutMap.getHeader(col, row).style ?? {};\n  // const lineHeight = getFontSize(table.getContext(), font).height;\n  let rect = table.getCellRangeRelativeRect(table.getCellRange(col, row));\n  if (textStick) {\n    rect = table.getVisibleCellRangeRelativeRect({ col, row });\n  }\n\n  let { left, right, bottom, top, width, height } = rect;\n  if (table.isHeader(col, row)) {\n    ({ left, right, bottom, top, width, height } = table.internalProps.headerHelper.getDropDownIconRect(\n      rect,\n      // paddingArray[1]\n      lineHeight as number,\n      textBaseline || 'middle'\n    ));\n  }\n  if (dropDownMenuOptions?.content) {\n    //如果有指定的下拉菜单内容\n    return {\n      type,\n      position: dropDownMenuOptions.position,\n      referencePosition: dropDownMenuOptions.referencePosition ?? {\n        rect: {\n          left,\n          right,\n          top,\n          bottom,\n          width,\n          height\n        }\n      },\n      content: dropDownMenuOptions.content\n    };\n  } // 没有指定的下拉菜单 从headerLayout中获取下拉菜单内容\n  else if (type === 'dropdown-menu') {\n    // 获取下拉菜单信息及位置 注：这里逻辑特指内置的下拉菜单\n    let dropDownMenu = table.globalDropDownMenu;\n    const headerData = table._getHeaderLayoutMap(col, row) as HeaderData;\n    dropDownMenu = headerData.dropDownMenu ?? dropDownMenu;\n    const pivotInfo = headerData.pivotInfo;\n\n    if (typeof dropDownMenu === 'function') {\n      dropDownMenu = dropDownMenu({ row, col, table });\n    }\n    // const x = (left + right) / 2;\n    // const y = bottom;\n\n    return {\n      type,\n      // position: {\n      //   x,\n      //   y,\n      // },\n      referencePosition: {\n        rect: {\n          left,\n          right,\n          top,\n          bottom,\n          width,\n          height\n        }\n      },\n      content: dropDownMenu,\n      pivotInfo\n    };\n  }\n  // else if (type === 'context-menu') {\n  //   // 获取右键菜单信息及位置\n  //   const abstractPos = table._getMouseAbstractPoint(event, false);\n  //   let menu = null;\n  //   if (abstractPos && typeof table.options.contextmenu === 'function') {\n  //     menu = table.options.contextmenu(table.getHeaderField(col, row) as string, row);\n  //   } else if (abstractPos && Array.isArray(table.options.contextmenu)) {\n  //     menu = table.options.contextmenu;\n  //   }\n  //   return {\n  //     position: {\n  //       x: abstractPos.x,\n  //       y: abstractPos.y,\n  //     },\n  //     type,\n  //     content: menu,\n  //   };\n  // }\n  return null;\n}\n\ntype AttachInfo = {\n  instance?: BaseMenu;\n  range: CellRange;\n};\n\nexport interface IMenuHandler {\n  new (table: BaseTableAPI): MenuHandler;\n}\nexport class MenuHandler {\n  private _table: BaseTableAPI;\n  private _menuInstances?: { [type: string]: BaseMenu };\n  private _attachInfo?: AttachInfo | null;\n  constructor(table: BaseTableAPI) {\n    this._table = table;\n    this._menuInstances = {};\n    this._bindTableEvent(table);\n  }\n  release(): void {\n    const menuInstances = this._menuInstances;\n    for (const k in menuInstances) {\n      menuInstances[k].release();\n    }\n    delete this._menuInstances;\n    this._attachInfo = null;\n  }\n  _bindToCell(col: number, row: number, type: MenuInstanceType, dropDownMenuOptions?: DropDownMenuOptions): void {\n    const info = this._attachInfo;\n    const instanceInfo = this._getMenuInstanceInfo(col, row, type, dropDownMenuOptions);\n    if (info && (!instanceInfo || info.instance !== instanceInfo.instance)) {\n      info.instance?.unbindMenuElement();\n      this._attachInfo = null;\n    }\n    if (!instanceInfo) {\n      return;\n    }\n    const { instance, info: menuInstanceInfo } = instanceInfo;\n    const attach = instance && instance.bindMenuElement(col, row, menuInstanceInfo);\n    if (attach) {\n      const range = this._table.getCellRange(col, row);\n      this._attachInfo = { range, instance };\n    }\n  }\n  _unbindFromCell(): void {\n    const info = this._attachInfo;\n    if (!info) {\n      return;\n    }\n    const { instance } = info;\n    instance?.unbindMenuElement();\n    this._attachInfo = null;\n    // this._table.showHoverIcon = undefined;\n  }\n  _isBindToCell(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  /** 鼠标坐标位置 是否位于下拉菜单内 */\n  pointInMenuElement(x: number, y: number) {\n    if (!this._attachInfo) {\n      return false;\n    }\n    const info = this._attachInfo;\n    const { instance } = info;\n    return instance.pointInMenuElement(x, y);\n  }\n  _bindTableEvent(table: BaseTableAPI): void {\n    // 监听按钮点击事件\n    // 三种情况：\n    // 1. 没有菜单，点击弹出菜单\n    // 2. 已显示菜单，点击关闭菜单\n    // 3. 已显示菜单，点击其他菜单按钮，关闭当前菜单，显示另一菜单\n    table.on(TABLE_EVENT_TYPE.DROPDOWN_ICON_CLICK, e => {\n      if (this._attachInfo) {\n        if (this._isBindToCell(e.col, e.row)) {\n          this._unbindFromCell();\n        } else {\n          this._bindToCell(e.col, e.row, 'dropdown-menu');\n        }\n      } else {\n        this._bindToCell(e.col, e.row, 'dropdown-menu');\n      }\n    });\n    // 监听菜单清除事件\n    table.on(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLEAR, e => {\n      this._unbindFromCell();\n    });\n    // 监听右键菜单\n    table.on(TABLE_EVENT_TYPE.CONTEXTMENU_CELL, e => {\n      if (table.internalProps.menu?.renderMode === 'html') {\n        // 获取右键菜单信息及位置\n        const abstractPos = table._getMouseAbstractPoint(e.event, false);\n        let menu = null;\n        if (abstractPos.inTable && typeof table.internalProps.menu?.contextMenuItems === 'function') {\n          menu = table.internalProps.menu.contextMenuItems(\n            table.getHeaderField(e.col, e.row) as string,\n            e.row,\n            e.col,\n            table\n          );\n        } else if (abstractPos.inTable && Array.isArray(table.internalProps.menu?.contextMenuItems)) {\n          menu = table.internalProps.menu?.contextMenuItems;\n        }\n\n        this._bindToCell(e.col, e.row, 'context-menu', {\n          content: menu,\n          position: { x: abstractPos.x, y: abstractPos.y }\n        });\n      }\n    });\n  }\n  _getMenuInstanceInfo(\n    col: number,\n    row: number,\n    type: MenuInstanceType,\n    dropDownMenuOptions?: DropDownMenuOptions\n  ): {\n    instance?: BaseMenu;\n    type: MenuInstanceType;\n    info: MenuInstanceInfo;\n  } | null {\n    const table = this._table;\n    const menuInstances = this._menuInstances;\n\n    const info = getMenuInstanceInfo(table, col, row, type, dropDownMenuOptions);\n    if (!info) {\n      return null;\n    }\n\n    // const { type } = info;\n    const instance =\n      (menuInstances && menuInstances[type]) ||\n      (menuInstances && (menuInstances[type] = MENU_INSTANCE_FACTORY[type](table)));\n\n    return {\n      instance,\n      type,\n      info\n    };\n  }\n\n  containElement(el: HTMLElement): boolean {\n    for (const k in this._menuInstances) {\n      const contain = this._menuInstances[k].getRootElement()?.contains(el);\n      if (contain) {\n        return true;\n      }\n    }\n    return false;\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
-import { Title as TitleComponents } from '@visactor/vrender-components';
-import type { TitleAttrs } from '@visactor/vrender-components';
+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 {

package/cjs/components/title/title.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Title = void 0;
 
-const vrender_components_1 = require("@visactor/vrender-components"), padding_1 = require("../../scenegraph/utils/padding"), vutils_1 = require("@visactor/vutils");
+const vrender_1 = require("./../../vrender"), padding_1 = require("../../scenegraph/utils/padding"), vutils_1 = require("@visactor/vutils");
 
 class Title {
     constructor(titleOption, table) {
@@ -14,7 +14,7 @@ class Title {
     }
     _createOrUpdateTitleComponent(attrs) {
         if (this._titleComponent) (0, vutils_1.isEqual)(attrs, this._cacheAttrs) || this._titleComponent.setAttributes(attrs); else {
-            const title = new vrender_components_1.Title(attrs);
+            const title = new vrender_1.Title(attrs);
             title.name = "title", this.table.scenegraph.stage.defaultLayer.appendChild(title), 
             this._titleComponent = title;
         }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\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"]}
+{"version":3,"sources":["../src/components/title/title.ts"],"names":[],"mappings":";;;AAAA,6CAA2D;AAI3D,4DAA8D;AAE9D,6CAAkD;AAKlD,MAAa,KAAK;IAMhB,YAAY,WAAmB,EAAE,KAAmB;QAHpD,eAAU,GAAY,KAAK,CAAC;QAI1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,GAAG,IAAA,cAAK,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,WAAW,CAAC,CAAC;QAC1D,IAAI,WAAW,CAAC,OAAO,KAAK,KAAK,EAAE;YACjC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;SAClF;IACH,CAAC;IAEO,6BAA6B,CAAC,KAAiB;QACrD,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;gBACrC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;aAC3C;SACF;aAAM;YACL,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;YACzC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5D,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;SAG9B;QAED,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QACtD,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;SACR;QACD,MAAM,OAAO,GAAG,IAAA,sBAAY,EAAC,MAAA,IAAI,CAAC,YAAY,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC;QAC9D,MAAM,SAAS,GACb,MAAA,IAAI,CAAC,YAAY,CAAC,KAAK,mCACvB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,UAAU;YAClC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB;YAC9B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;YAC1E,OAAO,CAAC,CAAC,CAAC;YACV,OAAO,CAAC,CAAC,CAAC,CAAC;QACf,MAAM,UAAU,GACd,MAAA,IAAI,CAAC,YAAY,CAAC,MAAM,mCACxB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,UAAU;YACnC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC;YAC5E,OAAO,CAAC,CAAC,CAAC;YACV,OAAO,CAAC,CAAC,CAAC,CAAC;QACf,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;YACjC,CAAC,EACC,CAAA,MAAA,IAAI,CAAC,YAAY,CAAC,CAAC,mCAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO;gBACzD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC;gBAC7F,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YACvB,CAAC,EACC,CAAA,MAAA,IAAI,CAAC,YAAY,CAAC,CAAC,mCAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,QAAQ;gBAC1D,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB;gBACnD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YAEvB,KAAK,EACH,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,QAAQ;gBACzE,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK;YAC7B,MAAM,EACJ,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO;gBACzE,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM;YAC9B,SAAS,kBACP,KAAK,EAAE,SAAS,IACb,IAAI,CAAC,YAAY,CAAC,SAAS,CAC/B;YACD,YAAY,kBACV,KAAK,EAAE,SAAS,IACb,IAAI,CAAC,YAAY,CAAC,YAAY,CAClC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACxD,CAAC;IAED,gBAAgB,CAAC,KAAiB;;QAEhC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAA,IAAI,CAAC,eAAe,0CAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/G,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAA,IAAI,CAAC,eAAe,0CAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAwBlH,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,MAAM,EAAE;YACvC,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/E,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,KAAK,EAAE;YAC7C,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAClF,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACxC;aAAM,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO,EAAE;YAC/C,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAChF;aAAM,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,QAAQ,EAAE;YAChD,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACnF;QACD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,QAAQ,EAAE;YACjF,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;gBACjC,CAAC,EACC,CAAA,MAAA,IAAI,CAAC,YAAY,CAAC,CAAC,mCAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO;oBACzD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB;oBAClD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;gBACvB,CAAC,EACC,CAAA,MAAA,IAAI,CAAC,YAAY,CAAC,CAAC,mCAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,QAAQ;oBAC1D,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB;oBACnD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;aACxB,CAAC,CAAC;SACJ;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IACO,cAAc;;QACpB,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,MAAM,OAAO,GAAG,IAAA,sBAAY,EAAC,MAAA,IAAI,CAAC,YAAY,CAAC,OAAO,mCAAI,cAAc,CAAC,CAAC;QAC1E,MAAM,SAAS,GACb,MAAA,IAAI,CAAC,YAAY,CAAC,KAAK,mCACvB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACpG,MAAM,UAAU,GACd,MAAA,IAAI,CAAC,YAAY,CAAC,MAAM,mCACxB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACtG,OAAO;YACL,IAAI,EAAE,MAAA,IAAI,CAAC,YAAY,CAAC,IAAI,mCAAI,EAAE;YAClC,OAAO,EAAE,MAAA,IAAI,CAAC,YAAY,CAAC,OAAO,mCAAI,EAAE;YACxC,CAAC,EACC,CAAA,MAAA,IAAI,CAAC,YAAY,CAAC,CAAC,mCAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO;gBACzD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC;gBAC7F,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YACvB,CAAC,EACC,CAAA,MAAA,IAAI,CAAC,YAAY,CAAC,CAAC,mCAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,QAAQ;gBAC1D,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB;gBACnD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YACvB,KAAK,EACH,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,QAAQ;gBACzE,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK;YAC7B,MAAM,EACJ,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO;gBACzE,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM;YAC9B,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ;YACpC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ;YACpC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS;YACtC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS;YACtC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO;YAClC,KAAK,EAAE,MAAA,IAAI,CAAC,YAAY,CAAC,KAAK,mCAAI,MAAM;YACxC,aAAa,EAAE,MAAA,IAAI,CAAC,YAAY,CAAC,aAAa,mCAAI,KAAK;YACvD,SAAS,kBACP,KAAK,EAAE,SAAS,IACb,IAAI,CAAC,YAAY,CAAC,SAAS,CAC/B;YACD,YAAY,kBACV,KAAK,EAAE,SAAS,IACb,IAAI,CAAC,YAAY,CAAC,YAAY,CAClC;YACD,EAAE,EAAE,MAAA,IAAI,CAAC,YAAY,CAAC,EAAE,mCAAI,CAAC;YAC7B,EAAE,EAAE,MAAA,IAAI,CAAC,YAAY,CAAC,EAAE,mCAAI,CAAC;SAChB,CAAC;IAClB,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;CACF;AA9LD,sBA8LC","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/core/BaseTable.d.ts

@@ -32,7 +32,11 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
         right: number;
         bottom: number;
     };
-    globalDropDownMenu?: MenuListItem[];
+    globalDropDownMenu?: MenuListItem[] | ((args: {
+        row: number;
+        col: number;
+        table: BaseTableAPI;
+    }) => MenuListItem[]);
     tableNoFrameWidth: number;
     tableNoFrameHeight: number;
     tableX: number;

package/cjs/core/BaseTable.js

@@ -42,12 +42,12 @@ class BaseTable extends EventTarget_1.EventTarget {
         return TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE;
     }
     constructor(container, options = {}) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.17.0-alpha.4", this.id = `VTable${Date.now()}`, 
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        if (super(), this.showFrozenIcon = !0, this.version = "1.17.0", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200), 
         !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         !1 === (null === (_a = options.customConfig) || void 0 === _a ? void 0 : _a.imageAnonymous) && (vrender_1.vglobal.isImageAnonymous = !1);
-        const {frozenColCount: frozenColCount = 0, unfreezeAllOnExceedsMaxWidth: unfreezeAllOnExceedsMaxWidth, frozenRowCount: frozenRowCount, 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, rowResizeMode: rowResizeMode = "none", dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight, clearDOM: clearDOM = !0} = options;
+        const {frozenColCount: frozenColCount = 0, unfreezeAllOnExceedsMaxWidth: unfreezeAllOnExceedsMaxWidth, frozenRowCount: frozenRowCount, 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, rowResizeMode: rowResizeMode = "none", resize: resize, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight, clearDOM: clearDOM = !0} = options;
         this.container = container, this.options = options, this._widthMode = widthMode, 
         this._heightMode = heightMode, this._widthAdaptiveMode = widthAdaptiveMode, this._heightAdaptiveMode = heightAdaptiveMode, 
         this._autoFillWidth = autoFillWidth, this._autoFillHeight = autoFillHeight, this.customRender = customRender, 
@@ -66,8 +66,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         this.columnWidthComputeMode = null !== (_b = options.columnWidthComputeMode) && void 0 !== _b ? _b : "normal";
         const internalProps = this.internalProps = {};
         void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), 
-        this.options.canvas ? (internalProps.element = this.options.canvas.parentElement, 
-        internalProps.element.style.position = "relative", internalProps.focusControl = new FouseInput_1.FocusInput(this, internalProps.element), 
+        this.options.canvas ? ("node" !== env_1.Env.mode && (internalProps.element = this.options.canvas.parentElement, 
+        internalProps.element.style.position = "relative"), internalProps.focusControl = new FouseInput_1.FocusInput(this, internalProps.element), 
         internalProps.canvas = this.options.canvas, internalProps.context = internalProps.canvas.getContext("2d")) : "node" !== env_1.Env.mode && (internalProps.element = (0, 
         tableHelper_1.createRootElement)(this.padding), internalProps.focusControl = new FouseInput_1.FocusInput(this, internalProps.element), 
         internalProps.canvas = document.createElement("canvas"), internalProps.element.appendChild(internalProps.canvas), 
@@ -79,8 +79,9 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
         internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, 
         internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, 
-        internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = columnResizeMode, 
-        internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "none", 
+        internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_d = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _d ? _d : columnResizeMode, 
+        internalProps.rowResizeMode = null !== (_e = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _e ? _e : rowResizeMode, 
+        internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "none", 
         internalProps.renderChartAsync = renderChartAsync, (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
         internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
         internalProps._rowHeightsMap = new row_height_map_1.NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map, 
@@ -94,14 +95,14 @@ class BaseTable extends EventTarget_1.EventTarget {
                 var _a;
                 return "node" === env_1.Env.mode ? that.canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
             }
-        }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes_1.default.of(null !== (_d = options.theme) && void 0 !== _d ? _d : themes_1.default.DEFAULT), 
+        }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes_1.default.of(null !== (_f = options.theme) && void 0 !== _f ? _f : themes_1.default.DEFAULT), 
         internalProps.theme.isPivot = this.isPivotTable(), (0, icons_2.setIconColor)(internalProps.theme.functionalIconsStyle), 
         container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), 
         this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new body_helper_1.BodyHelper(this), 
         internalProps.headerHelper = new header_helper_1.HeaderHelper(this), internalProps.rowSeriesNumberHelper = new row_series_number_helper_1.RowSeriesNumberHelper(this), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, 
-        internalProps.allowFrozenColCount = null !== (_e = options.allowFrozenColCount) && void 0 !== _e ? _e : 0, 
-        internalProps.limitMaxAutoWidth = null !== (_f = options.limitMaxAutoWidth) && void 0 !== _f ? _f : 450, 
+        internalProps.allowFrozenColCount = null !== (_g = options.allowFrozenColCount) && void 0 !== _g ? _g : 0, 
+        internalProps.limitMaxAutoWidth = null !== (_h = options.limitMaxAutoWidth) && void 0 !== _h ? _h : 450, 
         internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, 
         internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, 
         this.scenegraph = new scenegraph_1.Scenegraph(this), this.stateManager = new state_1.StateManager(this), 
@@ -132,8 +133,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         }
         if (internalProps.menu = Object.assign({
             renderMode: "html"
-        }, options.menu), Array.isArray(null === (_g = options.menu) || void 0 === _g ? void 0 : _g.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_h = options.menu) || void 0 === _h ? void 0 : _h.dropDownMenuHighlight), 
-        Array.isArray(null === (_j = options.menu) || void 0 === _j ? void 0 : _j.defaultHeaderMenuItems) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), 
+        }, options.menu), Array.isArray(null === (_j = options.menu) || void 0 === _j ? void 0 : _j.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_k = options.menu) || void 0 === _k ? void 0 : _k.dropDownMenuHighlight), 
+        (Array.isArray(null === (_l = options.menu) || void 0 === _l ? void 0 : _l.defaultHeaderMenuItems) || "function" == typeof (null === (_m = options.menu) || void 0 === _m ? void 0 : _m.defaultHeaderMenuItems)) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), 
         "html" === internalProps.menu.renderMode) {
             const MenuHandler = factory_1.Factory.getComponent("menuHandler");
             internalProps.menuHandler = new MenuHandler(this);
@@ -143,7 +144,7 @@ class BaseTable extends EventTarget_1.EventTarget {
             changedCells: new Map
         }, internalProps.customMergeCell = (0, get_custom_merge_cell_func_1.getCustomMergeCellFunc)(options.customMergeCell);
         const CustomCellStylePlugin = factory_1.Factory.getComponent("customCellStylePlugin");
-        CustomCellStylePlugin && (this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_k = options.customCellStyle) && void 0 !== _k ? _k : [], null !== (_l = options.customCellStyleArrangement) && void 0 !== _l ? _l : [])), 
+        CustomCellStylePlugin && (this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_o = options.customCellStyle) && void 0 !== _o ? _o : [], null !== (_p = options.customCellStyleArrangement) && void 0 !== _p ? _p : [])), 
         this._adjustCanvasSizeByOption();
     }
     _adjustCanvasSizeByOption() {
@@ -398,7 +399,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         return this.internalProps.pixelRatio;
     }
     setPixelRatio(pixelRatio) {
-        if (pixelRatio !== this.internalProps.pixelRatio) {
+        var _a;
+        if (pixelRatio !== (null === (_a = this.internalProps) || void 0 === _a ? void 0 : _a.pixelRatio)) {
             this.internalProps.pixelRatio = pixelRatio;
             const canvasWidth = this.canvasWidth;
             this.internalProps.calcWidthContext = {
@@ -844,9 +846,9 @@ class BaseTable extends EventTarget_1.EventTarget {
         return super.fireListeners(type, event);
     }
     updateOption(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         this.options = options, this._hasAutoImageColumn = void 0;
-        const {frozenColCount: frozenColCount = 0, unfreezeAllOnExceedsMaxWidth: unfreezeAllOnExceedsMaxWidth, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, rowResizeMode: rowResizeMode = "none", 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, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight} = options;
+        const {frozenColCount: frozenColCount = 0, unfreezeAllOnExceedsMaxWidth: unfreezeAllOnExceedsMaxWidth, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, rowResizeMode: rowResizeMode = "none", resize: resize, 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, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight} = 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), 
@@ -866,25 +868,26 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
         internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, 
         internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, 
-        internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = columnResizeMode, 
-        internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "none", 
+        internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = null !== (_b = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _b ? _b : columnResizeMode, 
+        internalProps.rowResizeMode = null !== (_c = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _c ? _c : rowResizeMode, 
+        internalProps.dragHeaderMode = null != dragHeaderMode ? dragHeaderMode : "none", 
         internalProps.renderChartAsync = renderChartAsync, (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
         internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
         internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new row_height_map_1.NumberRangeMap(this), 
         internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map, 
         internalProps._widthResizedColMap = new Set, internalProps._heightResizedRowMap = new Set, 
         this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap, 
-        this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes_1.default.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes_1.default.DEFAULT), 
+        this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes_1.default.of(null !== (_d = options.theme) && void 0 !== _d ? _d : themes_1.default.DEFAULT), 
         internalProps.theme.isPivot = this.isPivotTable(), (0, icons_2.setIconColor)(internalProps.theme.functionalIconsStyle), 
         this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, 
-        internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : 0, 
-        internalProps.limitMaxAutoWidth = null !== (_d = options.limitMaxAutoWidth) && void 0 !== _d ? _d : 450, 
+        internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_e = options.allowFrozenColCount) && void 0 !== _e ? _e : 0, 
+        internalProps.limitMaxAutoWidth = null !== (_f = options.limitMaxAutoWidth) && void 0 !== _f ? _f : 450, 
         internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, 
         internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, 
-        null === (_e = internalProps.legends) || void 0 === _e || _e.forEach((legend => {
+        null === (_g = internalProps.legends) || void 0 === _g || _g.forEach((legend => {
             null == legend || legend.release();
-        })), null === (_f = internalProps.title) || void 0 === _f || _f.release(), internalProps.title = null, 
-        null === (_g = internalProps.emptyTip) || void 0 === _g || _g.release(), internalProps.emptyTip = null, 
+        })), null === (_h = internalProps.title) || void 0 === _h || _h.release(), internalProps.title = null, 
+        null === (_j = internalProps.emptyTip) || void 0 === _j || _j.release(), internalProps.emptyTip = null, 
         internalProps.layoutMap.release(), this.scenegraph.clearCells(), this.scenegraph.updateComponent(), 
         this.stateManager.updateOptionSetState(), this._updateSize(), this.eventManager.updateEventBinder(), 
         options.legends) {
@@ -913,15 +916,15 @@ class BaseTable extends EventTarget_1.EventTarget {
         }
         if (internalProps.menu = Object.assign({
             renderMode: "html"
-        }, options.menu), Array.isArray(null === (_h = options.menu) || void 0 === _h ? void 0 : _h.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_j = options.menu) || void 0 === _j ? void 0 : _j.dropDownMenuHighlight), 
-        Array.isArray(null === (_k = options.menu) || void 0 === _k ? void 0 : _k.defaultHeaderMenuItems) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), 
+        }, options.menu), Array.isArray(null === (_k = options.menu) || void 0 === _k ? void 0 : _k.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_l = options.menu) || void 0 === _l ? void 0 : _l.dropDownMenuHighlight), 
+        (Array.isArray(null === (_m = options.menu) || void 0 === _m ? void 0 : _m.defaultHeaderMenuItems) || "function" == typeof (null === (_o = options.menu) || void 0 === _o ? void 0 : _o.defaultHeaderMenuItems)) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), 
         "html" === internalProps.menu.renderMode && !internalProps.menuHandler) {
             const MenuHandler = factory_1.Factory.getComponent("menuHandler");
             internalProps.menuHandler = new MenuHandler(this);
         }
         this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(), 
         internalProps.customMergeCell = (0, get_custom_merge_cell_func_1.getCustomMergeCellFunc)(options.customMergeCell), 
-        null === (_l = this.customCellStylePlugin) || void 0 === _l || _l.updateCustomCell(null !== (_m = options.customCellStyle) && void 0 !== _m ? _m : [], null !== (_o = options.customCellStyleArrangement) && void 0 !== _o ? _o : []), 
+        null === (_p = this.customCellStylePlugin) || void 0 === _p || _p.updateCustomCell(null !== (_q = options.customCellStyle) && void 0 !== _q ? _q : [], null !== (_r = options.customCellStyleArrangement) && void 0 !== _r ? _r : []), 
         this._adjustCanvasSizeByOption();
     }
     renderWithRecreateCells() {