@visactor/vtable 1.6.0-alpha.4 → 1.6.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/base-table.ts"],"names":[],"mappings":"","file":"base-table.js","sourcesContent":["import type { ITextSize } from '@visactor/vutils';\nimport type {\n  RectProps,\n  MaybePromiseOrUndefined,\n  ICellHeaderPaths,\n  CellInfo,\n  CustomCellStyle,\n  CustomCellStyleArrangement\n} from './common';\nimport type {\n  TableEventListener,\n  TableEventHandlersEventArgumentMap,\n  TableEventHandlersReturnMap,\n  EventListenerId,\n  MousePointerCellEvent\n} from './events';\nimport type { MenuListItem, DropDownMenuEventInfo, DropDownMenuHighlightInfo } from './menu';\nimport type { CellStyle } from './style-define';\nimport type { ColumnIconOption } from './icon';\nimport type {\n  ColumnData,\n  ColumnDefine,\n  ColumnsDefine,\n  HeaderData,\n  IndicatorData,\n  SeriesNumberColumnData\n} from './list-table/layout-map/api';\nexport type { HeaderData } from './list-table/layout-map/api';\nimport type { TableTheme } from '../themes/theme';\nimport type { ICustomRender } from './customElement';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { Scenegraph } from '../scenegraph/scenegraph';\nimport type { StateManager } from '../state/state';\nimport type { EventManager } from '../event/event';\nimport type {\n  CellAddress,\n  CellRange,\n  CellLocation,\n  ColumnTypeOption,\n  DataSourceAPI,\n  FieldData,\n  FieldDef,\n  FieldFormat,\n  FullExtendStyle,\n  HeaderValues,\n  HeightModeDef,\n  HierarchyState,\n  IPivotTableDataConfig,\n  IPagination,\n  ITableThemeDefine,\n  SortState,\n  TableKeyboardOptions,\n  WidthModeDef,\n  IHeaderTreeDefine,\n  IDimension,\n  IIndicator,\n  StickCell,\n  CustomMergeCell,\n  CustomMerge,\n  IColumnDimension,\n  IRowDimension,\n  TableEventOptions,\n  IPivotChartDataConfig,\n  IListTableDataConfig,\n  IRowSeriesNumber,\n  ColumnSeriesNumber,\n  ColumnStyleOption,\n  WidthAdaptiveModeDef,\n  HeightAdaptiveModeDef,\n  ColumnInfo,\n  RowInfo,\n  CellAddressWithBound\n} from '.';\nimport type { TooltipOptions } from './tooltip';\nimport type { IWrapTextGraphicAttribute } from '../scenegraph/graphic/text';\nimport type { ICustomLayout } from './customLayout';\nimport type { CachedDataSource, DataSource } from '../data';\nimport type { MenuHandler } from '../components/menu/dom/MenuHandler';\nimport type { PivotHeaderLayoutMap } from '../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../layout';\nimport type { TooltipHandler } from '../components/tooltip/TooltipHandler';\nimport type { BodyHelper } from '../body-helper/body-helper';\nimport type { HeaderHelper } from '../header-helper/header-helper';\nimport type { EventHandler } from '../event/EventHandler';\nimport type { NumberMap } from '../tools/NumberMap';\nimport type { FocusInput } from '../core/FouseInput';\nimport type { ITableLegendOption } from './component/legend';\nimport type { DataSet } from '@visactor/vdataset';\nimport type { Title } from '../components/title/title';\nimport type { ITitle } from './component/title';\nimport type { DiscreteTableLegend } from '../components/legend/discrete-legend/discrete-legend';\nimport type { ContinueTableLegend } from '../components/legend/continue-legend/continue-legend';\nimport type { NumberRangeMap } from '../layout/row-height-map';\nimport type { RowSeriesNumberHelper } from '../core/row-series-number-helper';\nimport type { ReactCustomLayout } from '../components/react/react-custom-layout';\nimport type { ISortedMapItem } from '../data/DataSource';\nimport type { IAnimationAppear } from './animation/appear';\nimport type { IEmptyTip } from './component/empty-tip';\nimport type { EmptyTip } from '../components/empty-tip/empty-tip';\nimport type { EditManeger } from '../edit/edit-manager';\n\nexport interface IBaseTableProtected {\n  element: HTMLElement;\n  // scrollable: Scrollable;\n  handler: EventHandler;\n  focusControl: FocusInput;\n  canvas: HTMLCanvasElement;\n  context: CanvasRenderingContext2D;\n  rowCount: number;\n  colCount: number;\n  frozenColCount: number;\n  allowFrozenColCount: number;\n\n  frozenRowCount: number;\n  rightFrozenColCount: number;\n  bottomFrozenRowCount: number;\n  defaultRowHeight: number;\n  /**表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight: (number | 'auto') | (number | 'auto')[];\n  defaultColWidth: number;\n  defaultHeaderColWidth: (number | 'auto') | (number | 'auto')[];\n  // font?: string;\n  // underlayBackgroundColor?: string;\n  keyboardOptions?: TableKeyboardOptions;\n  eventOptions?: TableEventOptions;\n  rowSeriesNumber?: IRowSeriesNumber;\n  columnSeriesNumber?: ColumnSeriesNumber[];\n  // disableRowHeaderColumnResize?: boolean;\n  // 列宽调整模式（全列调整；全列不可调整；仅表头单元格可调整；仅内容单元格可调整）\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  rowResizeMode?: 'all' | 'none' | 'header' | 'body';\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n  /** 拖拽表头移动位置 针对冻结部分的规则\n   * \"disabled\"（禁止调整冻结列位置）：不允许其他列的表头移入冻结列，也不允许冻结列移出，冻结列保持不变。\n   * \"adjustFrozenCount\"（根据交互结果调整冻结数量）：允许其他列的表头移入冻结列，及冻结列移出，并根据拖拽的动作调整冻结列的数量。当其他列的表头被拖拽进入冻结列位置时，冻结列数量增加；当其他列的表头被拖拽移出冻结列位置时，冻结列数量减少。\n   * \"fixedFrozenCount\"（可调整冻结列，并维持冻结数量不变）：允许自由拖拽其他列的表头移入或移出冻结列位置，同时保持冻结列的数量不变。\n   */\n  frozenColDragHeaderMode?: 'disabled' | 'adjustFrozenCount' | 'fixedFrozenCount';\n  cachedRecordsRowHeightMap: NumberMap<string | number>; //存储每一条记录对应行的行高，只有当设置为自动换行随内容撑开才会起作用\n  // headerRowHeightsMap: NumberMap<number>; //目前是用来存储了表头各行的高度，从headerRowHeight计算而来，headerRowHeight可以设置为数组的形式\n  _rowHeightsMap: NumberRangeMap; //存储数据条目每行高度\n  _colWidthsMap: NumberMap<string | number>; //存储各列的宽度\n  _colContentWidthsMap: NumberMap<string | number>; //存储各列的内容宽度\n  _colWidthsLimit: {\n    //存储各列的宽度限制\n    [col: number]: {\n      max?: string | number;\n      min?: string | number;\n    };\n  };\n  calcWidthContext: {\n    _: IBaseTableProtected;\n    full: number;\n    // em: number;\n  };\n\n  _rowRangeHeightsMap: Map<string, number>; //存储指定行范围的总高度\n  _colRangeWidthsMap: Map<string, number>; //存储指定列范围的总宽度\n\n  _widthResizedColMap: Set<number>; //记录下被手动调整过列宽的列号\n  _heightResizedRowMap: Set<number>; //记录下被手动调整过行高的行号\n\n  bodyHelper: BodyHelper;\n  headerHelper: HeaderHelper;\n  rowSeriesNumberHelper: RowSeriesNumberHelper;\n\n  cellTextOverflows: { [at: string]: string };\n  // headerDescriptions: { [at: string]: string };\n  focusedTable: boolean;\n\n  config:\n    | {\n        [name: string]: any;\n      }\n    | undefined;\n  // scroll: {\n  //   left: number;\n  //   top: number;\n  // };\n  releaseList?: { release: () => void }[] | null;\n  theme: TableTheme;\n  transpose?: boolean; //是否转置\n  // autoRowHeight?: boolean; //是否自动撑开高度 对于设置了autoWrapText的multilineText的列生效\n  pixelRatio?: number;\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu: {\n    /** 代替原来的option.menuType */\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: FieldDef, row: number, col: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** 提示弹框的相关配置。消失时机：显示后鼠标移动到指定区域外或者进入新的单元格后自动消失*/\n  tooltip: {\n    renderMode: 'html' | 'canvas';\n    /** 代替原来hover:isShowTooltip配置 */\n    isShowOverflowTextTooltip: boolean;\n    /** 缩略文字提示框 延迟消失时间 */\n    overflowTextTooltipDisappearDelay?: number;\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  enableLineBreak?: boolean;\n\n  menuHandler: MenuHandler;\n\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450\n   */\n  limitMaxAutoWidth?: boolean | number;\n\n  /**\n   * 限制列宽最小值。\n   */\n  limitMinWidth?: number;\n\n  limitMinHeight?: number;\n\n  title?: Title;\n  legends?: (DiscreteTableLegend | ContinueTableLegend)[];\n\n  emptyTip?: EmptyTip;\n  //是否开启图表异步渲染\n  renderChartAsync?: boolean;\n  // // 开启图表异步渲染 每批次渐进渲染图表个数\n  // renderChartAsyncBatchCount?: number;\n\n  stick: { changedCells: Map<string, StickCell> };\n\n  customMergeCell?: CustomMergeCell;\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  // react component container\n  bodyDomContainer?: HTMLElement;\n  headerDomContainer?: HTMLElement;\n  // 已使用一行的高度填充所有行\n  useOneRowHeightFillAll?: boolean;\n}\nexport interface BaseTableConstructorOptions {\n  // /** 指定表格的行数 */\n  // rowCount?: number;\n\n  // /** 指定表格的列数 */\n  // colCount?: number;\n  /**\n   * 当前需要冻结的列数 基本表格生效\n   */\n  frozenColCount?: number;\n  frozenRowCount?: 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  excelOptions?: {\n    fillHandle?: boolean;\n  };\n  /** 事件触发相关设置 */\n  eventOptions?: TableEventOptions;\n  /**\n   * Canvas container\n   */\n  container?: HTMLElement | null;\n\n  /**\n   * 调整列宽 可操作范围。'all' | 'none' | 'header' | 'body'; 整列间隔线|禁止调整|只能在表头处间隔线|只能在body间隔线\n   */\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  rowResizeMode?: 'all' | 'none' | 'header' | 'body';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n\n  /**\n   * 是否显示固定列图钉 基本表格生效\n   */\n  showFrozenIcon?: boolean;\n\n  padding?:\n    | {\n        top?: number;\n        bottom?: number;\n        left?: number;\n        right?: number;\n      }\n    | number;\n  /** hover交互配置 */\n  hover?: {\n    /** hover交互响应模式：十字交叉 整列 整行 或者单个单元格 */\n    highlightMode?: 'cross' | 'column' | 'row' | 'cell';\n    /** 不响应鼠标hover交互 */\n    disableHover?: boolean;\n    /** 单独设置表头不响应鼠标hover交互 */\n    disableHeaderHover?: boolean;\n    /** 单独设置坐标轴不响应鼠标hover交互 */\n    disableAxisHover?: boolean;\n  };\n  /** 选择单元格交互配置 */\n  select?: {\n    /** 高亮范围模式：十字交叉 整列 整行 或者单个单元格。默认`cell` */\n    highlightMode?: 'cross' | 'column' | 'row' | 'cell';\n    /** 点击表头单元格时连带body整行或整列选中 或仅选中当前单元格，默认或整行或整列选中*/\n    headerSelectMode?: 'inline' | 'cell';\n    /** 不响应鼠标select交互 */\n    disableSelect?: boolean;\n    /** 单独设置表头不响应鼠标select交互 */\n    disableHeaderSelect?: boolean;\n    /** 点击空白区域是否取消选中 */\n    blankAreaClickDeselect?: boolean;\n    /** 点击外部区域是否取消选中 */\n    outsideClickDeselect?: boolean; //\n  };\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu?: {\n    /** 代替原来的option.menuType  html目前实现较完整 先默认html渲染方式*/\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: string, row: number, col: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** tooltip相关配置 */\n  tooltip?: {\n    /** html目前实现较完整 先默认html渲染方式 */\n    renderMode?: 'html'; // 目前暂不支持canvas方案\n    /** 是否显示缩略文字提示框。 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/\n    isShowOverflowTextTooltip?: boolean;\n    /** 缩略文字提示框 延迟消失时间 */\n    overflowTextTooltipDisappearDelay?: number;\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  /** adaptive 模式下宽度的适应策略 **/\n  widthAdaptiveMode?: WidthAdaptiveModeDef;\n  /** adaptive 模式下高度的适应策略 **/\n  heightAdaptiveMode?: HeightAdaptiveModeDef;\n\n  // /** 行高是否根据内容来计算 */\n  // autoRowHeight?: boolean;\n  /** 设备的像素比 不配的话默认获取window.devicePixelRatio */\n  pixelRatio?: number;\n  /** 自定义渲染 函数形式*/\n  customRender?: ICustomRender;\n  /** 开启自动换行 默认false */\n  autoWrapText?: boolean;\n  /** 是否处理换行符 */\n  enableLineBreak?: 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  limitMinHeight?: boolean | number;\n\n  // maximum number of data items maintained in table instance\n  maintainedDataCount?: number;\n\n  legends?: ITableLegendOption | ITableLegendOption[];\n  title?: ITitle;\n  emptyTip?: true | IEmptyTip;\n  /** 是否开启图表异步渲染 */\n  renderChartAsync?: boolean;\n  /** 开启图表异步渲染 每批次渐进渲染图表个数  默认是5个 */\n  renderChartAsyncBatchCount?: number;\n\n  customMergeCell?: CustomMergeCell;\n\n  // #region for nodejs\n  mode?: 'node' | 'browser';\n  modeParams?: any;\n  canvasWidth?: number;\n  canvasHeight?: number;\n  // #endregion\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  // resize response time\n  resizeTime?: number;\n\n  rowSeriesNumber?: IRowSeriesNumber;\n  // columnSeriesNumber?: ColumnSeriesNumber[];\n  customCellStyle?: CustomCellStyle[];\n  customCellStyleArrangement?: CustomCellStyleArrangement[];\n\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n  clearDOM?: boolean;\n  customConfig?: {\n    /** xTable对于没有配置autoWrapText并且有'\\n'的文本，在计算行高是会当做一行处理，但是在渲染时会解析'\\n'；显示效果就是单元格高度为一行文本高度，只显示第一个'\\n'前的文字，后面显示'...'；multilinesForXTable配置实现和该功能对齐的样式 */\n    multilinesForXTable?: boolean;\n    /** 这里可以配置为false 来走flatDataToObject的数据处理逻辑 而不走dataset的分析 */\n    enableDataAnalysis?: boolean;\n    /** 禁用行高列宽计算取整数逻辑 对齐xTable */\n    _disableColumnAndRowSizeRound?: boolean;\n    imageMargin?: number;\n    // 是否创建react custom container\n    createReactContainer?: boolean;\n    // adaptive 模式下优先缩小迷你图\n    shrinkSparklineFirst?: boolean;\n  }; // 部分特殊配置，兼容xTable等作用\n\n  animationAppear?: boolean | IAnimationAppear;\n\n  renderOption?: any;\n}\nexport interface BaseTableAPI {\n  /** 数据总条目数 */\n  recordsCount: number;\n  /** 表格的行数 */\n  rowCount: number;\n  /** 表格的列数 */\n  colCount: number;\n  /** 表格除去外层frame后的宽度 */\n  tableNoFrameWidth: number;\n  /** 表格除去外层frame后的高度 */\n  tableNoFrameHeight: number;\n  /** 表格的冻结行数 包括表头在内 */\n  frozenRowCount: number;\n  /** 表格的冻结列数 包括表头在内 */\n  frozenColCount: number;\n\n  bottomFrozenRowCount: number;\n  rightFrozenColCount: number;\n  /** 当前表格默认表头行高 */\n  defaultHeaderRowHeight: (number | 'auto') | (number | 'auto')[];\n  /** 当前表格默认行高 */\n  defaultRowHeight: number;\n  /** 当前表格默认列宽 */\n  defaultColWidth: number;\n  /** 当前表格默认表头列宽 */\n  defaultHeaderColWidth: (number | 'auto') | (number | 'auto')[];\n  /** 当前表格快捷键设置 */\n  keyboardOptions: TableKeyboardOptions | null;\n  /** 当前表格事件相关设置 */\n  eventOptions: TableEventOptions | null;\n  /**\n   * 是否显示图钉\n   */\n  showFrozenIcon: boolean;\n  readonly canvas: HTMLCanvasElement;\n  /** 表格可视区域的行数 */\n  readonly visibleRowCount: number;\n  /** 表格可视区域的列数 */\n  readonly visibleColCount: number;\n  /** 表格滚动值left */\n  scrollLeft: number;\n  /** 表格滚动值top */\n  scrollTop: number;\n  /** 用户设置的options 不要修改这个这个 */\n  options: BaseTableConstructorOptions;\n  /** 设置的全局下拉菜单列表项配置 */\n  globalDropDownMenu?: MenuListItem[];\n  /** 设置的全局自定义渲染函数 */\n  customRender?: ICustomRender;\n\n  /** 表格数据管理对象 */\n  dataSource: DataSourceAPI;\n  /** 设置的表格主题 */\n  theme: TableTheme;\n  /** 可允许设置冻结的最大列数 */\n  allowFrozenColCount: number;\n\n  /** 存储内部用到的属性 变量等 */\n  internalProps: IBaseTableProtected;\n  /** 分页信息 */\n  pagination?: IPagination;\n\n  /** 表格偏移像素值 水平方向 */\n  tableX: number;\n  /** 表格偏移像素值 垂直方向 */\n  tableY: number;\n  /** 表格宽度模式 */\n  widthMode: WidthModeDef;\n  /** 表格宽度模式 */\n  heightMode: HeightModeDef;\n  /** 当列宽度不能占满容器时，是否需要自动拉宽来填充容器的宽度。默认false */\n  autoFillWidth: boolean;\n  /** 当行高度不能占满容器时，是否需要自动拉高来填充容器的高度。默认false */\n  autoFillHeight?: boolean;\n\n  /** adaptive 模式下宽度的适应策略 **/\n  widthAdaptiveMode: WidthAdaptiveModeDef;\n  /** adaptive 模式下高度的适应策略 **/\n  heightAdaptiveMode: HeightAdaptiveModeDef;\n\n  isReleased: boolean;\n\n  // rowHeightsMap: NumberMap<number>;\n  rowHeightsMap: NumberRangeMap;\n  colWidthsMap: NumberMap<string | number>;\n\n  on: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    listener: TableEventListener<TYPE> //(event: TableEventHandlersEventArgumentMap[TYPE]) => TableEventHandlersReturnMap[TYPE]\n  ) => EventListenerId;\n  // &(<T extends keyof TableEventHandlersEventArgumentMap>(type: string, listener: AnyListener<T>) => EventListenerId);\n\n  _vDataSet?: DataSet;\n  /** 场景树对象 */\n  scenegraph: Scenegraph;\n  /** 状态管理模块 */\n  stateManager: StateManager;\n  /** 事件管理模块 */\n  eventManager: EventManager;\n\n  editorManager: EditManeger;\n  /** 行表头的层数 */\n  rowHeaderLevelCount: number;\n  /** 列表头的层数 */\n  columnHeaderLevelCount: number;\n\n  canvasWidth?: number;\n  canvasHeight?: number;\n\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n\n  _rowRangeHeightsMap: Map<string, number>;\n  _colRangeWidthsMap: Map<string, number>;\n  canvasSizeSeted?: boolean;\n  /** 获取表格绘制的范围 不包括frame的宽度 */\n  getDrawRange: () => Rect;\n  /** 将鼠标坐标值 转换成表格坐标系中的坐标位置 */\n  _getMouseAbstractPoint: (\n    evt: TouchEvent | MouseEvent | undefined,\n    isAddScroll?: boolean\n  ) => { x: number; y: number; inTable: boolean };\n  getElement: () => HTMLElement;\n  getContainer: () => HTMLElement;\n\n  setFrozenColCount: (count: number) => void;\n  _setFrozenColCount: (count: number) => void;\n  _updateSize: () => void;\n\n  render: () => void;\n  throttleInvalidate: () => void;\n  getRowHeight: (row: number) => number;\n  getDefaultRowHeight: (row: number) => number | 'auto';\n  getDefaultColumnWidth: (col: number) => number | 'auto';\n  _setRowHeight: (row: number, height: number, clearCache?: boolean) => void;\n  setRowHeight: (row: number, height: number) => 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  setColWidth: (col: number, width: number) => void;\n  _getColContentWidth: (col: number) => number;\n  _setColContentWidth: (col: number, width: number | string, clearCache?: boolean) => void;\n  getMaxColWidth: (col: number) => number;\n  setMaxColWidth: (col: number, maxwidth: string | number) => void;\n  getMinColWidth: (col: number) => number;\n  setMinColWidth: (col: number, minwidth: string | number) => void;\n  getCellRect: (col: number, row: number) => Rect;\n  getCellRelativeRect: (col: number, row: number) => Rect;\n  getCellsRect: (startCol: number, startRow: number, endCol: number, endRow: number) => Rect;\n  getCellRangeRect: (cellRange: CellRange | CellAddress) => Rect;\n  getCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => Rect;\n  getVisibleCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => Rect;\n  isFrozenCell: (col: number, row: number) => { row: boolean; col: boolean } | null;\n  getRowAt: (absoluteY: number) => { top: number; row: number; bottom: number };\n  getColAt: (absoluteX: number) => { left: number; col: number; right: number };\n  getCellAt: (absoluteX: number, absoluteY: number) => CellAddressWithBound;\n  getCellAtRelativePosition: (absoluteX: number, absoluteY: number) => CellAddressWithBound;\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, isShift?: boolean, isCtrl?: boolean) => void;\n  selectCells: (cellRanges: CellRange[]) => void;\n  getAllRowsHeight: () => number;\n  getAllColsWidth: () => number;\n\n  off: (id: EventListenerId) => void;\n  getBodyField: (col: number, row: number) => FieldDef | undefined;\n  /**\n   * 根据单元格获取对应的源数据\n   * @param col\n   * @param row\n   * @returns\n   */\n  getRecordByCell: (col: number, row: number) => MaybePromiseOrUndefined;\n  /**\n   * 根据数据源的index 获取显示到表格中的index 行号或者列号（与转置相关）。注：ListTable特有接口\n   * @param recordIndex\n   */\n  getTableIndexByRecordIndex: (recordIndex: number) => number;\n  /**\n   * 根据数据源的field 获取显示到表格中的index 行号或者列号（与转置相关）。注：ListTable特有接口\n   * @param recordIndex\n   */\n  getTableIndexByField: (field: FieldDef) => number;\n  /**\n   * 根据数据源中的index和field获取单元格行列号。注：ListTable特有接口\n   * @param field\n   * @param recordIndex\n   * @returns\n   */\n  getCellAddrByFieldRecord: (field: FieldDef, recordIndex: number) => CellAddress;\n  getRecordShowIndexByCell: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n\n  getHeaderField: (col: number, row: number) => any | undefined;\n\n  _getHeaderCellBySortState: (sortState: SortState) => CellAddress | undefined;\n  getHeaderDefine: (col: number, row: number) => ColumnDefine | IRowSeriesNumber | ColumnSeriesNumber;\n  _getHeaderLayoutMap: (col: number, row: number) => HeaderData | SeriesNumberColumnData;\n  getContext: () => CanvasRenderingContext2D;\n  getCellRange: (col: number, row: number) => CellRange;\n  _resetFrozenColCount: () => void;\n  isCellRangeEqual: (col: number, row: number, targetCol: number, targetRow: number) => boolean;\n  _getLayoutCellId: (col: number, row: number) => LayoutObjectId;\n  _getBodyLayoutMap: (col: number, row: number) => ColumnData | IndicatorData | SeriesNumberColumnData;\n  getBodyColumnDefine: (col: number, row: number) => ColumnDefine | IRowSeriesNumber | ColumnSeriesNumber;\n  getBodyColumnType: (col: number, row: number) => ColumnTypeOption;\n  getCellType: (col: number, row: number) => ColumnTypeOption;\n  fireListeners: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    event: TableEventHandlersEventArgumentMap[TYPE]\n  ) => TableEventHandlersReturnMap[TYPE][];\n\n  //更新分页\n  updatePagination: (cof: IPagination) => void;\n  //hover\n\n  getHeaderDescription: (col: number, row: number) => string | undefined;\n  /** 获取单元格展示值 */\n  getCellValue: (col: number, row: number, skipCustomMerge?: boolean) => 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  getSelectedCellRanges: () => CellRange[];\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  _canResizeRow: (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  /** 直接设置canvas的宽高 不根据容器宽高来决定表格的尺寸 */\n  setCanvasSize: (width: number, height: number) => void;\n  getMergeCellRect: (col: number, row: number) => Rect;\n\n  getTargetColAt: (absoluteX: number) => ColumnInfo | null;\n  getTargetRowAt: (absoluteY: number) => RowInfo | null;\n  getTargetColAtConsiderRightFrozen: (absoluteX: number, isConsider: boolean) => ColumnInfo | null;\n  getTargetRowAtConsiderBottomFrozen: (absoluteY: number, isConsider: boolean) => RowInfo | null;\n  renderWithRecreateCells: () => void;\n  //#endregion  tableAPI\n\n  _adjustColWidth: (col: number, orgWidth: number) => number;\n  _colWidthDefineToPxWidth: (width: string | number) => number;\n  isFrozenColumn: (col: number, row?: number) => boolean;\n  isLeftFrozenColumn: (col: number, row?: number) => boolean;\n  isRightFrozenColumn: (col: number, row?: number) => boolean;\n  isFrozenRow: (col: number, row?: number) => boolean;\n  isTopFrozenRow: (col: number, row?: number) => boolean;\n  isBottomFrozenRow: (col: number, row?: number) => boolean;\n\n  hasCustomMerge: () => boolean;\n  getCustomMerge: (col: number, row: number) => undefined | (Omit<CustomMerge, 'style'> & { style?: FullExtendStyle });\n  /** 获取表格body部分的显示单元格范围 */\n  getBodyVisibleCellRange: () => { rowStart: number; colStart: number; rowEnd: number; colEnd: number };\n  /** 获取表格body部分的显示列号范围 */\n  getBodyVisibleColRange: () => { colStart: number; colEnd: number };\n  /** 获取表格body部分的显示行号范围 */\n  getBodyVisibleRowRange: () => { rowStart: number; rowEnd: number };\n\n  _hasCustomRenderOrLayout: () => boolean;\n  /** 根据表格单元格的行列号 获取在body部分的列索引及行索引 */\n  getBodyIndexByTableIndex: (col: number, row: number) => CellAddress;\n  /** 根据body部分的列索引及行索引，获取单元格的行列号 */\n  getTableIndexByBodyIndex: (col: number, row: number) => CellAddress;\n  /**\n   * 滚动到具体某个单元格位置\n   * @param cellAddr 要滚动到的单元格位置\n   */\n  scrollToCell: (cellAddr: { col?: number; row?: number }) => void;\n  registerCustomCellStyle: (customStyleId: string, customStyle: ColumnStyleOption | undefined | null) => void;\n  arrangeCustomCellStyle: (cellPos: { col?: number; row?: number; range?: CellRange }, customStyleId: string) => void;\n\n  _moveHeaderPosition: (\n    source: CellAddress,\n    target: CellAddress\n  ) => {\n    sourceIndex: number;\n    targetIndex: any;\n    sourceSize: any;\n    targetSize: any;\n    moveType: 'column' | 'row';\n  };\n  changeRecordOrder: (source: number, target: number) => void;\n  isSeriesNumber: (col: number, row?: number) => boolean;\n  isHasSeriesNumber: () => boolean;\n  leftRowSeriesNumberCount: number;\n  isAutoRowHeight: (row: number) => boolean;\n\n  reactCustomLayout?: ReactCustomLayout;\n  checkReactCustomLayout: (removeAllContainer: () => void) => void;\n  setSortedIndexMap: (field: FieldDef, filedMap: ISortedMapItem) => void;\n\n  exportImg: () => string;\n  exportCellImg: (\n    col: number,\n    row: number,\n    options?: { disableBackground?: boolean; disableBorder?: boolean }\n  ) => string;\n  exportCellRangeImg: (cellRange: CellRange) => string;\n  exportCanvas: () => HTMLCanvasElement;\n  setPixelRatio: (pixelRatio: number) => void;\n\n  bodyDomContainer?: HTMLElement;\n  headerDomContainer?: HTMLElement;\n\n  showMoverLine: (col: number, row: number) => void;\n  hideMoverLine: (col: number, row: number) => void;\n  /** 关闭表格的滚动 */\n  disableScroll: () => void;\n  /** 开启表格的滚动 */\n  enableScroll: () => void;\n}\nexport interface ListTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  dataConfig?: IListTableDataConfig;\n  columns: ColumnsDefine;\n  layoutMap: SimpleHeaderLayoutMap;\n}\n\nexport interface PivotTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | undefined;\n  recordsIsTwoDimensionalArray?: boolean;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IPivotTableDataConfig;\n\n  /** 列表头树型结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头树型结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n}\nexport interface PivotChartProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | Record<string, any[]>;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IPivotChartDataConfig;\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n}\n"]}
+{"version":3,"sources":["../src/ts-types/base-table.ts"],"names":[],"mappings":"","file":"base-table.js","sourcesContent":["import type { IBoundsLike, ITextSize } from '@visactor/vutils';\nimport type {\n  RectProps,\n  MaybePromiseOrUndefined,\n  ICellHeaderPaths,\n  CellInfo,\n  CustomCellStyle,\n  CustomCellStyleArrangement\n} from './common';\nimport type {\n  TableEventListener,\n  TableEventHandlersEventArgumentMap,\n  TableEventHandlersReturnMap,\n  EventListenerId,\n  MousePointerCellEvent\n} from './events';\nimport type { MenuListItem, DropDownMenuEventInfo, DropDownMenuHighlightInfo } from './menu';\nimport type { CellStyle } from './style-define';\nimport type { ColumnIconOption } from './icon';\nimport type {\n  ColumnData,\n  ColumnDefine,\n  ColumnsDefine,\n  HeaderData,\n  IndicatorData,\n  SeriesNumberColumnData\n} from './list-table/layout-map/api';\nexport type { HeaderData } from './list-table/layout-map/api';\nimport type { TableTheme } from '../themes/theme';\nimport type { ICustomRender } from './customElement';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { Scenegraph } from '../scenegraph/scenegraph';\nimport type { StateManager } from '../state/state';\nimport type { EventManager } from '../event/event';\nimport type {\n  CellAddress,\n  CellRange,\n  CellLocation,\n  ColumnTypeOption,\n  DataSourceAPI,\n  FieldData,\n  FieldDef,\n  FieldFormat,\n  FullExtendStyle,\n  HeaderValues,\n  HeightModeDef,\n  HierarchyState,\n  IPivotTableDataConfig,\n  IPagination,\n  ITableThemeDefine,\n  SortState,\n  TableKeyboardOptions,\n  WidthModeDef,\n  IHeaderTreeDefine,\n  IDimension,\n  IIndicator,\n  StickCell,\n  CustomMergeCell,\n  CustomMerge,\n  IColumnDimension,\n  IRowDimension,\n  TableEventOptions,\n  IPivotChartDataConfig,\n  IListTableDataConfig,\n  IRowSeriesNumber,\n  ColumnSeriesNumber,\n  ColumnStyleOption,\n  WidthAdaptiveModeDef,\n  HeightAdaptiveModeDef,\n  ColumnInfo,\n  RowInfo,\n  CellAddressWithBound\n} from '.';\nimport type { TooltipOptions } from './tooltip';\nimport type { IWrapTextGraphicAttribute } from '../scenegraph/graphic/text';\nimport type { ICustomLayout } from './customLayout';\nimport type { CachedDataSource, DataSource } from '../data';\nimport type { MenuHandler } from '../components/menu/dom/MenuHandler';\nimport type { PivotHeaderLayoutMap } from '../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../layout';\nimport type { TooltipHandler } from '../components/tooltip/TooltipHandler';\nimport type { BodyHelper } from '../body-helper/body-helper';\nimport type { HeaderHelper } from '../header-helper/header-helper';\nimport type { EventHandler } from '../event/EventHandler';\nimport type { NumberMap } from '../tools/NumberMap';\nimport type { FocusInput } from '../core/FouseInput';\nimport type { ITableLegendOption } from './component/legend';\nimport type { DataSet } from '@visactor/vdataset';\nimport type { Title } from '../components/title/title';\nimport type { ITitle } from './component/title';\nimport type { DiscreteTableLegend } from '../components/legend/discrete-legend/discrete-legend';\nimport type { ContinueTableLegend } from '../components/legend/continue-legend/continue-legend';\nimport type { NumberRangeMap } from '../layout/row-height-map';\nimport type { RowSeriesNumberHelper } from '../core/row-series-number-helper';\nimport type { ReactCustomLayout } from '../components/react/react-custom-layout';\nimport type { ISortedMapItem } from '../data/DataSource';\nimport type { IAnimationAppear } from './animation/appear';\nimport type { IEmptyTip } from './component/empty-tip';\nimport type { EmptyTip } from '../components/empty-tip/empty-tip';\nimport type { CustomCellStylePlugin } from '../plugins/custom-cell-style';\nimport type { EditManeger } from '../edit/edit-manager';\n\nexport interface IBaseTableProtected {\n  element: HTMLElement;\n  // scrollable: Scrollable;\n  handler: EventHandler;\n  focusControl: FocusInput;\n  canvas: HTMLCanvasElement;\n  context: CanvasRenderingContext2D;\n  rowCount: number;\n  colCount: number;\n  frozenColCount: number;\n  allowFrozenColCount: number;\n\n  frozenRowCount: number;\n  rightFrozenColCount: number;\n  bottomFrozenRowCount: number;\n  defaultRowHeight: number;\n  /**表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight: (number | 'auto') | (number | 'auto')[];\n  defaultColWidth: number;\n  defaultHeaderColWidth: (number | 'auto') | (number | 'auto')[];\n  // font?: string;\n  // underlayBackgroundColor?: string;\n  keyboardOptions?: TableKeyboardOptions;\n  eventOptions?: TableEventOptions;\n  rowSeriesNumber?: IRowSeriesNumber;\n  columnSeriesNumber?: ColumnSeriesNumber[];\n  // disableRowHeaderColumnResize?: boolean;\n  // 列宽调整模式（全列调整；全列不可调整；仅表头单元格可调整；仅内容单元格可调整）\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  rowResizeMode?: 'all' | 'none' | 'header' | 'body';\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n  /** 拖拽表头移动位置 针对冻结部分的规则\n   * \"disabled\"（禁止调整冻结列位置）：不允许其他列的表头移入冻结列，也不允许冻结列移出，冻结列保持不变。\n   * \"adjustFrozenCount\"（根据交互结果调整冻结数量）：允许其他列的表头移入冻结列，及冻结列移出，并根据拖拽的动作调整冻结列的数量。当其他列的表头被拖拽进入冻结列位置时，冻结列数量增加；当其他列的表头被拖拽移出冻结列位置时，冻结列数量减少。\n   * \"fixedFrozenCount\"（可调整冻结列，并维持冻结数量不变）：允许自由拖拽其他列的表头移入或移出冻结列位置，同时保持冻结列的数量不变。\n   */\n  frozenColDragHeaderMode?: 'disabled' | 'adjustFrozenCount' | 'fixedFrozenCount';\n  cachedRecordsRowHeightMap: NumberMap<string | number>; //存储每一条记录对应行的行高，只有当设置为自动换行随内容撑开才会起作用\n  // headerRowHeightsMap: NumberMap<number>; //目前是用来存储了表头各行的高度，从headerRowHeight计算而来，headerRowHeight可以设置为数组的形式\n  _rowHeightsMap: NumberRangeMap; //存储数据条目每行高度\n  _colWidthsMap: NumberMap<string | number>; //存储各列的宽度\n  _colContentWidthsMap: NumberMap<string | number>; //存储各列的内容宽度\n  _colWidthsLimit: {\n    //存储各列的宽度限制\n    [col: number]: {\n      max?: string | number;\n      min?: string | number;\n    };\n  };\n  calcWidthContext: {\n    _: IBaseTableProtected;\n    full: number;\n    // em: number;\n  };\n\n  _rowRangeHeightsMap: Map<string, number>; //存储指定行范围的总高度\n  _colRangeWidthsMap: Map<string, number>; //存储指定列范围的总宽度\n\n  _widthResizedColMap: Set<number>; //记录下被手动调整过列宽的列号\n  _heightResizedRowMap: Set<number>; //记录下被手动调整过行高的行号\n\n  bodyHelper: BodyHelper;\n  headerHelper: HeaderHelper;\n  rowSeriesNumberHelper: RowSeriesNumberHelper;\n\n  cellTextOverflows: { [at: string]: string };\n  // headerDescriptions: { [at: string]: string };\n  focusedTable: boolean;\n\n  config:\n    | {\n        [name: string]: any;\n      }\n    | undefined;\n  // scroll: {\n  //   left: number;\n  //   top: number;\n  // };\n  releaseList?: { release: () => void }[] | null;\n  theme: TableTheme;\n  transpose?: boolean; //是否转置\n  // autoRowHeight?: boolean; //是否自动撑开高度 对于设置了autoWrapText的multilineText的列生效\n  pixelRatio?: number;\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu: {\n    /** 代替原来的option.menuType */\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: FieldDef, row: number, col: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** 提示弹框的相关配置。消失时机：显示后鼠标移动到指定区域外或者进入新的单元格后自动消失*/\n  tooltip: {\n    renderMode: 'html' | 'canvas';\n    /** 代替原来hover:isShowTooltip配置 */\n    isShowOverflowTextTooltip: boolean;\n    /** 缩略文字提示框 延迟消失时间 */\n    overflowTextTooltipDisappearDelay?: number;\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  enableLineBreak?: boolean;\n\n  menuHandler: MenuHandler;\n\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450\n   */\n  limitMaxAutoWidth?: boolean | number;\n\n  /**\n   * 限制列宽最小值。\n   */\n  limitMinWidth?: number;\n\n  limitMinHeight?: number;\n\n  title?: Title;\n  legends?: (DiscreteTableLegend | ContinueTableLegend)[];\n\n  emptyTip?: EmptyTip;\n  //是否开启图表异步渲染\n  renderChartAsync?: boolean;\n  // // 开启图表异步渲染 每批次渐进渲染图表个数\n  // renderChartAsyncBatchCount?: number;\n\n  stick: { changedCells: Map<string, StickCell> };\n\n  customMergeCell?: CustomMergeCell;\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  modifiedViewBoxTransform?: boolean;\n  // react component container\n  bodyDomContainer?: HTMLElement;\n  headerDomContainer?: HTMLElement;\n  // 已使用一行的高度填充所有行\n  useOneRowHeightFillAll?: boolean;\n\n  // 启用树形结构数据内的merge配置\n  enableTreeNodeMerge?: boolean;\n}\nexport interface BaseTableConstructorOptions {\n  // /** 指定表格的行数 */\n  // rowCount?: number;\n\n  // /** 指定表格的列数 */\n  // colCount?: number;\n  /**\n   * 当前需要冻结的列数 基本表格生效\n   */\n  frozenColCount?: number;\n  frozenRowCount?: 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  excelOptions?: {\n    fillHandle?: boolean;\n  };\n  /** 事件触发相关设置 */\n  eventOptions?: TableEventOptions;\n  /**\n   * Canvas container\n   */\n  container?: HTMLElement | null;\n\n  /**\n   * 调整列宽 可操作范围。'all' | 'none' | 'header' | 'body'; 整列间隔线|禁止调整|只能在表头处间隔线|只能在body间隔线\n   */\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  rowResizeMode?: 'all' | 'none' | 'header' | 'body';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n\n  /**\n   * 是否显示固定列图钉 基本表格生效\n   */\n  showFrozenIcon?: boolean;\n\n  padding?:\n    | {\n        top?: number;\n        bottom?: number;\n        left?: number;\n        right?: number;\n      }\n    | number;\n  /** hover交互配置 */\n  hover?: {\n    /** hover交互响应模式：十字交叉 整列 整行 或者单个单元格 */\n    highlightMode?: 'cross' | 'column' | 'row' | 'cell';\n    /** 不响应鼠标hover交互 */\n    disableHover?: boolean;\n    /** 单独设置表头不响应鼠标hover交互 */\n    disableHeaderHover?: boolean;\n    /** 单独设置坐标轴不响应鼠标hover交互 */\n    disableAxisHover?: boolean;\n  };\n  /** 选择单元格交互配置 */\n  select?: {\n    /** 高亮范围模式：十字交叉 整列 整行 或者单个单元格。默认`cell` */\n    highlightMode?: 'cross' | 'column' | 'row' | 'cell';\n    /** 点击表头单元格时连带body整行或整列选中 或仅选中当前单元格，默认或整行或整列选中*/\n    headerSelectMode?: 'inline' | 'cell';\n    /** 不响应鼠标select交互 */\n    disableSelect?: boolean;\n    /** 单独设置表头不响应鼠标select交互 */\n    disableHeaderSelect?: boolean;\n    /** 点击空白区域是否取消选中 */\n    blankAreaClickDeselect?: boolean;\n    /** 点击外部区域是否取消选中 */\n    outsideClickDeselect?: boolean; //\n  };\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu?: {\n    /** 代替原来的option.menuType  html目前实现较完整 先默认html渲染方式*/\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: string, row: number, col: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** tooltip相关配置 */\n  tooltip?: {\n    /** html目前实现较完整 先默认html渲染方式 */\n    renderMode?: 'html'; // 目前暂不支持canvas方案\n    /** 是否显示缩略文字提示框。 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/\n    isShowOverflowTextTooltip?: boolean;\n    /** 缩略文字提示框 延迟消失时间 */\n    overflowTextTooltipDisappearDelay?: number;\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  /** adaptive 模式下宽度的适应策略 **/\n  widthAdaptiveMode?: WidthAdaptiveModeDef;\n  /** adaptive 模式下高度的适应策略 **/\n  heightAdaptiveMode?: HeightAdaptiveModeDef;\n\n  // /** 行高是否根据内容来计算 */\n  // autoRowHeight?: boolean;\n  /** 设备的像素比 不配的话默认获取window.devicePixelRatio */\n  pixelRatio?: number;\n  /** 自定义渲染 函数形式*/\n  customRender?: ICustomRender;\n  /** 开启自动换行 默认false */\n  autoWrapText?: boolean;\n  /** 是否处理换行符 */\n  enableLineBreak?: 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  limitMinHeight?: boolean | number;\n\n  // maximum number of data items maintained in table instance\n  maintainedDataCount?: number;\n\n  legends?: ITableLegendOption | ITableLegendOption[];\n  title?: ITitle;\n  emptyTip?: true | IEmptyTip;\n  /** 是否开启图表异步渲染 */\n  renderChartAsync?: boolean;\n  /** 开启图表异步渲染 每批次渐进渲染图表个数  默认是5个 */\n  renderChartAsyncBatchCount?: number;\n\n  customMergeCell?: CustomMergeCell;\n\n  // #region for nodejs\n  mode?: 'node' | 'browser';\n  modeParams?: any;\n  canvasWidth?: number;\n  canvasHeight?: number;\n  // #endregion\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  // resize response time\n  resizeTime?: number;\n\n  canvas?: HTMLCanvasElement;\n  viewBox?: IBoundsLike;\n  chartOption?: any;\n  disableInteraction?: boolean;\n\n  specFormat?: (spec: any) => { needFormatSpec: boolean; spec?: any };\n\n  beforeRender?: (stage: any) => void;\n  afterRender?: (stage: any) => void;\n  rowSeriesNumber?: IRowSeriesNumber;\n  // columnSeriesNumber?: ColumnSeriesNumber[];\n  customCellStyle?: CustomCellStyle[];\n  customCellStyleArrangement?: CustomCellStyleArrangement[];\n\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n  clearDOM?: boolean;\n  customConfig?: {\n    /** xTable对于没有配置autoWrapText并且有'\\n'的文本，在计算行高是会当做一行处理，但是在渲染时会解析'\\n'；显示效果就是单元格高度为一行文本高度，只显示第一个'\\n'前的文字，后面显示'...'；multilinesForXTable配置实现和该功能对齐的样式 */\n    multilinesForXTable?: boolean;\n    /** 这里可以配置为false 来走flatDataToObject的数据处理逻辑 而不走dataset的分析 */\n    enableDataAnalysis?: boolean;\n    /** 禁用行高列宽计算取整数逻辑 对齐xTable */\n    _disableColumnAndRowSizeRound?: boolean;\n    imageMargin?: number;\n    // 是否创建react custom container\n    createReactContainer?: boolean;\n    // adaptive 模式下优先缩小迷你图\n    shrinkSparklineFirst?: boolean;\n  }; // 部分特殊配置，兼容xTable等作用\n\n  animationAppear?: boolean | IAnimationAppear;\n\n  renderOption?: any;\n}\nexport interface BaseTableAPI {\n  /** 数据总条目数 */\n  recordsCount: number;\n  /** 表格的行数 */\n  rowCount: number;\n  /** 表格的列数 */\n  colCount: number;\n  /** 表格除去外层frame后的宽度 */\n  tableNoFrameWidth: number;\n  /** 表格除去外层frame后的高度 */\n  tableNoFrameHeight: number;\n  /** 表格的冻结行数 包括表头在内 */\n  frozenRowCount: number;\n  /** 表格的冻结列数 包括表头在内 */\n  frozenColCount: number;\n\n  bottomFrozenRowCount: number;\n  rightFrozenColCount: number;\n  /** 当前表格默认表头行高 */\n  defaultHeaderRowHeight: (number | 'auto') | (number | 'auto')[];\n  /** 当前表格默认行高 */\n  defaultRowHeight: number;\n  /** 当前表格默认列宽 */\n  defaultColWidth: number;\n  /** 当前表格默认表头列宽 */\n  defaultHeaderColWidth: (number | 'auto') | (number | 'auto')[];\n  /** 当前表格快捷键设置 */\n  keyboardOptions: TableKeyboardOptions | null;\n  /** 当前表格事件相关设置 */\n  eventOptions: TableEventOptions | null;\n  /**\n   * 是否显示图钉\n   */\n  showFrozenIcon: boolean;\n  readonly canvas: HTMLCanvasElement;\n  /** 表格可视区域的行数 */\n  readonly visibleRowCount: number;\n  /** 表格可视区域的列数 */\n  readonly visibleColCount: number;\n  /** 表格滚动值left */\n  scrollLeft: number;\n  /** 表格滚动值top */\n  scrollTop: number;\n  /** 用户设置的options 不要修改这个这个 */\n  options: BaseTableConstructorOptions;\n  /** 设置的全局下拉菜单列表项配置 */\n  globalDropDownMenu?: MenuListItem[];\n  /** 设置的全局自定义渲染函数 */\n  customRender?: ICustomRender;\n\n  /** 表格数据管理对象 */\n  dataSource: DataSourceAPI;\n  /** 设置的表格主题 */\n  theme: TableTheme;\n  /** 可允许设置冻结的最大列数 */\n  allowFrozenColCount: number;\n\n  /** 存储内部用到的属性 变量等 */\n  internalProps: IBaseTableProtected;\n  /** 分页信息 */\n  pagination?: IPagination;\n\n  /** 表格偏移像素值 水平方向 */\n  tableX: number;\n  /** 表格偏移像素值 垂直方向 */\n  tableY: number;\n  /** 表格宽度模式 */\n  widthMode: WidthModeDef;\n  /** 表格宽度模式 */\n  heightMode: HeightModeDef;\n  /** 当列宽度不能占满容器时，是否需要自动拉宽来填充容器的宽度。默认false */\n  autoFillWidth: boolean;\n  /** 当行高度不能占满容器时，是否需要自动拉高来填充容器的高度。默认false */\n  autoFillHeight?: boolean;\n\n  /** adaptive 模式下宽度的适应策略 **/\n  widthAdaptiveMode: WidthAdaptiveModeDef;\n  /** adaptive 模式下高度的适应策略 **/\n  heightAdaptiveMode: HeightAdaptiveModeDef;\n\n  isReleased: boolean;\n\n  // rowHeightsMap: NumberMap<number>;\n  rowHeightsMap: NumberRangeMap;\n  colWidthsMap: NumberMap<string | number>;\n\n  on: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    listener: TableEventListener<TYPE> //(event: TableEventHandlersEventArgumentMap[TYPE]) => TableEventHandlersReturnMap[TYPE]\n  ) => EventListenerId;\n  // &(<T extends keyof TableEventHandlersEventArgumentMap>(type: string, listener: AnyListener<T>) => EventListenerId);\n\n  _vDataSet?: DataSet;\n  /** 场景树对象 */\n  scenegraph: Scenegraph;\n  /** 状态管理模块 */\n  stateManager: StateManager;\n  /** 事件管理模块 */\n  eventManager: EventManager;\n\n  editorManager: EditManeger;\n  /** 行表头的层数 */\n  rowHeaderLevelCount: number;\n  /** 列表头的层数 */\n  columnHeaderLevelCount: number;\n\n  canvasWidth?: number;\n  canvasHeight?: number;\n\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n\n  _rowRangeHeightsMap: Map<string, number>;\n  _colRangeWidthsMap: Map<string, 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  getDefaultColumnWidth: (col: number) => number | 'auto';\n  _setRowHeight: (row: number, height: number, clearCache?: boolean) => void;\n  setRowHeight: (row: number, height: number) => 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  setColWidth: (col: number, width: number) => void;\n  _getColContentWidth: (col: number) => number;\n  _setColContentWidth: (col: number, width: number | string, clearCache?: boolean) => void;\n  getMaxColWidth: (col: number) => number;\n  setMaxColWidth: (col: number, maxwidth: string | number) => void;\n  getMinColWidth: (col: number) => number;\n  setMinColWidth: (col: number, minwidth: string | number) => void;\n  getCellRect: (col: number, row: number) => Rect;\n  getCellRelativeRect: (col: number, row: number) => Rect;\n  getCellsRect: (startCol: number, startRow: number, endCol: number, endRow: number) => Rect;\n  getCellRangeRect: (cellRange: CellRange | CellAddress) => Rect;\n  getCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => Rect;\n  getVisibleCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => Rect;\n  isFrozenCell: (col: number, row: number) => { row: boolean; col: boolean } | null;\n  getRowAt: (absoluteY: number) => { top: number; row: number; bottom: number };\n  getColAt: (absoluteX: number) => { left: number; col: number; right: number };\n  getCellAt: (absoluteX: number, absoluteY: number) => CellAddressWithBound;\n  getCellAtRelativePosition: (absoluteX: number, absoluteY: number) => CellAddressWithBound;\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, isShift?: boolean, isCtrl?: boolean) => void;\n  selectCells: (cellRanges: CellRange[]) => void;\n  getAllRowsHeight: () => number;\n  getAllColsWidth: () => number;\n\n  off: (id: EventListenerId) => void;\n  getBodyField: (col: number, row: number) => FieldDef | undefined;\n  /**\n   * 根据单元格获取对应的源数据\n   * @param col\n   * @param row\n   * @returns\n   */\n  getRecordByCell: (col: number, row: number) => MaybePromiseOrUndefined;\n  /**\n   * 根据数据源的index 获取显示到表格中的index 行号或者列号（与转置相关）。注：ListTable特有接口\n   * @param recordIndex\n   */\n  getTableIndexByRecordIndex: (recordIndex: number) => number;\n  /**\n   * 根据数据源的field 获取显示到表格中的index 行号或者列号（与转置相关）。注：ListTable特有接口\n   * @param recordIndex\n   */\n  getTableIndexByField: (field: FieldDef) => number;\n  /**\n   * 根据数据源中的index和field获取单元格行列号。注：ListTable特有接口\n   * @param field\n   * @param recordIndex\n   * @returns\n   */\n  getCellAddrByFieldRecord: (field: FieldDef, recordIndex: number) => CellAddress;\n  getRecordShowIndexByCell: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n\n  getHeaderField: (col: number, row: number) => any | undefined;\n\n  _getHeaderCellBySortState: (sortState: SortState) => CellAddress | undefined;\n  getHeaderDefine: (col: number, row: number) => ColumnDefine | IRowSeriesNumber | ColumnSeriesNumber;\n  _getHeaderLayoutMap: (col: number, row: number) => HeaderData | SeriesNumberColumnData;\n  getContext: () => CanvasRenderingContext2D;\n  getCellRange: (col: number, row: number) => CellRange;\n  _resetFrozenColCount: () => void;\n  isCellRangeEqual: (col: number, row: number, targetCol: number, targetRow: number) => boolean;\n  _getLayoutCellId: (col: number, row: number) => LayoutObjectId;\n  _getBodyLayoutMap: (col: number, row: number) => ColumnData | IndicatorData | SeriesNumberColumnData;\n  getBodyColumnDefine: (col: number, row: number) => ColumnDefine | IRowSeriesNumber | ColumnSeriesNumber;\n  getBodyColumnType: (col: number, row: number) => ColumnTypeOption;\n  getCellType: (col: number, row: number) => ColumnTypeOption;\n  fireListeners: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    event: TableEventHandlersEventArgumentMap[TYPE]\n  ) => TableEventHandlersReturnMap[TYPE][];\n\n  //更新分页\n  updatePagination: (cof: IPagination) => void;\n  //hover\n\n  getHeaderDescription: (col: number, row: number) => string | undefined;\n  /** 获取单元格展示值 */\n  getCellValue: (col: number, row: number, skipCustomMerge?: boolean) => 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  getSelectedCellRanges: () => CellRange[];\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  _canResizeRow: (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) => ColumnInfo | null;\n  getTargetRowAt: (absoluteY: number) => RowInfo | null;\n  getTargetColAtConsiderRightFrozen: (absoluteX: number, isConsider: boolean) => ColumnInfo | null;\n  getTargetRowAtConsiderBottomFrozen: (absoluteY: number, isConsider: boolean) => RowInfo | null;\n  renderWithRecreateCells: () => void;\n  //#endregion  tableAPI\n\n  _adjustColWidth: (col: number, orgWidth: number) => number;\n  _colWidthDefineToPxWidth: (width: string | number) => number;\n  isFrozenColumn: (col: number, row?: number) => boolean;\n  isLeftFrozenColumn: (col: number, row?: number) => boolean;\n  isRightFrozenColumn: (col: number, row?: number) => boolean;\n  isFrozenRow: (col: number, row?: number) => boolean;\n  isTopFrozenRow: (col: number, row?: number) => boolean;\n  isBottomFrozenRow: (col: number, row?: number) => boolean;\n\n  hasCustomMerge: () => boolean;\n  getCustomMerge: (col: number, row: number) => undefined | (Omit<CustomMerge, 'style'> & { style?: FullExtendStyle });\n  /** 获取表格body部分的显示单元格范围 */\n  getBodyVisibleCellRange: () => { rowStart: number; colStart: number; rowEnd: number; colEnd: number };\n  /** 获取表格body部分的显示列号范围 */\n  getBodyVisibleColRange: () => { colStart: number; colEnd: number };\n  /** 获取表格body部分的显示行号范围 */\n  getBodyVisibleRowRange: () => { rowStart: number; rowEnd: number };\n\n  _hasCustomRenderOrLayout: () => boolean;\n  /** 根据表格单元格的行列号 获取在body部分的列索引及行索引 */\n  getBodyIndexByTableIndex: (col: number, row: number) => CellAddress;\n  /** 根据body部分的列索引及行索引，获取单元格的行列号 */\n  getTableIndexByBodyIndex: (col: number, row: number) => CellAddress;\n  /**\n   * 滚动到具体某个单元格位置\n   * @param cellAddr 要滚动到的单元格位置\n   */\n  scrollToCell: (cellAddr: { col?: number; row?: number }) => void;\n  registerCustomCellStyle: (customStyleId: string, customStyle: ColumnStyleOption | undefined | null) => void;\n  arrangeCustomCellStyle: (cellPos: { col?: number; row?: number; range?: CellRange }, customStyleId: string) => void;\n\n  _moveHeaderPosition: (\n    source: CellAddress,\n    target: CellAddress\n  ) => {\n    sourceIndex: number;\n    targetIndex: any;\n    sourceSize: any;\n    targetSize: any;\n    moveType: 'column' | 'row';\n  };\n  changeRecordOrder: (source: number, target: number) => void;\n  isSeriesNumber: (col: number, row?: number) => boolean;\n  isHasSeriesNumber: () => boolean;\n  leftRowSeriesNumberCount: number;\n  isAutoRowHeight: (row: number) => boolean;\n\n  reactCustomLayout?: ReactCustomLayout;\n  checkReactCustomLayout: (removeAllContainer: () => void) => void;\n  setSortedIndexMap: (field: FieldDef, filedMap: ISortedMapItem) => void;\n\n  exportImg: () => string;\n  exportCellImg: (\n    col: number,\n    row: number,\n    options?: { disableBackground?: boolean; disableBorder?: boolean }\n  ) => string;\n  exportCellRangeImg: (cellRange: CellRange) => string;\n  exportCanvas: () => HTMLCanvasElement;\n  setPixelRatio: (pixelRatio: number) => void;\n\n  bodyDomContainer?: HTMLElement;\n  headerDomContainer?: HTMLElement;\n\n  showMoverLine: (col: number, row: number) => void;\n  hideMoverLine: (col: number, row: number) => void;\n  /** 关闭表格的滚动 */\n  disableScroll: () => void;\n  /** 开启表格的滚动 */\n  enableScroll: () => void;\n\n  customCellStylePlugin: CustomCellStylePlugin;\n  headerStyleCache: Map<string, any>;\n  bodyBottomStyleCache: Map<string, any>;\n  bodyStyleCache: Map<string, any>;\n  bodyMergeTitleCache: Map<string, any>;\n  isSeriesNumberInBody: (col: number, row: number) => boolean;\n  getGroupTitleLevel: (col: number, row: number) => number | undefined;\n}\nexport interface ListTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | null;\n  dataConfig?: IListTableDataConfig;\n  columns: ColumnsDefine;\n  layoutMap: SimpleHeaderLayoutMap;\n}\n\nexport interface PivotTableProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | undefined;\n  recordsIsTwoDimensionalArray?: boolean;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IPivotTableDataConfig;\n\n  /** 列表头树型结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头树型结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n}\nexport interface PivotChartProtected extends IBaseTableProtected {\n  /** 表格数据 */\n  records: any[] | Record<string, any[]>;\n  layoutMap: PivotHeaderLayoutMap;\n  dataConfig?: IPivotChartDataConfig;\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n}\n"]}

package/cjs/ts-types/column/style.d.ts

@@ -44,7 +44,7 @@ export interface IStyleOption {
     borderLineDash?: LineDashsPropertyDefine;
     linkColor?: ColorPropertyDefine;
     cursor?: CursorPropertyDefine;
-    textStick?: boolean;
+    textStick?: boolean | 'vertical' | 'horizontal';
     textStickBaseOnAlign?: boolean;
     marked?: MarkedPropertyDefine;
 }
@@ -57,7 +57,7 @@ export interface IImageStyleOption extends IStyleOption {
 }
 export type ColumnStyleOption = IStyleOption | ITextStyleOption | IImageStyleOption | ProgressBarStyleOption | CheckboxStyleOption | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);
 export type HeaderStyleOption = (IStyleOption & {
-    textStick?: boolean;
+    textStick?: boolean | 'vertical' | 'horizontal';
 }) | ITextStyleOption | IImageStyleOption | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);
 export type FullExtendStyle = HeaderStyleOption & ColumnStyleOption & ThemeStyle;
 export interface ProgressBarStyleOption extends IStyleOption {

package/cjs/ts-types/column/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/column/style.ts"],"names":[],"mappings":"","file":"style.js","sourcesContent":["import type { LineWidthsPropertyDefine } from '..';\nimport { PaddingPropertyDefine } from '..';\nimport type {\n  ColorPropertyDefine,\n  ColorsPropertyDefine,\n  IconPropertyDefine,\n  LineClamp,\n  LineDashsPropertyDefine,\n  TextOverflow,\n  UnderlinePropertyDefine,\n  LineDashPropertyDefine,\n  LineThroughPropertyDefine,\n  TagPropertyDefine,\n  PaddingsPropertyDefine,\n  StylePropertyFunctionArg,\n  CursorPropertyDefine,\n  MarkedPropertyDefine,\n  FontSizePropertyDefine,\n  FontFamilyPropertyDefine,\n  FontWeightPropertyDefine,\n  FontVariantPropertyDefine,\n  FontStylePropertyDefine,\n  TextAlignType,\n  TextBaselineType\n} from '../style-define';\nimport type { ThemeStyle } from '../theme';\n//这个style是在绘制里面的内容时用到的，用不到borderColor和borderLineWidth，所以和IStyleOption有些不一致\nexport interface ColumnStyle {\n  padding?: PaddingsPropertyDefine;\n  bgColor?: ColorPropertyDefine;\n  // eslint-disable-next-line no-undef\n  textAlign?: TextAlignType;\n  // eslint-disable-next-line no-undef\n  textBaseline?: TextBaselineType;\n  color?: ColorPropertyDefine;\n\n  fontSize?: FontSizePropertyDefine;\n  fontFamily?: FontFamilyPropertyDefine;\n  fontWeight?: FontWeightPropertyDefine;\n  fontVariant?: FontVariantPropertyDefine;\n  fontStyle?: FontStylePropertyDefine;\n\n  textOverflow?: TextOverflow;\n  // doChangeStyle: () => void;\n  clone: () => ColumnStyle;\n  linkColor?: ColorPropertyDefine;\n}\n\nexport type IHeaderStyle = ColumnStyle;\n\nexport type ISortheaderSyle = IHeaderStyle;\n\nexport interface IStyleOption {\n  bgColor?: ColorPropertyDefine;\n  padding?: PaddingsPropertyDefine;\n  textAlign?: TextAlignType;\n  textBaseline?: TextBaselineType;\n  color?: ColorPropertyDefine;\n  strokeColor?: ColorPropertyDefine;\n\n  fontSize?: FontSizePropertyDefine;\n  fontFamily?: FontFamilyPropertyDefine;\n  fontWeight?: FontWeightPropertyDefine;\n  fontVariant?: FontVariantPropertyDefine;\n  fontStyle?: FontStylePropertyDefine;\n\n  textOverflow?: TextOverflow;\n  borderColor?: ColorsPropertyDefine;\n  borderLineWidth?: LineWidthsPropertyDefine;\n\n  lineHeight?: number;\n  underline?: UnderlinePropertyDefine;\n  /** TODO */\n  underlineColor?: ColorPropertyDefine;\n  underlineDash?: LineDashPropertyDefine;\n  underlineOffset?: number;\n  lineThrough?: LineThroughPropertyDefine;\n  /** TODO */\n  lineThroughColor?: ColorPropertyDefine;\n  /** TODO */\n  lineThroughDash?: LineDashPropertyDefine;\n\n  borderLineDash?: LineDashsPropertyDefine;\n  linkColor?: ColorPropertyDefine;\n\n  // tag?: TagPropertyDefine;\n  // tagFont?: FontPropertyDefine;\n  // tagColor?: ColorPropertyDefine;\n  // tagBgColor?: ColorPropertyDefine;\n  // tagMargin?: number | string | (number | string)[];\n\n  // dropDownIcon?: IconPropertyDefine;\n  // dropDownHoverIcon?: IconPropertyDefine;\n  cursor?: CursorPropertyDefine;\n\n  textStick?: boolean;\n  textStickBaseOnAlign?: boolean;\n\n  marked?: MarkedPropertyDefine;\n}\n\nexport interface ITextStyleOption extends IStyleOption {\n  // lineHeight?: string | number;//移入IStyleOption中 单行文本类型也可以有\n  autoWrapText?: boolean;\n  lineClamp?: LineClamp;\n}\n\nexport interface IImageStyleOption extends IStyleOption {\n  // imageSizing?: 'keep-aspect-ratio';\n  // imageAutoSizing?: boolean;\n  margin?: number;\n}\n// export type ISortHeaderStyleOption = IStyleOption;\n\nexport type ColumnStyleOption =\n  | IStyleOption\n  | ITextStyleOption\n  | IImageStyleOption\n  | ProgressBarStyleOption\n  | CheckboxStyleOption\n  | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);\n\nexport type HeaderStyleOption =\n  | (IStyleOption & { textStick?: boolean }) //表头可以配置吸附\n  | ITextStyleOption\n  | IImageStyleOption\n  // | ISortHeaderStyleOption\n  | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);\n// | ISortHeaderStyleOption\n\nexport type FullExtendStyle = HeaderStyleOption & ColumnStyleOption & ThemeStyle;\n\n// export interface BaseStyleOption {\n//   bgColor?: ColorPropertyDefine;\n// }\n\n// export interface StdBaseStyleOption extends BaseStyleOption {\n//   // eslint-disable-next-line no-undef\n//   textAlign?: CanvasTextAlign;\n//   // eslint-disable-next-line no-undef\n//   textBaseline?: CanvasTextBaseline;\n// }\n// export interface StyleOption extends StdBaseStyleOption {\n//   color?: ColorPropertyDefine;\n//   font?: FontPropertyDefine;\n//   padding?: PaddingsPropertyDefine;\n//   textOverflow?: TextOverflow;\n// }\nexport interface ProgressBarStyleOption extends IStyleOption {\n  // 是否显示进度条\n  showBar?: boolean | ((args: StylePropertyFunctionArg) => boolean);\n  // 进度条颜色\n  barColor?: ColorPropertyDefine;\n  // 进度条背景颜色\n  barBgColor?: ColorPropertyDefine;\n  // 进度条高度\n  barHeight?: number | string;\n  // 进度条距单元格底部距离\n  barBottom?: number | string;\n  // 进度条padding\n  barPadding?: (number | string)[];\n  // 进度条正向颜色\n  barPositiveColor?: ColorPropertyDefine;\n  // 进度条负向颜色\n  barNegativeColor?: ColorPropertyDefine;\n  // 进度条坐标轴轴颜色\n  barAxisColor?: ColorPropertyDefine;\n  // 进度条方向是否从右到左\n  barRightToLeft?: boolean;\n\n  // 是否显示进度条标记\n  showBarMark?: boolean;\n  // 进度条标记正向颜色\n  barMarkPositiveColor?: ColorPropertyDefine;\n  // 进度条标记负向颜色\n  barMarkNegativeColor?: ColorPropertyDefine;\n  // 进度条标记宽度\n  barMarkWidth?: number;\n  // 进度条标记位置\n  barMarkPosition?: 'right' | 'bottom';\n}\n\nexport type CheckboxStyleOption = {\n  size?: number;\n  spaceBetweenTextAndIcon?: number;\n  checkboxStyle?: CheckboxStyle;\n} & ITextStyleOption;\n\nexport type RadioStyleOption = {\n  size?: number;\n  spaceBetweenTextAndIcon?: number;\n  spaceBetweenRadio?: number;\n  radioStyle?: RadioStyle;\n} & ITextStyleOption;\n\nexport type CheckboxStyle = {\n  // 选择框尺寸\n  size?: number;\n  // 选择框与文字间距\n  spaceBetweenTextAndIcon?: number;\n\n  // 未选中状态填充颜色\n  defaultFill?: string;\n  // 未选中状态描边颜色\n  defaultStroke?: string;\n  // disable状态填充颜色\n  disableFill?: string;\n  // checked状态填充颜色\n  checkedFill?: string;\n  // checked状态描边颜色\n  checkedStroke?: string;\n  // checked状态填充颜色\n  disableCheckedFill?: string;\n  // checked状态描边颜色\n  disableCheckedStroke?: string;\n\n  // checked状态图标url\n  checkIconImage?: string;\n  // indeterminate状态图标url\n  indeterminateIconImage?: string;\n};\n\nexport type RadioStyle = {\n  // 选择框尺寸\n  size?: number;\n  // 选择框与文字间距\n  spaceBetweenTextAndIcon?: number;\n  // 单元格内多个单选框，单选框直接的间距\n  spaceBetweenRadio?: number;\n\n  // 单选框环形图标外半径（会覆盖size）\n  outerRadius?: number;\n  // 单选框环形图标内半径\n  innerRadius?: number;\n\n  // 未选中状态填充颜色\n  defaultFill?: string;\n  // 未选中状态描边颜色\n  defaultStroke?: string;\n  // disable状态填充颜色\n  disableFill?: string;\n  // checked状态填充颜色\n  checkedFill?: string;\n  // checked状态描边颜色\n  checkedStroke?: string;\n  // checked状态填充颜色\n  disableCheckedFill?: string;\n  // checked状态描边颜色\n  disableCheckedStroke?: string;\n};\n"]}
+{"version":3,"sources":["../src/ts-types/column/style.ts"],"names":[],"mappings":"","file":"style.js","sourcesContent":["import type { LineWidthsPropertyDefine } from '..';\nimport { PaddingPropertyDefine } from '..';\nimport type {\n  ColorPropertyDefine,\n  ColorsPropertyDefine,\n  IconPropertyDefine,\n  LineClamp,\n  LineDashsPropertyDefine,\n  TextOverflow,\n  UnderlinePropertyDefine,\n  LineDashPropertyDefine,\n  LineThroughPropertyDefine,\n  TagPropertyDefine,\n  PaddingsPropertyDefine,\n  StylePropertyFunctionArg,\n  CursorPropertyDefine,\n  MarkedPropertyDefine,\n  FontSizePropertyDefine,\n  FontFamilyPropertyDefine,\n  FontWeightPropertyDefine,\n  FontVariantPropertyDefine,\n  FontStylePropertyDefine,\n  TextAlignType,\n  TextBaselineType\n} from '../style-define';\nimport type { ThemeStyle } from '../theme';\n//这个style是在绘制里面的内容时用到的，用不到borderColor和borderLineWidth，所以和IStyleOption有些不一致\nexport interface ColumnStyle {\n  padding?: PaddingsPropertyDefine;\n  bgColor?: ColorPropertyDefine;\n  // eslint-disable-next-line no-undef\n  textAlign?: TextAlignType;\n  // eslint-disable-next-line no-undef\n  textBaseline?: TextBaselineType;\n  color?: ColorPropertyDefine;\n\n  fontSize?: FontSizePropertyDefine;\n  fontFamily?: FontFamilyPropertyDefine;\n  fontWeight?: FontWeightPropertyDefine;\n  fontVariant?: FontVariantPropertyDefine;\n  fontStyle?: FontStylePropertyDefine;\n\n  textOverflow?: TextOverflow;\n  // doChangeStyle: () => void;\n  clone: () => ColumnStyle;\n  linkColor?: ColorPropertyDefine;\n}\n\nexport type IHeaderStyle = ColumnStyle;\n\nexport type ISortheaderSyle = IHeaderStyle;\n\nexport interface IStyleOption {\n  bgColor?: ColorPropertyDefine;\n  padding?: PaddingsPropertyDefine;\n  textAlign?: TextAlignType;\n  textBaseline?: TextBaselineType;\n  color?: ColorPropertyDefine;\n  strokeColor?: ColorPropertyDefine;\n\n  fontSize?: FontSizePropertyDefine;\n  fontFamily?: FontFamilyPropertyDefine;\n  fontWeight?: FontWeightPropertyDefine;\n  fontVariant?: FontVariantPropertyDefine;\n  fontStyle?: FontStylePropertyDefine;\n\n  textOverflow?: TextOverflow;\n  borderColor?: ColorsPropertyDefine;\n  borderLineWidth?: LineWidthsPropertyDefine;\n\n  lineHeight?: number;\n  underline?: UnderlinePropertyDefine;\n  /** TODO */\n  underlineColor?: ColorPropertyDefine;\n  underlineDash?: LineDashPropertyDefine;\n  underlineOffset?: number;\n  lineThrough?: LineThroughPropertyDefine;\n  /** TODO */\n  lineThroughColor?: ColorPropertyDefine;\n  /** TODO */\n  lineThroughDash?: LineDashPropertyDefine;\n\n  borderLineDash?: LineDashsPropertyDefine;\n  linkColor?: ColorPropertyDefine;\n\n  // tag?: TagPropertyDefine;\n  // tagFont?: FontPropertyDefine;\n  // tagColor?: ColorPropertyDefine;\n  // tagBgColor?: ColorPropertyDefine;\n  // tagMargin?: number | string | (number | string)[];\n\n  // dropDownIcon?: IconPropertyDefine;\n  // dropDownHoverIcon?: IconPropertyDefine;\n  cursor?: CursorPropertyDefine;\n\n  textStick?: boolean | 'vertical' | 'horizontal';\n  textStickBaseOnAlign?: boolean;\n\n  marked?: MarkedPropertyDefine;\n}\n\nexport interface ITextStyleOption extends IStyleOption {\n  // lineHeight?: string | number;//移入IStyleOption中 单行文本类型也可以有\n  autoWrapText?: boolean;\n  lineClamp?: LineClamp;\n}\n\nexport interface IImageStyleOption extends IStyleOption {\n  // imageSizing?: 'keep-aspect-ratio';\n  // imageAutoSizing?: boolean;\n  margin?: number;\n}\n// export type ISortHeaderStyleOption = IStyleOption;\n\nexport type ColumnStyleOption =\n  | IStyleOption\n  | ITextStyleOption\n  | IImageStyleOption\n  | ProgressBarStyleOption\n  | CheckboxStyleOption\n  | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);\n\nexport type HeaderStyleOption =\n  | (IStyleOption & { textStick?: boolean | 'vertical' | 'horizontal' }) //表头可以配置吸附\n  | ITextStyleOption\n  | IImageStyleOption\n  // | ISortHeaderStyleOption\n  | ((styleArg: StylePropertyFunctionArg) => IStyleOption | ITextStyleOption | IImageStyleOption);\n// | ISortHeaderStyleOption\n\nexport type FullExtendStyle = HeaderStyleOption & ColumnStyleOption & ThemeStyle;\n\n// export interface BaseStyleOption {\n//   bgColor?: ColorPropertyDefine;\n// }\n\n// export interface StdBaseStyleOption extends BaseStyleOption {\n//   // eslint-disable-next-line no-undef\n//   textAlign?: CanvasTextAlign;\n//   // eslint-disable-next-line no-undef\n//   textBaseline?: CanvasTextBaseline;\n// }\n// export interface StyleOption extends StdBaseStyleOption {\n//   color?: ColorPropertyDefine;\n//   font?: FontPropertyDefine;\n//   padding?: PaddingsPropertyDefine;\n//   textOverflow?: TextOverflow;\n// }\nexport interface ProgressBarStyleOption extends IStyleOption {\n  // 是否显示进度条\n  showBar?: boolean | ((args: StylePropertyFunctionArg) => boolean);\n  // 进度条颜色\n  barColor?: ColorPropertyDefine;\n  // 进度条背景颜色\n  barBgColor?: ColorPropertyDefine;\n  // 进度条高度\n  barHeight?: number | string;\n  // 进度条距单元格底部距离\n  barBottom?: number | string;\n  // 进度条padding\n  barPadding?: (number | string)[];\n  // 进度条正向颜色\n  barPositiveColor?: ColorPropertyDefine;\n  // 进度条负向颜色\n  barNegativeColor?: ColorPropertyDefine;\n  // 进度条坐标轴轴颜色\n  barAxisColor?: ColorPropertyDefine;\n  // 进度条方向是否从右到左\n  barRightToLeft?: boolean;\n\n  // 是否显示进度条标记\n  showBarMark?: boolean;\n  // 进度条标记正向颜色\n  barMarkPositiveColor?: ColorPropertyDefine;\n  // 进度条标记负向颜色\n  barMarkNegativeColor?: ColorPropertyDefine;\n  // 进度条标记宽度\n  barMarkWidth?: number;\n  // 进度条标记位置\n  barMarkPosition?: 'right' | 'bottom';\n}\n\nexport type CheckboxStyleOption = {\n  size?: number;\n  spaceBetweenTextAndIcon?: number;\n  checkboxStyle?: CheckboxStyle;\n} & ITextStyleOption;\n\nexport type RadioStyleOption = {\n  size?: number;\n  spaceBetweenTextAndIcon?: number;\n  spaceBetweenRadio?: number;\n  radioStyle?: RadioStyle;\n} & ITextStyleOption;\n\nexport type CheckboxStyle = {\n  // 选择框尺寸\n  size?: number;\n  // 选择框与文字间距\n  spaceBetweenTextAndIcon?: number;\n\n  // 未选中状态填充颜色\n  defaultFill?: string;\n  // 未选中状态描边颜色\n  defaultStroke?: string;\n  // disable状态填充颜色\n  disableFill?: string;\n  // checked状态填充颜色\n  checkedFill?: string;\n  // checked状态描边颜色\n  checkedStroke?: string;\n  // checked状态填充颜色\n  disableCheckedFill?: string;\n  // checked状态描边颜色\n  disableCheckedStroke?: string;\n\n  // checked状态图标url\n  checkIconImage?: string;\n  // indeterminate状态图标url\n  indeterminateIconImage?: string;\n};\n\nexport type RadioStyle = {\n  // 选择框尺寸\n  size?: number;\n  // 选择框与文字间距\n  spaceBetweenTextAndIcon?: number;\n  // 单元格内多个单选框，单选框直接的间距\n  spaceBetweenRadio?: number;\n\n  // 单选框环形图标外半径（会覆盖size）\n  outerRadius?: number;\n  // 单选框环形图标内半径\n  innerRadius?: number;\n\n  // 未选中状态填充颜色\n  defaultFill?: string;\n  // 未选中状态描边颜色\n  defaultStroke?: string;\n  // disable状态填充颜色\n  disableFill?: string;\n  // checked状态填充颜色\n  checkedFill?: string;\n  // checked状态描边颜色\n  checkedStroke?: string;\n  // checked状态填充颜色\n  disableCheckedFill?: string;\n  // checked状态描边颜色\n  disableCheckedStroke?: string;\n};\n"]}

package/cjs/ts-types/component/index.d.ts

@@ -0,0 +1 @@
+export * from './title';

package/cjs/ts-types/component/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./title"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/ts-types/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/component/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB","file":"index.js","sourcesContent":["export * from './title';\n"]}

