@visactor/vtable 0.22.2-alpha.0 → 0.22.2-alpha.2

package/cjs/themes/component.js

@@ -44,4 +44,4 @@ exports.defalutPoptipStyle = {
         space: 12
     }
 };
-//# sourceMappingURL=component.js.map
+//# sourceMappingURL=component.js.map

package/cjs/ts-types/base-table.d.ts

@@ -194,6 +194,7 @@ export interface BaseTableConstructorOptions {
     rowSeriesNumber?: IRowSeriesNumber;
     customCellStyle?: CustomCellStyle[];
     customCellStyleArrangement?: CustomCellStyleArrangement[];
+    columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';
 }
 export interface BaseTableAPI {
     recordsCount: number;
@@ -243,6 +244,7 @@ export interface BaseTableAPI {
     columnHeaderLevelCount: number;
     canvasWidth?: number;
     canvasHeight?: number;
+    columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';
     getDrawRange: () => Rect;
     _getMouseAbstractPoint: (evt: TouchEvent | MouseEvent | undefined, isAddScroll?: boolean) => {
         x: number;
@@ -258,6 +260,7 @@ export interface BaseTableAPI {
     throttleInvalidate: () => void;
     getRowHeight: (row: number) => number;
     getDefaultRowHeight: (row: number) => number | 'auto';
+    getDefaultColumnWidth: (col: number) => number | 'auto';
     _setRowHeight: (row: number, height: number, clearCache?: boolean) => void;
     getColWidth: (col: number) => number;
     getColWidthDefined: (col: number) => string | number;

package/cjs/ts-types/base-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/base-table.ts"],"names":[],"mappings":"","file":"base-table.js","sourcesContent":["import type { ITextSize } from '@visactor/vutils';\nimport type {\n  RectProps,\n  MaybePromiseOrUndefined,\n  ICellHeaderPaths,\n  CellInfo,\n  CustomCellStyle,\n  CustomCellStyleArrangement\n} from './common';\nimport type {\n  TableEventListener,\n  TableEventHandlersEventArgumentMap,\n  TableEventHandlersReturnMap,\n  EventListenerId,\n  MousePointerCellEvent\n} from './events';\nimport type { MenuListItem, DropDownMenuEventInfo, DropDownMenuHighlightInfo } from './menu';\nimport type { CellStyle } from './style-define';\nimport type { ColumnIconOption } from './icon';\nimport type {\n  ColumnData,\n  ColumnDefine,\n  ColumnsDefine,\n  HeaderData,\n  IndicatorData,\n  SeriesNumberColumnData\n} from './list-table/layout-map/api';\nexport type { HeaderData } from './list-table/layout-map/api';\nimport type { TableTheme } from '../themes/theme';\nimport type { ICustomRender } from './customElement';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { Scenegraph } from '../scenegraph/scenegraph';\nimport type { StateManager } from '../state/state';\nimport type { EventManager } from '../event/event';\nimport type {\n  CellAddress,\n  CellRange,\n  CellLocation,\n  ColumnTypeOption,\n  DataSourceAPI,\n  FieldData,\n  FieldDef,\n  FieldFormat,\n  FullExtendStyle,\n  HeaderValues,\n  HeightModeDef,\n  HierarchyState,\n  IPivotTableDataConfig,\n  IPagination,\n  ITableThemeDefine,\n  SortState,\n  TableKeyboardOptions,\n  WidthModeDef,\n  IHeaderTreeDefine,\n  IDimension,\n  IIndicator,\n  StickCell,\n  CustomMergeCell,\n  CustomMerge,\n  IColumnDimension,\n  IRowDimension,\n  TableEventOptions,\n  IPivotChartDataConfig,\n  IListTableDataConfig,\n  IRowSeriesNumber,\n  ColumnSeriesNumber,\n  ColumnStyleOption\n} from '.';\nimport type { TooltipOptions } from './tooltip';\nimport type { IWrapTextGraphicAttribute } from '../scenegraph/graphic/text';\nimport type { ICustomLayout } from './customLayout';\nimport type { CachedDataSource, DataSource } from '../data';\nimport type { MenuHandler } from '../components/menu/dom/MenuHandler';\nimport type { PivotHeaderLayoutMap } from '../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../layout';\nimport type { TooltipHandler } from '../components/tooltip/TooltipHandler';\nimport type { BodyHelper } from '../body-helper/body-helper';\nimport type { HeaderHelper } from '../header-helper/header-helper';\nimport type { EventHandler } from '../event/EventHandler';\nimport type { NumberMap } from '../tools/NumberMap';\nimport type { FocusInput } from '../core/FouseInput';\nimport type { ITableLegendOption } from './component/legend';\nimport type { DataSet } from '@visactor/vdataset';\nimport type { Title } from '../components/title/title';\nimport type { ITitle } from './component/title';\nimport type { DiscreteTableLegend } from '../components/legend/discrete-legend/discrete-legend';\nimport type { ContinueTableLegend } from '../components/legend/continue-legend/continue-legend';\nimport type { NumberRangeMap } from '../layout/row-height-map';\nimport type { RowSeriesNumberHelper } from '../core/row-series-number-helper';\n\nexport interface IBaseTableProtected {\n  element: HTMLElement;\n  // scrollable: Scrollable;\n  handler: EventHandler;\n  focusControl: FocusInput;\n  canvas: HTMLCanvasElement;\n  context: CanvasRenderingContext2D;\n  rowCount: number;\n  colCount: number;\n  frozenColCount: number;\n  allowFrozenColCount: number;\n\n  frozenRowCount: number;\n  rightFrozenColCount: number;\n  bottomFrozenRowCount: number;\n  defaultRowHeight: number;\n  /**表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight: (number | 'auto') | (number | 'auto')[];\n  defaultColWidth: number;\n  defaultHeaderColWidth: (number | 'auto') | (number | 'auto')[];\n  // font?: string;\n  // underlayBackgroundColor?: string;\n  keyboardOptions?: TableKeyboardOptions;\n  eventOptions?: TableEventOptions;\n  rowSeriesNumber?: IRowSeriesNumber;\n  columnSeriesNumber?: ColumnSeriesNumber[];\n  // disableRowHeaderColumnResize?: boolean;\n  // 列宽调整模式（全列调整；全列不可调整；仅表头单元格可调整；仅内容单元格可调整）\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n  /** 拖拽表头移动位置 针对冻结部分的规则\n   * \"disabled\"（禁止调整冻结列位置）：不允许其他列的表头移入冻结列，也不允许冻结列移出，冻结列保持不变。\n   * \"adjustFrozenCount\"（根据交互结果调整冻结数量）：允许其他列的表头移入冻结列，及冻结列移出，并根据拖拽的动作调整冻结列的数量。当其他列的表头被拖拽进入冻结列位置时，冻结列数量增加；当其他列的表头被拖拽移出冻结列位置时，冻结列数量减少。\n   * \"fixedFrozenCount\"（可调整冻结列，并维持冻结数量不变）：允许自由拖拽其他列的表头移入或移出冻结列位置，同时保持冻结列的数量不变。\n   */\n  frozenColDragHeaderMode?: 'disabled' | 'adjustFrozenCount' | 'fixedFrozenCount';\n  cachedRecordsRowHeightMap: NumberMap<string | number>; //存储每一条记录对应行的行高，只有当设置为自动换行随内容撑开才会起作用\n  // headerRowHeightsMap: NumberMap<number>; //目前是用来存储了表头各行的高度，从headerRowHeight计算而来，headerRowHeight可以设置为数组的形式\n  _rowHeightsMap: NumberRangeMap; //存储数据条目每行高度\n  _colWidthsMap: NumberMap<string | number>; //存储各列的宽度\n  _colContentWidthsMap: NumberMap<string | number>; //存储各列的内容宽度\n  _colWidthsLimit: {\n    //存储各列的宽度限制\n    [col: number]: {\n      max?: string | number;\n      min?: string | number;\n    };\n  };\n  calcWidthContext: {\n    _: IBaseTableProtected;\n    full: number;\n    // em: number;\n  };\n\n  _rowRangeHeightsMap: Map<string, number>; //存储指定行范围的总高度\n  _colRangeWidthsMap: Map<string, number>; //存储指定列范围的总宽度\n\n  _widthResizedColMap: Set<number>; //记录下被手动调整过列宽的列号\n\n  bodyHelper: BodyHelper;\n  headerHelper: HeaderHelper;\n  rowSeriesNumberHelper: RowSeriesNumberHelper;\n\n  cellTextOverflows: { [at: string]: string };\n  // headerDescriptions: { [at: string]: string };\n  focusedTable: boolean;\n\n  config:\n    | {\n        [name: string]: any;\n      }\n    | undefined;\n  // scroll: {\n  //   left: number;\n  //   top: number;\n  // };\n  releaseList?: { release: () => void }[] | null;\n  theme: TableTheme;\n  transpose?: boolean; //是否转置\n  // autoRowHeight?: boolean; //是否自动撑开高度 对于设置了autoWrapText的multilineText的列生效\n  pixelRatio?: number;\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu: {\n    /** 代替原来的option.menuType */\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: FieldDef, row: number, col: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** 提示弹框的相关配置。消失时机：显示后鼠标移动到指定区域外或者进入新的单元格后自动消失*/\n  tooltip: {\n    renderMode: 'html' | 'canvas';\n    /** 代替原来hover:isShowTooltip配置 */\n    isShowOverflowTextTooltip: boolean;\n    /** 弹框是否需要限定在表格区域内 */\n    confine: boolean;\n  };\n\n  dataSourceEventIds?: EventListenerId[];\n  // headerEvents?: EventListenerId[];\n  layoutMap: SimpleHeaderLayoutMap | PivotHeaderLayoutMap;\n  headerValues?: HeaderValues;\n  tooltipHandler: TooltipHandler;\n\n  // headerRowHeight: number[] | number;//移到了BaseTable\n  sortState: SortState | SortState[];\n\n  dataSource: DataSource | CachedDataSource;\n  records?: any;\n  allowRangePaste: boolean;\n  //重新思考逻辑：如果为false，行高按设置的rowHeight；如果设置为true，则按lineHeight及是否自动换行综合计算行高 2021.11.19 by：lff\n\n  autoWrapText?: boolean;\n\n  menuHandler: MenuHandler;\n\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450\n   */\n  limitMaxAutoWidth?: boolean | number;\n\n  /**\n   * 限制列宽最小值。\n   */\n  limitMinWidth?: number;\n\n  title?: Title;\n  legends?: DiscreteTableLegend | ContinueTableLegend;\n\n  //是否开启图表异步渲染\n  renderChartAsync?: boolean;\n  // // 开启图表异步渲染 每批次渐进渲染图表个数\n  // renderChartAsyncBatchCount?: number;\n\n  stick: { changedCells: Map<string, StickCell> };\n\n  customMergeCell?: CustomMergeCell;\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n}\nexport interface BaseTableConstructorOptions {\n  // /** 指定表格的行数 */\n  // rowCount?: number;\n\n  // /** 指定表格的列数 */\n  // colCount?: number;\n  /**\n   * 当前需要冻结的列数 基本表格生效\n   */\n  frozenColCount?: number;\n  rightFrozenColCount?: number;\n  bottomFrozenRowCount?: number;\n\n  // /** 待实现 TODO */\n  // frozenRowCount?: number;\n  /** 可冻结列数，表示前多少列会出现冻结操作按钮 基本表格生效 */\n  allowFrozenColCount?: number;\n  /**\n   * 默认行高. 默认 40\n   */\n  defaultRowHeight?: number;\n  /** 列表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight?: (number | 'auto') | (number | 'auto')[];\n  /**\n   * 默认列宽. 默认 80\n   */\n  defaultColWidth?: number;\n  /** 行表头默认列宽 可以按逐列设置 如果没有就取defaultColWidth */\n  defaultHeaderColWidth?: (number | 'auto') | (number | 'auto')[];\n  /** 快捷键功能设置 */\n  keyboardOptions?: TableKeyboardOptions;\n  /** 事件触发相关设置 */\n  eventOptions?: TableEventOptions;\n  /**\n   * Canvas container\n   */\n  container?: HTMLElement | null;\n\n  /**\n   * 调整列宽 可操作范围。'all' | 'none' | 'header' | 'body'; 整列间隔线|禁止调整|只能在表头处间隔线|只能在body间隔线\n   */\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n\n  /**\n   * 是否显示固定列图钉 基本表格生效\n   */\n  showFrozenIcon?: boolean;\n\n  padding?:\n    | {\n        top?: number;\n        bottom?: number;\n        left?: number;\n        right?: number;\n      }\n    | number;\n  /** hover交互配置 */\n  hover?: {\n    /** hover交互响应模式：十字交叉 整列 整行 或者单个单元格 */\n    highlightMode: 'cross' | 'column' | 'row' | 'cell';\n    /** 不响应鼠标hover交互 */\n    disableHover?: boolean;\n    /** 单独设置表头不响应鼠标hover交互 */\n    disableHeaderHover?: boolean;\n    /** 单独设置坐标轴不响应鼠标hover交互 */\n    disableAxisHover?: boolean;\n  };\n  /** 选择单元格交互配置 */\n  select?: {\n    /** 点击表头单元格时连带body整行或整列选中 或仅选中当前单元格，默认或整行或整列选中*/\n    headerSelectMode?: 'inline' | 'cell';\n    /** 不响应鼠标select交互 */\n    disableSelect?: boolean;\n    /** 单独设置表头不响应鼠标select交互 */\n    disableHeaderSelect?: boolean;\n  };\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu?: {\n    /** 代替原来的option.menuType  html目前实现较完整 先默认html渲染方式*/\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: string, row: number, col: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** tooltip相关配置 */\n  tooltip?: {\n    /** html目前实现较完整 先默认html渲染方式 */\n    renderMode?: 'html'; // 目前暂不支持canvas方案\n    /** 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/\n    isShowOverflowTextTooltip?: boolean;\n    /** 是否将 tooltip 框限制在画布区域内，默认开启。针对renderMode:\"html\"有效 */\n    confine?: boolean;\n  };\n  /**\n   * Theme\n   */\n  theme?: ITableThemeDefine;\n  /** 宽度模式 */\n  widthMode?: 'standard' | 'adaptive' | 'autoWidth';\n  /** 高度模式 */\n  heightMode?: 'standard' | 'adaptive' | 'autoHeight';\n  /** 当列宽度不能占满容器时，是否需要自动拉宽来填充容器的宽度。默认false */\n  autoFillWidth?: boolean;\n  /** 当行高度不能占满容器时，是否需要自动拉高来填充容器的高度。默认false */\n  autoFillHeight?: boolean;\n  // /** 行高是否根据内容来计算 */\n  // autoRowHeight?: boolean;\n  /** 设备的像素比 不配的话默认获取window.devicePixelRatio */\n  pixelRatio?: number;\n  /** 自定义渲染 函数形式*/\n  customRender?: ICustomRender;\n  /** 开启自动换行 默认false */\n  autoWrapText?: boolean;\n  /** 单元格中可显示最大字符数 默认200 */\n  maxCharactersNumber?: number; //\n  // /** toolip最大字符数 */\n  // maxTooltipCharactersNumber?: number;\n  /** 最大可操作条目数 如copy操作可复制出最大数据条目数 */\n  maxOperatableRecordCount?: number;\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450。手动拖拽列宽的话不收这个限制\n   */\n  limitMaxAutoWidth?: boolean | number;\n  /**\n   * 限制列宽最小值。如设置为true 则拖拽改变列宽时限制列宽最小为10px，设置为false则不进行限制。默认为10px\n   */\n  limitMinWidth?: boolean | number;\n\n  // maximum number of data items maintained in table instance\n  maintainedDataCount?: number;\n\n  legends?: ITableLegendOption;\n  title?: ITitle;\n\n  /** 是否开启图表异步渲染 */\n  renderChartAsync?: boolean;\n  /** 开启图表异步渲染 每批次渐进渲染图表个数  默认是5个 */\n  renderChartAsyncBatchCount?: number;\n\n  customMergeCell?: CustomMergeCell;\n\n  // #region for nodejs\n  mode?: 'node' | 'broswer';\n  modeParams?: any;\n  canvasWidth?: number;\n  canvasHeight?: number;\n  // #endregion\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  // resize response time\n  resizeTime?: number;\n\n  rowSeriesNumber?: IRowSeriesNumber;\n  // columnSeriesNumber?: ColumnSeriesNumber[];\n  customCellStyle?: CustomCellStyle[];\n  customCellStyleArrangement?: CustomCellStyleArrangement[];\n}\nexport interface BaseTableAPI {\n  /** 数据总条目数 */\n  recordsCount: number;\n  /** 表格的行数 */\n  rowCount: number;\n  /** 表格的列数 */\n  colCount: number;\n  /** 表格除去外层frame后的宽度 */\n  tableNoFrameWidth: number;\n  /** 表格除去外层frame后的高度 */\n  tableNoFrameHeight: number;\n  /** 表格的冻结行数 包括表头在内 */\n  frozenRowCount: number;\n  /** 表格的冻结列数 包括表头在内 */\n  frozenColCount: number;\n\n  bottomFrozenRowCount: number;\n  rightFrozenColCount: number;\n  /** 当前表格默认表头行高 */\n  defaultHeaderRowHeight: (number | 'auto') | (number | 'auto')[];\n  /** 当前表格默认行高 */\n  defaultRowHeight: number;\n  /** 当前表格默认列宽 */\n  defaultColWidth: number;\n  /** 当前表格默认表头列宽 */\n  defaultHeaderColWidth: (number | 'auto') | (number | 'auto')[];\n  /** 当前表格快捷键设置 */\n  keyboardOptions: TableKeyboardOptions | null;\n  /** 当前表格事件相关设置 */\n  eventOptions: TableEventOptions | null;\n  /**\n   * 是否显示图钉\n   */\n  showFrozenIcon: boolean;\n  readonly canvas: HTMLCanvasElement;\n  /** 表格可视区域的行数 */\n  readonly visibleRowCount: number;\n  /** 表格可视区域的列数 */\n  readonly visibleColCount: number;\n  /** 表格滚动值left */\n  scrollLeft: number;\n  /** 表格滚动值top */\n  scrollTop: number;\n  /** 用户设置的options 不要修改这个这个 */\n  options: BaseTableConstructorOptions;\n  /** 设置的全局下拉菜单列表项配置 */\n  globalDropDownMenu?: MenuListItem[];\n  /** 设置的全局自定义渲染函数 */\n  customRender?: ICustomRender;\n\n  /** 表格数据管理对象 */\n  dataSource: DataSourceAPI;\n  /** 设置的表格主题 */\n  theme: TableTheme;\n  /** 可允许设置冻结的最大列数 */\n  allowFrozenColCount: number;\n\n  /** 存储内部用到的属性 变量等 */\n  internalProps: IBaseTableProtected;\n  /** 分页信息 */\n  pagination?: IPagination;\n\n  /** 表格偏移像素值 水平方向 */\n  tableX: number;\n  /** 表格偏移像素值 垂直方向 */\n  tableY: number;\n  /** 表格宽度模式 */\n  widthMode: WidthModeDef;\n  /** 表格宽度模式 */\n  heightMode: HeightModeDef;\n  /** 当列宽度不能占满容器时，是否需要自动拉宽来填充容器的宽度。默认false */\n  autoFillWidth: boolean;\n  /** 当行高度不能占满容器时，是否需要自动拉高来填充容器的高度。默认false */\n  autoFillHeight?: boolean;\n\n  isReleased: boolean;\n\n  // rowHeightsMap: NumberMap<number>;\n  rowHeightsMap: NumberRangeMap;\n  colWidthsMap: NumberMap<string | number>;\n\n  on: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    listener: TableEventListener<TYPE> //(event: TableEventHandlersEventArgumentMap[TYPE]) => TableEventHandlersReturnMap[TYPE]\n  ) => EventListenerId;\n  // &(<T extends keyof TableEventHandlersEventArgumentMap>(type: string, listener: AnyListener<T>) => EventListenerId);\n\n  _vDataSet: DataSet;\n  /** 场景树对象 */\n  scenegraph: Scenegraph;\n  /** 状态管理模块 */\n  stateManager: StateManager;\n  /** 事件管理模块 */\n  eventManager: EventManager;\n  /** 行表头的层数 */\n  rowHeaderLevelCount: number;\n  /** 列表头的层数 */\n  columnHeaderLevelCount: number;\n\n  canvasWidth?: number;\n  canvasHeight?: number;\n\n  /** 获取表格绘制的范围 不包括frame的宽度 */\n  getDrawRange: () => Rect;\n  /** 将鼠标坐标值 转换成表格坐标系中的坐标位置 */\n  _getMouseAbstractPoint: (\n    evt: TouchEvent | MouseEvent | undefined,\n    isAddScroll?: boolean\n  ) => { x: number; y: number; inTable: boolean };\n  getElement: () => HTMLElement;\n  getContainer: () => HTMLElement;\n\n  setFrozenColCount: (count: number) => void;\n  _setFrozenColCount: (count: number) => void;\n  _updateSize: () => void;\n\n  render: () => void;\n  throttleInvalidate: () => void;\n  getRowHeight: (row: number) => number;\n  getDefaultRowHeight: (row: number) => number | 'auto';\n  _setRowHeight: (row: number, height: number, clearCache?: boolean) => void;\n  getColWidth: (col: number) => number;\n  getColWidthDefined: (col: number) => string | number;\n  // setColWidthDefined: (col: number, width: number) => void;\n  getColWidthDefinedNumber: (col: number) => number;\n  // getColWidthDefine: (col: number) => string | number;\n  _setColWidth: (col: number, width: number | string, clearCache?: boolean, skipCheckFrozen?: boolean) => void;\n  _getColContentWidth: (col: number) => number;\n  _setColContentWidth: (col: number, width: number | string, clearCache?: boolean) => void;\n  getMaxColWidth: (col: number) => number;\n  setMaxColWidth: (col: number, maxwidth: string | number) => void;\n  getMinColWidth: (col: number) => number;\n  setMinColWidth: (col: number, minwidth: string | number) => void;\n  getCellRect: (col: number, row: number) => Rect;\n  getCellRelativeRect: (col: number, row: number) => Rect;\n  getCellsRect: (startCol: number, startRow: number, endCol: number, endRow: number) => Rect;\n  getCellRangeRect: (cellRange: CellRange | CellAddress) => Rect;\n  getCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => Rect;\n  getVisibleCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => Rect;\n  isFrozenCell: (col: number, row: number) => { row: boolean; col: boolean } | null;\n  getRowAt: (absoluteY: number) => { top: number; row: number; bottom: number };\n  getColAt: (absoluteX: number) => { left: number; col: number; right: number };\n  getCellAt: (absoluteX: number, absoluteY: number) => CellAddress;\n  _makeVisibleCell: (col: number, row: number) => void;\n  // setFocusCursor(col: number, row: number): void;\n  // focusCell(col: number, row: number): void;\n  getCellOverflowText: (col: number, row: number) => string | null;\n  getColsWidth: (startCol: number, endCol: number) => number;\n  getRowsHeight: (startRow: number, endRow: number) => number;\n\n  release: () => void;\n  addReleaseObj: (releaseObj: { release: () => void }) => void;\n  _getCellStyle: (col: number, row: number) => FullExtendStyle;\n  clearCellStyleCache: () => void;\n\n  getFrozenRowsHeight: () => number;\n  getFrozenColsWidth: () => number;\n  getBottomFrozenRowsHeight: () => number;\n  getRightFrozenColsWidth: () => number;\n  selectCell: (col: number, row: number) => void;\n  selectCells: (cellRanges: CellRange[]) => void;\n  getAllRowsHeight: () => number;\n  getAllColsWidth: () => number;\n\n  off: (id: EventListenerId) => void;\n  getBodyField: (col: number, row: number) => FieldDef | undefined;\n  /**\n   * 根据单元格获取对应的源数据\n   * @param col\n   * @param row\n   * @returns\n   */\n  getRecordByCell: (col: number, row: number) => MaybePromiseOrUndefined;\n  /**\n   * 根据数据源的index 获取显示到表格中的index 行号或者列号（与转置相关）。注：ListTable特有接口\n   * @param recordIndex\n   */\n  getTableIndexByRecordIndex: (recordIndex: number) => number;\n  /**\n   * 根据数据源的field 获取显示到表格中的index 行号或者列号（与转置相关）。注：ListTable特有接口\n   * @param recordIndex\n   */\n  getTableIndexByField: (field: FieldDef) => number;\n  /**\n   * 根据数据源中的index和field获取单元格行列号。注：ListTable特有接口\n   * @param field\n   * @param recordIndex\n   * @returns\n   */\n  getCellAddrByFieldRecord: (field: FieldDef, recordIndex: number) => CellAddress;\n  getRecordShowIndexByCell: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n\n  getHeaderField: (col: number, row: number) => any | undefined;\n\n  _getHeaderCellBySortState: (sortState: SortState) => CellAddress | undefined;\n  getHeaderDefine: (col: number, row: number) => ColumnDefine | IRowSeriesNumber | ColumnSeriesNumber;\n  _getHeaderLayoutMap: (col: number, row: number) => HeaderData | SeriesNumberColumnData;\n  getContext: () => CanvasRenderingContext2D;\n  getCellRange: (col: number, row: number) => CellRange;\n  _resetFrozenColCount: () => void;\n  isCellRangeEqual: (col: number, row: number, targetCol: number, targetRow: number) => boolean;\n  _getLayoutCellId: (col: number, row: number) => LayoutObjectId;\n  _getBodyLayoutMap: (col: number, row: number) => ColumnData | IndicatorData | SeriesNumberColumnData;\n  getBodyColumnDefine: (col: number, row: number) => ColumnDefine | IRowSeriesNumber | ColumnSeriesNumber;\n  getBodyColumnType: (col: number, row: number) => ColumnTypeOption;\n  getCellType: (col: number, row: number) => ColumnTypeOption;\n  fireListeners: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    event: TableEventHandlersEventArgumentMap[TYPE]\n  ) => TableEventHandlersReturnMap[TYPE][];\n\n  //更新分页\n  updatePagination: (cof: IPagination) => void;\n  //hover\n\n  getHeaderDescription: (col: number, row: number) => string | undefined;\n  /** 获取单元格展示值 */\n  getCellValue: (col: number, row: number) => string | null;\n  /** 获取单元格展示数据的format前的值 */\n  getCellOriginValue: (col: number, row: number) => any;\n  /** 获取单元格展示数据源最原始值 */\n  getCellRawValue: (col: number, row: number) => FieldData;\n  /** 获取单元格展示数据的format前的record源数据 */\n  getCellOriginRecord: (col: number, row: number) => MaybePromiseOrUndefined;\n  /** 获取单元格展示源数据 */\n  getCellRawRecord: (col: number, row: number) => MaybePromiseOrUndefined;\n\n  _dropDownMenuIsHighlight: (col: number, row: number, index: number) => boolean;\n  // bindEvents(): void;\n  refreshRowColCount: () => void;\n  // getFieldData: (field: FieldDef | FieldFormat | undefined, col: number, row: number) => FieldData;\n  _hasField: (field: FieldDef, col: number, row: number) => boolean;\n  getCellHeaderPaths: (col: number, row: number) => ICellHeaderPaths;\n  getCellLocation: (col: number, row: number) => CellLocation;\n  // isHitIcon(col: number, row: number, x: number, y: number, iconType: IconFuncTypeEnum): boolean;\n  getCellIcons: (col: number, row: number) => ColumnIconOption[];\n\n  getMenuInfo: (col: number, row: number, type: string) => DropDownMenuEventInfo;\n  /**\n   * 获取某个单元格的样式 共业务方调用\n   * @param col\n   * @param row\n   */\n  getCellStyle: (col: number, row: number) => CellStyle; //  计算后style\n\n  getHierarchyState: (col: number, row: number) => HierarchyState | null;\n\n  _hasHierarchyTreeHeader: () => boolean;\n\n  _canDragHeaderPosition: (col: number, row: number) => boolean;\n\n  isHeader: (col: number, row: number) => boolean;\n\n  isColumnHeader: (col: number, row: number) => boolean;\n\n  isCornerHeader: (col: number, row: number) => boolean;\n\n  isRowHeader: (col: number, row: number) => boolean;\n\n  getCopyValue: () => string;\n\n  getSelectedCellInfos: () => CellInfo[][];\n  getCellInfo: (col: number, row: number) => Omit<MousePointerCellEvent, 'target'>;\n\n  showTooltip: (col: number, row: number, tooltipOptions?: TooltipOptions) => void;\n\n  measureText: (\n    text: string,\n    font: { fontSize: number; fontWeight?: string | number; fontFamily: string }\n  ) => ITextSize;\n\n  _canResizeColumn: (col: number, row: number) => boolean;\n\n  getCustomRender: (col: number, row: number) => ICustomRender;\n  getCustomLayout: (col: number, row: number) => ICustomLayout;\n  isListTable: () => boolean;\n  isPivotTable: (() => boolean) & (() => boolean);\n  isPivotChart: (() => boolean) & (() => boolean);\n  _clearColRangeWidthsMap: (col?: number) => void;\n  _clearRowRangeHeightsMap: (row?: number) => void;\n  clearRowHeightCache: () => void;\n  clearColWidthCache: () => void;\n  toggleHierarchyState: (col: number, row: number) => void;\n\n  resize: () => void;\n\n  getMergeCellRect: (col: number, row: number) => Rect;\n\n  getTargetColAt: (absoluteX: number) => { col: number; left: number; right: number; width: number } | null;\n  getTargetRowAt: (absoluteY: number) => { row: number; top: number; bottom: number; height: number } | null;\n\n  renderWithRecreateCells: () => void;\n  //#endregion  tableAPI\n\n  _adjustColWidth: (col: number, orgWidth: number) => number;\n  _colWidthDefineToPxWidth: (width: string | number) => number;\n  isFrozenColumn: (col: number, row?: number) => boolean;\n  isLeftFrozenColumn: (col: number, row?: number) => boolean;\n  isRightFrozenColumn: (col: number, row?: number) => boolean;\n  isFrozenRow: (col: number, row?: number) => boolean;\n  isTopFrozenRow: (col: number, row?: number) => boolean;\n  isBottomFrozenRow: (col: number, row?: number) => boolean;\n\n  hasCustomMerge: () => boolean;\n  getCustomMerge: (col: number, row: number) => undefined | (Omit<CustomMerge, 'style'> & { style?: FullExtendStyle });\n  /** 获取表格body部分的显示单元格范围 */\n  getBodyVisibleCellRange: () => { rowStart: number; colStart: number; rowEnd: number; colEnd: number };\n  /** 获取表格body部分的显示列号范围 */\n  getBodyVisibleColRange: () => { colStart: number; colEnd: number };\n  /** 获取表格body部分的显示行号范围 */\n  getBodyVisibleRowRange: () => { rowStart: number; rowEnd: number };\n\n  _hasCustomRenderOrLayout: () => boolean;\n  /** 根据表格单元格的行列号 获取在body部分的列索引及行索引 */\n  getBodyIndexByTableIndex: (col: number, row: number) => CellAddress;\n  /** 根据body部分的列索引及行索引，获取单元格的行列号 */\n  getTableIndexByBodyIndex: (col: number, row: number) => CellAddress;\n  /**\n   * 滚动到具体某个单元格位置\n   * @param cellAddr 要滚动到的单元格位置\n   */\n  scrollToCell: (cellAddr: { col?: number; row?: number }) => void;\n\n  registerCustomCellStyle: (customStyleId: string, customStyle: ColumnStyleOption | undefined | null) => void;\n  arrangeCustomCellStyle: (cellPos: { col?: number; row?: number; range?: CellRange }, customStyleId: string) => void;\n\n  _moveHeaderPosition: (\n    source: CellAddress,\n    target: CellAddress\n  ) => {\n    sourceIndex: number;\n    targetIndex: any;\n    sourceSize: any;\n    targetSize: any;\n    moveType: 'column' | 'row';\n  };\n  changeRecordOrder: (source: number, target: number) => void;\n  isSeriesNumber: (col: number, row?: number) => boolean;\n  isHasSeriesNumber: () => boolean;\n  leftRowSeriesNumberCount: number;\n}\nexport interface ListTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  dataConfig?: IListTableDataConfig;\n  columns: ColumnsDefine;\n  layoutMap: SimpleHeaderLayoutMap;\n}\n\nexport interface PivotTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IPivotTableDataConfig;\n  /**\n   * 透视表是否开启数据分析\n   * 如果传入数据是明细数据需要聚合分析则开启\n   * 如传入数据是经过聚合好的为了提升性能这里设置为false，同时需要传入columnTree和rowTree\n   */\n  enableDataAnalysis?: boolean;\n\n  /** 列表头树型结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头树型结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n}\nexport interface PivotChartProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | Record<string, any[]>;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IPivotChartDataConfig;\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n}\n"]}
+{"version":3,"sources":["../src/ts-types/base-table.ts"],"names":[],"mappings":"","file":"base-table.js","sourcesContent":["import type { ITextSize } from '@visactor/vutils';\nimport type {\n  RectProps,\n  MaybePromiseOrUndefined,\n  ICellHeaderPaths,\n  CellInfo,\n  CustomCellStyle,\n  CustomCellStyleArrangement\n} from './common';\nimport type {\n  TableEventListener,\n  TableEventHandlersEventArgumentMap,\n  TableEventHandlersReturnMap,\n  EventListenerId,\n  MousePointerCellEvent\n} from './events';\nimport type { MenuListItem, DropDownMenuEventInfo, DropDownMenuHighlightInfo } from './menu';\nimport type { CellStyle } from './style-define';\nimport type { ColumnIconOption } from './icon';\nimport type {\n  ColumnData,\n  ColumnDefine,\n  ColumnsDefine,\n  HeaderData,\n  IndicatorData,\n  SeriesNumberColumnData\n} from './list-table/layout-map/api';\nexport type { HeaderData } from './list-table/layout-map/api';\nimport type { TableTheme } from '../themes/theme';\nimport type { ICustomRender } from './customElement';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { Scenegraph } from '../scenegraph/scenegraph';\nimport type { StateManager } from '../state/state';\nimport type { EventManager } from '../event/event';\nimport type {\n  CellAddress,\n  CellRange,\n  CellLocation,\n  ColumnTypeOption,\n  DataSourceAPI,\n  FieldData,\n  FieldDef,\n  FieldFormat,\n  FullExtendStyle,\n  HeaderValues,\n  HeightModeDef,\n  HierarchyState,\n  IPivotTableDataConfig,\n  IPagination,\n  ITableThemeDefine,\n  SortState,\n  TableKeyboardOptions,\n  WidthModeDef,\n  IHeaderTreeDefine,\n  IDimension,\n  IIndicator,\n  StickCell,\n  CustomMergeCell,\n  CustomMerge,\n  IColumnDimension,\n  IRowDimension,\n  TableEventOptions,\n  IPivotChartDataConfig,\n  IListTableDataConfig,\n  IRowSeriesNumber,\n  ColumnSeriesNumber,\n  ColumnStyleOption\n} from '.';\nimport type { TooltipOptions } from './tooltip';\nimport type { IWrapTextGraphicAttribute } from '../scenegraph/graphic/text';\nimport type { ICustomLayout } from './customLayout';\nimport type { CachedDataSource, DataSource } from '../data';\nimport type { MenuHandler } from '../components/menu/dom/MenuHandler';\nimport type { PivotHeaderLayoutMap } from '../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../layout';\nimport type { TooltipHandler } from '../components/tooltip/TooltipHandler';\nimport type { BodyHelper } from '../body-helper/body-helper';\nimport type { HeaderHelper } from '../header-helper/header-helper';\nimport type { EventHandler } from '../event/EventHandler';\nimport type { NumberMap } from '../tools/NumberMap';\nimport type { FocusInput } from '../core/FouseInput';\nimport type { ITableLegendOption } from './component/legend';\nimport type { DataSet } from '@visactor/vdataset';\nimport type { Title } from '../components/title/title';\nimport type { ITitle } from './component/title';\nimport type { DiscreteTableLegend } from '../components/legend/discrete-legend/discrete-legend';\nimport type { ContinueTableLegend } from '../components/legend/continue-legend/continue-legend';\nimport type { NumberRangeMap } from '../layout/row-height-map';\nimport type { RowSeriesNumberHelper } from '../core/row-series-number-helper';\n\nexport interface IBaseTableProtected {\n  element: HTMLElement;\n  // scrollable: Scrollable;\n  handler: EventHandler;\n  focusControl: FocusInput;\n  canvas: HTMLCanvasElement;\n  context: CanvasRenderingContext2D;\n  rowCount: number;\n  colCount: number;\n  frozenColCount: number;\n  allowFrozenColCount: number;\n\n  frozenRowCount: number;\n  rightFrozenColCount: number;\n  bottomFrozenRowCount: number;\n  defaultRowHeight: number;\n  /**表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight: (number | 'auto') | (number | 'auto')[];\n  defaultColWidth: number;\n  defaultHeaderColWidth: (number | 'auto') | (number | 'auto')[];\n  // font?: string;\n  // underlayBackgroundColor?: string;\n  keyboardOptions?: TableKeyboardOptions;\n  eventOptions?: TableEventOptions;\n  rowSeriesNumber?: IRowSeriesNumber;\n  columnSeriesNumber?: ColumnSeriesNumber[];\n  // disableRowHeaderColumnResize?: boolean;\n  // 列宽调整模式（全列调整；全列不可调整；仅表头单元格可调整；仅内容单元格可调整）\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n  /** 拖拽表头移动位置 针对冻结部分的规则\n   * \"disabled\"（禁止调整冻结列位置）：不允许其他列的表头移入冻结列，也不允许冻结列移出，冻结列保持不变。\n   * \"adjustFrozenCount\"（根据交互结果调整冻结数量）：允许其他列的表头移入冻结列，及冻结列移出，并根据拖拽的动作调整冻结列的数量。当其他列的表头被拖拽进入冻结列位置时，冻结列数量增加；当其他列的表头被拖拽移出冻结列位置时，冻结列数量减少。\n   * \"fixedFrozenCount\"（可调整冻结列，并维持冻结数量不变）：允许自由拖拽其他列的表头移入或移出冻结列位置，同时保持冻结列的数量不变。\n   */\n  frozenColDragHeaderMode?: 'disabled' | 'adjustFrozenCount' | 'fixedFrozenCount';\n  cachedRecordsRowHeightMap: NumberMap<string | number>; //存储每一条记录对应行的行高，只有当设置为自动换行随内容撑开才会起作用\n  // headerRowHeightsMap: NumberMap<number>; //目前是用来存储了表头各行的高度，从headerRowHeight计算而来，headerRowHeight可以设置为数组的形式\n  _rowHeightsMap: NumberRangeMap; //存储数据条目每行高度\n  _colWidthsMap: NumberMap<string | number>; //存储各列的宽度\n  _colContentWidthsMap: NumberMap<string | number>; //存储各列的内容宽度\n  _colWidthsLimit: {\n    //存储各列的宽度限制\n    [col: number]: {\n      max?: string | number;\n      min?: string | number;\n    };\n  };\n  calcWidthContext: {\n    _: IBaseTableProtected;\n    full: number;\n    // em: number;\n  };\n\n  _rowRangeHeightsMap: Map<string, number>; //存储指定行范围的总高度\n  _colRangeWidthsMap: Map<string, number>; //存储指定列范围的总宽度\n\n  _widthResizedColMap: Set<number>; //记录下被手动调整过列宽的列号\n\n  bodyHelper: BodyHelper;\n  headerHelper: HeaderHelper;\n  rowSeriesNumberHelper: RowSeriesNumberHelper;\n\n  cellTextOverflows: { [at: string]: string };\n  // headerDescriptions: { [at: string]: string };\n  focusedTable: boolean;\n\n  config:\n    | {\n        [name: string]: any;\n      }\n    | undefined;\n  // scroll: {\n  //   left: number;\n  //   top: number;\n  // };\n  releaseList?: { release: () => void }[] | null;\n  theme: TableTheme;\n  transpose?: boolean; //是否转置\n  // autoRowHeight?: boolean; //是否自动撑开高度 对于设置了autoWrapText的multilineText的列生效\n  pixelRatio?: number;\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu: {\n    /** 代替原来的option.menuType */\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: FieldDef, row: number, col: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** 提示弹框的相关配置。消失时机：显示后鼠标移动到指定区域外或者进入新的单元格后自动消失*/\n  tooltip: {\n    renderMode: 'html' | 'canvas';\n    /** 代替原来hover:isShowTooltip配置 */\n    isShowOverflowTextTooltip: boolean;\n    /** 弹框是否需要限定在表格区域内 */\n    confine: boolean;\n  };\n\n  dataSourceEventIds?: EventListenerId[];\n  // headerEvents?: EventListenerId[];\n  layoutMap: SimpleHeaderLayoutMap | PivotHeaderLayoutMap;\n  headerValues?: HeaderValues;\n  tooltipHandler: TooltipHandler;\n\n  // headerRowHeight: number[] | number;//移到了BaseTable\n  sortState: SortState | SortState[];\n\n  dataSource: DataSource | CachedDataSource;\n  records?: any;\n  allowRangePaste: boolean;\n  //重新思考逻辑：如果为false，行高按设置的rowHeight；如果设置为true，则按lineHeight及是否自动换行综合计算行高 2021.11.19 by：lff\n\n  autoWrapText?: boolean;\n\n  menuHandler: MenuHandler;\n\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450\n   */\n  limitMaxAutoWidth?: boolean | number;\n\n  /**\n   * 限制列宽最小值。\n   */\n  limitMinWidth?: number;\n\n  title?: Title;\n  legends?: DiscreteTableLegend | ContinueTableLegend;\n\n  //是否开启图表异步渲染\n  renderChartAsync?: boolean;\n  // // 开启图表异步渲染 每批次渐进渲染图表个数\n  // renderChartAsyncBatchCount?: number;\n\n  stick: { changedCells: Map<string, StickCell> };\n\n  customMergeCell?: CustomMergeCell;\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n}\nexport interface BaseTableConstructorOptions {\n  // /** 指定表格的行数 */\n  // rowCount?: number;\n\n  // /** 指定表格的列数 */\n  // colCount?: number;\n  /**\n   * 当前需要冻结的列数 基本表格生效\n   */\n  frozenColCount?: number;\n  rightFrozenColCount?: number;\n  bottomFrozenRowCount?: number;\n\n  // /** 待实现 TODO */\n  // frozenRowCount?: number;\n  /** 可冻结列数，表示前多少列会出现冻结操作按钮 基本表格生效 */\n  allowFrozenColCount?: number;\n  /**\n   * 默认行高. 默认 40\n   */\n  defaultRowHeight?: number;\n  /** 列表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight?: (number | 'auto') | (number | 'auto')[];\n  /**\n   * 默认列宽. 默认 80\n   */\n  defaultColWidth?: number;\n  /** 行表头默认列宽 可以按逐列设置 如果没有就取defaultColWidth */\n  defaultHeaderColWidth?: (number | 'auto') | (number | 'auto')[];\n  /** 快捷键功能设置 */\n  keyboardOptions?: TableKeyboardOptions;\n  /** 事件触发相关设置 */\n  eventOptions?: TableEventOptions;\n  /**\n   * Canvas container\n   */\n  container?: HTMLElement | null;\n\n  /**\n   * 调整列宽 可操作范围。'all' | 'none' | 'header' | 'body'; 整列间隔线|禁止调整|只能在表头处间隔线|只能在body间隔线\n   */\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n\n  /**\n   * 是否显示固定列图钉 基本表格生效\n   */\n  showFrozenIcon?: boolean;\n\n  padding?:\n    | {\n        top?: number;\n        bottom?: number;\n        left?: number;\n        right?: number;\n      }\n    | number;\n  /** hover交互配置 */\n  hover?: {\n    /** hover交互响应模式：十字交叉 整列 整行 或者单个单元格 */\n    highlightMode: 'cross' | 'column' | 'row' | 'cell';\n    /** 不响应鼠标hover交互 */\n    disableHover?: boolean;\n    /** 单独设置表头不响应鼠标hover交互 */\n    disableHeaderHover?: boolean;\n    /** 单独设置坐标轴不响应鼠标hover交互 */\n    disableAxisHover?: boolean;\n  };\n  /** 选择单元格交互配置 */\n  select?: {\n    /** 点击表头单元格时连带body整行或整列选中 或仅选中当前单元格，默认或整行或整列选中*/\n    headerSelectMode?: 'inline' | 'cell';\n    /** 不响应鼠标select交互 */\n    disableSelect?: boolean;\n    /** 单独设置表头不响应鼠标select交互 */\n    disableHeaderSelect?: boolean;\n  };\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu?: {\n    /** 代替原来的option.menuType  html目前实现较完整 先默认html渲染方式*/\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: string, row: number, col: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** tooltip相关配置 */\n  tooltip?: {\n    /** html目前实现较完整 先默认html渲染方式 */\n    renderMode?: 'html'; // 目前暂不支持canvas方案\n    /** 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/\n    isShowOverflowTextTooltip?: boolean;\n    /** 是否将 tooltip 框限制在画布区域内，默认开启。针对renderMode:\"html\"有效 */\n    confine?: boolean;\n  };\n  /**\n   * Theme\n   */\n  theme?: ITableThemeDefine;\n  /** 宽度模式 */\n  widthMode?: 'standard' | 'adaptive' | 'autoWidth';\n  /** 高度模式 */\n  heightMode?: 'standard' | 'adaptive' | 'autoHeight';\n  /** 当列宽度不能占满容器时，是否需要自动拉宽来填充容器的宽度。默认false */\n  autoFillWidth?: boolean;\n  /** 当行高度不能占满容器时，是否需要自动拉高来填充容器的高度。默认false */\n  autoFillHeight?: boolean;\n  // /** 行高是否根据内容来计算 */\n  // autoRowHeight?: boolean;\n  /** 设备的像素比 不配的话默认获取window.devicePixelRatio */\n  pixelRatio?: number;\n  /** 自定义渲染 函数形式*/\n  customRender?: ICustomRender;\n  /** 开启自动换行 默认false */\n  autoWrapText?: boolean;\n  /** 单元格中可显示最大字符数 默认200 */\n  maxCharactersNumber?: number; //\n  // /** toolip最大字符数 */\n  // maxTooltipCharactersNumber?: number;\n  /** 最大可操作条目数 如copy操作可复制出最大数据条目数 */\n  maxOperatableRecordCount?: number;\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450。手动拖拽列宽的话不收这个限制\n   */\n  limitMaxAutoWidth?: boolean | number;\n  /**\n   * 限制列宽最小值。如设置为true 则拖拽改变列宽时限制列宽最小为10px，设置为false则不进行限制。默认为10px\n   */\n  limitMinWidth?: boolean | number;\n\n  // maximum number of data items maintained in table instance\n  maintainedDataCount?: number;\n\n  legends?: ITableLegendOption;\n  title?: ITitle;\n\n  /** 是否开启图表异步渲染 */\n  renderChartAsync?: boolean;\n  /** 开启图表异步渲染 每批次渐进渲染图表个数  默认是5个 */\n  renderChartAsyncBatchCount?: number;\n\n  customMergeCell?: CustomMergeCell;\n\n  // #region for nodejs\n  mode?: 'node' | 'broswer';\n  modeParams?: any;\n  canvasWidth?: number;\n  canvasHeight?: number;\n  // #endregion\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  // resize response time\n  resizeTime?: number;\n\n  rowSeriesNumber?: IRowSeriesNumber;\n  // columnSeriesNumber?: ColumnSeriesNumber[];\n  customCellStyle?: CustomCellStyle[];\n  customCellStyleArrangement?: CustomCellStyleArrangement[];\n\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n}\nexport interface BaseTableAPI {\n  /** 数据总条目数 */\n  recordsCount: number;\n  /** 表格的行数 */\n  rowCount: number;\n  /** 表格的列数 */\n  colCount: number;\n  /** 表格除去外层frame后的宽度 */\n  tableNoFrameWidth: number;\n  /** 表格除去外层frame后的高度 */\n  tableNoFrameHeight: number;\n  /** 表格的冻结行数 包括表头在内 */\n  frozenRowCount: number;\n  /** 表格的冻结列数 包括表头在内 */\n  frozenColCount: number;\n\n  bottomFrozenRowCount: number;\n  rightFrozenColCount: number;\n  /** 当前表格默认表头行高 */\n  defaultHeaderRowHeight: (number | 'auto') | (number | 'auto')[];\n  /** 当前表格默认行高 */\n  defaultRowHeight: number;\n  /** 当前表格默认列宽 */\n  defaultColWidth: number;\n  /** 当前表格默认表头列宽 */\n  defaultHeaderColWidth: (number | 'auto') | (number | 'auto')[];\n  /** 当前表格快捷键设置 */\n  keyboardOptions: TableKeyboardOptions | null;\n  /** 当前表格事件相关设置 */\n  eventOptions: TableEventOptions | null;\n  /**\n   * 是否显示图钉\n   */\n  showFrozenIcon: boolean;\n  readonly canvas: HTMLCanvasElement;\n  /** 表格可视区域的行数 */\n  readonly visibleRowCount: number;\n  /** 表格可视区域的列数 */\n  readonly visibleColCount: number;\n  /** 表格滚动值left */\n  scrollLeft: number;\n  /** 表格滚动值top */\n  scrollTop: number;\n  /** 用户设置的options 不要修改这个这个 */\n  options: BaseTableConstructorOptions;\n  /** 设置的全局下拉菜单列表项配置 */\n  globalDropDownMenu?: MenuListItem[];\n  /** 设置的全局自定义渲染函数 */\n  customRender?: ICustomRender;\n\n  /** 表格数据管理对象 */\n  dataSource: DataSourceAPI;\n  /** 设置的表格主题 */\n  theme: TableTheme;\n  /** 可允许设置冻结的最大列数 */\n  allowFrozenColCount: number;\n\n  /** 存储内部用到的属性 变量等 */\n  internalProps: IBaseTableProtected;\n  /** 分页信息 */\n  pagination?: IPagination;\n\n  /** 表格偏移像素值 水平方向 */\n  tableX: number;\n  /** 表格偏移像素值 垂直方向 */\n  tableY: number;\n  /** 表格宽度模式 */\n  widthMode: WidthModeDef;\n  /** 表格宽度模式 */\n  heightMode: HeightModeDef;\n  /** 当列宽度不能占满容器时，是否需要自动拉宽来填充容器的宽度。默认false */\n  autoFillWidth: boolean;\n  /** 当行高度不能占满容器时，是否需要自动拉高来填充容器的高度。默认false */\n  autoFillHeight?: boolean;\n\n  isReleased: boolean;\n\n  // rowHeightsMap: NumberMap<number>;\n  rowHeightsMap: NumberRangeMap;\n  colWidthsMap: NumberMap<string | number>;\n\n  on: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    listener: TableEventListener<TYPE> //(event: TableEventHandlersEventArgumentMap[TYPE]) => TableEventHandlersReturnMap[TYPE]\n  ) => EventListenerId;\n  // &(<T extends keyof TableEventHandlersEventArgumentMap>(type: string, listener: AnyListener<T>) => EventListenerId);\n\n  _vDataSet: DataSet;\n  /** 场景树对象 */\n  scenegraph: Scenegraph;\n  /** 状态管理模块 */\n  stateManager: StateManager;\n  /** 事件管理模块 */\n  eventManager: EventManager;\n  /** 行表头的层数 */\n  rowHeaderLevelCount: number;\n  /** 列表头的层数 */\n  columnHeaderLevelCount: number;\n\n  canvasWidth?: number;\n  canvasHeight?: number;\n\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n\n  /** 获取表格绘制的范围 不包括frame的宽度 */\n  getDrawRange: () => Rect;\n  /** 将鼠标坐标值 转换成表格坐标系中的坐标位置 */\n  _getMouseAbstractPoint: (\n    evt: TouchEvent | MouseEvent | undefined,\n    isAddScroll?: boolean\n  ) => { x: number; y: number; inTable: boolean };\n  getElement: () => HTMLElement;\n  getContainer: () => HTMLElement;\n\n  setFrozenColCount: (count: number) => void;\n  _setFrozenColCount: (count: number) => void;\n  _updateSize: () => void;\n\n  render: () => void;\n  throttleInvalidate: () => void;\n  getRowHeight: (row: number) => number;\n  getDefaultRowHeight: (row: number) => number | 'auto';\n  getDefaultColumnWidth: (col: number) => number | 'auto';\n  _setRowHeight: (row: number, height: number, clearCache?: boolean) => void;\n  getColWidth: (col: number) => number;\n  getColWidthDefined: (col: number) => string | number;\n  // setColWidthDefined: (col: number, width: number) => void;\n  getColWidthDefinedNumber: (col: number) => number;\n  // getColWidthDefine: (col: number) => string | number;\n  _setColWidth: (col: number, width: number | string, clearCache?: boolean, skipCheckFrozen?: boolean) => void;\n  _getColContentWidth: (col: number) => number;\n  _setColContentWidth: (col: number, width: number | string, clearCache?: boolean) => void;\n  getMaxColWidth: (col: number) => number;\n  setMaxColWidth: (col: number, maxwidth: string | number) => void;\n  getMinColWidth: (col: number) => number;\n  setMinColWidth: (col: number, minwidth: string | number) => void;\n  getCellRect: (col: number, row: number) => Rect;\n  getCellRelativeRect: (col: number, row: number) => Rect;\n  getCellsRect: (startCol: number, startRow: number, endCol: number, endRow: number) => Rect;\n  getCellRangeRect: (cellRange: CellRange | CellAddress) => Rect;\n  getCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => Rect;\n  getVisibleCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => Rect;\n  isFrozenCell: (col: number, row: number) => { row: boolean; col: boolean } | null;\n  getRowAt: (absoluteY: number) => { top: number; row: number; bottom: number };\n  getColAt: (absoluteX: number) => { left: number; col: number; right: number };\n  getCellAt: (absoluteX: number, absoluteY: number) => CellAddress;\n  _makeVisibleCell: (col: number, row: number) => void;\n  // setFocusCursor(col: number, row: number): void;\n  // focusCell(col: number, row: number): void;\n  getCellOverflowText: (col: number, row: number) => string | null;\n  getColsWidth: (startCol: number, endCol: number) => number;\n  getRowsHeight: (startRow: number, endRow: number) => number;\n\n  release: () => void;\n  addReleaseObj: (releaseObj: { release: () => void }) => void;\n  _getCellStyle: (col: number, row: number) => FullExtendStyle;\n  clearCellStyleCache: () => void;\n\n  getFrozenRowsHeight: () => number;\n  getFrozenColsWidth: () => number;\n  getBottomFrozenRowsHeight: () => number;\n  getRightFrozenColsWidth: () => number;\n  selectCell: (col: number, row: number) => void;\n  selectCells: (cellRanges: CellRange[]) => void;\n  getAllRowsHeight: () => number;\n  getAllColsWidth: () => number;\n\n  off: (id: EventListenerId) => void;\n  getBodyField: (col: number, row: number) => FieldDef | undefined;\n  /**\n   * 根据单元格获取对应的源数据\n   * @param col\n   * @param row\n   * @returns\n   */\n  getRecordByCell: (col: number, row: number) => MaybePromiseOrUndefined;\n  /**\n   * 根据数据源的index 获取显示到表格中的index 行号或者列号（与转置相关）。注：ListTable特有接口\n   * @param recordIndex\n   */\n  getTableIndexByRecordIndex: (recordIndex: number) => number;\n  /**\n   * 根据数据源的field 获取显示到表格中的index 行号或者列号（与转置相关）。注：ListTable特有接口\n   * @param recordIndex\n   */\n  getTableIndexByField: (field: FieldDef) => number;\n  /**\n   * 根据数据源中的index和field获取单元格行列号。注：ListTable特有接口\n   * @param field\n   * @param recordIndex\n   * @returns\n   */\n  getCellAddrByFieldRecord: (field: FieldDef, recordIndex: number) => CellAddress;\n  getRecordShowIndexByCell: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n\n  getHeaderField: (col: number, row: number) => any | undefined;\n\n  _getHeaderCellBySortState: (sortState: SortState) => CellAddress | undefined;\n  getHeaderDefine: (col: number, row: number) => ColumnDefine | IRowSeriesNumber | ColumnSeriesNumber;\n  _getHeaderLayoutMap: (col: number, row: number) => HeaderData | SeriesNumberColumnData;\n  getContext: () => CanvasRenderingContext2D;\n  getCellRange: (col: number, row: number) => CellRange;\n  _resetFrozenColCount: () => void;\n  isCellRangeEqual: (col: number, row: number, targetCol: number, targetRow: number) => boolean;\n  _getLayoutCellId: (col: number, row: number) => LayoutObjectId;\n  _getBodyLayoutMap: (col: number, row: number) => ColumnData | IndicatorData | SeriesNumberColumnData;\n  getBodyColumnDefine: (col: number, row: number) => ColumnDefine | IRowSeriesNumber | ColumnSeriesNumber;\n  getBodyColumnType: (col: number, row: number) => ColumnTypeOption;\n  getCellType: (col: number, row: number) => ColumnTypeOption;\n  fireListeners: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    event: TableEventHandlersEventArgumentMap[TYPE]\n  ) => TableEventHandlersReturnMap[TYPE][];\n\n  //更新分页\n  updatePagination: (cof: IPagination) => void;\n  //hover\n\n  getHeaderDescription: (col: number, row: number) => string | undefined;\n  /** 获取单元格展示值 */\n  getCellValue: (col: number, row: number) => string | null;\n  /** 获取单元格展示数据的format前的值 */\n  getCellOriginValue: (col: number, row: number) => any;\n  /** 获取单元格展示数据源最原始值 */\n  getCellRawValue: (col: number, row: number) => FieldData;\n  /** 获取单元格展示数据的format前的record源数据 */\n  getCellOriginRecord: (col: number, row: number) => MaybePromiseOrUndefined;\n  /** 获取单元格展示源数据 */\n  getCellRawRecord: (col: number, row: number) => MaybePromiseOrUndefined;\n\n  _dropDownMenuIsHighlight: (col: number, row: number, index: number) => boolean;\n  // bindEvents(): void;\n  refreshRowColCount: () => void;\n  // getFieldData: (field: FieldDef | FieldFormat | undefined, col: number, row: number) => FieldData;\n  _hasField: (field: FieldDef, col: number, row: number) => boolean;\n  getCellHeaderPaths: (col: number, row: number) => ICellHeaderPaths;\n  getCellLocation: (col: number, row: number) => CellLocation;\n  // isHitIcon(col: number, row: number, x: number, y: number, iconType: IconFuncTypeEnum): boolean;\n  getCellIcons: (col: number, row: number) => ColumnIconOption[];\n\n  getMenuInfo: (col: number, row: number, type: string) => DropDownMenuEventInfo;\n  /**\n   * 获取某个单元格的样式 共业务方调用\n   * @param col\n   * @param row\n   */\n  getCellStyle: (col: number, row: number) => CellStyle; //  计算后style\n\n  getHierarchyState: (col: number, row: number) => HierarchyState | null;\n\n  _hasHierarchyTreeHeader: () => boolean;\n\n  _canDragHeaderPosition: (col: number, row: number) => boolean;\n\n  isHeader: (col: number, row: number) => boolean;\n\n  isColumnHeader: (col: number, row: number) => boolean;\n\n  isCornerHeader: (col: number, row: number) => boolean;\n\n  isRowHeader: (col: number, row: number) => boolean;\n\n  getCopyValue: () => string;\n\n  getSelectedCellInfos: () => CellInfo[][];\n  getCellInfo: (col: number, row: number) => Omit<MousePointerCellEvent, 'target'>;\n\n  showTooltip: (col: number, row: number, tooltipOptions?: TooltipOptions) => void;\n\n  measureText: (\n    text: string,\n    font: { fontSize: number; fontWeight?: string | number; fontFamily: string }\n  ) => ITextSize;\n\n  _canResizeColumn: (col: number, row: number) => boolean;\n\n  getCustomRender: (col: number, row: number) => ICustomRender;\n  getCustomLayout: (col: number, row: number) => ICustomLayout;\n  isListTable: () => boolean;\n  isPivotTable: (() => boolean) & (() => boolean);\n  isPivotChart: (() => boolean) & (() => boolean);\n  _clearColRangeWidthsMap: (col?: number) => void;\n  _clearRowRangeHeightsMap: (row?: number) => void;\n  clearRowHeightCache: () => void;\n  clearColWidthCache: () => void;\n  toggleHierarchyState: (col: number, row: number) => void;\n\n  resize: () => void;\n\n  getMergeCellRect: (col: number, row: number) => Rect;\n\n  getTargetColAt: (absoluteX: number) => { col: number; left: number; right: number; width: number } | null;\n  getTargetRowAt: (absoluteY: number) => { row: number; top: number; bottom: number; height: number } | null;\n\n  renderWithRecreateCells: () => void;\n  //#endregion  tableAPI\n\n  _adjustColWidth: (col: number, orgWidth: number) => number;\n  _colWidthDefineToPxWidth: (width: string | number) => number;\n  isFrozenColumn: (col: number, row?: number) => boolean;\n  isLeftFrozenColumn: (col: number, row?: number) => boolean;\n  isRightFrozenColumn: (col: number, row?: number) => boolean;\n  isFrozenRow: (col: number, row?: number) => boolean;\n  isTopFrozenRow: (col: number, row?: number) => boolean;\n  isBottomFrozenRow: (col: number, row?: number) => boolean;\n\n  hasCustomMerge: () => boolean;\n  getCustomMerge: (col: number, row: number) => undefined | (Omit<CustomMerge, 'style'> & { style?: FullExtendStyle });\n  /** 获取表格body部分的显示单元格范围 */\n  getBodyVisibleCellRange: () => { rowStart: number; colStart: number; rowEnd: number; colEnd: number };\n  /** 获取表格body部分的显示列号范围 */\n  getBodyVisibleColRange: () => { colStart: number; colEnd: number };\n  /** 获取表格body部分的显示行号范围 */\n  getBodyVisibleRowRange: () => { rowStart: number; rowEnd: number };\n\n  _hasCustomRenderOrLayout: () => boolean;\n  /** 根据表格单元格的行列号 获取在body部分的列索引及行索引 */\n  getBodyIndexByTableIndex: (col: number, row: number) => CellAddress;\n  /** 根据body部分的列索引及行索引，获取单元格的行列号 */\n  getTableIndexByBodyIndex: (col: number, row: number) => CellAddress;\n  /**\n   * 滚动到具体某个单元格位置\n   * @param cellAddr 要滚动到的单元格位置\n   */\n  scrollToCell: (cellAddr: { col?: number; row?: number }) => void;\n\n  registerCustomCellStyle: (customStyleId: string, customStyle: ColumnStyleOption | undefined | null) => void;\n  arrangeCustomCellStyle: (cellPos: { col?: number; row?: number; range?: CellRange }, customStyleId: string) => void;\n\n  _moveHeaderPosition: (\n    source: CellAddress,\n    target: CellAddress\n  ) => {\n    sourceIndex: number;\n    targetIndex: any;\n    sourceSize: any;\n    targetSize: any;\n    moveType: 'column' | 'row';\n  };\n  changeRecordOrder: (source: number, target: number) => void;\n  isSeriesNumber: (col: number, row?: number) => boolean;\n  isHasSeriesNumber: () => boolean;\n  leftRowSeriesNumberCount: number;\n}\nexport interface ListTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  dataConfig?: IListTableDataConfig;\n  columns: ColumnsDefine;\n  layoutMap: SimpleHeaderLayoutMap;\n}\n\nexport interface PivotTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IPivotTableDataConfig;\n  /**\n   * 透视表是否开启数据分析\n   * 如果传入数据是明细数据需要聚合分析则开启\n   * 如传入数据是经过聚合好的为了提升性能这里设置为false，同时需要传入columnTree和rowTree\n   */\n  enableDataAnalysis?: boolean;\n\n  /** 列表头树型结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头树型结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n}\nexport interface PivotChartProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | Record<string, any[]>;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IPivotChartDataConfig;\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n}\n"]}

package/cjs/vrender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAA8F;AAC9F,yDAAqE;AACrE,yDAmBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AA/BD,gDA+BC;AAED,yDAAuC;AACvC,yDAAuC","file":"vrender.js","sourcesContent":["import '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"0.22.2-alpha.0\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  registerArc3d();\n  registerArea();\n  registerCircle();\n  registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  registerPath();\n  registerPolygon();\n  registerPyramid3d();\n  registerRect();\n  registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerWrapText();\n}\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}
+{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAA8F;AAC9F,yDAAqE;AACrE,yDAmBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AA/BD,gDA+BC;AAED,yDAAuC;AACvC,yDAAuC","file":"vrender.js","sourcesContent":["import '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"0.22.2-alpha.2\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  registerArc3d();\n  registerArea();\n  registerCircle();\n  registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  registerPath();\n  registerPolygon();\n  registerPyramid3d();\n  registerRect();\n  registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerWrapText();\n}\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}

package/dist/vtable.js

@@ -42419,7 +42419,10 @@
                 if ((typeof lineWidth === 'number' && lineWidth & 1) ||
                     (Array.isArray(strokeArrayWidth) && strokeArrayWidth.some(width => width & 1))) {
                     const table = group.stage.table;
-                    const bottomRight = table.theme.cellBorderClipDirection === 'bottom-right';
+                    if (!table) {
+                        return;
+                    }
+                    const bottomRight = table?.theme.cellBorderClipDirection === 'bottom-right';
                     let deltaWidth = 0;
                     let deltaHeight = 0;
                     if (bottomRight) {
@@ -42656,7 +42659,10 @@
             let heightForStroke;
             if (lineWidth & 1) {
                 const table = group.stage.table;
-                const bottomRight = table.theme.cellBorderClipDirection === 'bottom-right';
+                if (!table) {
+                    return;
+                }
+                const bottomRight = table?.theme.cellBorderClipDirection === 'bottom-right';
                 let deltaWidth = 0;
                 let deltaHeight = 0;
                 if (bottomRight) {
@@ -42748,7 +42754,10 @@
                 const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width), Math.ceil(height));
                 context.beginPath();
                 const table = group.stage.table;
-                const bottomRight = table.theme.cellBorderClipDirection === 'bottom-right';
+                if (!table) {
+                    return;
+                }
+                const bottomRight = table?.theme.cellBorderClipDirection === 'bottom-right';
                 let deltaWidth = 0;
                 let deltaHeight = 0;
                 if (bottomRight) {
@@ -42790,7 +42799,7 @@
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke) {
             if (group.role === 'cell') {
                 const table = group.stage.table;
-                if (table.stateManager.interactionState !== InteractionState.scrolling) {
+                if (table && table.stateManager.interactionState !== InteractionState.scrolling) {
                     const hoverColor = getCellHoverColor(group, table);
                     if (hoverColor) {
                         group.attribute._vtableHoverFill = hoverColor;
@@ -42829,6 +42838,9 @@
         order = 0;
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke) {
             const table = group.stage.table;
+            if (!table) {
+                return;
+            }
             if (group.role === 'body') {
                 const x = -(group.attribute.x ?? 0) + table.getFrozenColsWidth();
                 const y = -(group.attribute.y ?? 0) + table.getFrozenRowsHeight();
@@ -42941,10 +42953,10 @@
             }
         }
         else if (group.role === 'corner-frozen') {
-            if (table.scrollLeft) {
+            if (table && table.scrollLeft) {
                 width -= 1;
             }
-            if (table.scrollTop) {
+            if (table && table.scrollTop) {
                 height -= 1;
             }
         }
@@ -43385,7 +43397,8 @@
         for (let col = colStart; col <= colEnd; col++) {
             let maxWidth;
             if (!table.internalProps.transpose &&
-                table.internalProps.layoutMap.columnWidths?.[col]?.columnWidthComputeMode === 'only-header' &&
+                (table.internalProps.layoutMap.columnWidths?.[col]?.columnWidthComputeMode === 'only-header' ||
+                    table.columnWidthComputeMode === 'only-header') &&
                 'showHeader' in table.internalProps.layoutMap) {
                 const temp = table.internalProps.layoutMap.showHeader;
                 table.internalProps.layoutMap.showHeader = true;
@@ -43393,7 +43406,8 @@
                 table.internalProps.layoutMap.showHeader = temp;
             }
             else if (!table.internalProps.transpose &&
-                table.internalProps.layoutMap.columnWidths?.[col]?.columnWidthComputeMode === 'only-body') {
+                (table.internalProps.layoutMap.columnWidths?.[col]?.columnWidthComputeMode === 'only-body' ||
+                    table.columnWidthComputeMode === 'only-body')) {
                 maxWidth = computeColWidth(col, table.internalProps.layoutMap.getBodyRange().start.row, table.internalProps.layoutMap.getBodyRange().end.row, table);
             }
             else {
@@ -43463,7 +43477,13 @@
         }
     }
     function computeColWidth(col, startRow, endRow, table, forceCompute = false) {
-        const width = getColWidthDefinedWidthResizedWidth(col, table);
+        let width = getColWidthDefinedWidthResizedWidth(col, table);
+        if (table.internalProps.transpose &&
+            width === 'auto' &&
+            ((table.columnWidthComputeMode === 'only-header' && col >= table.rowHeaderLevelCount) ||
+                (table.columnWidthComputeMode === 'only-body' && col < table.rowHeaderLevelCount))) {
+            width = table.getDefaultColumnWidth(col);
+        }
         if (forceCompute && !table.internalProps.transpose) {
             return computeAutoColWidth(width, col, startRow, endRow, forceCompute, table);
         }
@@ -54938,7 +54958,7 @@
             this.orient = option.orient ?? 'left';
             this.visible = option.visible ?? true;
             this.position = option.position ?? 'middle';
-            this.selectedData = option.defaultSelected ?? [];
+            this.selectedData = option.defaultSelected ?? null;
             this.createComponent();
             this.initEvent();
         }
@@ -55545,7 +55565,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.22.2-alpha.0";
+        version = "0.22.2-alpha.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -55555,6 +55575,7 @@
         isReleased = false;
         _chartEventMap = {};
         customCellStylePlugin;
+        columnWidthComputeMode;
         constructor(container, options = {}) {
             super();
             if (!container && options.mode !== 'node') {
@@ -55588,6 +55609,7 @@
             this.tableNoFrameHeight = 0;
             this.canvasWidth = canvasWidth;
             this.canvasHeight = canvasHeight;
+            this.columnWidthComputeMode = options.columnWidthComputeMode ?? 'normal';
             const internalProps = (this.internalProps = {});
             showFrozenIcon !== undefined && (this.showFrozenIcon = showFrozenIcon);
             if (typeof allowFrozenColCount === 'number' && allowFrozenColCount <= 0) {
@@ -56021,6 +56043,22 @@
             }
             return this.defaultRowHeight;
         }
+        getDefaultColumnWidth(col) {
+            if (this.isRowHeader(col, 0) || this.isCornerHeader(col, 0)) {
+                return Array.isArray(this.defaultHeaderColWidth)
+                    ? this.defaultHeaderColWidth[col] ?? this.defaultColWidth
+                    : this.defaultHeaderColWidth;
+            }
+            else if (this.isRightFrozenColumn(col, this.columnHeaderLevelCount)) {
+                if (this.isPivotTable()) {
+                    return Array.isArray(this.defaultHeaderColWidth)
+                        ? this.defaultHeaderColWidth[this.rowHeaderLevelCount - this.rightFrozenColCount] ?? this.defaultColWidth
+                        : this.defaultHeaderColWidth;
+                }
+                return this.defaultColWidth;
+            }
+            return this.defaultColWidth;
+        }
         getDefaultRowHeight(row) {
             if (this.isColumnHeader(0, row) || this.isCornerHeader(0, row)) {
                 return Array.isArray(this.defaultHeaderRowHeight)
@@ -56075,32 +56113,14 @@
             else if (width) {
                 return width;
             }
-            else if (this.isRowHeader(col, 0) || this.isCornerHeader(col, 0)) {
-                return Array.isArray(this.defaultHeaderColWidth)
-                    ? this.defaultHeaderColWidth[col] ?? this.defaultColWidth
-                    : this.defaultHeaderColWidth;
-            }
-            else if (this.isRightFrozenColumn(col, this.columnHeaderLevelCount)) {
-                if (this.isPivotTable()) {
-                    return Array.isArray(this.defaultHeaderColWidth)
-                        ? this.defaultHeaderColWidth[this.rowHeaderLevelCount - this.rightFrozenColCount] ?? this.defaultColWidth
-                        : this.defaultHeaderColWidth;
-                }
-                return this.defaultColWidth;
-            }
-            return this.defaultColWidth;
+            return this.getDefaultColumnWidth(col);
         }
         getColWidthDefinedNumber(col) {
             const width = this.getColWidthDefined(col);
             return this._adjustColWidth(col, this._colWidthDefineToPxWidth(width));
         }
         getColWidth(col) {
-            const width = this.colWidthsMap.get(col) ??
-                (col < this.rowHeaderLevelCount
-                    ? Array.isArray(this.defaultHeaderColWidth)
-                        ? this.defaultHeaderColWidth[col] ?? this.defaultColWidth
-                        : this.defaultHeaderColWidth
-                    : this.defaultColWidth);
+            const width = this.colWidthsMap.get(col) ?? this.getDefaultColumnWidth(col);
             if ((this.widthMode === 'adaptive' && typeof width === 'number') ||
                 (this.transpose && typeof width === 'number')) {
                 return this._colWidthDefineToPxWidth(width);
@@ -61815,7 +61835,13 @@
                 this.hasTwoIndicatorAxes = this._indicators.some(indicatorObject => {
                     if (indicatorObject.chartSpec &&
                         indicatorObject.chartSpec.series &&
-                        indicatorObject.chartSpec.series.length > 1) {
+                        indicatorObject.chartSpec.series.length > 1 &&
+                        indicatorObject.chartSpec.axes?.every((axis) => {
+                            if (axis.orient === (this.indicatorsAsCol ? 'top' : 'right') && axis.visible === false) {
+                                return false;
+                            }
+                            return true;
+                        })) {
                         return true;
                     }
                     return false;
@@ -67636,7 +67662,7 @@
     }
 
     registerForVrender();
-    const version = "0.22.2-alpha.0";
+    const version = "0.22.2-alpha.2";
     function getIcons() {
         return get$2();
     }