@visactor/vtable 0.9.1-alpha.4 → 0.9.1

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

@@ -1 +1 @@
-{"version":3,"sources":["ts-types/base-table.ts"],"names":[],"mappings":"","file":"base-table.js","sourcesContent":["import type { ITextSize } from '@visactor/vutils';\nimport type { RectProps, MaybePromiseOrUndefined, ICellHeaderPaths, CellInfo } from './common';\nimport type {\n  AnyListener,\n  TableEventHandlersEventArgumentMap,\n  TableEventHandlersReturnMap,\n  EventListenerId,\n  MousePointerCellEvent\n} from './events';\nimport type { MenuListItem, DropDownMenuEventInfo, DropDownMenuHighlightInfo } from './menu';\nimport type { CellStyle } from './style-define';\nimport type { ColumnIconOption } from './icon';\nimport type { ColumnData, ColumnDefine, ColumnsDefine, HeaderData, IndicatorData } from './list-table/layout-map/api';\nexport type { HeaderData } from './list-table/layout-map/api';\nimport type { TableTheme } from '../themes/theme';\nimport type { ICustomRender } from './customElement';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { Scenegraph } from '../scenegraph/scenegraph';\nimport type { StateManeger } from '../state/state';\nimport type { EventManeger } from '../event/event';\nimport type {\n  CellAddress,\n  CellRange,\n  CellType,\n  ColumnTypeOption,\n  DataSourceAPI,\n  FieldData,\n  FieldDef,\n  FieldFormat,\n  FullExtendStyle,\n  HeaderValues,\n  HierarchyState,\n  IDataConfig,\n  IPagerConf,\n  ITableThemeDefine,\n  SortState,\n  TableKeyboardOptions,\n  WidthModeDef\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 '../menu/dom/MenuHandler';\nimport type { PivotHeaderLayoutMap } from '../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../layout';\nimport type { PivoLayoutMap } from '../layout/pivot-layout';\nimport type { TooltipHandler } from '../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';\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  defaultRowHeight: number;\n  /**表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight: number | number[];\n  defaultColWidth: number;\n  defaultHeaderColWidth: number | number[];\n  // font?: string;\n  // underlayBackgroundColor?: string;\n  keyboardOptions?: TableKeyboardOptions;\n\n  // disableRowHeaderColumnResize?: boolean;\n  // 列宽调整模式（全列调整；全列不可调整；仅表头单元格可调整；仅内容单元格可调整）\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n\n  cachedRecordsRowHeightMap: NumberMap<string | number>; //存储每一条记录对应行的行高，只有当设置为自动换行随内容撑开才会起作用\n  // headerRowHeightsMap: NumberMap<number>; //目前是用来存储了表头各行的高度，从headerRowHeight计算而来，headerRowHeight可以设置为数组的形式\n  _rowHeightsMap: NumberMap<number>; //存储数据条目每行高度\n  _colWidthsMap: NumberMap<string | number>; //存储各列的宽度\n  _colContentWidthsMap: NumberMap<string | number>; //存储各列的内容宽度\n  _colWidthsLimit: {\n    //存储各列的宽度限制\n    [col: number]: {\n      max?: string | number;\n      min?: string | number;\n    };\n  };\n  calcWidthContext: {\n    _: IBaseTableProtected;\n    full: number;\n    // em: number;\n  };\n\n  _rowRangeHeightsMap: Map<string, number>; //存储指定行范围的总高度\n  _colRangeWidthsMap: Map<string, number>; //存储指定列范围的总宽度\n\n  bodyHelper: BodyHelper;\n  headerHelper: HeaderHelper;\n\n  cellTextOverflows: { [at: string]: string };\n  // headerDescriptions: { [at: string]: string };\n  focusedTable: boolean;\n\n  config:\n    | {\n        [name: string]: any;\n      }\n    | undefined;\n  // scroll: {\n  //   left: number;\n  //   top: number;\n  // };\n  disposables?: { dispose: () => void }[] | null;\n  theme: TableTheme;\n  transpose?: boolean; //是否转置\n  autoRowHeight?: boolean; //是否自动撑开高度 对于设置了autoWrapText的multilineText的列生效\n  pixelRatio?: number;\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu: {\n    /** 代替原来的option.menuType */\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: FieldDef, row: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** 提示弹框的相关配置。消失时机：显示后鼠标移动到指定区域外或者进入新的单元格后自动消失*/\n  tooltip: {\n    renderMode: 'html' | 'canvas';\n    /** 代替原来hover:isShowTooltip配置 */\n    isShowOverflowTextTooltip: boolean;\n    /** 弹框是否需要限定在表格区域内 */\n    confine: boolean;\n  };\n\n  dataSourceEventIds?: EventListenerId[];\n  headerEvents?: EventListenerId[];\n  layoutMap: PivotHeaderLayoutMap | SimpleHeaderLayoutMap | PivoLayoutMap;\n  headerValues?: HeaderValues;\n  tooltipHandler: TooltipHandler;\n\n  // headerRowHeight: number[] | number;//移到了BaseTable\n  sortState: SortState | SortState[];\n\n  dataSource: DataSource | CachedDataSource;\n  records?: any[] | null;\n  allowRangePaste: boolean;\n  //重新思考逻辑：如果为false，行高按设置的rowHeight；如果设置为true，则按lineHeight及是否自动换行综合计算行高 2021.11.19 by：lff\n\n  autoWrapText?: boolean;\n\n  menuHandler: MenuHandler;\n\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450\n   */\n  limitMaxAutoWidth?: boolean | number;\n}\nexport interface BaseTableConstructorOptions {\n  // /** 指定表格的行数 */\n  // rowCount?: number;\n\n  // /** 指定表格的列数 */\n  // colCount?: number;\n  /**\n   * 当前需要冻结的列数 基本表格生效\n   */\n  frozenColCount?: number;\n  // /** 待实现 TODO */\n  // frozenRowCount?: number;\n  /** 可冻结列数，表示前多少列会出现冻结操作按钮 基本表格生效 */\n  allowFrozenColCount?: number;\n  /**\n   * 默认行高. 默认 40\n   */\n  defaultRowHeight?: number;\n  /** 列表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight?: number | number[];\n  /**\n   * 默认列宽. 默认 80\n   */\n  defaultColWidth?: number;\n  /** 行表头默认列宽 可以按逐列设置 如果没有就取defaultColWidth */\n  defaultHeaderColWidth?: number | number[];\n  /** 快捷键功能设置 */\n  keyboardOptions?: TableKeyboardOptions;\n  /**\n   * Canvas parent element\n   */\n  parentElement?: HTMLElement | null;\n\n  /**\n   * 调整列宽 可操作范围。'all' | 'none' | 'header' | 'body'; 整列间隔线|禁止调整|只能在表头处间隔线|只能在body间隔线\n   */\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n  /**\n   * 是否显示固定列图钉 基本表格生效\n   */\n  showPin?: 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  };\n  /** 选择单元格交互配置 */\n  select?: {\n    /** 不响应鼠标select交互 */\n    disableSelect?: boolean;\n    /** 单独设置表头不响应鼠标select交互 */\n    disableHeaderSelect?: boolean;\n  };\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu?: {\n    /** 代替原来的option.menuType  html目前实现较完整 先默认html渲染方式*/\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: string, row: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** tooltip相关配置 */\n  tooltip?: {\n    /** html目前实现较完整 先默认html渲染方式 */\n    renderMode?: 'html'; // 目前暂不支持canvas方案\n    /** 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/\n    isShowOverflowTextTooltip?: boolean;\n    /** 是否将 tooltip 框限制在画布区域内，默认开启。针对renderMode:\"html\"有效 */\n    confine?: boolean;\n  };\n  /**\n   * Theme\n   */\n  theme?: ITableThemeDefine;\n  /** 宽度模式 */\n  widthMode?: 'standard' | 'adaptive' | 'autoWidth' | 'standard-aeolus';\n  /** 行高是否根据内容来计算 */\n  autoRowHeight?: boolean;\n  /** 设备的像素比 不配的话默认获取window.devicePixelRatio */\n  pixelRatio?: number;\n  /** 自定义渲染 函数形式*/\n  customRender?: ICustomRender;\n  /**\n   * 传入用户实例化的数据对象 目前不完善\n   */\n  dataSource?: DataSource;\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /** 开启自动换行 默认false */\n  autoWrapText?: boolean;\n  /** 单元格中可显示最大字符数 默认200 */\n  maxCharactersNumber?: number; //\n  /** toolip最大字符数 */\n  maxTooltipCharactersNumber?: number;\n  /** 最大可操作条目数 如copy操作可复制出最大数据条目数 */\n  maxOperatableRecordCount?: number;\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450\n   */\n  limitMaxAutoWidth?: boolean | number;\n}\nexport interface BaseTableAPI {\n  /** 表格的行数 */\n  rowCount: number;\n  /** 表格的列数 */\n  colCount: number;\n  /** 表格除去外层frame后的宽度 */\n  tableNoFrameWidth: number;\n  /** 表格除去外层frame后的高度 */\n  tableNoFrameHeight: number;\n  /** 表格的冻结行数 包括表头在内 */\n  frozenRowCount: number;\n  /** 表格的冻结列数 包括表头在内 */\n  frozenColCount: number;\n  /** 当前表格默认表头行高 */\n  defaultHeaderRowHeight: number | number[];\n  /** 当前表格默认行高 */\n  defaultRowHeight: number;\n  /** 当前表格默认列宽 */\n  defaultColWidth: number;\n  /** 当前表格默认表头列宽 */\n  defaultHeaderColWidth: number | number[];\n  /** 当前表格快捷键设置 */\n  keyboardOptions: TableKeyboardOptions | null;\n  /**\n   * 是否显示图钉\n   */\n  showPin: 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  records: any[] | null;\n  /** 表格数据管理对象 */\n  dataSource: DataSourceAPI;\n  /** 设置的表格主题 */\n  theme: TableTheme;\n  /** 可允许设置冻结的最大列数 */\n  allowFrozenColCount: number;\n\n  /** 存储内部用到的属性 变量等 */\n  internalProps: IBaseTableProtected;\n  /** 分页信息 */\n  pagerConf?: IPagerConf;\n\n  /** 表格偏移像素值 水平方向 */\n  tableX: number;\n  /** 表格偏移像素值 垂直方向 */\n  tableY: number;\n  /** 表格宽度模式 */\n  widthMode: WidthModeDef;\n\n  listen: (<TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    listener: (...event: TableEventHandlersEventArgumentMap[TYPE]) => TableEventHandlersReturnMap[TYPE]\n  ) => EventListenerId) &\n    ((type: string, listener: AnyListener) => EventListenerId);\n\n  /** 场景树对象 */\n  scenegraph: Scenegraph;\n  /** 状态管理模块 */\n  stateManeger?: StateManeger;\n  /** 事件管理模块 */\n  eventManeger?: EventManeger;\n  /** 行表头的层数 */\n  rowHeaderLevelCount: number;\n  /** 列表头的层数 */\n  columnHeaderLevelCount: number;\n  /** 获取表格绘制的范围 不包括frame的宽度 */\n  getDrawRange: () => Rect;\n  /** 将鼠标坐标值 转换成表格坐标系中的坐标位置 */\n  _getMouseAbstractPoint: (\n    evt: TouchEvent | MouseEvent | undefined,\n    isAddScroll?: boolean\n  ) => { x: number; y: number } | null;\n  getElement: () => HTMLElement;\n  getParentElement: () => HTMLElement;\n\n  setFrozenColCount: (count: number) => void;\n  _setFrozenColCount: (count: number) => void;\n  _updateSize: () => void;\n\n  invalidate: () => void;\n  throttleInvalidate: () => void;\n  getRowHeight: (row: number) => number;\n  setRowHeight: (row: number, height: number, clearCache?: boolean) => void;\n  getColWidth: (col: number) => number;\n  setColWidth: (col: number, width: number | string, clearCache?: boolean, skipCheckFrozen?: boolean) => void;\n  _getColContentWidth: (col: number) => number;\n  _setColContentWidth: (col: number, width: number | string, clearCache?: boolean) => void;\n  getMaxColWidth: (col: number) => number;\n  setMaxColWidth: (col: number, maxwidth: string | number) => void;\n  getMinColWidth: (col: number) => number;\n  setMinColWidth: (col: number, minwidth: string | number) => void;\n  getCellRect: (col: number, row: number) => RectProps;\n  getCellRelativeRect: (col: number, row: number) => RectProps;\n  getCellsRect: (startCol: number, startRow: number, endCol: number, endRow: number) => RectProps;\n  getCellRangeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  getCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  getVisibleCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  isFrozenCell: (col: number, row: number) => { row: boolean; col: boolean } | null;\n  getRowAt: (absoluteY: number) => { top: number; row: number; bottom: number };\n  getColAt: (absoluteX: number) => { left: number; col: number; right: number };\n  getCellAt: (absoluteX: number, absoluteY: number) => CellAddress;\n  _makeVisibleCell: (col: number, row: number) => void;\n  // setFocusCursor(col: number, row: number): void;\n  // focusCell(col: number, row: number): void;\n  getCellOverflowText: (col: number, row: number) => string | null;\n  getColsWidth: (startCol: number, endCol: number) => number;\n  getRowsHeight: (startRow: number, endRow: number) => number;\n\n  dispose: () => void;\n  addDisposable: (disposable: { dispose: () => void }) => void;\n  _getCellStyle: (col: number, row: number) => FullExtendStyle;\n\n  getFrozenRowsHeight: () => number;\n  getFrozenColsWidth: () => number;\n  selectCell: (col: number, row: number) => void;\n\n  getAllRowsHeight: () => number;\n  getAllColsWidth: () => number;\n\n  unlisten: (id: EventListenerId) => void;\n  getBodyField: (col: number, row: number) => FieldDef | undefined;\n  getRecordByRowCol: (col: number, row: number) => MaybePromiseOrUndefined;\n  getRecordIndexByRow: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n\n  getHeaderField: (col: number, row: number) => any | undefined;\n  getHeaderFieldKey: (col: number, row: number) => any | undefined;\n\n  _getHeaderCellBySortState: (sortState: SortState) => CellAddress | undefined;\n  getHeaderDefine: (col: number, row: number) => ColumnDefine;\n  _getHeaderLayoutMap: (col: number, row: number) => HeaderData;\n  getContext: () => CanvasRenderingContext2D;\n  getCellRange: (col: number, row: number) => CellRange;\n  _resetFrozenColCount: () => void;\n  isCellRangeEqual: (col: number, row: number, targetCol: number, targetRow: number) => boolean;\n  _getLayoutCellId: (col: number, row: number) => LayoutObjectId;\n  _getBodyLayoutMap: (col: number, row: number) => ColumnData | IndicatorData;\n  getBodyColumnDefine: (col: number, row: number) => ColumnDefine;\n  getBodyColumnType: (col: number, row: number) => ColumnTypeOption;\n  fireListeners: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    ...event: TableEventHandlersEventArgumentMap[TYPE]\n  ) => TableEventHandlersReturnMap[TYPE][];\n\n  //更新分页\n  updatePager: (cof: IPagerConf) => void;\n  //hover\n\n  getHeaderDescription: (col: number, row: number) => string | undefined;\n\n  getCellValue: (col: number, row: number) => string | null;\n  getCellOriginValue: (col: number, row: number) => any;\n  getCellOriginRecord: (col: number, row: number) => MaybePromiseOrUndefined;\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  getCellType: (col: number, row: number) => CellType;\n  // isHitIcon(col: number, row: number, x: number, y: number, iconType: IconFuncTypeEnum): boolean;\n  getCellIcons: (col: number, row: number) => ColumnIconOption[];\n\n  getMenuInfo: (col: number, row: number, type: string) => DropDownMenuEventInfo;\n  /**\n   * 获取某个单元格的样式 共业务方调用\n   * @param col\n   * @param row\n   */\n  getCellStyle: (col: number, row: number) => CellStyle; //  计算后style\n\n  getHierarchyState: (col: number, row: number) => HierarchyState | null;\n\n  hasHierarchyTreeHeader: () => boolean;\n\n  _canDragHeaderPosition: (col: number, row: number) => boolean;\n\n  isHeader: (col: number, row: number) => boolean;\n\n  isColumnHeader: (col: number, row: number) => boolean;\n\n  isCornerHeader: (col: number, row: number) => boolean;\n\n  isRowHeader: (col: number, row: number) => boolean;\n\n  getCopyValue: () => string;\n\n  getSelectedCellInfos: () => CellInfo[][];\n  getCellInfo: (col: number, row: number) => MousePointerCellEvent;\n\n  showTooltip: (col: number, row: number, tooltipOptions?: TooltipOptions) => void;\n\n  measureText: (text: string, font: { fontSize: number; fontFamily: string }) => ITextSize;\n  measureTextBounds: (attributes: IWrapTextGraphicAttribute) => ITextSize;\n\n  _canResizeColumn: (col: number, row: number) => boolean;\n\n  getCustomRender: (col: number, row: number) => ICustomRender;\n  getCustomLayout: (col: number, row: number) => ICustomLayout;\n  isListTable: () => boolean;\n  isPivotTable: (() => boolean) & (() => boolean);\n\n  _clearColRangeWidthsMap: (col?: number) => void;\n\n  //#endregion  tableAPI\n}\nexport interface ListTableProtected extends IBaseTableProtected {\n  columns: ColumnsDefine;\n  layoutMap: SimpleHeaderLayoutMap;\n}\n\nexport interface PivotTableProtected extends IBaseTableProtected {\n  layoutMap: PivotHeaderLayoutMap | PivoLayoutMap;\n  dataConfig?: IDataConfig;\n  /**\n   * 透视表 传入数据是透视后的嵌套层级结构 还是需要进行汇总计算的平坦数据\n   */\n  enableDataAnalysis?: boolean;\n}\n"]}
+{"version":3,"sources":["ts-types/base-table.ts"],"names":[],"mappings":"","file":"base-table.js","sourcesContent":["import type { ITextSize } from '@visactor/vutils';\nimport type { RectProps, MaybePromiseOrUndefined, ICellHeaderPaths, CellInfo } from './common';\nimport type {\n  AnyListener,\n  TableEventHandlersEventArgumentMap,\n  TableEventHandlersReturnMap,\n  EventListenerId,\n  MousePointerCellEvent\n} from './events';\nimport type { MenuListItem, DropDownMenuEventInfo, DropDownMenuHighlightInfo } from './menu';\nimport type { CellStyle } from './style-define';\nimport type { ColumnIconOption } from './icon';\nimport type { ColumnData, ColumnDefine, ColumnsDefine, HeaderData, IndicatorData } from './list-table/layout-map/api';\nexport type { HeaderData } from './list-table/layout-map/api';\nimport type { TableTheme } from '../themes/theme';\nimport type { ICustomRender } from './customElement';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { Scenegraph } from '../scenegraph/scenegraph';\nimport type { StateManeger } from '../state/state';\nimport type { EventManeger } from '../event/event';\nimport type {\n  CellAddress,\n  CellRange,\n  CellType,\n  ColumnTypeOption,\n  DataSourceAPI,\n  FieldData,\n  FieldDef,\n  FieldFormat,\n  FullExtendStyle,\n  HeaderValues,\n  HierarchyState,\n  IDataConfig,\n  IPagerConf,\n  ITableThemeDefine,\n  SortState,\n  TableKeyboardOptions,\n  WidthModeDef\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 '../menu/dom/MenuHandler';\nimport type { PivotHeaderLayoutMap } from '../layout/pivot-header-layout';\nimport type { SimpleHeaderLayoutMap } from '../layout';\nimport type { PivoLayoutMap } from '../layout/pivot-layout';\nimport type { TooltipHandler } from '../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';\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  defaultRowHeight: number;\n  /**表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight: number | number[];\n  defaultColWidth: number;\n  defaultHeaderColWidth: number | number[];\n  // font?: string;\n  // underlayBackgroundColor?: string;\n  keyboardOptions?: TableKeyboardOptions;\n\n  // disableRowHeaderColumnResize?: boolean;\n  // 列宽调整模式（全列调整；全列不可调整；仅表头单元格可调整；仅内容单元格可调整）\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n\n  cachedRecordsRowHeightMap: NumberMap<string | number>; //存储每一条记录对应行的行高，只有当设置为自动换行随内容撑开才会起作用\n  // headerRowHeightsMap: NumberMap<number>; //目前是用来存储了表头各行的高度，从headerRowHeight计算而来，headerRowHeight可以设置为数组的形式\n  _rowHeightsMap: NumberMap<number>; //存储数据条目每行高度\n  _colWidthsMap: NumberMap<string | number>; //存储各列的宽度\n  _colContentWidthsMap: NumberMap<string | number>; //存储各列的内容宽度\n  _colWidthsLimit: {\n    //存储各列的宽度限制\n    [col: number]: {\n      max?: string | number;\n      min?: string | number;\n    };\n  };\n  calcWidthContext: {\n    _: IBaseTableProtected;\n    full: number;\n    // em: number;\n  };\n\n  _rowRangeHeightsMap: Map<string, number>; //存储指定行范围的总高度\n  _colRangeWidthsMap: Map<string, number>; //存储指定列范围的总宽度\n\n  bodyHelper: BodyHelper;\n  headerHelper: HeaderHelper;\n\n  cellTextOverflows: { [at: string]: string };\n  // headerDescriptions: { [at: string]: string };\n  focusedTable: boolean;\n\n  config:\n    | {\n        [name: string]: any;\n      }\n    | undefined;\n  // scroll: {\n  //   left: number;\n  //   top: number;\n  // };\n  disposables?: { dispose: () => void }[] | null;\n  theme: TableTheme;\n  transpose?: boolean; //是否转置\n  autoRowHeight?: boolean; //是否自动撑开高度 对于设置了autoWrapText的multilineText的列生效\n  pixelRatio?: number;\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu: {\n    /** 代替原来的option.menuType */\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: FieldDef, row: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** 提示弹框的相关配置。消失时机：显示后鼠标移动到指定区域外或者进入新的单元格后自动消失*/\n  tooltip: {\n    renderMode: 'html' | 'canvas';\n    /** 代替原来hover:isShowTooltip配置 */\n    isShowOverflowTextTooltip: boolean;\n    /** 弹框是否需要限定在表格区域内 */\n    confine: boolean;\n  };\n\n  dataSourceEventIds?: EventListenerId[];\n  headerEvents?: EventListenerId[];\n  layoutMap: PivotHeaderLayoutMap | SimpleHeaderLayoutMap | PivoLayoutMap;\n  headerValues?: HeaderValues;\n  tooltipHandler: TooltipHandler;\n\n  // headerRowHeight: number[] | number;//移到了BaseTable\n  sortState: SortState | SortState[];\n\n  dataSource: DataSource | CachedDataSource;\n  records?: any[] | null;\n  allowRangePaste: boolean;\n  //重新思考逻辑：如果为false，行高按设置的rowHeight；如果设置为true，则按lineHeight及是否自动换行综合计算行高 2021.11.19 by：lff\n\n  autoWrapText?: boolean;\n\n  menuHandler: MenuHandler;\n\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450\n   */\n  limitMaxAutoWidth?: boolean | number;\n}\nexport interface BaseTableConstructorOptions {\n  // /** 指定表格的行数 */\n  // rowCount?: number;\n\n  // /** 指定表格的列数 */\n  // colCount?: number;\n  /**\n   * 当前需要冻结的列数 基本表格生效\n   */\n  frozenColCount?: number;\n  // /** 待实现 TODO */\n  // frozenRowCount?: number;\n  /** 可冻结列数，表示前多少列会出现冻结操作按钮 基本表格生效 */\n  allowFrozenColCount?: number;\n  /**\n   * 默认行高. 默认 40\n   */\n  defaultRowHeight?: number;\n  /** 列表头默认行高 可以按逐行设置 如果没有就取defaultRowHeight */\n  defaultHeaderRowHeight?: number | number[];\n  /**\n   * 默认列宽. 默认 80\n   */\n  defaultColWidth?: number;\n  /** 行表头默认列宽 可以按逐列设置 如果没有就取defaultColWidth */\n  defaultHeaderColWidth?: number | number[];\n  /** 快捷键功能设置 */\n  keyboardOptions?: TableKeyboardOptions;\n  /**\n   * Canvas parent element\n   */\n  parentElement?: HTMLElement | null;\n\n  /**\n   * 调整列宽 可操作范围。'all' | 'none' | 'header' | 'body'; 整列间隔线|禁止调整|只能在表头处间隔线|只能在body间隔线\n   */\n  columnResizeMode?: 'all' | 'none' | 'header' | 'body';\n  /** 控制拖拽表头移动位置顺序开关 */\n  dragHeaderMode?: 'all' | 'none' | 'column' | 'row';\n  /**\n   * 是否显示固定列图钉 基本表格生效\n   */\n  showFrozenIcon?: boolean;\n\n  padding?:\n    | {\n        top?: number;\n        bottom?: number;\n        left?: number;\n        right?: number;\n      }\n    | number;\n  /** hover交互配置 */\n  hover?: {\n    /** hover交互响应模式：十字交叉 整列 整行 或者单个单元格 */\n    highlightMode: 'cross' | 'column' | 'row' | 'cell';\n    /** 不响应鼠标hover交互 */\n    disableHover?: boolean;\n    /** 单独设置表头不响应鼠标hover交互 */\n    disableHeaderHover?: boolean;\n  };\n  /** 选择单元格交互配置 */\n  select?: {\n    /** 不响应鼠标select交互 */\n    disableSelect?: boolean;\n    /** 单独设置表头不响应鼠标select交互 */\n    disableHeaderSelect?: boolean;\n  };\n  /** 下拉菜单的相关配置。消失时机：显示后点击菜单区域外自动消失*/\n  menu?: {\n    /** 代替原来的option.menuType  html目前实现较完整 先默认html渲染方式*/\n    renderMode?: 'canvas' | 'html';\n    /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n    defaultHeaderMenuItems?: MenuListItem[];\n    /** 右键菜单。代替原来的option.contextmenu */\n    contextMenuItems?: MenuListItem[] | ((field: string, row: number) => MenuListItem[]);\n    /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n    dropDownMenuHighlight?: DropDownMenuHighlightInfo[];\n  };\n  /** tooltip相关配置 */\n  tooltip?: {\n    /** html目前实现较完整 先默认html渲染方式 */\n    renderMode?: 'html'; // 目前暂不支持canvas方案\n    /** 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/\n    isShowOverflowTextTooltip?: boolean;\n    /** 是否将 tooltip 框限制在画布区域内，默认开启。针对renderMode:\"html\"有效 */\n    confine?: boolean;\n  };\n  /**\n   * Theme\n   */\n  theme?: ITableThemeDefine;\n  /** 宽度模式 */\n  widthMode?: 'standard' | 'adaptive' | 'autoWidth' | 'standard-aeolus';\n  /** 行高是否根据内容来计算 */\n  autoRowHeight?: boolean;\n  /** 设备的像素比 不配的话默认获取window.devicePixelRatio */\n  pixelRatio?: number;\n  /** 自定义渲染 函数形式*/\n  customRender?: ICustomRender;\n  /**\n   * 传入用户实例化的数据对象 目前不完善\n   */\n  dataSource?: DataSource;\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /** 开启自动换行 默认false */\n  autoWrapText?: boolean;\n  /** 单元格中可显示最大字符数 默认200 */\n  maxCharactersNumber?: number; //\n  /** toolip最大字符数 */\n  maxTooltipCharactersNumber?: number;\n  /** 最大可操作条目数 如copy操作可复制出最大数据条目数 */\n  maxOperatableRecordCount?: number;\n  /**\n   * 计算列宽时 指定最大列宽 可设置boolean或者具体的值 默认为450\n   */\n  limitMaxAutoWidth?: boolean | number;\n\n  // maximum number of data items maintained in table instance\n  maintainedDataCount?: number;\n}\nexport interface BaseTableAPI {\n  /** 表格的行数 */\n  rowCount: number;\n  /** 表格的列数 */\n  colCount: number;\n  /** 表格除去外层frame后的宽度 */\n  tableNoFrameWidth: number;\n  /** 表格除去外层frame后的高度 */\n  tableNoFrameHeight: number;\n  /** 表格的冻结行数 包括表头在内 */\n  frozenRowCount: number;\n  /** 表格的冻结列数 包括表头在内 */\n  frozenColCount: number;\n  /** 当前表格默认表头行高 */\n  defaultHeaderRowHeight: number | number[];\n  /** 当前表格默认行高 */\n  defaultRowHeight: number;\n  /** 当前表格默认列宽 */\n  defaultColWidth: number;\n  /** 当前表格默认表头列宽 */\n  defaultHeaderColWidth: number | number[];\n  /** 当前表格快捷键设置 */\n  keyboardOptions: TableKeyboardOptions | null;\n  /**\n   * 是否显示图钉\n   */\n  showFrozenIcon: boolean;\n  readonly canvas: HTMLCanvasElement;\n  /** 表格可视区域的行数 */\n  readonly visibleRowCount: number;\n  /** 表格可视区域的列数 */\n  readonly visibleColCount: number;\n  /** 表格滚动值left */\n  scrollLeft: number;\n  /** 表格滚动值top */\n  scrollTop: number;\n  /** 用户设置的options 不要修改这个这个 */\n  options: BaseTableConstructorOptions;\n  /** 设置的全局下拉菜单列表项配置 */\n  globalDropDownMenu?: MenuListItem[];\n  /** 设置的全局自定义渲染函数 */\n  customRender?: ICustomRender;\n  /** 表格数据 */\n  records: any[] | null;\n  /** 表格数据管理对象 */\n  dataSource: DataSourceAPI;\n  /** 设置的表格主题 */\n  theme: TableTheme;\n  /** 可允许设置冻结的最大列数 */\n  allowFrozenColCount: number;\n\n  /** 存储内部用到的属性 变量等 */\n  internalProps: IBaseTableProtected;\n  /** 分页信息 */\n  pagerConf?: IPagerConf;\n\n  /** 表格偏移像素值 水平方向 */\n  tableX: number;\n  /** 表格偏移像素值 垂直方向 */\n  tableY: number;\n  /** 表格宽度模式 */\n  widthMode: WidthModeDef;\n\n  listen: (<TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    listener: (...event: TableEventHandlersEventArgumentMap[TYPE]) => TableEventHandlersReturnMap[TYPE]\n  ) => EventListenerId) &\n    ((type: string, listener: AnyListener) => EventListenerId);\n\n  /** 场景树对象 */\n  scenegraph: Scenegraph;\n  /** 状态管理模块 */\n  stateManeger?: StateManeger;\n  /** 事件管理模块 */\n  eventManeger?: EventManeger;\n  /** 行表头的层数 */\n  rowHeaderLevelCount: number;\n  /** 列表头的层数 */\n  columnHeaderLevelCount: number;\n  /** 获取表格绘制的范围 不包括frame的宽度 */\n  getDrawRange: () => Rect;\n  /** 将鼠标坐标值 转换成表格坐标系中的坐标位置 */\n  _getMouseAbstractPoint: (\n    evt: TouchEvent | MouseEvent | undefined,\n    isAddScroll?: boolean\n  ) => { x: number; y: number } | null;\n  getElement: () => HTMLElement;\n  getParentElement: () => HTMLElement;\n\n  setFrozenColCount: (count: number) => void;\n  _setFrozenColCount: (count: number) => void;\n  _updateSize: () => void;\n\n  invalidate: () => void;\n  throttleInvalidate: () => void;\n  getRowHeight: (row: number) => number;\n  setRowHeight: (row: number, height: number, clearCache?: boolean) => void;\n  getColWidth: (col: number) => number;\n  setColWidth: (col: number, width: number | string, clearCache?: boolean, skipCheckFrozen?: boolean) => void;\n  _getColContentWidth: (col: number) => number;\n  _setColContentWidth: (col: number, width: number | string, clearCache?: boolean) => void;\n  getMaxColWidth: (col: number) => number;\n  setMaxColWidth: (col: number, maxwidth: string | number) => void;\n  getMinColWidth: (col: number) => number;\n  setMinColWidth: (col: number, minwidth: string | number) => void;\n  getCellRect: (col: number, row: number) => RectProps;\n  getCellRelativeRect: (col: number, row: number) => RectProps;\n  getCellsRect: (startCol: number, startRow: number, endCol: number, endRow: number) => RectProps;\n  getCellRangeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  getCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  getVisibleCellRangeRelativeRect: (cellRange: CellRange | CellAddress) => RectProps;\n  isFrozenCell: (col: number, row: number) => { row: boolean; col: boolean } | null;\n  getRowAt: (absoluteY: number) => { top: number; row: number; bottom: number };\n  getColAt: (absoluteX: number) => { left: number; col: number; right: number };\n  getCellAt: (absoluteX: number, absoluteY: number) => CellAddress;\n  _makeVisibleCell: (col: number, row: number) => void;\n  // setFocusCursor(col: number, row: number): void;\n  // focusCell(col: number, row: number): void;\n  getCellOverflowText: (col: number, row: number) => string | null;\n  getColsWidth: (startCol: number, endCol: number) => number;\n  getRowsHeight: (startRow: number, endRow: number) => number;\n\n  dispose: () => void;\n  addDisposable: (disposable: { dispose: () => void }) => void;\n  _getCellStyle: (col: number, row: number) => FullExtendStyle;\n  clearCellStyleCache: () => void;\n\n  getFrozenRowsHeight: () => number;\n  getFrozenColsWidth: () => number;\n  selectCell: (col: number, row: number) => void;\n\n  getAllRowsHeight: () => number;\n  getAllColsWidth: () => number;\n\n  unlisten: (id: EventListenerId) => void;\n  getBodyField: (col: number, row: number) => FieldDef | undefined;\n  getRecordByRowCol: (col: number, row: number) => MaybePromiseOrUndefined;\n  getRecordIndexByRow: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n\n  getHeaderField: (col: number, row: number) => any | undefined;\n  getHeaderFieldKey: (col: number, row: number) => any | undefined;\n\n  _getHeaderCellBySortState: (sortState: SortState) => CellAddress | undefined;\n  getHeaderDefine: (col: number, row: number) => ColumnDefine;\n  _getHeaderLayoutMap: (col: number, row: number) => HeaderData;\n  getContext: () => CanvasRenderingContext2D;\n  getCellRange: (col: number, row: number) => CellRange;\n  _resetFrozenColCount: () => void;\n  isCellRangeEqual: (col: number, row: number, targetCol: number, targetRow: number) => boolean;\n  _getLayoutCellId: (col: number, row: number) => LayoutObjectId;\n  _getBodyLayoutMap: (col: number, row: number) => ColumnData | IndicatorData;\n  getBodyColumnDefine: (col: number, row: number) => ColumnDefine;\n  getBodyColumnType: (col: number, row: number) => ColumnTypeOption;\n  fireListeners: <TYPE extends keyof TableEventHandlersEventArgumentMap>(\n    type: TYPE,\n    ...event: TableEventHandlersEventArgumentMap[TYPE]\n  ) => TableEventHandlersReturnMap[TYPE][];\n\n  //更新分页\n  updatePager: (cof: IPagerConf) => void;\n  //hover\n\n  getHeaderDescription: (col: number, row: number) => string | undefined;\n\n  getCellValue: (col: number, row: number) => string | null;\n  getCellOriginValue: (col: number, row: number) => any;\n  getCellOriginRecord: (col: number, row: number) => MaybePromiseOrUndefined;\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  getCellType: (col: number, row: number) => CellType;\n  // isHitIcon(col: number, row: number, x: number, y: number, iconType: IconFuncTypeEnum): boolean;\n  getCellIcons: (col: number, row: number) => ColumnIconOption[];\n\n  getMenuInfo: (col: number, row: number, type: string) => DropDownMenuEventInfo;\n  /**\n   * 获取某个单元格的样式 共业务方调用\n   * @param col\n   * @param row\n   */\n  getCellStyle: (col: number, row: number) => CellStyle; //  计算后style\n\n  getHierarchyState: (col: number, row: number) => HierarchyState | null;\n\n  hasHierarchyTreeHeader: () => boolean;\n\n  _canDragHeaderPosition: (col: number, row: number) => boolean;\n\n  isHeader: (col: number, row: number) => boolean;\n\n  isColumnHeader: (col: number, row: number) => boolean;\n\n  isCornerHeader: (col: number, row: number) => boolean;\n\n  isRowHeader: (col: number, row: number) => boolean;\n\n  getCopyValue: () => string;\n\n  getSelectedCellInfos: () => CellInfo[][];\n  getCellInfo: (col: number, row: number) => MousePointerCellEvent;\n\n  showTooltip: (col: number, row: number, tooltipOptions?: TooltipOptions) => void;\n\n  measureText: (text: string, font: { fontSize: number; fontFamily: string }) => ITextSize;\n  measureTextBounds: (attributes: IWrapTextGraphicAttribute) => ITextSize;\n\n  _canResizeColumn: (col: number, row: number) => boolean;\n\n  getCustomRender: (col: number, row: number) => ICustomRender;\n  getCustomLayout: (col: number, row: number) => ICustomLayout;\n  isListTable: () => boolean;\n  isPivotTable: (() => boolean) & (() => boolean);\n\n  _clearColRangeWidthsMap: (col?: number) => void;\n  _clearRowRangeHeightsMap: (row?: number) => void;\n\n  toggleHierarchyState: (col: number, row: number) => void;\n\n  resize: () => void;\n\n  getMergeCellRect: (col: number, row: number) => Rect;\n  //#endregion  tableAPI\n}\nexport interface ListTableProtected extends IBaseTableProtected {\n  columns: ColumnsDefine;\n  layoutMap: SimpleHeaderLayoutMap;\n}\n\nexport interface PivotTableProtected extends IBaseTableProtected {\n  layoutMap: PivotHeaderLayoutMap | PivoLayoutMap;\n  dataConfig?: IDataConfig;\n  /**\n   * 透视表 传入数据是透视后的嵌套层级结构 还是需要进行汇总计算的平坦数据\n   */\n  enableDataAnalysis?: boolean;\n}\n"]}

