@visactor/vtable 0.17.5-alpha.1 → 0.17.5

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/table-engine.ts"],"names":[],"mappings":";;;AA8WA,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,8BAAiB,CAAA;IACjB,0BAAa,CAAA;IACb,4BAAe,CAAA;AACjB,CAAC,EALW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAKpB;AAED,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,uCAAqB,CAAA;IACrB,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAIzB","file":"table-engine.js","sourcesContent":["import type { RectProps, MaybePromiseOrUndefined, IDimensionInfo, SortOrder, BaseCellInfo } from './common';\nimport type { SvgIcon } from './icon';\nexport type { HeaderData } from './list-table/layout-map/api';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { BaseTableAPI, BaseTableConstructorOptions } from './base-table';\nimport type { IDataConfig } from './new-data-set';\nimport type { Either } from '../tools/helper';\nimport type {\n  IChartIndicator,\n  IColumnDimension,\n  ICornerDefine,\n  IDimension,\n  IIndicator,\n  IRowDimension,\n  ITitleDefine\n} from './pivot-table';\nimport type { ColumnsDefine } from './list-table';\nimport type { ICellAxisOption, ITableAxisOption } from './component/axis';\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { ITextStyleOption } from '../body-helper/style';\nimport type { DataSource } from '../data';\nimport type { EditManeger } from '../edit/edit-manager';\n\nexport interface CellAddress {\n  col: number;\n  row: number;\n  rect?: RectProps;\n  x?: number;\n  y?: number;\n}\nexport interface CellRange {\n  start: CellAddress;\n  end: CellAddress;\n}\n\nexport type FieldGetter = (record: any, col?: number, row?: number, table?: BaseTableAPI) => any;\nexport type FieldSetter = (record: any, value: any) => void;\nexport interface FieldAssessor {\n  get: FieldGetter;\n  set: FieldSetter;\n}\n\nexport type FieldDef = string | number | string[];\nexport type FieldKeyDef = string | number;\nexport type FieldFormat = FieldGetter | FieldAssessor;\n\nexport type FieldData = MaybePromiseOrUndefined;\n\nexport type WidthModeDef = 'standard' | 'adaptive' | 'autoWidth';\nexport type HeightModeDef = 'standard' | 'adaptive' | 'autoHeight';\nexport type ShowColumnRowType = 'column' | 'row' | 'none';\n/** 单元格所处表格哪部分 */\nexport type CellLocation = 'body' | 'rowHeader' | 'columnHeader' | 'cornerHeader';\nexport type CellSubLocation =\n  | 'body'\n  | 'rowHeader'\n  | 'columnHeader'\n  | 'cornerHeader'\n  | 'bottomFrozen'\n  | 'rightFrozen'\n  | 'rightTopCorner'\n  | 'leftBottomCorner'\n  | 'rightBottomCorner';\n\nexport interface TableKeyboardOptions {\n  /** tab键 默认为true。开启tab键移动选中单元格，如果当前是在编辑单元格 则移动到下一个单元格也是编辑状态 */\n  moveFocusCellOnTab?: boolean;\n  /** enter键 默认true 如果选中单元格可编辑则进入单元格编辑*/\n  editCellOnEnter?: boolean;\n  /** 默认不开启即false。开启这个配置的话，如果当前是在编辑单元格方向键可以移动到下个单元格并进入编辑状态，而不是编辑文本内字符串的光标移动。上下左右方向键切换选中单元格不受该配置影响，*/\n  moveEditCellOnArrowKeys?: boolean;\n  /** 开启快捷键全选 默认：false */\n  selectAllOnCtrlA?: boolean;\n  /** 快捷键复制  默认：false*/\n  copySelected?: boolean; //这个copy是和浏览器的快捷键一致的\n}\nexport interface DataSourceAPI {\n  clearCurrentIndexedData: () => void;\n  length: number;\n  get: (index: number) => MaybePromiseOrUndefined;\n  getField: <F extends FieldDef>(index: number, field: F, col: number, row: number, table: BaseTableAPI) => FieldData;\n  hasField: (index: number, field: FieldDef) => boolean;\n  sort: (field: FieldDef, order: SortOrder, orderFn: (v1: any, v2: any, order: SortOrder) => -1 | 0 | 1) => void;\n  clearSortedMap: () => void;\n  updatePagination: (pagination: IPagination) => void;\n  getIndexKey: (index: number) => number | number[];\n  /** 数据是否为树形结构 且可以展开收起 */\n  enableHierarchyState: boolean;\n}\n\nexport interface SortState {\n  /** 排序依据字段 */\n  field: FieldDef;\n\n  fieldKey?: FieldKeyDef;\n  /** 排序规则 */\n  order: SortOrder;\n}\nexport interface PivotSortState {\n  col: number;\n  row: number;\n  order: SortOrder;\n}\n\n/**\n * 分页配置\n */\nexport interface IPagination {\n  /** 数据总条数 透视表中这个数据会自动加上 不需用户传入*/\n  totalCount?: number;\n  /** 每页显示数据条数  */\n  perPageCount: number;\n  /** 每页显示条数 */\n  currentPage?: number;\n}\nexport type HeaderValues = Map<any, any>;\nexport interface ListTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /**\n   * 传入用户实例化的数据对象 目前不完善\n   */\n  dataSource?: DataSource;\n  /**\n   * 是否显示表头\n   */\n  showHeader?: boolean;\n  /**\n   * Simple header property\n   */\n  columns?: ColumnsDefine; //请不要再这个上面修改配置,这里相当于是一个原始值备份，有一个内部专用的protectspace.columns\n  /**\n   *@deprecated 已废弃 请使用columns\n   */\n  header?: ColumnsDefine;\n\n  transpose?: boolean; //是否转置\n  /**\n   * 展示为tree的列 层级缩进值\n   */\n  hierarchyIndent?: number;\n  /** 展开层数 默认为1只显示根节点*/\n  hierarchyExpandLevel?: number;\n\n  /** 分页配置 */\n  pagination?: IPagination;\n\n  /**\n   * 排序状态\n   */\n  sortState?: SortState | SortState[];\n  /** 全局设置编辑器 */\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 编辑触发时机 双击事件  单击事件 api手动开启编辑。默认为双击'doubleclick' */\n  editCellTrigger?: 'doubleclick' | 'click' | 'api';\n}\n\nexport interface ListTableAPI extends BaseTableAPI {\n  options: ListTableConstructorOptions;\n  editorManager: EditManeger;\n  sortState: SortState[] | SortState | null;\n  // internalProps: ListTableProtected;\n  isListTable: () => true;\n  isPivotTable: () => false;\n  /** 设置单元格的value值，注意对应的是源数据的原始值，vtable实例records会做对应修改 */\n  changeCellValue: (col: number, row: number, value: string | number | null) => void;\n\n  getFieldData: (field: FieldDef | FieldFormat | undefined, col: number, row: number) => FieldData;\n  //#region 编辑器相关demo\n  /** 获取单元格配置的编辑器 */\n  getEditor: (col: number, row: number) => IEditor;\n  /** 开启单元格编辑 */\n  startEditCell: (col?: number, row?: number) => void;\n  /** 结束编辑 */\n  completeEditCell: () => void;\n  //#endregion\n  addRecord: (record: any, recordIndex?: number) => void;\n  addRecords: (records: any[], recordIndex?: number) => void;\n  deleteRecords: (recordIndexs: number[]) => void;\n}\nexport interface PivotTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /**\n   * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 设置排序状态，只对应按钮展示效果 无数据排序逻辑 */\n  pivotSortState?: {\n    dimensions: IDimensionInfo[];\n    order: SortOrder;\n  }[];\n\n  //#region layout中挪到外层的属性\n  /**层级维度结构显示形式 */\n  rowHierarchyType?: 'grid' | 'tree';\n  /**展开层数 */\n  rowExpandLevel?: number;\n  /**子层级维度缩进距离 */\n  rowHierarchyIndent?: number;\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\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  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 指标在具体维度展示的层级顺序，从0开始 ———有数据分析的透视表才需要配置这个 */\n  indicatorIndex?: number;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 指标维度key 注意非具体指标key 数据分析的透视表才需要配置这个 */\n  // indicatorDimensionKey?: string;\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  //#endregion\n  /** 数据分析相关配置 enableDataAnalysis开启后该配置才会有效 */\n  dataConfig?: IDataConfig;\n  /**\n   * 透视表是否开启数据分析 默认false\n   * 如果传入数据是明细数据需要聚合分析则开启 赋值为true\n   * 如传入数据是经过聚合好的为了提升性能这里设为false即可，同时呢需要传入自己组织好的行头树结构columnTree和rowTree\n   */\n  enableDataAnalysis?: boolean;\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n  /** 分页配置 */\n  pagination?: IPagination;\n\n  extensionRows?: IExtensionRowDefine[];\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\nexport interface PivotChartConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合, 平坦数据集合。另外一种特殊方式是传入分组后的数据，分组依据为指标\n   */\n  records?: any[] | Record<string, any[]>;\n  /**\n   * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IChartIndicator | string)[]; // (string | IIndicator)[];\n\n  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n\n  axes?: ITableAxisOption[];\n}\nexport interface PivotTableAPI extends BaseTableAPI {\n  records?: any;\n  options: PivotTableConstructorOptions;\n  editorManager: EditManeger;\n  // internalProps: PivotTableProtected;\n  pivotSortState: PivotSortState[];\n  isListTable: () => false;\n  isPivotTable: () => true;\n  getPivotSortState: (col: number, row: number) => SortOrder;\n  toggleHierarchyState: (col: number, row: number) => void;\n}\nexport interface PivotChartAPI extends BaseTableAPI {\n  records?: any | Record<string, any[]>;\n  options: PivotChartConstructorOptions;\n  // internalProps: PivotTableProtected;\n  isListTable: () => false;\n  isPivotTable: () => true;\n}\nexport type SetPasteValueTestData = CellAddress & {\n  table: BaseTableAPI;\n  record: any;\n  value: string;\n\n  oldValue: any;\n};\n\nexport interface InlineAPI {\n  width: (arg: { ctx: CanvasRenderingContext2D }) => number;\n  font: () => string | null;\n  color: () => string | null;\n  canDraw: () => boolean;\n  onReady: (callback: Function) => void;\n\n  draw: (opt: any) => void;\n  canBreak: () => boolean;\n}\n\nexport interface CellContext {\n  readonly col: number;\n  readonly row: number;\n  /**format之后的值 */\n  readonly value: FieldData;\n  /**原始值 */\n  readonly dataValue: FieldData;\n  showIcon?: SvgIcon;\n  getContext: () => CanvasRenderingContext2D;\n  toCurrentContext: () => CellContext;\n  getDrawRect: () => RectProps | null;\n  getRect: () => RectProps;\n  setRectFilter: (rectFilter: (base: RectProps) => RectProps) => void;\n  updateRect: (rect: Rect | RectProps) => void;\n  updateDrawRect: (rect: Rect | RectProps) => void;\n}\n\nexport enum Placement {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right'\n}\n\nexport enum HierarchyState {\n  expand = 'expand',\n  collapse = 'collapse',\n  none = 'none'\n}\nexport type IHeaderTreeDefine = Either<IDimensionHeaderNode, IIndicatorHeaderNode>;\nexport interface IIndicatorHeaderNode {\n  /**\n   * 指标的key值 对应数据集的字段名\n   */\n  indicatorKey: string | number;\n  /**\n   * 指标名称 如：“销售额”，“例如”， 对应到单元格显示的值。可不填，不填的话 从indicators的对应配置中取值显示\n   */\n  value?: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | null;\n}\nexport interface IDimensionHeaderNode {\n  /**\n   * 维度的唯一标识，对应数据集的字段名称\n   */\n  dimensionKey: string | number;\n  /** 维度成员值 */\n  value: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | null;\n  /** 折叠状态 TODO */\n  hierarchyState?: HierarchyState;\n}\n\nexport interface IExtensionRowDefine {\n  rows: (IRowDimension | string)[];\n  rowTree: IHeaderTreeDefine[] | ((args: { dimensionKey: string | number; value: string }[]) => IHeaderTreeDefine[]);\n}\n\nexport type StickCell = { col: number; row: number; dx: number; dy: number };\n\nexport type CustomMergeCell = (col: number, row: number, table: BaseTableAPI) => undefined | CustomMerge;\nexport type CustomMerge = {\n  range: CellRange;\n  text: string;\n  style?: ITextStyleOption;\n};\n"]}
+{"version":3,"sources":["../src/ts-types/table-engine.ts"],"names":[],"mappings":";;;AAgXA,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,8BAAiB,CAAA;IACjB,0BAAa,CAAA;IACb,4BAAe,CAAA;AACjB,CAAC,EALW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAKpB;AAED,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,uCAAqB,CAAA;IACrB,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAIzB","file":"table-engine.js","sourcesContent":["import type { RectProps, MaybePromiseOrUndefined, IDimensionInfo, SortOrder, BaseCellInfo } from './common';\nimport type { SvgIcon } from './icon';\nexport type { HeaderData } from './list-table/layout-map/api';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { BaseTableAPI, BaseTableConstructorOptions } from './base-table';\nimport type { IDataConfig } from './new-data-set';\nimport type { Either } from '../tools/helper';\nimport type {\n  IChartIndicator,\n  IColumnDimension,\n  ICornerDefine,\n  IDimension,\n  IIndicator,\n  IRowDimension,\n  ITitleDefine\n} from './pivot-table';\nimport type { ColumnsDefine } from './list-table';\nimport type { ICellAxisOption, ITableAxisOption } from './component/axis';\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { ITextStyleOption } from '../body-helper/style';\nimport type { DataSource } from '../data';\nimport type { EditManeger } from '../edit/edit-manager';\n\nexport interface CellAddress {\n  col: number;\n  row: number;\n  rect?: RectProps;\n  x?: number;\n  y?: number;\n}\nexport interface CellRange {\n  start: CellAddress;\n  end: CellAddress;\n}\n\nexport type FieldGetter = (record: any, col?: number, row?: number, table?: BaseTableAPI) => any;\nexport type FieldSetter = (record: any, value: any) => void;\nexport interface FieldAssessor {\n  get: FieldGetter;\n  set: FieldSetter;\n}\n\nexport type FieldDef = string | number | string[];\nexport type FieldKeyDef = string | number;\nexport type FieldFormat = FieldGetter | FieldAssessor;\n\nexport type FieldData = MaybePromiseOrUndefined;\n\nexport type WidthModeDef = 'standard' | 'adaptive' | 'autoWidth';\nexport type HeightModeDef = 'standard' | 'adaptive' | 'autoHeight';\nexport type ShowColumnRowType = 'column' | 'row' | 'none';\n/** 单元格所处表格哪部分 */\nexport type CellLocation = 'body' | 'rowHeader' | 'columnHeader' | 'cornerHeader';\nexport type CellSubLocation =\n  | 'body'\n  | 'rowHeader'\n  | 'columnHeader'\n  | 'cornerHeader'\n  | 'bottomFrozen'\n  | 'rightFrozen'\n  | 'rightTopCorner'\n  | 'leftBottomCorner'\n  | 'rightBottomCorner';\n\nexport interface TableKeyboardOptions {\n  /** tab键 默认为true。开启tab键移动选中单元格，如果当前是在编辑单元格 则移动到下一个单元格也是编辑状态 */\n  moveFocusCellOnTab?: boolean;\n  /** enter键 默认true 如果选中单元格可编辑则进入单元格编辑*/\n  editCellOnEnter?: boolean;\n  /** 默认不开启即false。开启这个配置的话，如果当前是在编辑单元格方向键可以移动到下个单元格并进入编辑状态，而不是编辑文本内字符串的光标移动。上下左右方向键切换选中单元格不受该配置影响，*/\n  moveEditCellOnArrowKeys?: boolean;\n  /** 开启快捷键全选 默认：false */\n  selectAllOnCtrlA?: boolean;\n  /** 快捷键复制  默认：false*/\n  copySelected?: boolean; //这个copy是和浏览器的快捷键一致的\n}\nexport interface DataSourceAPI {\n  clearCurrentIndexedData: () => void;\n  length: number;\n  get: (index: number) => MaybePromiseOrUndefined;\n  getField: <F extends FieldDef>(index: number, field: F, col: number, row: number, table: BaseTableAPI) => FieldData;\n  hasField: (index: number, field: FieldDef) => boolean;\n  sort: (field: FieldDef, order: SortOrder, orderFn: (v1: any, v2: any, order: SortOrder) => -1 | 0 | 1) => void;\n  clearSortedMap: () => void;\n  updatePagination: (pagination: IPagination) => void;\n  getIndexKey: (index: number) => number | number[];\n  /** 数据是否为树形结构 且可以展开收起 */\n  enableHierarchyState: boolean;\n}\n\nexport interface SortState {\n  /** 排序依据字段 */\n  field: FieldDef;\n\n  fieldKey?: FieldKeyDef;\n  /** 排序规则 */\n  order: SortOrder;\n}\nexport interface PivotSortState {\n  col: number;\n  row: number;\n  order: SortOrder;\n}\n\n/**\n * 分页配置\n */\nexport interface IPagination {\n  /** 数据总条数 透视表中这个数据会自动加上 不需用户传入*/\n  totalCount?: number;\n  /** 每页显示数据条数  */\n  perPageCount: number;\n  /** 每页显示条数 */\n  currentPage?: number;\n}\nexport type HeaderValues = Map<any, any>;\nexport interface ListTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /**\n   * 传入用户实例化的数据对象 目前不完善\n   */\n  dataSource?: DataSource;\n  /**\n   * 是否显示表头\n   */\n  showHeader?: boolean;\n  /**\n   * Simple header property\n   */\n  columns?: ColumnsDefine; //请不要再这个上面修改配置,这里相当于是一个原始值备份，有一个内部专用的protectspace.columns\n  /**\n   *@deprecated 已废弃 请使用columns\n   */\n  header?: ColumnsDefine;\n\n  transpose?: boolean; //是否转置\n  /**\n   * 展示为tree的列 层级缩进值\n   */\n  hierarchyIndent?: number;\n  /** 展开层数 默认为1只显示根节点*/\n  hierarchyExpandLevel?: number;\n\n  /** 分页配置 */\n  pagination?: IPagination;\n\n  /**\n   * 排序状态\n   */\n  sortState?: SortState | SortState[];\n  /** 全局设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 全局设置编辑器 */\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 编辑触发时机 双击事件  单击事件 api手动开启编辑。默认为双击'doubleclick' */\n  editCellTrigger?: 'doubleclick' | 'click' | 'api';\n}\n\nexport interface ListTableAPI extends BaseTableAPI {\n  options: ListTableConstructorOptions;\n  editorManager: EditManeger;\n  sortState: SortState[] | SortState | null;\n  // internalProps: ListTableProtected;\n  isListTable: () => true;\n  isPivotTable: () => false;\n  /** 设置单元格的value值，注意对应的是源数据的原始值，vtable实例records会做对应修改 */\n  changeCellValue: (col: number, row: number, value: string | number | null) => void;\n\n  getFieldData: (field: FieldDef | FieldFormat | undefined, col: number, row: number) => FieldData;\n  //#region 编辑器相关demo\n  /** 获取单元格配置的编辑器 */\n  getEditor: (col: number, row: number) => IEditor;\n  /** 开启单元格编辑 */\n  startEditCell: (col?: number, row?: number) => void;\n  /** 结束编辑 */\n  completeEditCell: () => void;\n  //#endregion\n  addRecord: (record: any, recordIndex?: number) => void;\n  addRecords: (records: any[], recordIndex?: number) => void;\n  deleteRecords: (recordIndexs: number[]) => void;\n}\nexport interface PivotTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /**\n   * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 设置排序状态，只对应按钮展示效果 无数据排序逻辑 */\n  pivotSortState?: {\n    dimensions: IDimensionInfo[];\n    order: SortOrder;\n  }[];\n\n  //#region layout中挪到外层的属性\n  /**层级维度结构显示形式 */\n  rowHierarchyType?: 'grid' | 'tree';\n  /**展开层数 */\n  rowExpandLevel?: number;\n  /**子层级维度缩进距离 */\n  rowHierarchyIndent?: number;\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\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  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 指标在具体维度展示的层级顺序，从0开始 ———有数据分析的透视表才需要配置这个 */\n  indicatorIndex?: number;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 指标维度key 注意非具体指标key 数据分析的透视表才需要配置这个 */\n  // indicatorDimensionKey?: string;\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  //#endregion\n  /** 数据分析相关配置 enableDataAnalysis开启后该配置才会有效 */\n  dataConfig?: IDataConfig;\n  /**\n   * 透视表是否开启数据分析 默认false\n   * 如果传入数据是明细数据需要聚合分析则开启 赋值为true\n   * 如传入数据是经过聚合好的为了提升性能这里设为false即可，同时呢需要传入自己组织好的行头树结构columnTree和rowTree\n   */\n  enableDataAnalysis?: boolean;\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n  /** 分页配置 */\n  pagination?: IPagination;\n\n  extensionRows?: IExtensionRowDefine[];\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\nexport interface PivotChartConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合, 平坦数据集合。另外一种特殊方式是传入分组后的数据，分组依据为指标\n   */\n  records?: any[] | Record<string, any[]>;\n  /**\n   * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IChartIndicator | string)[]; // (string | IIndicator)[];\n\n  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n\n  axes?: ITableAxisOption[];\n}\nexport interface PivotTableAPI extends BaseTableAPI {\n  records?: any;\n  options: PivotTableConstructorOptions;\n  editorManager: EditManeger;\n  // internalProps: PivotTableProtected;\n  pivotSortState: PivotSortState[];\n  isListTable: () => false;\n  isPivotTable: () => true;\n  getPivotSortState: (col: number, row: number) => SortOrder;\n  toggleHierarchyState: (col: number, row: number) => void;\n}\nexport interface PivotChartAPI extends BaseTableAPI {\n  records?: any | Record<string, any[]>;\n  options: PivotChartConstructorOptions;\n  // internalProps: PivotTableProtected;\n  isListTable: () => false;\n  isPivotTable: () => true;\n}\nexport type SetPasteValueTestData = CellAddress & {\n  table: BaseTableAPI;\n  record: any;\n  value: string;\n\n  oldValue: any;\n};\n\nexport interface InlineAPI {\n  width: (arg: { ctx: CanvasRenderingContext2D }) => number;\n  font: () => string | null;\n  color: () => string | null;\n  canDraw: () => boolean;\n  onReady: (callback: Function) => void;\n\n  draw: (opt: any) => void;\n  canBreak: () => boolean;\n}\n\nexport interface CellContext {\n  readonly col: number;\n  readonly row: number;\n  /**format之后的值 */\n  readonly value: FieldData;\n  /**原始值 */\n  readonly dataValue: FieldData;\n  showIcon?: SvgIcon;\n  getContext: () => CanvasRenderingContext2D;\n  toCurrentContext: () => CellContext;\n  getDrawRect: () => RectProps | null;\n  getRect: () => RectProps;\n  setRectFilter: (rectFilter: (base: RectProps) => RectProps) => void;\n  updateRect: (rect: Rect | RectProps) => void;\n  updateDrawRect: (rect: Rect | RectProps) => void;\n}\n\nexport enum Placement {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right'\n}\n\nexport enum HierarchyState {\n  expand = 'expand',\n  collapse = 'collapse',\n  none = 'none'\n}\nexport type IHeaderTreeDefine = Either<IDimensionHeaderNode, IIndicatorHeaderNode>;\nexport interface IIndicatorHeaderNode {\n  /**\n   * 指标的key值 对应数据集的字段名\n   */\n  indicatorKey: string | number;\n  /**\n   * 指标名称 如：“销售额”，“例如”， 对应到单元格显示的值。可不填，不填的话 从indicators的对应配置中取值显示\n   */\n  value?: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | null;\n}\nexport interface IDimensionHeaderNode {\n  /**\n   * 维度的唯一标识，对应数据集的字段名称\n   */\n  dimensionKey: string | number;\n  /** 维度成员值 */\n  value: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | null;\n  /** 折叠状态 TODO */\n  hierarchyState?: HierarchyState;\n}\n\nexport interface IExtensionRowDefine {\n  rows: (IRowDimension | string)[];\n  rowTree: IHeaderTreeDefine[] | ((args: { dimensionKey: string | number; value: string }[]) => IHeaderTreeDefine[]);\n}\n\nexport type StickCell = { col: number; row: number; dx: number; dy: number };\n\nexport type CustomMergeCell = (col: number, row: number, table: BaseTableAPI) => undefined | CustomMerge;\nexport type CustomMerge = {\n  range: CellRange;\n  text: string;\n  style?: ITextStyleOption;\n};\n"]}

package/dist/vtable.js

@@ -49414,6 +49414,20 @@
                 this.clearUpdateBoundTag();
                 return this._AABBBounds;
             }
