@visactor/vtable 0.17.2 → 0.17.3-alpha.1

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 { RectProps, MaybePromiseOrUndefined, ICellHeaderPaths, CellInfo } 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 { ColumnData, ColumnDefine, ColumnsDefine, HeaderData, IndicatorData } 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  IDataConfig,\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} 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';\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\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  cachedRecordsRowHeightMap: NumberMap<string | number>; //存储每一条记录对应行的行高，只有当设置为自动换行随内容撑开才会起作用\n  // headerRowHeightsMap: NumberMap<number>; //目前是用来存储了表头各行的高度，从headerRowHeight计算而来，headerRowHeight可以设置为数组的形式\n  _rowHeightsMap: NumberMap<number>; //存储数据条目每行高度\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\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) => 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: 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   * 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  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) => 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  // for nodejs\n  mode?: 'node' | 'broswer';\n  modeParams?: any;\n  canvasWidth?: number;\n  canvasHeight?: number;\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  // resize response time\n  resizeTime?: number;\n}\nexport interface BaseTableAPI {\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   * 是否显示图钉\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  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) => RectProps;\n  getCellRelativeRect: (col: number, row: number) => RectProps;\n  getCellsRect: (startCol: number, startRow: number, endCol: number, endRow: number) => RectProps;\n  getCellRangeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  getCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  getVisibleCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => RectProps;\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  getHeaderFieldKey: (col: number, row: number) => any | undefined;\n\n  _getHeaderCellBySortState: (sortState: SortState) => CellAddress | undefined;\n  getHeaderDefine: (col: number, row: number) => ColumnDefine;\n  _getHeaderLayoutMap: (col: number, row: number) => HeaderData;\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;\n  getBodyColumnDefine: (col: number, row: number) => ColumnDefine;\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  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}\nexport interface ListTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  columns: ColumnsDefine;\n  layoutMap: SimpleHeaderLayoutMap;\n}\n\nexport interface PivotTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IDataConfig;\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?: IDataConfig;\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 { RectProps, MaybePromiseOrUndefined, ICellHeaderPaths, CellInfo } 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 { ColumnData, ColumnDefine, ColumnsDefine, HeaderData, IndicatorData } 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  IDataConfig,\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} 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';\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\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  cachedRecordsRowHeightMap: NumberMap<string | number>; //存储每一条记录对应行的行高，只有当设置为自动换行随内容撑开才会起作用\n  // headerRowHeightsMap: NumberMap<number>; //目前是用来存储了表头各行的高度，从headerRowHeight计算而来，headerRowHeight可以设置为数组的形式\n  _rowHeightsMap: NumberMap<number>; //存储数据条目每行高度\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\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) => 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: 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   * 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  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) => 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  // for nodejs\n  mode?: 'node' | 'broswer';\n  modeParams?: any;\n  canvasWidth?: number;\n  canvasHeight?: number;\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  // resize response time\n  resizeTime?: number;\n}\nexport interface BaseTableAPI {\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   * 是否显示图钉\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  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) => RectProps;\n  getCellRelativeRect: (col: number, row: number) => RectProps;\n  getCellsRect: (startCol: number, startRow: number, endCol: number, endRow: number) => RectProps;\n  getCellRangeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  getCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  getVisibleCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => RectProps;\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  getHeaderFieldKey: (col: number, row: number) => any | undefined;\n\n  _getHeaderCellBySortState: (sortState: SortState) => CellAddress | undefined;\n  getHeaderDefine: (col: number, row: number) => ColumnDefine;\n  _getHeaderLayoutMap: (col: number, row: number) => HeaderData;\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;\n  getBodyColumnDefine: (col: number, row: number) => ColumnDefine;\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  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}\nexport interface ListTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  columns: ColumnsDefine;\n  layoutMap: SimpleHeaderLayoutMap;\n}\n\nexport interface PivotTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IDataConfig;\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?: IDataConfig;\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/dist/vtable.js