package/cjs/ts-types/common.js

@@ -11,4 +11,4 @@ function(HighlightScope) {
     HighlightScope.single = "single", HighlightScope.column = "column", HighlightScope.row = "row", 
     HighlightScope.cross = "cross", HighlightScope.none = "none";
 }(HighlightScope = exports.HighlightScope || (exports.HighlightScope = {}));
-//# sourceMappingURL=common.js.map
+//# sourceMappingURL=common.js.map

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

@@ -44,9 +44,18 @@ export interface TextElement extends baseElement {
         fill?: string;
         expandY?: number;
         expandX?: number;
-        borderRadius?: number;
+        cornerRadius?: number;
     };
 }
+export interface LineElement extends Omit<baseElement, 'x' | 'y'> {
+    type: 'line';
+    stroke?: string | ((value: string) => string);
+    points: {
+        x: number;
+        y: number;
+    }[];
+    lineWidth?: number;
+}
 export interface RectElement extends baseElement {
     type: 'rect';
     width: number | string | ((value: string) => number | string);
@@ -98,7 +107,7 @@ export interface ImageElement extends baseElement {
     };
     shape?: 'circle' | 'square';
 }
-export type ICustomRenderElement = TextElement | RectElement | CircleElement | IconElement | ImageElement | ArcElement;
+export type ICustomRenderElement = TextElement | RectElement | CircleElement | IconElement | ImageElement | ArcElement | LineElement;
 export type ICustomRenderElements = Array<ICustomRenderElement>;
 export type ICustomRenderFuc = (args: CustomRenderFunctionArg) => ICustomRenderObj;
 export type ICustomRenderObj = {

package/cjs/ts-types/customElement.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=customElement.js.map
+//# sourceMappingURL=customElement.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ts-types/customElement.ts"],"names":[],"mappings":"","file":"customElement.js","sourcesContent":["import type { TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport type { FieldData } from './table-engine';\nimport type { RectProps } from './common';\nimport type { BaseTableAPI } from './base-table';\nexport interface CustomRenderFunctionArg {\n  row: number;\n  col: number;\n  table: BaseTableAPI;\n  /**format之后的值 */\n  value: FieldData;\n  /**原始值 */\n  dataValue: FieldData;\n  rect?: RectProps;\n}\ninterface baseElement {\n  elementKey?: string;\n  x: number | string | ((value: string) => number | string);\n  y: number | string | ((value: string) => number | string);\n  dx?: number;\n  dy?: number;\n  clickable?: boolean;\n  cursor?: string;\n}\nexport interface TextElement extends baseElement {\n  type: 'text';\n  text: string | ((value: string) => string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n  fontSize?: number | ((value: string) => number);\n  fontFamily?: string | ((value: string) => string);\n  fontWeight?: string | number | ((value: string) => string | number);\n  fontVariant?: string;\n  fontStyle?: string;\n  ellipsis?: boolean | string;\n  maxLineWidth?: number;\n  textAlign?: TextAlignType;\n  textBaseline?: TextBaselineType;\n  lineHeight?: number;\n  underline?: number;\n  lineThrough?: number;\n  heightLimit?: number;\n  lineClamp?: number;\n  width?: number;\n  height?: number;\n  background?: {\n    fill?: string;\n    expandY?: number;\n    expandX?: number;\n    borderRadius?: number;\n  };\n}\n\nexport interface RectElement extends baseElement {\n  type: 'rect';\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n  radius?: number | string | ((value: string) => number | string);\n}\n\nexport interface CircleElement extends baseElement {\n  type: 'circle';\n  radius: number | string | ((value: string) => number | string);\n  // radian?: number | string | ((value: string) => number | string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n}\nexport interface ArcElement extends baseElement {\n  type: 'arc';\n  radius: number | string | ((value: string) => number | string);\n  startAngle?: number | ((value: string) => number);\n  endAngle?: number | ((value: string) => number);\n  // clockWise?: boolean;\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n}\nexport interface IconElement extends baseElement {\n  type: 'icon';\n  svg: string | ((value: string) => string);\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  hover?: {\n    x: number | string;\n    y: number | string;\n    width: number | string | ((value: string) => number | string);\n    height: number | string | ((value: string) => number | string);\n    bgColor: string;\n    radius?: number;\n  };\n}\nexport interface ImageElement extends baseElement {\n  type: 'image';\n  src: string | ((value: string) => string);\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  hover?: {\n    x: number | string;\n    y: number | string;\n    width: number | string | ((value: string) => number | string);\n    height: number | string | ((value: string) => number | string);\n    bgColor: string;\n    radius?: number;\n  };\n  shape?: 'circle' | 'square';\n}\nexport type ICustomRenderElement = TextElement | RectElement | CircleElement | IconElement | ImageElement | ArcElement;\nexport type ICustomRenderElements = Array<ICustomRenderElement>;\n\nexport type ICustomRenderFuc = (args: CustomRenderFunctionArg) => ICustomRenderObj;\n\nexport type ICustomRenderObj = {\n  /** 配置出来的类型集合 */\n  elements: ICustomRenderElements;\n  /** 期望单元格的高度 */\n  expectedHeight: number;\n  /** 期望单元格的宽度 */\n  expectedWidth: number;\n  /**\n   * 是否还需要默认渲染内容 只有配置true才绘制 默认 不绘制\n   */\n  renderDefault?: boolean;\n};\n\nexport type ICustomRender = ICustomRenderFuc | ICustomRenderObj;\n"]}
+{"version":3,"sources":["ts-types/customElement.ts"],"names":[],"mappings":"","file":"customElement.js","sourcesContent":["import type { TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport type { FieldData } from './table-engine';\nimport type { RectProps } from './common';\nimport type { BaseTableAPI } from './base-table';\nexport interface CustomRenderFunctionArg {\n  row: number;\n  col: number;\n  table: BaseTableAPI;\n  /**format之后的值 */\n  value: FieldData;\n  /**原始值 */\n  dataValue: FieldData;\n  rect?: RectProps;\n}\ninterface baseElement {\n  elementKey?: string;\n  x: number | string | ((value: string) => number | string);\n  y: number | string | ((value: string) => number | string);\n  dx?: number;\n  dy?: number;\n  clickable?: boolean;\n  cursor?: string;\n}\nexport interface TextElement extends baseElement {\n  type: 'text';\n  text: string | ((value: string) => string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n  fontSize?: number | ((value: string) => number);\n  fontFamily?: string | ((value: string) => string);\n  fontWeight?: string | number | ((value: string) => string | number);\n  fontVariant?: string;\n  fontStyle?: string;\n  ellipsis?: boolean | string;\n  maxLineWidth?: number;\n  textAlign?: TextAlignType;\n  textBaseline?: TextBaselineType;\n  lineHeight?: number;\n  underline?: number;\n  lineThrough?: number;\n  heightLimit?: number;\n  lineClamp?: number;\n  width?: number;\n  height?: number;\n  background?: {\n    fill?: string;\n    expandY?: number;\n    expandX?: number;\n    cornerRadius?: number;\n  };\n}\nexport interface LineElement extends Omit<baseElement, 'x' | 'y'> {\n  type: 'line';\n  stroke?: string | ((value: string) => string);\n  points: { x: number; y: number }[];\n  lineWidth?: number;\n}\n\nexport interface RectElement extends baseElement {\n  type: 'rect';\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n  radius?: number | string | ((value: string) => number | string);\n}\n\nexport interface CircleElement extends baseElement {\n  type: 'circle';\n  radius: number | string | ((value: string) => number | string);\n  // radian?: number | string | ((value: string) => number | string);\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n}\nexport interface ArcElement extends baseElement {\n  type: 'arc';\n  radius: number | string | ((value: string) => number | string);\n  startAngle?: number | ((value: string) => number);\n  endAngle?: number | ((value: string) => number);\n  // clockWise?: boolean;\n  stroke?: string | ((value: string) => string);\n  fill?: string | ((value: string) => string);\n}\nexport interface IconElement extends baseElement {\n  type: 'icon';\n  svg: string | ((value: string) => string);\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  hover?: {\n    x: number | string;\n    y: number | string;\n    width: number | string | ((value: string) => number | string);\n    height: number | string | ((value: string) => number | string);\n    bgColor: string;\n    radius?: number;\n  };\n}\nexport interface ImageElement extends baseElement {\n  type: 'image';\n  src: string | ((value: string) => string);\n  width: number | string | ((value: string) => number | string);\n  height: number | string | ((value: string) => number | string);\n  hover?: {\n    x: number | string;\n    y: number | string;\n    width: number | string | ((value: string) => number | string);\n    height: number | string | ((value: string) => number | string);\n    bgColor: string;\n    radius?: number;\n  };\n  shape?: 'circle' | 'square';\n}\nexport type ICustomRenderElement =\n  | TextElement\n  | RectElement\n  | CircleElement\n  | IconElement\n  | ImageElement\n  | ArcElement\n  | LineElement;\nexport type ICustomRenderElements = Array<ICustomRenderElement>;\n\nexport type ICustomRenderFuc = (args: CustomRenderFunctionArg) => ICustomRenderObj;\n\nexport type ICustomRenderObj = {\n  /** 配置出来的类型集合 */\n  elements: ICustomRenderElements;\n  /** 期望单元格的高度 */\n  expectedHeight: number;\n  /** 期望单元格的宽度 */\n  expectedWidth: number;\n  /**\n   * 是否还需要默认渲染内容 只有配置true才绘制 默认 不绘制\n   */\n  renderDefault?: boolean;\n};\n\nexport type ICustomRender = ICustomRenderFuc | ICustomRenderObj;\n"]}

package/cjs/ts-types/customLayout.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=customLayout.js.map
+//# sourceMappingURL=customLayout.js.map

package/cjs/ts-types/events.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=events.js.map
+//# sourceMappingURL=events.js.map

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

@@ -60,7 +60,7 @@ export declare enum IconPosition {
     absolute = "absolute"
 }
 export declare enum IconFuncTypeEnum {
-    pin = "pin",
+    frozen = "frozen",
     sort = "sort",
     dropDown = "dropDown",
     dropDownState = "dropDownState",
@@ -75,10 +75,9 @@ export declare enum InternalIconName {
     upwardIconName = "sort_upward",
     downwardIconName = "sort_downward",
     normalIconName = "sort_normal",
-    pinIconName = "pin",
-    pinedIconName = "pined",
-    pinedHoverIconName = "pined_hover",
-    pinedCurrentIconName = "pinedCurrent",
+    freezeIconName = "freeze",
+    frozenIconName = "frozen",
+    frozenCurrentIconName = "frozenCurrent",
     dropdownIconName = "dropdownIcon",
     expandIconName = "expand",
     collapseIconName = "collapse"

package/cjs/ts-types/icon.js

@@ -11,16 +11,16 @@ function(IconPosition) {
     IconPosition.contentLeft = "contentLeft", IconPosition.contentRight = "contentRight", 
     IconPosition.absolute = "absolute";
 }(IconPosition = exports.IconPosition || (exports.IconPosition = {})), function(IconFuncTypeEnum) {
-    IconFuncTypeEnum.pin = "pin", IconFuncTypeEnum.sort = "sort", IconFuncTypeEnum.dropDown = "dropDown", 
+    IconFuncTypeEnum.frozen = "frozen", IconFuncTypeEnum.sort = "sort", IconFuncTypeEnum.dropDown = "dropDown", 
     IconFuncTypeEnum.dropDownState = "dropDownState", IconFuncTypeEnum.play = "play", 
     IconFuncTypeEnum.damagePic = "damagePic", IconFuncTypeEnum.expand = "expand", IconFuncTypeEnum.collapse = "collapse", 
     IconFuncTypeEnum.drillDown = "drillDown", IconFuncTypeEnum.drillUp = "drillUp";
 }(IconFuncTypeEnum = exports.IconFuncTypeEnum || (exports.IconFuncTypeEnum = {})), 
 function(InternalIconName) {
     InternalIconName.upwardIconName = "sort_upward", InternalIconName.downwardIconName = "sort_downward", 
-    InternalIconName.normalIconName = "sort_normal", InternalIconName.pinIconName = "pin", 
-    InternalIconName.pinedIconName = "pined", InternalIconName.pinedHoverIconName = "pined_hover", 
-    InternalIconName.pinedCurrentIconName = "pinedCurrent", InternalIconName.dropdownIconName = "dropdownIcon", 
-    InternalIconName.expandIconName = "expand", InternalIconName.collapseIconName = "collapse";
+    InternalIconName.normalIconName = "sort_normal", InternalIconName.freezeIconName = "freeze", 
+    InternalIconName.frozenIconName = "frozen", InternalIconName.frozenCurrentIconName = "frozenCurrent", 
+    InternalIconName.dropdownIconName = "dropdownIcon", InternalIconName.expandIconName = "expand", 
+    InternalIconName.collapseIconName = "collapse";
 }(InternalIconName = exports.InternalIconName || (exports.InternalIconName = {}));
-//# sourceMappingURL=icon.js.map
+//# sourceMappingURL=icon.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ts-types/icon.ts"],"names":[],"mappings":";;;AA6GA,IAAY,YAsBX;AAtBD,WAAY,YAAY;IAEtB,2CAA2B,CAAA;IAE3B,uCAAuB,CAAA;IAEvB,6BAAa,CAAA;IAEb,+BAAe,CAAA;IAEf,+CAA+B,CAAA;IAM/B,2CAA2B,CAAA;IAE3B,6CAA6B,CAAA;IAG7B,qCAAqB,CAAA;AACvB,CAAC,EAtBW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAsBvB;AAMD,IAAY,gBAWX;AAXD,WAAY,gBAAgB;IAC1B,+BAAW,CAAA;IACX,iCAAa,CAAA;IACb,yCAAqB,CAAA;IACrB,mDAA+B,CAAA;IAC/B,iCAAa,CAAA;IACb,2CAAuB,CAAA;IACvB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;IACrB,2CAAuB,CAAA;IACvB,uCAAmB,CAAA;AACrB,CAAC,EAXW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAW3B;AACD,IAAY,gBAaX;AAbD,WAAY,gBAAgB;IAC1B,kDAA8B,CAAA;IAC9B,sDAAkC,CAAA;IAClC,kDAA8B,CAAA;IAE9B,uCAAmB,CAAA;IACnB,2CAAuB,CAAA;IACvB,sDAAkC,CAAA;IAClC,yDAAqC,CAAA;IACrC,qDAAiC,CAAA;IAEjC,6CAAyB,CAAA;IACzB,iDAA6B,CAAA;AAC/B,CAAC,EAbW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAa3B","file":"icon.js","sourcesContent":["// ****** Icon配置信息，header ，以及列Icon *******9\n\nimport type { Placement } from './table-engine';\n\nexport interface IIconBase {\n  /**\n   * icon 是何种内容类型，如svg font。可用来约束不同类型的属性定义\n   */\n  type: 'font' | 'svg' | 'path' | 'image';\n  /** icon的高度 */\n  width?: number;\n  /** icon的高度 */\n  height?: number; // 如果是font图标 不设的话默认是字体高度\n  /**\n   * IconPosition枚举类型\n   */\n  positionType: IconPosition;\n  /**\n   * 和右侧元素间隔距离, 或者与单元格边界的间隔距离\n   */\n  marginRight?: number;\n  /**\n   * 和左侧元素间隔距离, 或者与单元格边界的间隔距离\n   */\n  marginLeft?: number;\n  /**\n   * icon名称，会作为内部缓存的key\n   */\n  name: string;\n  /**\n   * 重置VTable内部icon 指定icon的功能类型\n   * 具有切换状态的功能性的图标请务必配置上, 如排序功能funcType配置sort，name配置sort_normal或ort_downward,或sort_upward\n   */\n  funcType?: IconFuncTypeEnum | string;\n  /**\n   * 响应hover 热区大小，及hover效果背景色\n   */\n  hover?: {\n    width?: number;\n    height?: number;\n    bgColor: string;\n    image?: string;\n  };\n  /** 鼠标hover到图标上后出现的具体鼠标样式 */\n  cursor?: string;\n  /**是否可见 默认'always' 可选：'always' | 'mouseenter_cell' | 'click_cell',常驻|hover到单元格时|选中单元格时。\n   * 建议：如需使用 'mouseenter_cell' | 'click_cell'，建议将positionTyle设为absoluteRight【即不占位】，否则占位的类型会影响视觉展示\n   */\n  visibleTime?: 'always' | 'mouseenter_cell' | 'click_cell';\n  /**\n   * 气泡框，按钮的的解释信息, 目前只支持hover行为触发\n   */\n  tooltip?: {\n    title: string;\n    /**气泡框位置，可选 top left right bottom */\n    placement?: Placement;\n    /** 气泡框的样式 不配的话会使用theme中的样式 */\n    style?: {\n      font?: string;\n      color?: string;\n      padding?: number[];\n      bgColor?: string;\n      arrowMark?: boolean;\n    };\n  };\n  /**\n   * 是否可交互 默认为true  目前已知不可交互按钮：下拉菜单状态\n   */\n  interactive?: boolean;\n}\n\n// ****** Column Icon Options *******\nexport interface FontIcon extends IIconBase {\n  type: 'font';\n  font?: string;\n  content: string;\n  color?: string;\n}\nexport interface ImageIcon extends IIconBase {\n  type: 'image';\n  src: string;\n  /** 图片裁切形状 */\n  shape?: 'circle' | 'square';\n}\n\nexport interface PathIcon extends IIconBase {\n  type: 'path';\n  path: string;\n  color?: string;\n}\n\nexport interface SvgIcon extends IIconBase {\n  type: 'svg';\n  /**\n   * svg内容，支持url或者path\n   */\n  svg: string;\n}\n\n// export interface NamedIcon extends IIconBase {\n//   type: 'name';\n//   color?: string;\n// }\n/**\n * icon 的位置\n * inlineFront:文本内容的前面，\n * inlineEnd：文本内容后面\n *\n */\nexport enum IconPosition {\n  /**文本行内容前面的图标，跟随文本定位，随文本折行 */\n  inlineFront = 'inlineFront',\n  /**文本行内容后面的图标，跟随文本定位，随文本折行。如sort图表 放在文本内容的第一行 */\n  inlineEnd = 'inlineEnd',\n  /**单元格左侧按钮 且受padding影响 */\n  left = 'left',\n  /**单元格右侧按钮 受padding影响 如pin图表 */\n  right = 'right',\n  /**固定在右侧的图标，不占位，不受padding影响，可能压盖内容 如 dropDown */\n  absoluteRight = 'absoluteRight',\n\n  // todo 增加更丰富的配置\n  // cellLeft = 'cellLeft', //cell内靠左侧布局的图标（占位但是不受padding影响？）\n  // cellRight = 'cellRight', //cell内靠右侧布局的图标\n  /**在单元格内容块的左侧的图标，跟随文本定位，不随文本折行 */\n  contentLeft = 'contentLeft',\n  /**在单元格内容块的右侧的图标,跟随文本定位，不随文本折行 */\n  contentRight = 'contentRight',\n\n  /**在单元格中自由定位 */\n  absolute = 'absolute'\n}\n/**\n * 图标类型\n * pin 固定列图标\n * sort 排序图标\n */\nexport enum IconFuncTypeEnum {\n  pin = 'pin',\n  sort = 'sort',\n  dropDown = 'dropDown',\n  dropDownState = 'dropDownState',\n  play = 'play',\n  damagePic = 'damagePic',\n  expand = 'expand',\n  collapse = 'collapse',\n  drillDown = 'drillDown',\n  drillUp = 'drillUp'\n}\nexport enum InternalIconName {\n  upwardIconName = 'sort_upward',\n  downwardIconName = 'sort_downward',\n  normalIconName = 'sort_normal',\n  //冻结列 图钉按钮的几种状态\n  pinIconName = 'pin',\n  pinedIconName = 'pined',\n  pinedHoverIconName = 'pined_hover',\n  pinedCurrentIconName = 'pinedCurrent',\n  dropdownIconName = 'dropdownIcon',\n  // dropdownHoverIconName = 'dropdownIcon_hover',\n  expandIconName = 'expand',\n  collapseIconName = 'collapse'\n}\n// 目前暂不支持FontIcon&PathIcon\nexport type ColumnIconOption = ImageIcon | SvgIcon;\n"]}
+{"version":3,"sources":["ts-types/icon.ts"],"names":[],"mappings":";;;AA6GA,IAAY,YAsBX;AAtBD,WAAY,YAAY;IAEtB,2CAA2B,CAAA;IAE3B,uCAAuB,CAAA;IAEvB,6BAAa,CAAA;IAEb,+BAAe,CAAA;IAEf,+CAA+B,CAAA;IAM/B,2CAA2B,CAAA;IAE3B,6CAA6B,CAAA;IAG7B,qCAAqB,CAAA;AACvB,CAAC,EAtBW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAsBvB;AAMD,IAAY,gBAWX;AAXD,WAAY,gBAAgB;IAC1B,qCAAiB,CAAA;IACjB,iCAAa,CAAA;IACb,yCAAqB,CAAA;IACrB,mDAA+B,CAAA;IAC/B,iCAAa,CAAA;IACb,2CAAuB,CAAA;IACvB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;IACrB,2CAAuB,CAAA;IACvB,uCAAmB,CAAA;AACrB,CAAC,EAXW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAW3B;AACD,IAAY,gBAYX;AAZD,WAAY,gBAAgB;IAC1B,kDAA8B,CAAA;IAC9B,sDAAkC,CAAA;IAClC,kDAA8B,CAAA;IAE9B,6CAAyB,CAAA;IACzB,6CAAyB,CAAA;IACzB,2DAAuC,CAAA;IACvC,qDAAiC,CAAA;IAEjC,6CAAyB,CAAA;IACzB,iDAA6B,CAAA;AAC/B,CAAC,EAZW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAY3B","file":"icon.js","sourcesContent":["// ****** Icon配置信息，header ，以及列Icon *******9\n\nimport type { Placement } from './table-engine';\n\nexport interface IIconBase {\n  /**\n   * icon 是何种内容类型，如svg font。可用来约束不同类型的属性定义\n   */\n  type: 'font' | 'svg' | 'path' | 'image';\n  /** icon的高度 */\n  width?: number;\n  /** icon的高度 */\n  height?: number; // 如果是font图标 不设的话默认是字体高度\n  /**\n   * IconPosition枚举类型\n   */\n  positionType: IconPosition;\n  /**\n   * 和右侧元素间隔距离, 或者与单元格边界的间隔距离\n   */\n  marginRight?: number;\n  /**\n   * 和左侧元素间隔距离, 或者与单元格边界的间隔距离\n   */\n  marginLeft?: number;\n  /**\n   * icon名称，会作为内部缓存的key\n   */\n  name: string;\n  /**\n   * 重置VTable内部icon 指定icon的功能类型\n   * 具有切换状态的功能性的图标请务必配置上, 如排序功能funcType配置sort，name配置sort_normal或ort_downward,或sort_upward\n   */\n  funcType?: IconFuncTypeEnum | string;\n  /**\n   * 响应hover 热区大小，及hover效果背景色\n   */\n  hover?: {\n    width?: number;\n    height?: number;\n    bgColor: string;\n    image?: string;\n  };\n  /** 鼠标hover到图标上后出现的具体鼠标样式 */\n  cursor?: string;\n  /**是否可见 默认'always' 可选：'always' | 'mouseenter_cell' | 'click_cell',常驻|hover到单元格时|选中单元格时。\n   * 建议：如需使用 'mouseenter_cell' | 'click_cell'，建议将positionTyle设为absoluteRight【即不占位】，否则占位的类型会影响视觉展示\n   */\n  visibleTime?: 'always' | 'mouseenter_cell' | 'click_cell';\n  /**\n   * 气泡框，按钮的的解释信息, 目前只支持hover行为触发\n   */\n  tooltip?: {\n    title: string;\n    /**气泡框位置，可选 top left right bottom */\n    placement?: Placement;\n    /** 气泡框的样式 不配的话会使用theme中的样式 */\n    style?: {\n      font?: string;\n      color?: string;\n      padding?: number[];\n      bgColor?: string;\n      arrowMark?: boolean;\n    };\n  };\n  /**\n   * 是否可交互 默认为true  目前已知不可交互按钮：下拉菜单状态\n   */\n  interactive?: boolean;\n}\n\n// ****** Column Icon Options *******\nexport interface FontIcon extends IIconBase {\n  type: 'font';\n  font?: string;\n  content: string;\n  color?: string;\n}\nexport interface ImageIcon extends IIconBase {\n  type: 'image';\n  src: string;\n  /** 图片裁切形状 */\n  shape?: 'circle' | 'square';\n}\n\nexport interface PathIcon extends IIconBase {\n  type: 'path';\n  path: string;\n  color?: string;\n}\n\nexport interface SvgIcon extends IIconBase {\n  type: 'svg';\n  /**\n   * svg内容，支持url或者path\n   */\n  svg: string;\n}\n\n// export interface NamedIcon extends IIconBase {\n//   type: 'name';\n//   color?: string;\n// }\n/**\n * icon 的位置\n * inlineFront:文本内容的前面，\n * inlineEnd：文本内容后面\n *\n */\nexport enum IconPosition {\n  /**文本行内容前面的图标，跟随文本定位，随文本折行 */\n  inlineFront = 'inlineFront',\n  /**文本行内容后面的图标，跟随文本定位，随文本折行。如sort图表 放在文本内容的第一行 */\n  inlineEnd = 'inlineEnd',\n  /**单元格左侧按钮 且受padding影响 */\n  left = 'left',\n  /**单元格右侧按钮 受padding影响 如pin图表 */\n  right = 'right',\n  /**固定在右侧的图标，不占位，不受padding影响，可能压盖内容 如 dropDown */\n  absoluteRight = 'absoluteRight',\n\n  // todo 增加更丰富的配置\n  // cellLeft = 'cellLeft', //cell内靠左侧布局的图标（占位但是不受padding影响？）\n  // cellRight = 'cellRight', //cell内靠右侧布局的图标\n  /**在单元格内容块的左侧的图标，跟随文本定位，不随文本折行 */\n  contentLeft = 'contentLeft',\n  /**在单元格内容块的右侧的图标,跟随文本定位，不随文本折行 */\n  contentRight = 'contentRight',\n\n  /**在单元格中自由定位 */\n  absolute = 'absolute'\n}\n/**\n * 图标类型\n * frozen 固定列图标\n * sort 排序图标\n */\nexport enum IconFuncTypeEnum {\n  frozen = 'frozen',\n  sort = 'sort',\n  dropDown = 'dropDown',\n  dropDownState = 'dropDownState',\n  play = 'play',\n  damagePic = 'damagePic',\n  expand = 'expand',\n  collapse = 'collapse',\n  drillDown = 'drillDown',\n  drillUp = 'drillUp'\n}\nexport enum InternalIconName {\n  upwardIconName = 'sort_upward',\n  downwardIconName = 'sort_downward',\n  normalIconName = 'sort_normal',\n  //冻结列 图钉按钮的几种状态\n  freezeIconName = 'freeze',\n  frozenIconName = 'frozen',\n  frozenCurrentIconName = 'frozenCurrent',\n  dropdownIconName = 'dropdownIcon',\n  // dropdownHoverIconName = 'dropdownIcon_hover',\n  expandIconName = 'expand',\n  collapseIconName = 'collapse'\n}\n// 目前暂不支持FontIcon&PathIcon\nexport type ColumnIconOption = ImageIcon | SvgIcon;\n"]}

package/cjs/ts-types/list-table/define/basic-define.d.ts

@@ -4,6 +4,7 @@ import type { ICustomLayout } from '../../customLayout';
 import type { FieldDef, FieldFormat, FieldKeyDef } from '../../table-engine';
 import type { ColumnIconOption } from '../../icon';
 import type { MenuListItem } from '../../menu';
+import type { BaseTableAPI } from '../../base-table';
 export interface IBasicHeaderDefine {
     caption?: string | (() => string);
     captionIcon?: ColumnIconOption;
@@ -30,7 +31,9 @@ export interface IBasicColumnBodyDefine {
     minWidth?: number | string;
     maxWidth?: number | string;
     tree?: boolean;
-    icon?: string | ColumnIconOption | (string | ColumnIconOption)[] | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);
+    icon?: string | ColumnIconOption | (string | ColumnIconOption)[] | ((args: CellInfo & {
+        table: BaseTableAPI;
+    }) => string | ColumnIconOption | (string | ColumnIconOption)[]);
     customRender?: ICustomRender;
     customLayout?: ICustomLayout;
 }

package/cjs/ts-types/list-table/define/basic-define.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ts-types/list-table/define/basic-define.ts"],"names":[],"mappings":"","file":"basic-define.js","sourcesContent":["import type { CellInfo, SortOption } from '../../common';\nimport type { ICustomRender, ICustomRenderFuc, ICustomRenderObj } from '../../customElement';\nimport type { ICustomLayout } from '../../customLayout';\nimport type { FieldDef, FieldFormat, FieldKeyDef } from '../../table-engine';\nimport type { ColumnIconOption } from '../../icon';\nimport type { MenuListItem } from '../../menu';\n\n// eslint-disable-next-line no-unused-vars\nexport interface IBasicHeaderDefine {\n  // 表头的标题\n  caption?: string | (() => string); //支持图文混合\n  /** @deprecated\n   * 已废除该配置 标题中显示图标 现在请使用headerIcon进行配置\n   */\n  captionIcon?: ColumnIconOption;\n  /** 表头Icon配置 */\n  headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];\n  // | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  // headerStyle?: HeaderStyleOption | null;\n  // style?: ColumnStyleOption | null;\n  // headerType?: HeaderTypeOption | headerType.BaseHeader | null;\n  /** sort排序规则 */\n  sort?: SortOption;\n  /** 是否显示sort 排序icon。如果设置了sort字段 则可以省略这个 */\n  showSort?: boolean;\n  /** 该列不支持hover交互行为 */\n  disableHover?: boolean;\n  /** 该列不支持选中 */\n  disableSelect?: boolean;\n  /** 该列表头不支持hover交互行为 */\n  disableHeaderHover?: boolean;\n  /** 该列表头不支持选中 */\n  disableHeaderSelect?: boolean;\n  /** 表头hover时的描述信息 会以tooltip形式展示出来 */\n  description?: string;\n  /** 下拉菜单项配置 */\n  dropDownMenu?: MenuListItem[];\n  /** 表头自定义渲染函数 */\n  headerCustomRender?: ICustomRender;\n  /** 表头自定义渲染元素定义 */\n  headerCustomLayout?: ICustomLayout;\n  /** 是否可以拖拽表头 */\n  dragHeader?: boolean;\n  /**\n   * 列宽计算模式，only-header只考虑表头的内容 only-body只考虑body的内容  normal能被显示出来的所有内容\n   */\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n  /**\n   *  是否禁用调整列宽,如果是转置表格或者是透视表的指标是行方向指定 那该配置不生效\n   */\n  disableColumnResize?: boolean;\n}\n\nexport interface IBasicColumnBodyDefine {\n  field: FieldDef;\n  /** @deprecated 已不维护 */\n  fieldKey?: FieldKeyDef;\n  fieldFormat?: FieldFormat;\n  width?: number | string;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n  //是否展示为树形结构\n  tree?: boolean;\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  // columnType?: ColumnTypeOption | BaseColumn<T, any> | null;\n\n  // /** 如果是绘制图表库组件的图表类型 需要将注入的组件名称 写到chartType */\n  // chartType?: string;\n  // /** 如果是绘制图表库组件的图表类型 统一图表配置chartSpec */\n  // chartSpec?: any | ((arg0: CellInfo) => any);\n  // sparklineSpec?: SparklineSpec | ((arg0: CellInfo) => SparklineSpec);\n  // style?: ColumnStyleOption | null;\n\n  customRender?: ICustomRender;\n  customLayout?: ICustomLayout;\n}\n"]}
+{"version":3,"sources":["ts-types/list-table/define/basic-define.ts"],"names":[],"mappings":"","file":"basic-define.js","sourcesContent":["import type { CellInfo, SortOption } from '../../common';\nimport type { ICustomRender, ICustomRenderFuc, ICustomRenderObj } from '../../customElement';\nimport type { ICustomLayout } from '../../customLayout';\nimport type { FieldDef, FieldFormat, FieldKeyDef } from '../../table-engine';\nimport type { ColumnIconOption } from '../../icon';\nimport type { MenuListItem } from '../../menu';\nimport type { BaseTableAPI } from '../../base-table';\n\n// eslint-disable-next-line no-unused-vars\nexport interface IBasicHeaderDefine {\n  // 表头的标题\n  caption?: string | (() => string); //支持图文混合\n  /** @deprecated\n   * 已废除该配置 标题中显示图标 现在请使用headerIcon进行配置\n   */\n  captionIcon?: ColumnIconOption;\n  /** 表头Icon配置 */\n  headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];\n  // | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  // headerStyle?: HeaderStyleOption | null;\n  // style?: ColumnStyleOption | null;\n  // headerType?: HeaderTypeOption | headerType.BaseHeader | null;\n  /** sort排序规则 */\n  sort?: SortOption;\n  /** 是否显示sort 排序icon。如果设置了sort字段 则可以省略这个 */\n  showSort?: boolean;\n  /** 该列不支持hover交互行为 */\n  disableHover?: boolean;\n  /** 该列不支持选中 */\n  disableSelect?: boolean;\n  /** 该列表头不支持hover交互行为 */\n  disableHeaderHover?: boolean;\n  /** 该列表头不支持选中 */\n  disableHeaderSelect?: boolean;\n  /** 表头hover时的描述信息 会以tooltip形式展示出来 */\n  description?: string;\n  /** 下拉菜单项配置 */\n  dropDownMenu?: MenuListItem[];\n  /** 表头自定义渲染函数 */\n  headerCustomRender?: ICustomRender;\n  /** 表头自定义渲染元素定义 */\n  headerCustomLayout?: ICustomLayout;\n  /** 是否可以拖拽表头 */\n  dragHeader?: boolean;\n  /**\n   * 列宽计算模式，only-header只考虑表头的内容 only-body只考虑body的内容  normal能被显示出来的所有内容\n   */\n  columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';\n  /**\n   *  是否禁用调整列宽,如果是转置表格或者是透视表的指标是行方向指定 那该配置不生效\n   */\n  disableColumnResize?: boolean;\n}\n\nexport interface IBasicColumnBodyDefine {\n  field: FieldDef;\n  /** @deprecated 已不维护 */\n  fieldKey?: FieldKeyDef;\n  fieldFormat?: FieldFormat;\n  width?: number | string;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n  //是否展示为树形结构\n  tree?: boolean;\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo & { table: BaseTableAPI }) => string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  // columnType?: ColumnTypeOption | BaseColumn<T, any> | null;\n\n  // /** 如果是绘制图表库组件的图表类型 需要将注入的组件名称 写到chartType */\n  // chartType?: string;\n  // /** 如果是绘制图表库组件的图表类型 统一图表配置chartSpec */\n  // chartSpec?: any | ((arg0: CellInfo) => any);\n  // sparklineSpec?: SparklineSpec | ((arg0: CellInfo) => SparklineSpec);\n  // style?: ColumnStyleOption | null;\n\n  customRender?: ICustomRender;\n  customLayout?: ICustomLayout;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["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} from '../../';\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  caption?: string | (() => string);\n  /** @deprecated\n   * 已废除该配置 标题中显示图标 现在请使用headerIcon进行配置\n   */\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  fieldKey?: FieldKeyDef;\n  fieldFormat?: FieldFormat;\n  style?: HeaderStyleOption | ColumnStyle | null | undefined;\n  headerType: 'text' | 'link' | 'image' | 'video'; // headerType.BaseHeader;\n  define: ColumnDefine;\n  // sortIconPosition?: RectProps;\n  // pinIconPosition?: 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\n  /**\n   * 表头描述 鼠标hover会提示该信息\n   */\n  description?: string | ((args: CellInfo) => string);\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  columnType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart'; //BaseColumn<T, any>;\n  /** 如果是绘制图表库组件的图表类型 需要将注入的组件名称 写到chartType */\n  chartType?: string;\n  /** 如果是绘制图表库组件的图表类型 统一图表配置chartSpec */\n  chartSpec?: any | ((arg0: CellInfo) => 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}\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  columnType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart'; //BaseColumn<T, any>;\n  chartType?: string;\n  chartSpec?: any | ((arg0: CustomRenderFunctionArg) => 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// 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 bodyRowCount: 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;\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;\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  getHeaderCellAdress: (id: number) => CellAddress | undefined;\n  getHeaderCellAddressByField: (field: string) => CellAddress | undefined;\n  getRecordIndexByRow: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n}\n\nexport type { LayoutMapAPI };\n"]}
+{"version":3,"sources":["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} from '../../';\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  caption?: string | (() => string);\n  /** @deprecated\n   * 已废除该配置 标题中显示图标 现在请使用headerIcon进行配置\n   */\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  fieldKey?: FieldKeyDef;\n  fieldFormat?: FieldFormat;\n  style?: HeaderStyleOption | ColumnStyle | null | undefined;\n  headerType: 'text' | 'link' | 'image' | 'video'; // 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\n  /**\n   * 表头描述 鼠标hover会提示该信息\n   */\n  description?: string | ((args: CellInfo) => string);\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  columnType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart'; //BaseColumn<T, any>;\n  /** 如果是绘制图表库组件的图表类型 需要将注入的组件名称 写到chartType */\n  chartType?: string;\n  /** 如果是绘制图表库组件的图表类型 统一图表配置chartSpec */\n  chartSpec?: any | ((arg0: CellInfo) => 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}\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  columnType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart'; //BaseColumn<T, any>;\n  chartType?: string;\n  chartSpec?: any | ((arg0: CustomRenderFunctionArg) => 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// 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 bodyRowCount: 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;\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;\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  getHeaderCellAdress: (id: number) => CellAddress | undefined;\n  getHeaderCellAddressByField: (field: string) => CellAddress | undefined;\n  getRecordIndexByRow: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n}\n\nexport type { LayoutMapAPI };\n"]}

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

@@ -23,7 +23,7 @@ export type TableFrameStyle = FrameStyle & {
     shadowOffsetX?: number;
     shadowOffsetY?: number;
     shadowColor?: string;
-    roundCornerRadius?: number;
+    cornerRadius?: number;
 };
 export type menuStyle = {
     color?: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["ts-types/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["/* eslint-disable sort-imports */\nimport type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine } from '.';\nimport type { ITextStyleOption } from './column/style';\nimport type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';\nimport type { ColumnIconOption } from './icon';\n// ****** Custom Theme *******\nexport type PartialTableThemeDefine = Partial<ITableThemeDefine>;\nexport type ThemeStyle = ITextStyleOption & {\n  hover?: Omit<InteractionStyle, 'cellBorderColor' | 'cellBorderLineWidth'>; //鼠标hover到某个单元格\n  // click?: Omit<InteractionStyle, 'inlineRowBgColor' | 'inlineColumnBgColor'>; //鼠标点击到某个单元格\n  frameStyle?: FrameStyle;\n};\nexport type InteractionStyle = {\n  cellBorderColor?: ColorsPropertyDefine; //交互所在单元格的边框颜色\n  cellBorderLineWidth?: LineWidthsPropertyDefine;\n  // cellBorderLineDash?:LineDashsPropertyDefine,//用到的场景应该不多\n  cellBgColor?: ColorPropertyDefine; //交互所在单元格的背景颜色\n  // inlineRowBorderColor?: ColorsPropertyDefine,//交互所在整行的边框颜色\n  inlineRowBgColor?: ColorPropertyDefine; //交互所在整行的背景颜色\n  // inlineColBorderColor?: ColorsPropertyDefine,//交互所在整列的边框颜色\n  inlineColumnBgColor?: ColorPropertyDefine; //交互所在整列的背景颜色\n  // headerHighlightBorderColor?:ColorPropertyDefine,//表头底部高亮线\n};\nexport type FrameStyle = {\n  borderColor?: ColorsDef;\n  borderLineWidth?: LineWidthsDef;\n  borderLineDash?: LineDashsDef;\n};\nexport type TableFrameStyle = FrameStyle & {\n  shadowBlur?: number; //阴影宽度\n  shadowOffsetX?: number; //x方向偏移\n  shadowOffsetY?: number; //Y方向偏移\n  shadowColor?: string; //阴影颜色\n  roundCornerRadius?: number; //边框圆角半径\n};\nexport type menuStyle = {\n  color?: string;\n  highlightColor?: string;\n  font?: string;\n  highlightFont?: string;\n  hoverBgColor?: string;\n};\nexport type ScrollStyle = {\n  /**滚动条滚动的颜色 */\n  scrollRailColor?: string;\n  /**滚动条滑块的颜色 */\n  scrollSliderColor?: string;\n  /**滚动条宽度大小 */\n  width?: number;\n  /**滚动条是否可见  'always' | 'scrolling' | 'none' | 'focus',常驻|滚动时|不显示|聚焦在画布上时 */\n  visible?: 'always' | 'scrolling' | 'none' | 'focus';\n  /*** 悬浮与容器上，还是独立于容器外 */\n  hoverOn?: boolean;\n};\n/**\n * 气泡框，按钮的的解释信息\n */\nexport type TooltipStyle = {\n  font?: string;\n  color?: string;\n  padding?: number[];\n  bgColor?: string;\n  /** !目前未实现该逻辑。触发行为：hover or click */\n  // trigger?: string | string[];\n  /**气泡框位置，可选 top left right bottom */\n  // placement?: Placement;\n};\nexport interface ITableThemeDefine {\n  /** 表格绘制范围外的canvas上填充的颜色 */\n  underlayBackgroundColor?: string;\n  // selectionBgColor?: ColorPropertyDefine; //多选单元格背景色 手动设置的多选 非框选\n  defaultStyle?: ThemeStyle;\n  cornerHeaderStyle?: ThemeStyle; //角头样式\n  headerStyle?: ThemeStyle;\n  rowHeaderStyle?: ThemeStyle;\n  bodyStyle?: ThemeStyle;\n  frameStyle?: TableFrameStyle;\n  //列调整宽度的直线\n  columnResize?: {\n    lineColor: ColorPropertyDefine; //上面线的颜色\n    bgColor?: ColorPropertyDefine; //背景线的颜色\n    lineWidth: number; //上面线的宽度\n    width?: number; //背景线的宽度\n  };\n  //拖拽表格换位分割线的样式\n  dragHeaderSplitLine?: {\n    lineColor: ColorPropertyDefine; //上面线的颜色\n    lineWidth: number; //上面线的宽度\n    shadowBlockColor?: string; //拖拽时阴影区域的颜色\n  };\n  //冻结列后面的效果\n  frozenColumnLine?: {\n    shadow?: {\n      //默认效果 会有阴影配置\n      width: number; //阴影整体宽度\n      startColor: string; //开始颜色\n      endColor: string; //结束颜色\n    };\n    /** TODO  暂未生效 */\n    border?: {\n      //有些需求要两种效果 这里配置滚动前的边框效果（实现方式是两条线叠加产生），滚动后按上面的阴影效果\n      lineColor: ColorPropertyDefine; //上面线的颜色\n      bgColor?: ColorPropertyDefine; //背景线的颜色\n      lineWidth: number; //上面线的宽度\n      width?: number; //背景线的宽度\n    };\n  };\n\n  // menuStyle?: menuStyle;\n  scrollStyle?: ScrollStyle;\n  tooltipStyle?: TooltipStyle;\n  // selectHeaderHighlight?: boolean;\n  /** 选择框样式 */\n  selectionStyle?: //Omit<InteractionStyle, 'inlineRowBgColor' | 'inlineColumnBgColor'>; //鼠标点击到某个单元格\n  {\n    cellBorderColor?: string; //边框颜色\n    cellBorderLineWidth?: number; //边框线宽度\n    cellBgColor?: string; //选择框背景颜色\n  };\n}\n\nexport type RequiredTableThemeDefine = Required<ITableThemeDefine>;\n"]}
+{"version":3,"sources":["ts-types/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["/* eslint-disable sort-imports */\nimport type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine } from '.';\nimport type { ITextStyleOption } from './column/style';\nimport type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';\nimport type { ColumnIconOption } from './icon';\n// ****** Custom Theme *******\nexport type PartialTableThemeDefine = Partial<ITableThemeDefine>;\nexport type ThemeStyle = ITextStyleOption & {\n  hover?: Omit<InteractionStyle, 'cellBorderColor' | 'cellBorderLineWidth'>; //鼠标hover到某个单元格\n  // click?: Omit<InteractionStyle, 'inlineRowBgColor' | 'inlineColumnBgColor'>; //鼠标点击到某个单元格\n  frameStyle?: FrameStyle;\n};\nexport type InteractionStyle = {\n  cellBorderColor?: ColorsPropertyDefine; //交互所在单元格的边框颜色\n  cellBorderLineWidth?: LineWidthsPropertyDefine;\n  // cellBorderLineDash?:LineDashsPropertyDefine,//用到的场景应该不多\n  cellBgColor?: ColorPropertyDefine; //交互所在单元格的背景颜色\n  // inlineRowBorderColor?: ColorsPropertyDefine,//交互所在整行的边框颜色\n  inlineRowBgColor?: ColorPropertyDefine; //交互所在整行的背景颜色\n  // inlineColBorderColor?: ColorsPropertyDefine,//交互所在整列的边框颜色\n  inlineColumnBgColor?: ColorPropertyDefine; //交互所在整列的背景颜色\n  // headerHighlightBorderColor?:ColorPropertyDefine,//表头底部高亮线\n};\nexport type FrameStyle = {\n  borderColor?: ColorsDef;\n  borderLineWidth?: LineWidthsDef;\n  borderLineDash?: LineDashsDef;\n};\nexport type TableFrameStyle = FrameStyle & {\n  shadowBlur?: number; //阴影宽度\n  shadowOffsetX?: number; //x方向偏移\n  shadowOffsetY?: number; //Y方向偏移\n  shadowColor?: string; //阴影颜色\n  cornerRadius?: number; //边框圆角半径\n};\nexport type menuStyle = {\n  color?: string;\n  highlightColor?: string;\n  font?: string;\n  highlightFont?: string;\n  hoverBgColor?: string;\n};\nexport type ScrollStyle = {\n  /**滚动条滚动的颜色 */\n  scrollRailColor?: string;\n  /**滚动条滑块的颜色 */\n  scrollSliderColor?: string;\n  /**滚动条宽度大小 */\n  width?: number;\n  /**滚动条是否可见  'always' | 'scrolling' | 'none' | 'focus',常驻|滚动时|不显示|聚焦在画布上时 */\n  visible?: 'always' | 'scrolling' | 'none' | 'focus';\n  /*** 悬浮与容器上，还是独立于容器外 */\n  hoverOn?: boolean;\n};\n/**\n * 气泡框，按钮的的解释信息\n */\nexport type TooltipStyle = {\n  font?: string;\n  color?: string;\n  padding?: number[];\n  bgColor?: string;\n  /** !目前未实现该逻辑。触发行为：hover or click */\n  // trigger?: string | string[];\n  /**气泡框位置，可选 top left right bottom */\n  // placement?: Placement;\n};\nexport interface ITableThemeDefine {\n  /** 表格绘制范围外的canvas上填充的颜色 */\n  underlayBackgroundColor?: string;\n  // selectionBgColor?: ColorPropertyDefine; //多选单元格背景色 手动设置的多选 非框选\n  defaultStyle?: ThemeStyle;\n  cornerHeaderStyle?: ThemeStyle; //角头样式\n  headerStyle?: ThemeStyle;\n  rowHeaderStyle?: ThemeStyle;\n  bodyStyle?: ThemeStyle;\n  frameStyle?: TableFrameStyle;\n  //列调整宽度的直线\n  columnResize?: {\n    lineColor: ColorPropertyDefine; //上面线的颜色\n    bgColor?: ColorPropertyDefine; //背景线的颜色\n    lineWidth: number; //上面线的宽度\n    width?: number; //背景线的宽度\n  };\n  //拖拽表格换位分割线的样式\n  dragHeaderSplitLine?: {\n    lineColor: ColorPropertyDefine; //上面线的颜色\n    lineWidth: number; //上面线的宽度\n    shadowBlockColor?: string; //拖拽时阴影区域的颜色\n  };\n  //冻结列后面的效果\n  frozenColumnLine?: {\n    shadow?: {\n      //默认效果 会有阴影配置\n      width: number; //阴影整体宽度\n      startColor: string; //开始颜色\n      endColor: string; //结束颜色\n    };\n    /** TODO  暂未生效 */\n    border?: {\n      //有些需求要两种效果 这里配置滚动前的边框效果（实现方式是两条线叠加产生），滚动后按上面的阴影效果\n      lineColor: ColorPropertyDefine; //上面线的颜色\n      bgColor?: ColorPropertyDefine; //背景线的颜色\n      lineWidth: number; //上面线的宽度\n      width?: number; //背景线的宽度\n    };\n  };\n\n  // menuStyle?: menuStyle;\n  scrollStyle?: ScrollStyle;\n  tooltipStyle?: TooltipStyle;\n  // selectHeaderHighlight?: boolean;\n  /** 选择框样式 */\n  selectionStyle?: //Omit<InteractionStyle, 'inlineRowBgColor' | 'inlineColumnBgColor'>; //鼠标点击到某个单元格\n  {\n    cellBorderColor?: string; //边框颜色\n    cellBorderLineWidth?: number; //边框线宽度\n    cellBgColor?: string; //选择框背景颜色\n  };\n}\n\nexport type RequiredTableThemeDefine = Required<ITableThemeDefine>;\n"]}