+            else if (this.role === 'body' ||
+                this.role === 'row-header' ||
+                this.role === 'col-header' ||
+                this.role === 'right-frozen' ||
+                this.role === 'bottom-frozen' ||
+                this.role === 'corner-header' ||
+                this.role === 'corner-right-top-header' ||
+                this.role === 'corner-right-bottom-header' ||
+                this.role === 'corner-left-bottom-header') {
+                this._AABBBounds.setValue(-Infinity, -Infinity, Infinity, Infinity);
+                this.parent && this.parent.addChildUpdateBoundTag();
+                this.clearUpdateBoundTag();
+                return this._AABBBounds;
+            }
             return super.doUpdateAABBBounds();
         }
         updateColumnRowNumber(row) {
@@ -51724,7 +51738,9 @@
                 isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row;
                 value = customMergeText;
                 customStyle = customMergeStyle;
-                cellTheme = getStyleTheme(customStyle, table, range.start.col, range.start.row, getProp).theme;
+                if (customStyle) {
+                    cellTheme = getStyleTheme(customStyle, table, range.start.col, range.start.row, getProp).theme;
+                }
             }
         }
         let newCellGroup;
@@ -55643,6 +55659,100 @@
     AdjustColorGroupAfterRenderContribution = __decorate([
         injectable$1()
     ], AdjustColorGroupAfterRenderContribution);