@@ -49120,6 +49120,8 @@
         colHeight;
         border;
         needUpdate;
+        needUpdateWidth;
+        needUpdateHeight;
         clear() {
             this.removeAllChild();
         }
@@ -50366,6 +50368,7 @@
         _autoWidth = false;
         _autoHeight = false;
         _cellWidth;
+        _originCellWidth;
         _cellHeight;
         _align;
         _baseline;
@@ -50397,6 +50400,7 @@
             this._autoWidth = option.autoWidth;
             this._autoHeight = option.autoHeight;
             this._cellWidth = option.cellWidth;
+            this._originCellWidth = option.cellWidth;
             this._cellHeight = option.cellHeight;
             this._align = option.align;
             this._baseline = option.baseline;
@@ -50518,10 +50522,12 @@
         }
         updateWidth(width) {
             this._cellWidth = width;
+            this._originCellWidth = width;
             this.layout();
         }
         updateHeight(height) {
             this._cellHeight = height;
+            this._cellWidth = this._originCellWidth;
             this.layout();
         }
     }
@@ -51774,6 +51780,8 @@
         if (row === range.end.row) {
             newLineWidth[2] = isLineWidthArray ? lineWidth[2] : lineWidth;
         }
+        const widthChange = rangeWidth !== cellGroup.attribute.width;
+        const heightChange = rangeHeight !== cellGroup.attribute.height;
         cellGroup.setAttributes({
             width: rangeWidth,
             height: rangeHeight,
@@ -51783,6 +51791,10 @@
         cellGroup.mergeStartRow = range.start.row;
         cellGroup.mergeEndCol = range.end.col;
         cellGroup.mergeEndRow = range.end.row;
+        return {
+            widthChange,
+            heightChange
+        };
     }
     function dealMerge(range, mergeMap, table) {
         let cellWidth = 0;
@@ -52781,7 +52793,7 @@
                 if (isAllRowsAuto || table.getDefaultRowHeight(row) === 'auto') {
                     const height = computeRowHeight(row, startCol, endCol, table);
                     if (update) {
-                        newHeights[row] = height;
+                        newHeights[row] = Math.round(height);
                     }
                     else {
                         table._setRowHeight(row, height);
@@ -52792,7 +52804,7 @@
                 if (isAllRowsAuto || table.getDefaultRowHeight(row) === 'auto') {
                     const height = computeRowHeight(row, 0, table.colCount - 1, table);
                     if (update) {
-                        newHeights[row] = height;
+                        newHeights[row] = Math.round(height);
                     }
                     else {
                         table._setRowHeight(row, height);
@@ -52809,7 +52821,7 @@
                     for (let row = table.rowCount - table.bottomFrozenRowCount; row <= rowEnd; row++) {
                         const height = computeRowHeight(row, 0, table.colCount - 1, table);
                         if (update) {
-                            newHeights[row] = height;
+                            newHeights[row] = Math.round(height);
                         }
                         else {
                             table._setRowHeight(row, height);
@@ -52827,7 +52839,7 @@
                             height = computeRowHeight(row, 0, table.colCount - 1, table);
                         }
                         if (update) {
-                            newHeights[row] = height;
+                            newHeights[row] = Math.round(height);
                         }
                         else {
                             table._setRowHeight(row, height);
@@ -52838,7 +52850,7 @@
                     for (let row = Math.max(rowStart, table.columnHeaderLevelCount); row <= rowEnd; row++) {
                         const height = computeRowHeight(row, 0, table.colCount - 1, table);
                         if (update) {
-                            newHeights[row] = height;
+                            newHeights[row] = Math.round(height);
                         }
                         else {
                             table._setRowHeight(row, height);
@@ -52939,10 +52951,15 @@
             for (let row = 0; row < table.rowCount; row++) {
                 const newRowHeight = newHeights[row] ?? table.getRowHeight(row);
                 if (newRowHeight !== oldRowHeights[row]) {
-                    table.scenegraph.updateRowHeight(row, newRowHeight - oldRowHeights[row]);
                     table._setRowHeight(row, newRowHeight);
                 }
             }
+            for (let row = 0; row < table.rowCount; row++) {
+                const newRowHeight = table.getRowHeight(row);
+                if (newRowHeight !== oldRowHeights[row]) {
+                    table.scenegraph.updateRowHeight(row, newRowHeight - oldRowHeights[row], true);
+                }
+            }
         }
     }
     function computeRowHeight(row, startCol, endCol, table) {
@@ -53279,8 +53296,10 @@
         };
     }
 
-    function updateRowHeight(scene, row, detaY) {
-        scene.table._setRowHeight(row, scene.table.getRowHeight(row) + detaY, true);
+    function updateRowHeight(scene, row, detaY, skipTableHeightMap) {
+        if (!skipTableHeightMap) {
+            scene.table._setRowHeight(row, scene.table.getRowHeight(row) + detaY, true);
+        }
         for (let col = 0; col < scene.table.colCount; col++) {
             const cell = scene.getCell(col, row);
             const mergeInfo = getCellMergeInfo(scene.table, col, row);
@@ -53311,7 +53330,6 @@
         }
     }
     function updateCellHeightForRow(scene, cell, col, row, height, detaY, isHeader) {
-        cell.setAttribute('height', height);
         const cellGroup = cell;
         const distHeight = height;
         if (!cellGroup) {
@@ -53320,6 +53338,11 @@
         updateCellHeight(scene, cellGroup, col, row, distHeight, detaY);
     }
     function updateCellHeight(scene, cell, col, row, distHeight, detaY, isHeader) {
+        if (cell.attribute.height === distHeight && !cell.needUpdateHeight) {
+            return;
+        }
+        cell.needUpdateHeight = false;
+        cell.setAttribute('height', distHeight);
         const type = scene.table.isHeader(col, row)
             ? scene.table._getHeaderLayoutMap(col, row).headerType
             : scene.table.getBodyColumnType(col, row);
@@ -53407,7 +53430,7 @@
                     const rangeHeight = table.getRowHeight(row);
                     const rangeWidth = table.getColWidth(col);
                     singleCellGroup.contentHeight = distHeight;
-                    resizeCellGroup(singleCellGroup, rangeWidth, rangeHeight, {
+                    const { widthChange } = resizeCellGroup(singleCellGroup, rangeWidth, rangeHeight, {
                         start: {
                             col: cellGroup.mergeStartCol,
                             row: cellGroup.mergeStartRow
@@ -53417,6 +53440,9 @@
                             row: cellGroup.mergeEndRow
                         }
                     }, table);
+                    if (widthChange) {
+                        singleCellGroup.needUpdateWidth = true;
+                    }
                 }
             }
         }
@@ -53425,8 +53451,10 @@
         }
     }
 
-    function updateColWidth(scene, col, detaX) {
-        scene.table._setColWidth(col, scene.table.getColWidth(col) + detaX, true);
+    function updateColWidth(scene, col, detaX, skipTableWidthMap) {
+        if (!skipTableWidthMap) {
+            scene.table._setColWidth(col, scene.table.getColWidth(col) + detaX, true);
+        }
         const autoRowHeight = scene.table.heightMode === 'autoHeight';
         const colOrCornerHeaderColumn = scene.getColGroup(col, true);
         if (colOrCornerHeaderColumn) {
@@ -53567,9 +53595,10 @@
         }
     }
     function updateCellWidth(scene, cell, col, row, oldWidth, distWidth, detaX, isHeader, autoRowHeight) {
-        if (cell.attribute.width === distWidth) {
+        if (cell.attribute.width === distWidth && !cell.needUpdateWidth) {
             return false;
         }
+        cell.needUpdateWidth = false;
         cell.setAttribute('width', distWidth);
         const cellGroup = cell;
         if (!cellGroup) {
@@ -53689,7 +53718,7 @@
                     const rangeHeight = table.getRowHeight(row);
                     const rangeWidth = table.getColWidth(col);
                     singleCellGroup.contentWidth = distWidth;
-                    resizeCellGroup(singleCellGroup, rangeWidth, rangeHeight, {
+                    const { heightChange } = resizeCellGroup(singleCellGroup, rangeWidth, rangeHeight, {
                         start: {
                             col: cellGroup.mergeStartCol,
                             row: cellGroup.mergeStartRow
@@ -53699,6 +53728,9 @@
                             row: cellGroup.mergeEndRow
                         }
                     }, table);
+                    if (heightChange) {
+                        singleCellGroup.needUpdateHeight = true;
+                    }
                     isHeightChange = isHeightChange || changed;
                 }
             }
@@ -54765,12 +54797,12 @@
             viewBox.y2 = viewBox.y1 + 1;
         }
         axes.forEach((axis, index) => {
-            if (axis.type === 'linear') {
-                chartInstance.updateModelSpecSync({ type: 'axes', index }, { min: axis.range?.min ?? 0, max: axis.range?.max ?? 0 }, true);
-            }
-            else if (axis.type === 'band') {
+            if (axis.type === 'band') {
                 chartInstance.updateModelSpec({ type: 'axes', index }, { domain: axis.domain.slice(0) }, true);
             }
+            else {
+                chartInstance.updateModelSpecSync({ type: 'axes', index }, { min: axis.range?.min ?? 0, max: axis.range?.max ?? 0 }, true);
+            }
         });
         chartInstance.updateViewBox({
             x1: viewBox.x1 - chart.getRootNode().table.scrollLeft,
@@ -55592,7 +55624,7 @@
                 table._clearColRangeWidthsMap(col);
             }
             if (update) {
-                newWidths[col] = table._adjustColWidth(col, maxWidth);
+                newWidths[col] = Math.round(table._adjustColWidth(col, maxWidth));
             }
             else {
                 table._setColWidth(col, table._adjustColWidth(col, maxWidth), false, true);
@@ -55637,7 +55669,13 @@
             for (let col = 0; col < table.colCount; col++) {
                 const newColWidth = newWidths[col] ?? table.getColWidth(col);
                 if (newColWidth !== oldColWidths[col]) {
-                    table.scenegraph.updateColWidth(col, newColWidth - oldColWidths[col], true);
+                    table._setColWidth(col, newColWidth);
+                }
+            }
+            for (let col = 0; col < table.colCount; col++) {
+                const newColWidth = table.getColWidth(col);
+                if (newColWidth !== oldColWidths[col]) {
+                    table.scenegraph.updateColWidth(col, newColWidth - oldColWidths[col], true, true);
                 }
             }
             table.scenegraph.updateContainer();
@@ -56150,13 +56188,13 @@
         else if (direction === 'right' && proxy.colStart - count < proxy.bodyLeftCol) {
             count = proxy.colStart - proxy.bodyLeftCol;
         }
+        if (count === 0) {
+            return;
+        }
         if (count < 0) {
             direction = direction === 'left' ? 'right' : 'left';
             count = -count;
         }
-        if (count <= 0) {
-            return;
-        }
         if (count < proxy.colEnd - proxy.colStart) {
             const startCol = direction === 'left' ? proxy.colStart : proxy.colEnd - count + 1;
             const endCol = direction === 'left' ? proxy.colStart + count - 1 : proxy.colEnd;
@@ -56385,6 +56423,9 @@
         else if (direction === 'down' && proxy.rowStart - count < proxy.bodyTopRow) {
             count = proxy.rowStart - proxy.bodyTopRow;
         }
+        if (count === 0) {
+            return;
+        }
         if (count < 0) {
             direction = direction === 'up' ? 'down' : 'up';
             count = -count;
@@ -59779,8 +59820,8 @@
             });
             moveSelectingRangeComponentsToSelectedRangeComponents(this);
         }
-        updateColWidth(col, detaX, skipUpdateContainer) {
-            updateColWidth(this, col, Math.round(detaX));
+        updateColWidth(col, detaX, skipUpdateContainer, skipTableWidthMap) {
+            updateColWidth(this, col, Math.round(detaX), skipTableWidthMap);
             if (!skipUpdateContainer) {
                 this.updateContainer();
             }
@@ -59958,9 +59999,9 @@
                 });
             }
         }
-        updateRowHeight(row, detaY) {
+        updateRowHeight(row, detaY, skipTableHeightMap) {
             detaY = Math.round(detaY);
-            updateRowHeight(this, row, detaY);
+            updateRowHeight(this, row, detaY, skipTableHeightMap);
             this.updateContainerHeight(row, detaY);
         }
         updateContainerWidth(col, detaX) {
@@ -64013,7 +64054,7 @@
                     if (f != null) {
                         retIcon[k] = f;
                     }
-                    else if (!this._table._hasField(iconOpt[k], col, row)) {
+                    else if (!this._table._hasField?.(iconOpt[k], col, row)) {
                         retIcon[k] = iconOpt[k];
                     }
                 }
@@ -66578,7 +66619,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.17.2";
+        version = "0.17.3-alpha.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -68202,7 +68243,7 @@
                 return false;
             }
             const index = table.getRecordShowIndexByCell(col, row);
-            return table.internalProps.dataSource.hasField(index, field);
+            return table.internalProps.dataSource?.hasField(index, field);
         }
         _getCellStyle(col, row) {
             const { layoutMap } = this.internalProps;
@@ -68806,6 +68847,18 @@
             }
             return null;
         }
+        getBodyIndexByTableIndex(col, row) {
+            return {
+                col: col - this.rowHeaderLevelCount,
+                row: row - this.columnHeaderLevelCount
+            };
+        }
+        getTableIndexByBodyIndex(col, row) {
+            return {
+                col: col + this.rowHeaderLevelCount,
+                row: row + this.columnHeaderLevelCount
+            };
+        }
     }
 
     var core = /*#__PURE__*/Object.freeze({
@@ -70204,6 +70257,9 @@
             this.renderAsync();
             this.eventManager.updateEventBinder();
         }
+        get columns() {
+            return this.internalProps.columns;
+        }
         get header() {
             return this.internalProps.columns;
         }
@@ -75414,6 +75470,43 @@
             const { layoutMap } = this.internalProps;
             return layoutMap.getBodyIndexByCol(col);
         }
+        getFieldData(field, col, row) {
+            const table = this;
+            if (table.internalProps.layoutMap.isHeader(col, row)) {
+                return undefined;
+            }
+            if (this.dataset) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                if (cellDimensionPath) {
+                    const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                        return colPath.indicatorKey ?? colPath.value;
+                    });
+                    const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                        return rowPath.indicatorKey ?? rowPath.value;
+                    });
+                    const aggregator = this.dataset.getAggregator(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row));
+                    if (aggregator.records && aggregator.records.length >= 1) {
+                        return aggregator.records[0][field];
+                    }
+                }
+            }
+            else if (this.flatDataToObjects) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, false);
+                if (treeNode?.record) {
+                    return treeNode?.record[field];
+                }
+            }
+            const rowIndex = this.getBodyIndexByRow(row);
+            const colIndex = this.getBodyIndexByCol(col);
+            return this.records[rowIndex]?.[colIndex];
+        }
         getCellValue(col, row) {
             const customMergeText = this.getCustomMergeValue(col, row);
             if (customMergeText) {
@@ -77190,7 +77283,7 @@
         return new Tag$1(params ? params.attribute : {});
     }
 
-    const version = "0.17.2";
+    const version = "0.17.3-alpha.1";
     function getIcons() {
         return get$2();
     }