package/cjs/ts-types/index.d.ts

@@ -13,3 +13,4 @@ export * from './menu';
 export * from './icon';
 export * from './list-table';
 export * from './pivot-table';
+export * from './component';

package/cjs/ts-types/index.js

@@ -24,5 +24,5 @@ __exportStar(require("./new-data-set"), exports), __exportStar(require("./table-
 __exportStar(require("./customElement"), exports), __exportStar(require("./customLayout"), exports), 
 __exportStar(require("./sparkline"), exports), __exportStar(require("./menu"), exports), 
 __exportStar(require("./icon"), exports), __exportStar(require("./list-table"), exports), 
-__exportStar(require("./pivot-table"), exports);
+__exportStar(require("./pivot-table"), exports), __exportStar(require("./component"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/ts-types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,iDAA+B;AAC/B,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,iDAA+B;AAC/B,iDAA+B;AAC/B,kDAAgC;AAChC,iDAA+B;AAC/B,8CAA4B;AAC5B,yCAAuB;AACvB,yCAAuB;AACvB,+CAA6B;AAC7B,gDAA8B","file":"index.js","sourcesContent":["export * from './common';\nexport * from './table-engine';\nexport * from './column';\nexport * from './events';\nexport * from './theme';\nexport * from './style-define';\nexport * from './new-data-set';\nexport * from './table-engine';\nexport * from './customElement';\nexport * from './customLayout';\nexport * from './sparkline';\nexport * from './menu';\nexport * from './icon';\nexport * from './list-table';\nexport * from './pivot-table';\n"]}
+{"version":3,"sources":["../src/ts-types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,iDAA+B;AAC/B,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,iDAA+B;AAC/B,iDAA+B;AAC/B,kDAAgC;AAChC,iDAA+B;AAC/B,8CAA4B;AAC5B,yCAAuB;AACvB,yCAAuB;AACvB,+CAA6B;AAC7B,gDAA8B;AAC9B,8CAA4B","file":"index.js","sourcesContent":["export * from './common';\nexport * from './table-engine';\nexport * from './column';\nexport * from './events';\nexport * from './theme';\nexport * from './style-define';\nexport * from './new-data-set';\nexport * from './table-engine';\nexport * from './customElement';\nexport * from './customLayout';\nexport * from './sparkline';\nexport * from './menu';\nexport * from './icon';\nexport * from './list-table';\nexport * from './pivot-table';\nexport * from './component';\n"]}

package/cjs/ts-types/list-table/layout-map/api.d.ts

@@ -73,6 +73,7 @@ export interface SeriesNumberColumnData extends WidthData {
     icon?: string | ColumnIconOption | (string | ColumnIconOption)[] | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);
     headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];
     cellType: 'text' | 'link' | 'image' | 'video' | 'checkbox';
+    headerType: 'text' | 'link' | 'image' | 'video' | 'checkbox';
     style: ColumnStyleOption | null | undefined;
     define: IRowSeriesNumber;
     isChildNode?: false;

package/cjs/ts-types/list-table/layout-map/api.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/list-table/layout-map/api.ts"],"names":[],"mappings":"","file":"api.js","sourcesContent":["import type {\n  CellAddress,\n  CellRange,\n  ColumnIconOption,\n  ColumnStyle,\n  ColumnStyleOption,\n  // ColumnTypeOption,\n  FieldDef,\n  FieldFormat,\n  HeaderStyleOption,\n  LayoutObjectId,\n  MenuListItem,\n  IPivotTableCellHeaderPaths,\n  CellInfo,\n  // ICustomRenderFuc,\n  // ICustomRenderObj,\n  PivotInfo,\n  FieldKeyDef,\n  CustomRenderFunctionArg,\n  SparklineSpec,\n  HierarchyState,\n  Aggregation,\n  IRowSeriesNumber,\n  SortOption\n} from '../../';\nimport type { Aggregator } from '../../../dataset/statistics-helper';\nimport type { BaseTableAPI } from '../../base-table';\n\nimport type { HeaderDefine, ColumnDefine, ColumnBodyDefine } from '../define';\n\n// todo: 修改引用这些类型的路径\nexport type {\n  HeaderDefine,\n  ColumnDefine,\n  ColumnBodyDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine\n} from '../define';\n\n/**\n * layout中组织表头的信息类  和HeaderDefine对应\n */\nexport interface HeaderData extends WidthData {\n  id: LayoutObjectId;\n  title?: string | (() => string);\n  // captionIcon?: ColumnIconOption;\n  headerIcon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n  icons?: (string | ColumnIconOption)[] | ((args: CellInfo) => (string | ColumnIconOption)[]);\n\n  field: FieldDef;\n  fieldFormat?: FieldFormat;\n  style?: HeaderStyleOption | ColumnStyle | null | undefined;\n  headerType: 'text' | 'link' | 'image' | 'video' | 'checkbox'; // headerType.BaseHeader;\n  define: ColumnDefine;\n  // sortIconPosition?: RectProps;\n  // freezeIconPosition?: RectProps;\n  /**存储图标的位置 坐标及宽高 是包括了boxWidth boxWidth 共getHitIcon方法使用 计算是否命中图标*/\n  // iconPositionList?: { [key in IconFuncTypeEnum]?: RectProps & { icon: ColumnIconOption } };\n  dropDownMenu?: MenuListItem[];\n  pivotInfo?: PivotInfo;\n  /**\n   * 维度层级level 从0开始：第0层 第1层\n   */\n  hierarchyLevel?: number;\n  /**\n   * 维度总层级数\n   */\n  dimensionTotalLevel?: number;\n  /**\n   * 层级展开or折叠状态\n   */\n  hierarchyState?: HierarchyState;\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n\n  showSort?: boolean;\n  sort?: SortOption;\n\n  /**\n   * 表头描述 鼠标hover会提示该信息\n   */\n  description?: string | ((args: CellInfo) => string);\n\n  // header内容为空\n  isEmpty?: boolean;\n\n  /** 记录当前表头节点的上级表头结点的cellId */\n  parentCellId?: LayoutObjectId;\n}\n\nexport interface WidthData {\n  width?: number | string;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n}\n/**\n * layout中组织body列的信息类  和ColumnDefine对应\n */\nexport interface ColumnData extends WidthData {\n  id: LayoutObjectId;\n  field: FieldDef;\n  // fieldKey?: FieldKeyDef;\n  fieldFormat?: FieldFormat;\n  // icon?: ColumnIconOption | ColumnIconOption[];\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  cellType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart' | 'checkbox' | 'radio';\n  /** 如果是绘制图表库组件的图表类型 需要将注入的组件名称 写到chartType */\n  chartModule?: string;\n  /** 如果是绘制图表库组件的图表类型 统一图表配置chartSpec */\n  chartSpec?: any | ((arg0: CellInfo) => any);\n  chartInstance?: any;\n  sparklineSpec?: SparklineSpec | ((arg0: CellInfo) => SparklineSpec);\n  style: ColumnStyleOption | null | undefined;\n  define: ColumnDefine;\n  templateLink?: string;\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n  /**存储图标的位置 坐标及宽高 是包括了boxWidth boxWidth 共getHitIcon方法使用 计算是否命中图标*/\n  // iconPositionList?: { [key in IconFuncTypeEnum]?: RectProps & { icon: ColumnIconOption } };\n  /**\n   * 是否禁用调整列宽,如果是转置表格或者是透视表的指标是行方向指定 那该配置不生效\n   */\n  disableColumnResize?: boolean;\n  aggregation?: Aggregation | Aggregation[];\n  aggregator?: Aggregator | Aggregator[];\n  /** 是否为子节点 即上层还有父节点 */\n  isChildNode?: boolean;\n}\n\nexport interface IndicatorData extends WidthData {\n  id: LayoutObjectId;\n  field: string | number;\n  /**\n   * 唯一标识一种指标\n   */\n  indicatorKey: string;\n  // fieldKey: FieldKeyDef;\n  fieldFormat?: FieldFormat;\n  cellType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart'; //BaseColumn<T, any>;\n  chartModule?: string;\n  chartSpec?: any | ((arg0: CustomRenderFunctionArg) => any);\n  chartInstance?: any;\n  style?: ColumnStyleOption | null | undefined;\n  define: ColumnDefine;\n  // headerIcon?:\n  //   | (string | ColumnIconOption)[]\n  //   | ((args: CellInfo) => (string | ColumnIconOption)[]);\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n  sparklineSpec?: SparklineSpec | ((arg0: CustomRenderFunctionArg) => SparklineSpec);\n  /**\n   * 是否禁用调整列宽,如果是转置表格或者是透视表的指标是行方向指定 那该配置不生效\n   */\n  disableColumnResize?: boolean;\n}\n\n/**\n * 序号列定义\n */\nexport interface SeriesNumberColumnData extends WidthData {\n  id: LayoutObjectId;\n  title?: string | (() => string);\n  field?: FieldDef;\n  // fieldKey?: FieldKeyDef;\n  format?: (col?: number, row?: number, table?: BaseTableAPI) => any;\n  // icon?: ColumnIconOption | ColumnIconOption[];\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n  headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];\n  cellType: 'text' | 'link' | 'image' | 'video' | 'checkbox';\n  style: ColumnStyleOption | null | undefined;\n  define: IRowSeriesNumber;\n  isChildNode?: false;\n}\n// Simple header\n\n// export interface GroupHeaderDefine extends HeaderDefine {\n//   columns: HeadersDefine;\n//   hideColumnsSubHeader?: boolean;\n//   dropDownMenu?: MenuListItem[];\n// }\n// type Either<X, Y> =\n//   | ({\n//       [KX in keyof X]: X[KX];\n//     } & {\n//       [KY in Exclude<keyof Y, keyof X>]?: never;\n//     })\n//   | ({\n//       [KY in keyof Y]: Y[KY];\n//     } & {\n//       [KX in Exclude<keyof X, keyof Y>]?: never;\n//     });\n// export type HeaderColumnDefine = Either<GroupHeaderDefine, ColumnDefine>;\n// export type HeadersDefine = HeaderColumnDefine[];\n\n// Advanced layout\n\n// export interface HeaderCellDefine extends HeaderDefine {\n//   colSpan?: number;\n//   rowSpan?: number;\n// }\nexport type HeaderCellDefine = HeaderDefine & {\n  colSpan?: number;\n  rowSpan?: number;\n};\n\n// export interface CellDefine extends ColumnDefine {\n//   colSpan?: number;\n//   rowSpan?: number;\n// }\n\nexport type CellDefine = ColumnBodyDefine & {\n  colSpan?: number;\n  rowSpan?: number;\n};\n\nexport type ArrayLayoutDefine = CellDefine[][];\n/** @internal */\ninterface LayoutMapAPI {\n  readonly headerLevelCount: number;\n  readonly rowHeaderLevelCount: number;\n  readonly columnHeaderLevelCount: number;\n  readonly bodyRowSpanCount: number;\n  readonly colCount: number | undefined;\n  readonly rowCount: number | undefined;\n  readonly columnWidths: WidthData[];\n  readonly headerObjects: HeaderData[];\n  readonly columnObjects: ColumnData[] | IndicatorData[];\n  // transpose: boolean;\n  // showHeader: boolean;\n  isHeader: (col: number, row: number) => boolean;\n  // isHeaderNode(col: number, row: number): boolean; //是否为叶子表头\n  /**获取单元格header对象 包括field style type 等 */\n  getHeader: (col: number, row: number) => HeaderData | SeriesNumberColumnData;\n  /**获取对应header的field  */\n  getHeaderField: (col: number, row: number) => FieldDef;\n  // getHeaderFieldKey(col: number, row: number): FieldKeyDef;\n  /**获取单元格column对象 包括field style type 等 */\n  getBody: (col: number, row: number) => ColumnData | IndicatorData | SeriesNumberColumnData;\n  /**获取单元格标识key */\n  getCellId: (col: number, row: number) => LayoutObjectId;\n  getCellRange: (col: number, row: number) => CellRange;\n  // getCellRangeTranspose(col: number, row: number): CellRange;\n  // getBodyLayoutRangeById: (id: LayoutObjectId) => CellRange;\n  getHeaderCellAdressById: (id: number) => CellAddress | undefined;\n  getHeaderCellAddressByField: (field: string) => CellAddress | undefined;\n  getRecordShowIndexByCell: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n  /** 从定义中获取一列配置项width的定义值 */\n  getColumnWidthDefined: (col: number) => WidthData;\n  release: () => void;\n\n  isFrozenColumn: (col: number, row?: number) => boolean;\n  isRightFrozenColumn: (col: number, row?: number) => boolean;\n  isFrozenRow: (col: number, row?: number) => boolean;\n  isBottomFrozenRow: (col: number, row?: number) => boolean;\n}\n\nexport type { LayoutMapAPI };\n"]}
+{"version":3,"sources":["../src/ts-types/list-table/layout-map/api.ts"],"names":[],"mappings":"","file":"api.js","sourcesContent":["import type {\n  CellAddress,\n  CellRange,\n  ColumnIconOption,\n  ColumnStyle,\n  ColumnStyleOption,\n  // ColumnTypeOption,\n  FieldDef,\n  FieldFormat,\n  HeaderStyleOption,\n  LayoutObjectId,\n  MenuListItem,\n  IPivotTableCellHeaderPaths,\n  CellInfo,\n  // ICustomRenderFuc,\n  // ICustomRenderObj,\n  PivotInfo,\n  FieldKeyDef,\n  CustomRenderFunctionArg,\n  SparklineSpec,\n  HierarchyState,\n  Aggregation,\n  IRowSeriesNumber,\n  SortOption\n} from '../../';\nimport type { Aggregator } from '../../../dataset/statistics-helper';\nimport type { BaseTableAPI } from '../../base-table';\n\nimport type { HeaderDefine, ColumnDefine, ColumnBodyDefine } from '../define';\n\n// todo: 修改引用这些类型的路径\nexport type {\n  HeaderDefine,\n  ColumnDefine,\n  ColumnBodyDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine\n} from '../define';\n\n/**\n * layout中组织表头的信息类  和HeaderDefine对应\n */\nexport interface HeaderData extends WidthData {\n  id: LayoutObjectId;\n  title?: string | (() => string);\n  // captionIcon?: ColumnIconOption;\n  headerIcon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n  icons?: (string | ColumnIconOption)[] | ((args: CellInfo) => (string | ColumnIconOption)[]);\n\n  field: FieldDef;\n  fieldFormat?: FieldFormat;\n  style?: HeaderStyleOption | ColumnStyle | null | undefined;\n  headerType: 'text' | 'link' | 'image' | 'video' | 'checkbox'; // headerType.BaseHeader;\n  define: ColumnDefine;\n  // sortIconPosition?: RectProps;\n  // freezeIconPosition?: RectProps;\n  /**存储图标的位置 坐标及宽高 是包括了boxWidth boxWidth 共getHitIcon方法使用 计算是否命中图标*/\n  // iconPositionList?: { [key in IconFuncTypeEnum]?: RectProps & { icon: ColumnIconOption } };\n  dropDownMenu?: MenuListItem[];\n  pivotInfo?: PivotInfo;\n  /**\n   * 维度层级level 从0开始：第0层 第1层\n   */\n  hierarchyLevel?: number;\n  /**\n   * 维度总层级数\n   */\n  dimensionTotalLevel?: number;\n  /**\n   * 层级展开or折叠状态\n   */\n  hierarchyState?: HierarchyState;\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n\n  showSort?: boolean;\n  sort?: SortOption;\n\n  /**\n   * 表头描述 鼠标hover会提示该信息\n   */\n  description?: string | ((args: CellInfo) => string);\n\n  // header内容为空\n  isEmpty?: boolean;\n\n  /** 记录当前表头节点的上级表头结点的cellId */\n  parentCellId?: LayoutObjectId;\n}\n\nexport interface WidthData {\n  width?: number | string;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n}\n/**\n * layout中组织body列的信息类  和ColumnDefine对应\n */\nexport interface ColumnData extends WidthData {\n  id: LayoutObjectId;\n  field: FieldDef;\n  // fieldKey?: FieldKeyDef;\n  fieldFormat?: FieldFormat;\n  // icon?: ColumnIconOption | ColumnIconOption[];\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  cellType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart' | 'checkbox' | 'radio';\n  /** 如果是绘制图表库组件的图表类型 需要将注入的组件名称 写到chartType */\n  chartModule?: string;\n  /** 如果是绘制图表库组件的图表类型 统一图表配置chartSpec */\n  chartSpec?: any | ((arg0: CellInfo) => any);\n  chartInstance?: any;\n  sparklineSpec?: SparklineSpec | ((arg0: CellInfo) => SparklineSpec);\n  style: ColumnStyleOption | null | undefined;\n  define: ColumnDefine;\n  templateLink?: string;\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n  /**存储图标的位置 坐标及宽高 是包括了boxWidth boxWidth 共getHitIcon方法使用 计算是否命中图标*/\n  // iconPositionList?: { [key in IconFuncTypeEnum]?: RectProps & { icon: ColumnIconOption } };\n  /**\n   * 是否禁用调整列宽,如果是转置表格或者是透视表的指标是行方向指定 那该配置不生效\n   */\n  disableColumnResize?: boolean;\n  aggregation?: Aggregation | Aggregation[];\n  aggregator?: Aggregator | Aggregator[];\n  /** 是否为子节点 即上层还有父节点 */\n  isChildNode?: boolean;\n}\n\nexport interface IndicatorData extends WidthData {\n  id: LayoutObjectId;\n  field: string | number;\n  /**\n   * 唯一标识一种指标\n   */\n  indicatorKey: string;\n  // fieldKey: FieldKeyDef;\n  fieldFormat?: FieldFormat;\n  cellType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart'; //BaseColumn<T, any>;\n  chartModule?: string;\n  chartSpec?: any | ((arg0: CustomRenderFunctionArg) => any);\n  chartInstance?: any;\n  style?: ColumnStyleOption | null | undefined;\n  define: ColumnDefine;\n  // headerIcon?:\n  //   | (string | ColumnIconOption)[]\n  //   | ((args: CellInfo) => (string | ColumnIconOption)[]);\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n  sparklineSpec?: SparklineSpec | ((arg0: CustomRenderFunctionArg) => SparklineSpec);\n  /**\n   * 是否禁用调整列宽,如果是转置表格或者是透视表的指标是行方向指定 那该配置不生效\n   */\n  disableColumnResize?: boolean;\n}\n\n/**\n * 序号列定义\n */\nexport interface SeriesNumberColumnData extends WidthData {\n  id: LayoutObjectId;\n  title?: string | (() => string);\n  field?: FieldDef;\n  // fieldKey?: FieldKeyDef;\n  format?: (col?: number, row?: number, table?: BaseTableAPI) => any;\n  // icon?: ColumnIconOption | ColumnIconOption[];\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n  headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];\n  cellType: 'text' | 'link' | 'image' | 'video' | 'checkbox';\n  headerType: 'text' | 'link' | 'image' | 'video' | 'checkbox';\n  style: ColumnStyleOption | null | undefined;\n  define: IRowSeriesNumber;\n  isChildNode?: false;\n}\n// Simple header\n\n// export interface GroupHeaderDefine extends HeaderDefine {\n//   columns: HeadersDefine;\n//   hideColumnsSubHeader?: boolean;\n//   dropDownMenu?: MenuListItem[];\n// }\n// type Either<X, Y> =\n//   | ({\n//       [KX in keyof X]: X[KX];\n//     } & {\n//       [KY in Exclude<keyof Y, keyof X>]?: never;\n//     })\n//   | ({\n//       [KY in keyof Y]: Y[KY];\n//     } & {\n//       [KX in Exclude<keyof X, keyof Y>]?: never;\n//     });\n// export type HeaderColumnDefine = Either<GroupHeaderDefine, ColumnDefine>;\n// export type HeadersDefine = HeaderColumnDefine[];\n\n// Advanced layout\n\n// export interface HeaderCellDefine extends HeaderDefine {\n//   colSpan?: number;\n//   rowSpan?: number;\n// }\nexport type HeaderCellDefine = HeaderDefine & {\n  colSpan?: number;\n  rowSpan?: number;\n};\n\n// export interface CellDefine extends ColumnDefine {\n//   colSpan?: number;\n//   rowSpan?: number;\n// }\n\nexport type CellDefine = ColumnBodyDefine & {\n  colSpan?: number;\n  rowSpan?: number;\n};\n\nexport type ArrayLayoutDefine = CellDefine[][];\n/** @internal */\ninterface LayoutMapAPI {\n  readonly headerLevelCount: number;\n  readonly rowHeaderLevelCount: number;\n  readonly columnHeaderLevelCount: number;\n  readonly bodyRowSpanCount: number;\n  readonly colCount: number | undefined;\n  readonly rowCount: number | undefined;\n  readonly columnWidths: WidthData[];\n  readonly headerObjects: HeaderData[];\n  readonly columnObjects: ColumnData[] | IndicatorData[];\n  // transpose: boolean;\n  // showHeader: boolean;\n  isHeader: (col: number, row: number) => boolean;\n  // isHeaderNode(col: number, row: number): boolean; //是否为叶子表头\n  /**获取单元格header对象 包括field style type 等 */\n  getHeader: (col: number, row: number) => HeaderData | SeriesNumberColumnData;\n  /**获取对应header的field  */\n  getHeaderField: (col: number, row: number) => FieldDef;\n  // getHeaderFieldKey(col: number, row: number): FieldKeyDef;\n  /**获取单元格column对象 包括field style type 等 */\n  getBody: (col: number, row: number) => ColumnData | IndicatorData | SeriesNumberColumnData;\n  /**获取单元格标识key */\n  getCellId: (col: number, row: number) => LayoutObjectId;\n  getCellRange: (col: number, row: number) => CellRange;\n  // getCellRangeTranspose(col: number, row: number): CellRange;\n  // getBodyLayoutRangeById: (id: LayoutObjectId) => CellRange;\n  getHeaderCellAdressById: (id: number) => CellAddress | undefined;\n  getHeaderCellAddressByField: (field: string) => CellAddress | undefined;\n  getRecordShowIndexByCell: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n  /** 从定义中获取一列配置项width的定义值 */\n  getColumnWidthDefined: (col: number) => WidthData;\n  release: () => void;\n\n  isFrozenColumn: (col: number, row?: number) => boolean;\n  isRightFrozenColumn: (col: number, row?: number) => boolean;\n  isFrozenRow: (col: number, row?: number) => boolean;\n  isBottomFrozenRow: (col: number, row?: number) => boolean;\n}\n\nexport type { LayoutMapAPI };\n"]}

package/cjs/ts-types/new-data-set.d.ts

@@ -108,6 +108,7 @@ export interface CalculateddFieldRule {
 }
 export type CalculateddFieldRules = CalculateddFieldRule[];
 export interface IListTableDataConfig {
+    groupByRules?: string[];
     filterRules?: FilterRules;
 }
 export interface IPivotTableDataConfig {

package/cjs/ts-types/new-data-set.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/new-data-set.ts"],"names":[],"mappings":";;;AAYA,IAAY,eAUX;AAVD,WAAY,eAAe;IACzB,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,8BAAW,CAAA;IACX,8BAAW,CAAA;IACX,8BAAW,CAAA;IACX,8BAAW,CAAA;IACX,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,8CAA2B,CAAA;AAC7B,CAAC,EAVW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAU1B;AACD,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,uBAAW,CAAA;IACX,yBAAa,CAAA;AACf,CAAC,EAHW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAGnB","file":"new-data-set.js","sourcesContent":["import type { ColorPropertyDefine } from '.';\nimport type { Either } from '../tools/helper';\nimport type { BaseTableAPI } from './base-table';\n\n//#region 总计小计\nexport interface TotalsStatus {\n  isRowTotal: boolean;\n  isRowSubTotal: boolean;\n  isColTotal: boolean;\n  isColSubTotal: boolean;\n}\n\nexport enum AggregationType {\n  RECORD = 'RECORD',\n  NONE = 'NONE', //不做聚合 只获取其中一条数据作为节点的record 取其field\n  SUM = 'SUM',\n  MIN = 'MIN',\n  MAX = 'MAX',\n  AVG = 'AVG',\n  COUNT = 'COUNT',\n  CUSTOM = 'CUSTOM',\n  RECALCULATE = 'RECALCULATE'\n}\nexport enum SortType {\n  ASC = 'ASC',\n  DESC = 'DESC'\n}\nexport interface CalcTotals {\n  aggregationType?: AggregationType; // 聚合方式\n  // calcFunc?: (query: Record<string, any>, arr: Record<string, any>[]) => number;\n}\n\nexport interface Total {\n  /** 是否显示总计; 如果配置了total对象，showGrandTotals默认false */\n  showGrandTotals: boolean;\n  /** 是否显示小计;  如果配置了total对象，showSubTotals默认为true */\n  showSubTotals: boolean;\n\n  // // 计算总计方法\n  // calcGrandTotals?: CalcTotals;\n  // // 计算小计方法\n  // calcSubTotals?: CalcTotals;\n  /** 小计汇总维度定义 */\n  subTotalsDimensions?: string[];\n  /** 汇总节点显示名称  默认'总计' */\n  grandTotalLabel?: string;\n  /** 汇总节点显示名称  默认'小计' */\n  subTotalLabel?: string;\n}\n\nexport interface Totals {\n  row?: Total & {\n    /** 总计显示在上 默认false */\n    showGrandTotalsOnTop?: boolean;\n    /** 小计显示在上 默认false */\n    showSubTotalsOnTop?: boolean;\n  };\n  column?: Total & {\n    /** 总计显示在左 默认false */\n    showGrandTotalsOnLeft?: boolean;\n    /** 小计显示在左 默认false */\n    showSubTotalsOnLeft?: boolean;\n  };\n}\n\n//#endregion 总计小计\n\n//#region 排序规则\n// export interface SortRule {\n//   //排序维度\n//   sortField: string;\n//   //以下均为排序方法\n//   //1. 指定排序类型\n//   sortType?: SortType;\n//   //2. 按维度成员指定排序\n//   sortBy?: string[];\n//   //3. 按指标值排序\n//   sortByIndicator?: string;\n//   //如果按指标值排序，还需要指定另外一个（行或列）方向的底层维度成员具体值\n//   query?: string[];\n//   //4. 自定义排序方法function\n//   sortFunc?: (a: any, b: any) => number;\n// }\n//以下均为排序方法\n//1. 指定排序类型\nexport interface SortTypeRule {\n  /**排序维度 */\n  sortField: string;\n  /**升序降序 ASC or DESC*/\n  sortType?: SortType;\n}\n//2. 按维度成员指定排序\nexport interface SortByRule {\n  /**排序维度 */\n  sortField: string;\n  /**根据指定具体顺序排序 */\n  sortBy?: string[];\n}\n//3. 按指标值排序\nexport interface SortByIndicatorRule {\n  /**排序维度 */\n  sortField: string;\n  /**升序降序 ASC or DESC*/\n  sortType?: SortType;\n  /**排序根据某个指标值 */\n  sortByIndicator?: string;\n  /**如果按指标值排序，还需要指定另外一个（行或列）方向的底层维度成员具体值。例如按照办公用品下的纸张 ['办公用品', '纸张'] */\n  query?: string[];\n}\n//4. 自定义排序方法function\nexport interface SortFuncRule {\n  /**排序维度 */\n  sortField: string;\n  /**自定义排序函数 */\n  sortFunc?: (a: any, b: any) => number;\n}\n//自定义排序方法参数\n// export interface SortFuncParam extends SortRule {\n//   data: Array<string | Record<string, any>>;\n// }\nexport type SortRule = SortTypeRule | SortByRule | SortByIndicatorRule | SortFuncRule;\nexport type SortRules = SortRule[];\n//#endregion 排序规则\n\n//#region 过滤规则\nexport interface FilterFuncRule {\n  filterFunc?: (row: Record<string, any>) => boolean;\n}\nexport interface FilterValueRule {\n  filterKey?: string;\n  filteredValues?: unknown[];\n}\nexport type FilterRules = Either<FilterFuncRule, FilterValueRule>[];\n//#endregion 过滤规则\n\n//#region 聚合规则\nexport interface AggregationRule<T extends AggregationType> {\n  /** 区别于field 重新起个key值，供配置indicators使用 */\n  indicatorKey: string;\n  // 可以收集单个字段的聚合结果，或者收集多个字段的聚合结果\n  field: T extends AggregationType.RECORD ? string[] | string : string;\n  aggregationType: T;\n  /**计算结果格式化 */\n  formatFun?: (value: number, col: number, row: number, table: BaseTableAPI) => number | string;\n}\nexport type AggregationRules = AggregationRule<AggregationType>[];\n//#endregion 聚合规则\n\n//#region 映射规则\nexport interface MappingRule {\n  label?: LabelMapping;\n  symbol?: SymbolMapping;\n  bgColor?: MappingFuncRule;\n}\nexport type MappingRules = MappingRule[];\nexport interface LabelMapping {\n  text?: MappingFuncRule;\n  color?: MappingFuncRule;\n}\nexport interface SymbolMapping {\n  shape?: 'circle' | 'rect';\n  color?: MappingFuncRule;\n  size?: MappingFuncRule;\n}\n\nexport type MappingFuncRule = {\n  indicatorKey: string;\n  mapping?: ColorPropertyDefine;\n};\n\n//#endregion 映射规则\n\n//#region 派生字段规则\nexport interface DerivedFieldRule {\n  fieldName?: string;\n  derivedFunc?: (record: Record<string, any>) => any;\n}\nexport type DerivedFieldRules = DerivedFieldRule[];\n//#endregion 派生字段规则\n\n//#region 计算字段规则\nexport interface CalculateddFieldRule {\n  /** 唯一标识，可以当做新指标的key，用于配置在 indicators 中在透视表中展示。 */\n  key: string;\n  /** 计算字段依赖的指标，可以是在 records 中具体对应的指标字段 or 不是数据records 中的字段\n   * 如果依赖的指标不在 records 中，则需要在 aggregationRules 中明确配置，具体指明聚合规则和 indicatorKey 以在 dependIndicatorKeys 所使用。 */\n  dependIndicatorKeys: string[];\n  /** 计算字段的计算函数，依赖的指标值作为参数传入，返回值作为计算字段的值。   */\n  calculateFun?: (dependFieldsValue: any) => any;\n}\n\nexport type CalculateddFieldRules = CalculateddFieldRule[];\n//#endregion 计算字段规则\n\n/**\n * 基本表数据处理配置\n */\nexport interface IListTableDataConfig {\n  // aggregationRules?: AggregationRules; //按照行列维度聚合值计算规则；\n  // sortRules?: SortTypeRule | SortByRule | SortFuncRule; //排序规则 不能简单的将sortState挪到这里 sort的规则在column中配置的；\n  filterRules?: FilterRules; //过滤规则；\n  // totals?: Totals; //小计或总计；\n  // derivedFieldRules?: DerivedFieldRules;\n}\n/**\n * 透视表数据处理配置\n */\nexport interface IPivotTableDataConfig {\n  aggregationRules?: AggregationRules; //按照行列维度聚合值计算规则；\n  sortRules?: SortRules; //排序规则；\n  filterRules?: FilterRules; //过滤规则；\n  totals?: Totals; //小计或总计；\n  /**\n   * 目前mappding还不太好用  不建议使用  建议先用style\n   */\n  mappingRules?: MappingRules;\n  derivedFieldRules?: DerivedFieldRules;\n  calculatedFieldRules?: CalculateddFieldRules;\n}\n\n/**\n * 透视图数据处理配置\n */\nexport interface IPivotChartDataConfig extends IPivotTableDataConfig {\n  /**\n   * PivotChart专有\n   */\n  collectValuesBy?: Record<string, CollectValueBy>;\n  /**\n   * PivotChart专有\n   */\n  isPivotChart?: boolean;\n  /**\n   * PivotChart专有\n   */\n  dimensionSortArray?: string[];\n}\n\n/** 在处理数据的过程中 去额外收集某个维度的维度值范围 可为离散值或者连续值范围 */\nexport type CollectValueBy = {\n  /** 要收集的字段按什么进行分组 */\n  by: string[];\n  /** 是否计算一个range范围 true的话对应的收集数据的结果为{max:number,min:number} */\n  range?: boolean;\n  /** 收集是按照sumBy字段相同的进行分组聚合 聚合结果求最大最小值；如果不设置该值 则按单条数据求最大最小值 */\n  sumBy?: string[];\n  /** 帮助计算列宽使用 如果是chart图表 收集的是xFiled的维度值 可以根据维度值的个数乘于图元宽度计算一个最优列宽*/\n  type?: 'xField' | 'yField' | undefined;\n  /** 如果是收集的离散值，离散值的排序依据 */\n  sortBy?: string[];\n  /** chartSpec中设置了markLine autoRange的情况 考虑扩展轴范围 */\n  extendRange?: number | 'sum' | 'max';\n};\nexport type CollectedValue = { max?: number; min?: number } | Array<string>;\n\n//#region 提供给基本表格的类型\nexport type Aggregation = {\n  aggregationType: AggregationType;\n  showOnTop?: boolean;\n  formatFun?: (value: number, col: number, row: number, table: BaseTableAPI) => string | number;\n};\n\nexport type CustomAggregation = {\n  aggregationType: AggregationType.CUSTOM;\n  aggregationFun: (values: any[], records: any[]) => any;\n  showOnTop?: boolean;\n  formatFun?: (value: number, col: number, row: number, table: BaseTableAPI) => string | number;\n};\n//#endregion\n"]}
+{"version":3,"sources":["../src/ts-types/new-data-set.ts"],"names":[],"mappings":";;;AAYA,IAAY,eAUX;AAVD,WAAY,eAAe;IACzB,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,8BAAW,CAAA;IACX,8BAAW,CAAA;IACX,8BAAW,CAAA;IACX,8BAAW,CAAA;IACX,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,8CAA2B,CAAA;AAC7B,CAAC,EAVW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAU1B;AACD,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,uBAAW,CAAA;IACX,yBAAa,CAAA;AACf,CAAC,EAHW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAGnB","file":"new-data-set.js","sourcesContent":["import type { ColorPropertyDefine } from '.';\nimport type { Either } from '../tools/helper';\nimport type { BaseTableAPI } from './base-table';\n\n//#region 总计小计\nexport interface TotalsStatus {\n  isRowTotal: boolean;\n  isRowSubTotal: boolean;\n  isColTotal: boolean;\n  isColSubTotal: boolean;\n}\n\nexport enum AggregationType {\n  RECORD = 'RECORD',\n  NONE = 'NONE', //不做聚合 只获取其中一条数据作为节点的record 取其field\n  SUM = 'SUM',\n  MIN = 'MIN',\n  MAX = 'MAX',\n  AVG = 'AVG',\n  COUNT = 'COUNT',\n  CUSTOM = 'CUSTOM',\n  RECALCULATE = 'RECALCULATE'\n}\nexport enum SortType {\n  ASC = 'ASC',\n  DESC = 'DESC'\n}\nexport interface CalcTotals {\n  aggregationType?: AggregationType; // 聚合方式\n  // calcFunc?: (query: Record<string, any>, arr: Record<string, any>[]) => number;\n}\n\nexport interface Total {\n  /** 是否显示总计; 如果配置了total对象，showGrandTotals默认false */\n  showGrandTotals: boolean;\n  /** 是否显示小计;  如果配置了total对象，showSubTotals默认为true */\n  showSubTotals: boolean;\n\n  // // 计算总计方法\n  // calcGrandTotals?: CalcTotals;\n  // // 计算小计方法\n  // calcSubTotals?: CalcTotals;\n  /** 小计汇总维度定义 */\n  subTotalsDimensions?: string[];\n  /** 汇总节点显示名称  默认'总计' */\n  grandTotalLabel?: string;\n  /** 汇总节点显示名称  默认'小计' */\n  subTotalLabel?: string;\n}\n\nexport interface Totals {\n  row?: Total & {\n    /** 总计显示在上 默认false */\n    showGrandTotalsOnTop?: boolean;\n    /** 小计显示在上 默认false */\n    showSubTotalsOnTop?: boolean;\n  };\n  column?: Total & {\n    /** 总计显示在左 默认false */\n    showGrandTotalsOnLeft?: boolean;\n    /** 小计显示在左 默认false */\n    showSubTotalsOnLeft?: boolean;\n  };\n}\n\n//#endregion 总计小计\n\n//#region 排序规则\n// export interface SortRule {\n//   //排序维度\n//   sortField: string;\n//   //以下均为排序方法\n//   //1. 指定排序类型\n//   sortType?: SortType;\n//   //2. 按维度成员指定排序\n//   sortBy?: string[];\n//   //3. 按指标值排序\n//   sortByIndicator?: string;\n//   //如果按指标值排序，还需要指定另外一个（行或列）方向的底层维度成员具体值\n//   query?: string[];\n//   //4. 自定义排序方法function\n//   sortFunc?: (a: any, b: any) => number;\n// }\n//以下均为排序方法\n//1. 指定排序类型\nexport interface SortTypeRule {\n  /**排序维度 */\n  sortField: string;\n  /**升序降序 ASC or DESC*/\n  sortType?: SortType;\n}\n//2. 按维度成员指定排序\nexport interface SortByRule {\n  /**排序维度 */\n  sortField: string;\n  /**根据指定具体顺序排序 */\n  sortBy?: string[];\n}\n//3. 按指标值排序\nexport interface SortByIndicatorRule {\n  /**排序维度 */\n  sortField: string;\n  /**升序降序 ASC or DESC*/\n  sortType?: SortType;\n  /**排序根据某个指标值 */\n  sortByIndicator?: string;\n  /**如果按指标值排序，还需要指定另外一个（行或列）方向的底层维度成员具体值。例如按照办公用品下的纸张 ['办公用品', '纸张'] */\n  query?: string[];\n}\n//4. 自定义排序方法function\nexport interface SortFuncRule {\n  /**排序维度 */\n  sortField: string;\n  /**自定义排序函数 */\n  sortFunc?: (a: any, b: any) => number;\n}\n//自定义排序方法参数\n// export interface SortFuncParam extends SortRule {\n//   data: Array<string | Record<string, any>>;\n// }\nexport type SortRule = SortTypeRule | SortByRule | SortByIndicatorRule | SortFuncRule;\nexport type SortRules = SortRule[];\n//#endregion 排序规则\n\n//#region 过滤规则\nexport interface FilterFuncRule {\n  filterFunc?: (row: Record<string, any>) => boolean;\n}\nexport interface FilterValueRule {\n  filterKey?: string;\n  filteredValues?: unknown[];\n}\nexport type FilterRules = Either<FilterFuncRule, FilterValueRule>[];\n//#endregion 过滤规则\n\n//#region 聚合规则\nexport interface AggregationRule<T extends AggregationType> {\n  /** 区别于field 重新起个key值，供配置indicators使用 */\n  indicatorKey: string;\n  // 可以收集单个字段的聚合结果，或者收集多个字段的聚合结果\n  field: T extends AggregationType.RECORD ? string[] | string : string;\n  aggregationType: T;\n  /**计算结果格式化 */\n  formatFun?: (value: number, col: number, row: number, table: BaseTableAPI) => number | string;\n}\nexport type AggregationRules = AggregationRule<AggregationType>[];\n//#endregion 聚合规则\n\n//#region 映射规则\nexport interface MappingRule {\n  label?: LabelMapping;\n  symbol?: SymbolMapping;\n  bgColor?: MappingFuncRule;\n}\nexport type MappingRules = MappingRule[];\nexport interface LabelMapping {\n  text?: MappingFuncRule;\n  color?: MappingFuncRule;\n}\nexport interface SymbolMapping {\n  shape?: 'circle' | 'rect';\n  color?: MappingFuncRule;\n  size?: MappingFuncRule;\n}\n\nexport type MappingFuncRule = {\n  indicatorKey: string;\n  mapping?: ColorPropertyDefine;\n};\n\n//#endregion 映射规则\n\n//#region 派生字段规则\nexport interface DerivedFieldRule {\n  fieldName?: string;\n  derivedFunc?: (record: Record<string, any>) => any;\n}\nexport type DerivedFieldRules = DerivedFieldRule[];\n//#endregion 派生字段规则\n\n//#region 计算字段规则\nexport interface CalculateddFieldRule {\n  /** 唯一标识，可以当做新指标的key，用于配置在 indicators 中在透视表中展示。 */\n  key: string;\n  /** 计算字段依赖的指标，可以是在 records 中具体对应的指标字段 or 不是数据records 中的字段\n   * 如果依赖的指标不在 records 中，则需要在 aggregationRules 中明确配置，具体指明聚合规则和 indicatorKey 以在 dependIndicatorKeys 所使用。 */\n  dependIndicatorKeys: string[];\n  /** 计算字段的计算函数，依赖的指标值作为参数传入，返回值作为计算字段的值。   */\n  calculateFun?: (dependFieldsValue: any) => any;\n}\n\nexport type CalculateddFieldRules = CalculateddFieldRule[];\n//#endregion 计算字段规则\n\n/**\n * 基本表数据处理配置\n */\nexport interface IListTableDataConfig {\n  groupByRules?: string[]; //按照行列维度分组规则；\n  // aggregationRules?: AggregationRules; //按照行列维度聚合值计算规则；\n  // sortRules?: SortTypeRule | SortByRule | SortFuncRule; //排序规则 不能简单的将sortState挪到这里 sort的规则在column中配置的；\n  filterRules?: FilterRules; //过滤规则；\n  // totals?: Totals; //小计或总计；\n  // derivedFieldRules?: DerivedFieldRules;\n}\n/**\n * 透视表数据处理配置\n */\nexport interface IPivotTableDataConfig {\n  aggregationRules?: AggregationRules; //按照行列维度聚合值计算规则；\n  sortRules?: SortRules; //排序规则；\n  filterRules?: FilterRules; //过滤规则；\n  totals?: Totals; //小计或总计；\n  /**\n   * 目前mappding还不太好用  不建议使用  建议先用style\n   */\n  mappingRules?: MappingRules;\n  derivedFieldRules?: DerivedFieldRules;\n  calculatedFieldRules?: CalculateddFieldRules;\n}\n\n/**\n * 透视图数据处理配置\n */\nexport interface IPivotChartDataConfig extends IPivotTableDataConfig {\n  /**\n   * PivotChart专有\n   */\n  collectValuesBy?: Record<string, CollectValueBy>;\n  /**\n   * PivotChart专有\n   */\n  isPivotChart?: boolean;\n  /**\n   * PivotChart专有\n   */\n  dimensionSortArray?: string[];\n}\n\n/** 在处理数据的过程中 去额外收集某个维度的维度值范围 可为离散值或者连续值范围 */\nexport type CollectValueBy = {\n  /** 要收集的字段按什么进行分组 */\n  by: string[];\n  /** 是否计算一个range范围 true的话对应的收集数据的结果为{max:number,min:number} */\n  range?: boolean;\n  /** 收集是按照sumBy字段相同的进行分组聚合 聚合结果求最大最小值；如果不设置该值 则按单条数据求最大最小值 */\n  sumBy?: string[];\n  /** 帮助计算列宽使用 如果是chart图表 收集的是xFiled的维度值 可以根据维度值的个数乘于图元宽度计算一个最优列宽*/\n  type?: 'xField' | 'yField' | undefined;\n  /** 如果是收集的离散值，离散值的排序依据 */\n  sortBy?: string[];\n  /** chartSpec中设置了markLine autoRange的情况 考虑扩展轴范围 */\n  extendRange?: number | 'sum' | 'max';\n};\nexport type CollectedValue = { max?: number; min?: number } | Array<string>;\n\n//#region 提供给基本表格的类型\nexport type Aggregation = {\n  aggregationType: AggregationType;\n  showOnTop?: boolean;\n  formatFun?: (value: number, col: number, row: number, table: BaseTableAPI) => string | number;\n};\n\nexport type CustomAggregation = {\n  aggregationType: AggregationType.CUSTOM;\n  aggregationFun: (values: any[], records: any[]) => any;\n  showOnTop?: boolean;\n  formatFun?: (value: number, col: number, row: number, table: BaseTableAPI) => string | number;\n};\n//#endregion\n"]}

package/cjs/ts-types/pivot-table/corner.d.ts

@@ -7,6 +7,7 @@ interface IBasicCornerDefine {
     titleOnDimension?: ShowColumnRowType;
     disableHeaderHover?: boolean;
     disableHeaderSelect?: boolean;
+    forceShowHeader?: boolean;
 }
 interface ITextCornerDefine extends IBasicCornerDefine {
     headerType?: 'text';

package/cjs/ts-types/pivot-table/corner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/pivot-table/corner.ts"],"names":[],"mappings":"","file":"corner.js","sourcesContent":["import type { IEditor } from '@visactor/vtable-editors';\nimport type { IImageStyleOption, ITextStyleOption, IStyleOption } from '../column';\nimport type { ShowColumnRowType } from '../table-engine';\nimport type { BaseCellInfo } from '../common';\nimport type { BaseTableAPI } from '../base-table';\n\ninterface IBasicCornerDefine {\n  titleOnDimension?: ShowColumnRowType; //角头标题是否显示列维度名称  否则显示行维度名称\n  // headerStyle?: HeaderStyleOption | null; //角头标题的样式\n  // headerType?: HeaderTypeOption | null; //角头标题的类型\n\n  /** 该表头单元格不支持hover交互行为 */\n  disableHeaderHover?: boolean;\n  /** 该表头单元格不支持选中 */\n  disableHeaderSelect?: boolean;\n}\n\ninterface ITextCornerDefine extends IBasicCornerDefine {\n  headerType?: 'text';\n  headerStyle?: Omit<ITextStyleOption, 'textStick'>;\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\ninterface IImageCornerDefine extends IBasicCornerDefine {\n  headerType: 'image';\n  headerStyle?: Omit<IImageStyleOption, 'textStick'>;\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\ninterface ILinkCornerDefine extends IBasicCornerDefine {\n  headerType: 'link';\n  headerStyle?: Omit<ITextStyleOption, 'textStick'>;\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\nexport type ICornerDefine = IImageCornerDefine | ILinkCornerDefine | ITextCornerDefine;\n"]}
+{"version":3,"sources":["../src/ts-types/pivot-table/corner.ts"],"names":[],"mappings":"","file":"corner.js","sourcesContent":["import type { IEditor } from '@visactor/vtable-editors';\nimport type { IImageStyleOption, ITextStyleOption, IStyleOption } from '../column';\nimport type { ShowColumnRowType } from '../table-engine';\nimport type { BaseCellInfo } from '../common';\nimport type { BaseTableAPI } from '../base-table';\n\ninterface IBasicCornerDefine {\n  titleOnDimension?: ShowColumnRowType; //角头标题是否显示列维度名称  否则显示行维度名称\n  // headerStyle?: HeaderStyleOption | null; //角头标题的样式\n  // headerType?: HeaderTypeOption | null; //角头标题的类型\n\n  /** 该表头单元格不支持hover交互行为 */\n  disableHeaderHover?: boolean;\n  /** 该表头单元格不支持选中 */\n  disableHeaderSelect?: boolean;\n  /** 强制显示角头。当row或者column方向上没有维度的时候 本身是不会显示角表头的 但是某些场景下仍然需显示维度名称在角头，请配置这个字段。 */\n  forceShowHeader?: boolean;\n}\n\ninterface ITextCornerDefine extends IBasicCornerDefine {\n  headerType?: 'text';\n  headerStyle?: Omit<ITextStyleOption, 'textStick'>;\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\ninterface IImageCornerDefine extends IBasicCornerDefine {\n  headerType: 'image';\n  headerStyle?: Omit<IImageStyleOption, 'textStick'>;\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\ninterface ILinkCornerDefine extends IBasicCornerDefine {\n  headerType: 'link';\n  headerStyle?: Omit<ITextStyleOption, 'textStick'>;\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\nexport type ICornerDefine = IImageCornerDefine | ILinkCornerDefine | ITextCornerDefine;\n"]}

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

@@ -15,8 +15,7 @@ import type { DataSource } from '../data';
 import type { EditManeger } from '../edit/edit-manager';
 import type { ICustomRender } from './customElement';
 import type { ICustomLayout } from './customLayout';
-import type { ColorPropertyDefine, StylePropertyFunctionArg } from './style-define';
-import type { TableTheme } from '../themes/theme';
+import type { StylePropertyFunctionArg } from './style-define';
 export interface CellAddress {
     col: number;
     row: number;
@@ -103,6 +102,7 @@ export interface DataSourceAPI {
     updatePagination: (pagination: IPagination) => void;
     getIndexKey: (index: number) => number | number[];
     hierarchyExpandLevel: number;
+    getGroupLength?: () => number;
 }
 export interface SortState {
     field: FieldDef;
@@ -143,7 +143,16 @@ export interface ListTableConstructorOptions extends BaseTableConstructorOptions
         col: number;
         field: string;
     }) => Aggregation | CustomAggregation | (Aggregation | CustomAggregation)[] | null);
+    enableTreeNodeMerge?: boolean;
+    groupBy?: GroupByOption;
+    groupTitleCustomLayout?: ICustomLayout;
+    enableTreeStickCell?: boolean;
 }
+export type GroupByOption = string | string[] | GroupConfig | GroupConfig[];
+export type GroupConfig = {
+    key: string;
+    sort?: SortOrder;
+};
 export interface ListTableAPI extends BaseTableAPI {
     options: ListTableConstructorOptions;
     editorManager: EditManeger;
@@ -335,47 +344,3 @@ export type RowInfo = {
     bottom: number;
     height: number;
 };
-export interface GanttConstructorOptions {
-    container?: HTMLElement;
-    records?: any[];
-    timelineScales: {
-        unit: 'day' | 'week' | 'month' | 'quarter' | 'year';
-        step: number;
-        format: (date: Date) => string;
-        headerStyle?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);
-    }[];
-    infoTableColumns?: ColumnsDefine;
-    infoTableWidth?: 'auto' | number;
-    gridStyle?: {
-        vertical: {
-            lineColor?: string;
-            lineWidth?: number;
-        };
-        horizontal: {
-            lineColor?: string;
-            lineWidth?: number;
-        };
-    };
-    timelineStyle?: {} | {}[];
-    startField: string;
-    endField: string;
-    minDate?: string;
-    maxDate?: string;
-    theme?: TableTheme;
-    barStyle?: IBarStyleOption[];
-    defaultHeaderRowHeight?: number;
-    defaultRowHeight?: number;
-    timelineColWidth?: number;
-    rowSeriesNumber?: IRowSeriesNumber;
-    dragHeader?: boolean;
-    overscrollBehavior?: 'auto' | 'none';
-}
-export type IBarStyleOption = {
-    barColor?: ColorPropertyDefine;
-    barColor2?: ColorPropertyDefine;
-    width?: number;
-    cornerRadius?: number;
-    borderWidth?: number;
-    borderColor?: ColorPropertyDefine;
-    font?: ITextStyleOption;
-};