+    let ClipBodyGroupBeforeRenderContribution = class ClipBodyGroupBeforeRenderContribution {
+        time = BaseRenderContributionTime$1.beforeFillStroke;
+        useStyle = true;
+        order = 0;
+        drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke) {
+            const table = group.stage.table;
+            if (group.role === 'body') {
+                const x = -(group.attribute.x ?? 0) + table.getFrozenColsWidth();
+                const y = -(group.attribute.y ?? 0) + table.getFrozenRowsHeight();
+                const width = group.parent.attribute.width - table.getFrozenColsWidth() - table.getRightFrozenColsWidth();
+                const height = group.parent.attribute.height - table.getFrozenRowsHeight() - table.getBottomFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+            else if (group.role === 'row-header') {
+                const x = 0;
+                const y = -(group.attribute.y ?? 0) + table.getFrozenRowsHeight();
+                const width = table.getFrozenColsWidth();
+                const height = group.parent.attribute.height - table.getFrozenRowsHeight() - table.getBottomFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+            else if (group.role === 'col-header') {
+                const x = -(group.attribute.x ?? 0) + table.getFrozenColsWidth();
+                const y = 0;
+                const width = group.parent.attribute.width - table.getFrozenColsWidth() - table.getRightFrozenColsWidth();
+                const height = table.getFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+            else if (group.role === 'right-frozen') {
+                const x = 0;
+                const y = -(group.attribute.y ?? 0) + table.getFrozenRowsHeight();
+                const width = table.getRightFrozenColsWidth();
+                const height = group.parent.attribute.height - table.getFrozenRowsHeight() - table.getBottomFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+            else if (group.role === 'bottom-frozen') {
+                const x = -(group.attribute.x ?? 0) + table.getFrozenColsWidth();
+                const y = 0;
+                const width = group.parent.attribute.width - table.getFrozenColsWidth() - table.getRightFrozenColsWidth();
+                const height = table.getBottomFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+            else if (group.role === 'corner-header') {
+                const x = 0;
+                const y = 0;
+                const width = table.getFrozenColsWidth();
+                const height = table.getFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+            else if (group.role === 'corner-right-top-header') {
+                const x = 0;
+                const y = 0;
+                const width = table.getRightFrozenColsWidth();
+                const height = table.getFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+            else if (group.role === 'corner-right-bottom-header') {
+                const x = 0;
+                const y = 0;
+                const width = table.getRightFrozenColsWidth();
+                const height = table.getBottomFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+            else if (group.role === 'corner-left-bottom-header') {
+                const x = 0;
+                const y = 0;
+                const width = table.getFrozenColsWidth();
+                const height = table.getBottomFrozenRowsHeight();
+                context.beginPath();
+                context.rect(x, y, width, height);
+            }
+        }
+    };
+    ClipBodyGroupBeforeRenderContribution = __decorate([
+        injectable$1()
+    ], ClipBodyGroupBeforeRenderContribution);
+    let ClipBodyGroupAfterRenderContribution = class ClipBodyGroupAfterRenderContribution {
+        time = BaseRenderContributionTime$1.afterFillStroke;
+        useStyle = true;
+        order = 0;
+        drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb) {
+            if (group.role === 'body') ;
+        }
+    };
+    ClipBodyGroupAfterRenderContribution = __decorate([
+        injectable$1()
+    ], ClipBodyGroupAfterRenderContribution);
     function getCellSizeForDraw(group, width, height) {
         const table = group.stage.table;
         if (group.role === 'cell') {
@@ -55752,6 +55862,10 @@
         bind(GroupRenderContribution$1).toService(AdjustPosGroupBeforeRenderContribution);
         bind(AdjustPosGroupAfterRenderContribution).toSelf().inSingletonScope();
         bind(GroupRenderContribution$1).toService(AdjustPosGroupAfterRenderContribution);
+        bind(ClipBodyGroupBeforeRenderContribution).toSelf().inSingletonScope();
+        bind(GroupRenderContribution$1).toService(ClipBodyGroupBeforeRenderContribution);
+        bind(ClipBodyGroupAfterRenderContribution).toSelf().inSingletonScope();
+        bind(GroupRenderContribution$1).toService(ClipBodyGroupAfterRenderContribution);
     });
 
     function computeColsWidth(table, colStart, colEnd, update) {
@@ -56720,15 +56834,17 @@
         }
     }
     function updateCellGroupPosition(colGroup, direction, proxy) {
-        if (direction === 'up') {
-            const cellGroup = colGroup.firstChild;
-            proxy.updateCellGroupPosition(cellGroup, colGroup.lastChild.row + 1, colGroup.lastChild.attribute.y + proxy.table.getRowHeight(colGroup.lastChild.row));
-            colGroup.appendChild(cellGroup);
-        }
-        else {
-            const cellGroup = colGroup.lastChild;
-            proxy.updateCellGroupPosition(cellGroup, colGroup.firstChild.row - 1, colGroup.firstChild.attribute.y - proxy.table.getRowHeight(cellGroup.row));
-            colGroup.insertBefore(cellGroup, colGroup.firstChild);
+        if (colGroup.childrenCount >= 1) {
+            if (direction === 'up') {
+                const cellGroup = colGroup.firstChild;
+                proxy.updateCellGroupPosition(cellGroup, colGroup.lastChild.row + 1, colGroup.lastChild.attribute.y + proxy.table.getRowHeight(colGroup.lastChild.row));
+                colGroup.appendChild(cellGroup);
+            }
+            else {
+                const cellGroup = colGroup.lastChild;
+                proxy.updateCellGroupPosition(cellGroup, colGroup.firstChild.row - 1, colGroup.firstChild.attribute.y - proxy.table.getRowHeight(cellGroup.row));
+                colGroup.insertBefore(cellGroup, colGroup.firstChild);
+            }
         }
     }
     function updateAllRowPosition(distStartRowY, count, direction, proxy) {
@@ -57095,7 +57211,7 @@
             this.table.scenegraph.updateBorderSizeAndPosition();
         }
         async setY(y) {
-            const yLimitTop = this.table.getRowsHeight(this.bodyTopRow, this.bodyTopRow + this.totalActualBodyRowCount) / 2;
+            const yLimitTop = this.table.getRowsHeight(this.bodyTopRow, this.bodyTopRow + (this.rowEnd - this.rowStart + 1)) / 2;
             const yLimitBottom = this.table.getAllRowsHeight() - yLimitTop;
             if (y < yLimitTop && this.rowStart === this.bodyTopRow) {
                 this.table.scenegraph.setBodyAndRowHeaderY(-y);
@@ -57103,12 +57219,16 @@
             else if (y > yLimitBottom && this.rowEnd === this.bodyBottomRow) {
                 this.table.scenegraph.setBodyAndRowHeaderY(-y);
             }
+            else if (!this.table.scenegraph.bodyGroup.firstChild ||
+                this.table.scenegraph.bodyGroup.firstChild.childrenCount === 0) {
+                this.table.scenegraph.setBodyAndRowHeaderY(-y);
+            }
             else {
                 this.dynamicSetY(y);
             }
         }
         async setX(x) {
-            const xLimitLeft = this.table.getColsWidth(this.bodyLeftCol, this.bodyLeftCol + this.totalActualBodyColCount) / 2;
+            const xLimitLeft = this.table.getColsWidth(this.bodyLeftCol, this.bodyLeftCol + (this.colEnd - this.colStart + 1)) / 2;
             const xLimitRight = this.table.getAllColsWidth() - xLimitLeft;
             if (x < xLimitLeft && this.colStart === this.bodyLeftCol) {
                 this.table.scenegraph.setBodyAndColHeaderX(-x);
@@ -57116,6 +57236,10 @@
             else if (x > xLimitRight && this.colEnd === this.bodyRightCol) {
                 this.table.scenegraph.setBodyAndColHeaderX(-x);
             }
+            else if (this.table.scenegraph.bodyGroup.firstChild &&
+                this.table.scenegraph.bodyGroup.firstChild.childrenCount === 0) {
+                this.table.scenegraph.setBodyAndColHeaderX(-x);
+            }
             else {
                 this.dynamicSetX(x);
             }
@@ -58772,34 +58896,34 @@
         const height = scene.table.tableNoFrameHeight;
         scene.tableGroup = new Group$1({ x: 0, y: 0, width, height, clip: true, pickable: false });
         scene.tableGroup.role = 'table';
-        const colHeaderGroup = createContainerGroup(0, 0);
+        const colHeaderGroup = createContainerGroup(0, 0, true);
         colHeaderGroup.role = 'col-header';
         scene.colHeaderGroup = colHeaderGroup;
-        const cornerHeaderGroup = createContainerGroup(0, 0);
+        const cornerHeaderGroup = createContainerGroup(0, 0, true);
         cornerHeaderGroup.role = 'corner-header';
         scene.cornerHeaderGroup = cornerHeaderGroup;
-        const rowHeaderGroup = createContainerGroup(0, 0);
+        const rowHeaderGroup = createContainerGroup(0, 0, true);
         rowHeaderGroup.role = 'row-header';
         scene.rowHeaderGroup = rowHeaderGroup;
-        const bodyGroup = createContainerGroup(width, 0);
+        const bodyGroup = createContainerGroup(width, 0, true);
         bodyGroup.role = 'body';
         scene.bodyGroup = bodyGroup;
-        const rightFrozenGroup = createContainerGroup(0, 0);
+        const rightFrozenGroup = createContainerGroup(0, 0, true);
         rightFrozenGroup.role = 'right-frozen';
         scene.rightFrozenGroup = rightFrozenGroup;
-        const bottomFrozenGroup = createContainerGroup(0, 0);
+        const bottomFrozenGroup = createContainerGroup(0, 0, true);
         bottomFrozenGroup.role = 'bottom-frozen';
         scene.bottomFrozenGroup = bottomFrozenGroup;
         const componentGroup = createContainerGroup(0, 0);
         componentGroup.role = 'component';
         scene.componentGroup = componentGroup;
-        const rightTopCornerGroup = createContainerGroup(0, 0);
+        const rightTopCornerGroup = createContainerGroup(0, 0, true);
         rightTopCornerGroup.role = 'corner-right-top-header';
         scene.rightTopCornerGroup = rightTopCornerGroup;
-        const rightBottomCornerGroup = createContainerGroup(0, 0);
+        const rightBottomCornerGroup = createContainerGroup(0, 0, true);
         rightBottomCornerGroup.role = 'corner-right-bottom-header';
         scene.rightBottomCornerGroup = rightBottomCornerGroup;
-        const leftBottomCornerGroup = createContainerGroup(0, 0);
+        const leftBottomCornerGroup = createContainerGroup(0, 0, true);
         leftBottomCornerGroup.role = 'corner-left-bottom-header';
         scene.leftBottomCornerGroup = leftBottomCornerGroup;
         scene.tableGroup.addChild(bodyGroup);
@@ -58813,13 +58937,13 @@
         scene.tableGroup.addChild(cornerHeaderGroup);
         scene.tableGroup.addChild(componentGroup);
     }
-    function createContainerGroup(width, height) {
+    function createContainerGroup(width, height, clip) {
         return new Group$1({
             x: 0,
             y: 0,
             width,
             height,
-            clip: false,
+            clip: clip ?? false,
             pickable: false
         });
     }
@@ -66823,13 +66947,15 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.17.5-alpha.1";
+        version = "0.17.5";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
         bodyStyleCache;
+        bodyBottomStyleCache;
         container;
         isReleased = false;
+        _chartEventMap = {};
         constructor(container, options = {}) {
             super();
             if (!container && options.mode !== 'node') {
@@ -66964,6 +67090,7 @@
             }
             this.headerStyleCache = new Map();
             this.bodyStyleCache = new Map();
+            this.bodyBottomStyleCache = new Map();
             internalProps.stick = { changedCells: [] };
             internalProps.customMergeCell = options.customMergeCell;
         }
@@ -68538,14 +68665,24 @@
             else {
                 cacheKey = row;
             }
-            let cacheStyle = this.bodyStyleCache.get(cacheKey);
+            let cacheStyle;
+            if (layoutMap.isBottomFrozenRow(row)) {
+                cacheStyle = this.bodyBottomStyleCache.get(cacheKey);
+            }
+            else {
+                cacheStyle = this.bodyStyleCache.get(cacheKey);
+            }
             if (cacheStyle) {
                 return cacheStyle;
             }
             const column = layoutMap.getBody(col, row);
             const styleClass = this.internalProps.bodyHelper.getStyleClass(column.cellType);
             const style = column?.style;
-            cacheStyle = of$2(style, this.theme.bodyStyle, {
+            cacheStyle = of$2(style, layoutMap.isBottomFrozenRow(row) && this.theme.bottomFrozenStyle
+                ? this.theme.bottomFrozenStyle
+                : layoutMap.isRightFrozenColumn(col) && this.theme.rightFrozenStyle
+                    ? this.theme.rightFrozenStyle
+                    : this.theme.bodyStyle, {
                 col,
                 row,
                 table: this,
@@ -68554,13 +68691,19 @@
                 cellHeaderPaths: this.getCellHeaderPaths(col, row)
             }, styleClass, this.options.autoWrapText);
             if (!isFunction$3(style)) {
-                this.bodyStyleCache.set(cacheKey, cacheStyle);
+                if (layoutMap.isBottomFrozenRow(row)) {
+                    this.bodyBottomStyleCache.set(cacheKey, cacheStyle);
+                }
+                else {
+                    this.bodyStyleCache.set(cacheKey, cacheStyle);
+                }
             }
             return cacheStyle;
         }
         clearCellStyleCache() {
             this.headerStyleCache.clear();
             this.bodyStyleCache.clear();
+            this.bodyBottomStyleCache.clear();
         }
         clearRowHeightCache() {
             this.internalProps._rowHeightsMap.clear();
@@ -69063,6 +69206,42 @@
                 row: row + this.columnHeaderLevelCount
             };
         }
+        onVChartEvent(type, query, callback) {
+            if (!this._chartEventMap[type]) {
+                this._chartEventMap[type] = [];
+            }
+            if (typeof query === 'function') {
+                this._chartEventMap[type].push({ callback: query });
+            }
+            else {
+                this._chartEventMap[type].push({ callback, query });
+            }
+        }
+        offVChartEvent(type, callback) {
+            if (!this._chartEventMap[type]) {
+                return;
+            }
+            if (callback) {
+                this._chartEventMap[type] = this._chartEventMap[type].filter(e => e.callback !== callback);
+            }
+            else {
+                this._chartEventMap[type] = [];
+            }
+        }
+        _bindChartEvent(activeChartInstance) {
+            if (activeChartInstance) {
+                for (const key in this._chartEventMap) {
+                    (this._chartEventMap[key] || []).forEach(e => {
+                        if (e.query) {
+                            activeChartInstance.on(key, e.query, e.callback);
+                        }
+                        else {
+                            activeChartInstance.on(key, e.callback);
+                        }
+                    });
+                }
+            }
+        }
     }
 
     var core = /*#__PURE__*/Object.freeze({
@@ -70204,6 +70383,11 @@
         clearCellRangeMap() {
             this._cellRangeMap.clear();
         }
+        updateColumnTitle(col, row, title) {
+            const define = this._table.internalProps.layoutMap.getHeader(col, row);
+            define.title = title;
+            define.define.title = title;
+        }
     }
 
     class Title {
@@ -70375,7 +70559,7 @@
             });
         }
         startEditCell(col, row) {
-            if (this.table.isHeader(col, row)) {
+            if (this.table.isPivotTable() && this.table.isHeader(col, row)) {
                 return;
             }
             const editor = this.table.getEditor(col, row);
@@ -70383,10 +70567,12 @@
                 if (this.table.getCustomRender(col, row) || this.table.getCustomLayout(col, row)) {
                     return;
                 }
-                const range = this.table.getCellRange(col, row);
-                const isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row;
-                if (isMerge) {
-                    return;
+                if (!this.table.isHeader(col, row)) {
+                    const range = this.table.getCellRange(col, row);
+                    const isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row;
+                    if (isMerge) {
+                        return;
+                    }
                 }
                 editor.bindSuccessCallback?.(() => {
                     this.completeEdit();
@@ -70394,7 +70580,7 @@
                 this.editingEditor = editor;
                 this.editCell = { col, row };
                 const dataValue = this.table.getCellOriginValue(col, row);
-                const rect = this.table.getCellRelativeRect(col, row);
+                const rect = this.table.getCellRangeRelativeRect(this.table.getCellRange(col, row));
                 editor.beginEditing(this.table.getElement(), { rect: { left: rect.left, top: rect.top, width: rect.width, height: rect.height } }, dataValue);
             }
         }
@@ -70488,6 +70674,7 @@
             this.scenegraph.clearCells();
             this.headerStyleCache = new Map();
             this.bodyStyleCache = new Map();
+            this.bodyBottomStyleCache = new Map();
             this.scenegraph.createSceneGraph();
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             this.renderAsync();
@@ -71057,7 +71244,9 @@
         }
         getEditor(col, row) {
             const define = this.getBodyColumnDefine(col, row);
-            let editorDefine = define?.editor ?? this.options.editor;
+            let editorDefine = this.isHeader(col, row)
+                ? define?.headerEditor ?? this.options.headerEditor
+                : define?.editor ?? this.options.editor;
             if (typeof editorDefine === 'function') {
                 const arg = {
                     col,
@@ -71076,8 +71265,19 @@
         changeCellValue(col, row, value) {
             const recordIndex = this.getRecordShowIndexByCell(col, row);
             const { field } = this.internalProps.layoutMap.getBody(col, row);
-            this.dataSource.changeFieldValue(value, recordIndex, field, col, row, this);
-            this.scenegraph.updateCellContent(col, row);
+            const beforeChangeValue = this.getCellRawValue(col, row);
+            if (this.isHeader(col, row)) {
+                this.internalProps.layoutMap.updateColumnTitle(col, row, value);
+            }
+            else {
+                this.dataSource.changeFieldValue(value, recordIndex, field, col, row, this);
+            }
+            const range = this.getCellRange(col, row);
+            for (let sCol = range.start.col; sCol <= range.end.col; sCol++) {
+                for (let sRow = range.start.row; sRow <= range.end.row; sRow++) {
+                    this.scenegraph.updateCellContent(sCol, sRow);
+                }
+            }
             if (this.widthMode === 'adaptive' || (this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth)) {
                 if (this.internalProps._widthResizedColMap.size === 0) {
                     this.scenegraph.recalculateColWidths();
@@ -71101,7 +71301,7 @@
             this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
                 col,
                 row,
-                rawValue: this.getCellRawValue(col, row),
+                rawValue: beforeChangeValue,
                 changedValue: this.getCellOriginValue(col, row)
             });
             this.scenegraph.updateNextFrame();
@@ -76837,42 +77037,6 @@
                 }
             });
         }
-        onVChartEvent(type, query, callback) {
-            if (!this._chartEventMap[type]) {
-                this._chartEventMap[type] = [];
-            }
-            if (typeof query === 'function') {
-                this._chartEventMap[type].push({ callback: query });
-            }
-            else {
-                this._chartEventMap[type].push({ callback, query });
-            }
-        }
-        offVChartEvent(type, callback) {
-            if (!this._chartEventMap[type]) {
-                return;
-            }
-            if (callback) {
-                this._chartEventMap[type] = this._chartEventMap[type].filter(e => e.callback !== callback);
-            }
-            else {
-                this._chartEventMap[type] = [];
-            }
-        }
-        _bindChartEvent(activeChartInstance) {
-            if (activeChartInstance) {
-                for (const key in this._chartEventMap) {
-                    (this._chartEventMap[key] || []).forEach(e => {
-                        if (e.query) {
-                            activeChartInstance.on(key, e.query, e.callback);
-                        }
-                        else {
-                            activeChartInstance.on(key, e.callback);
-                        }
-                    });
-                }
-            }
-        }
         updateFilterRules(filterRules) {
             this.internalProps.dataConfig.filterRules = filterRules;
             this.dataset.updateFilterRules(filterRules);
@@ -77526,7 +77690,7 @@
         return new Tag$1(params ? params.attribute : {});
     }
 
-    const version = "0.17.5-alpha.1";
+    const version = "0.17.5";
     function getIcons() {
         return get$2();
     }