@visactor/vtable 0.9.0-alpha.0-alpha.0

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

@@ -0,0 +1,169 @@
+import type { RectProps, MaybePromiseOrUndefined, IDimensionInfo } from './common';
+import type { SvgIcon } from './icon';
+export type { HeaderData } from './list-table/layout-map/api';
+export type LayoutObjectId = number | string;
+import type { Rect } from '../tools/Rect';
+import type { BaseTableAPI, BaseTableConstructorOptions } from './base-table';
+import type { IDataConfig } from './new-data-set';
+import type { Either } from '../tools/helper';
+import type { ICornerDefine, IDimension, IIndicator, ITitleDefine } from './pivot-table';
+import type { ColumnsDefine } from './list-table';
+export interface CellAddress {
+    col: number;
+    row: number;
+    rect?: RectProps;
+    x?: number;
+    y?: number;
+}
+export interface CellRange {
+    start: CellAddress;
+    end: CellAddress;
+}
+export type FieldGetter = (record: any) => any;
+export type FieldSetter = (record: any, value: any) => void;
+export interface FieldAssessor {
+    get: FieldGetter;
+    set: FieldSetter;
+}
+export type FieldDef = string | number | string[];
+export type FieldKeyDef = string | number;
+export type FieldFormat = FieldGetter | FieldAssessor;
+export type FieldData = MaybePromiseOrUndefined;
+export type WidthModeDef = 'standard' | 'adaptive' | 'autoWidth' | 'standard-aeolus';
+export type ShowColumnRowType = 'column' | 'row' | 'none';
+export type CellType = 'body' | 'rowHeader' | 'columnHeader' | 'cornerHeader';
+export interface TableKeyboardOptions {
+    selectAllOnCtrlA?: boolean;
+    copySelected?: boolean;
+}
+export interface DataSourceAPI {
+    clearCurrentIndexedData: () => void;
+    length: number;
+    get: (index: number) => MaybePromiseOrUndefined;
+    getField: <F extends FieldDef>(index: number, field: F) => FieldData;
+    hasField: (index: number, field: FieldDef) => boolean;
+    sort: (field: FieldDef, order: 'desc' | 'asc' | 'normal', orderFn: (v1: any, v2: any, order: 'asc' | 'desc' | 'normal') => -1 | 0 | 1) => void;
+    clearSortedMap: () => void;
+    updatePager: (pagerConf: IPagerConf) => void;
+    getIndexKey: (index: number) => number | number[];
+    enableHierarchyState: boolean;
+}
+export interface SortState {
+    field: FieldDef;
+    fieldKey?: FieldKeyDef;
+    order: 'desc' | 'asc' | 'normal';
+}
+export interface PivotSortState {
+    col: number;
+    row: number;
+    order: 'desc' | 'asc' | 'normal';
+}
+export interface IPagerConf {
+    totalCount?: number;
+    perPageCount: number;
+    currentPage?: number;
+}
+export type HeaderValues = Map<any, any>;
+export interface ListTableConstructorOptions extends BaseTableConstructorOptions {
+    showHeader?: boolean;
+    columns?: ColumnsDefine;
+    header?: ColumnsDefine;
+    transpose?: boolean;
+    hierarchyIndent?: number;
+    hierarchyExpandLevel?: number;
+    pagerConf?: IPagerConf;
+    sortState?: SortState | SortState[];
+}
+export interface ListTableAPI extends BaseTableAPI {
+    options: ListTableConstructorOptions;
+    sortState: SortState[] | SortState | null;
+    isListTable: () => true;
+    isPivotTable: () => false;
+}
+export interface PivotTableConstructorOptions extends BaseTableConstructorOptions {
+    columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';
+    pivotSortState?: {
+        dimensions: IDimensionInfo[];
+        order: 'desc' | 'asc' | 'normal';
+    }[];
+    rowHierarchyType?: 'grid' | 'tree';
+    rowExpandLevel?: number;
+    rowHierarchyIndent?: number;
+    columnTree?: IHeaderTreeDefine[];
+    rowTree?: IHeaderTreeDefine[];
+    rows?: (IDimension | string)[];
+    columns?: (IDimension | string)[];
+    indicators?: (IIndicator | string)[];
+    indicatorsAsCol?: boolean;
+    indicatorIndex?: number;
+    hideIndicatorName?: boolean;
+    corner?: ICornerDefine;
+    showColumnHeader?: boolean;
+    showRowHeader?: boolean;
+    columnHeaderTitle?: ITitleDefine;
+    rowHeaderTitle?: ITitleDefine;
+    dataConfig?: IDataConfig;
+    enableDataAnalysis?: boolean;
+    indicatorTitle?: string;
+}
+export interface PivotTableAPI extends BaseTableAPI {
+    options: PivotTableConstructorOptions;
+    pivotSortState: PivotSortState[];
+    isListTable: () => false;
+    isPivotTable: () => true;
+    getPivotSortState: (col: number, row: number) => 'desc' | 'asc' | 'normal' | undefined;
+    toggleHierarchyState: (col: number, row: number) => void;
+}
+export type SetPasteValueTestData = CellAddress & {
+    table: BaseTableAPI;
+    record: any;
+    value: string;
+    oldValue: any;
+};
+export interface InlineAPI {
+    width: (arg: {
+        ctx: CanvasRenderingContext2D;
+    }) => number;
+    font: () => string | null;
+    color: () => string | null;
+    canDraw: () => boolean;
+    onReady: (callback: Function) => void;
+    draw: (opt: any) => void;
+    canBreak: () => boolean;
+}
+export interface CellContext {
+    readonly col: number;
+    readonly row: number;
+    readonly value: FieldData;
+    readonly dataValue: FieldData;
+    showIcon?: SvgIcon;
+    getContext: () => CanvasRenderingContext2D;
+    toCurrentContext: () => CellContext;
+    getDrawRect: () => RectProps | null;
+    getRect: () => RectProps;
+    setRectFilter: (rectFilter: (base: RectProps) => RectProps) => void;
+    updateRect: (rect: Rect | RectProps) => void;
+    updateDrawRect: (rect: Rect | RectProps) => void;
+}
+export declare enum Placement {
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right"
+}
+export declare enum HierarchyState {
+    expand = "expand",
+    collapse = "collapse",
+    none = "none"
+}
+export type IHeaderTreeDefine = Either<IDimensionHeaderNode, IIndicatorHeaderNode>;
+export interface IIndicatorHeaderNode {
+    indicatorKey: string | number;
+    value?: string;
+}
+export interface IDimensionHeaderNode {
+    dimensionKey: string | number;
+    value: string;
+    children?: IHeaderTreeDefine[] | null;
+    hierarchyState?: HierarchyState;
+}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+var Placement, HierarchyState;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.HierarchyState = exports.Placement = void 0, function(Placement) {
+    Placement.top = "top", Placement.bottom = "bottom", Placement.left = "left", Placement.right = "right";
+}(Placement = exports.Placement || (exports.Placement = {})), function(HierarchyState) {
+    HierarchyState.expand = "expand", HierarchyState.collapse = "collapse", HierarchyState.none = "none";
+}(HierarchyState = exports.HierarchyState || (exports.HierarchyState = {}));
+//# sourceMappingURL=table-engine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ts-types/table-engine.ts"],"names":[],"mappings":";;;AAqPA,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,8BAAiB,CAAA;IACjB,0BAAa,CAAA;IACb,4BAAe,CAAA;AACjB,CAAC,EALW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAKpB;AAED,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,uCAAqB,CAAA;IACrB,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAIzB","file":"table-engine.js","sourcesContent":["import type { RectProps, MaybePromiseOrUndefined, IDimensionInfo } from './common';\nimport type { SvgIcon } from './icon';\nexport type { HeaderData } from './list-table/layout-map/api';\nexport type LayoutObjectId = number | string;\nimport type { Rect } from '../tools/Rect';\nimport type { BaseTableAPI, BaseTableConstructorOptions } from './base-table';\nimport type { IDataConfig } from './new-data-set';\nimport type { Either } from '../tools/helper';\nimport type { ICornerDefine, IDimension, IIndicator, ITitleDefine } from './pivot-table';\nimport type { ColumnsDefine } from './list-table';\n\nexport interface CellAddress {\n  col: number;\n  row: number;\n  rect?: RectProps;\n  x?: number;\n  y?: number;\n}\nexport interface CellRange {\n  start: CellAddress;\n  end: CellAddress;\n}\n\nexport type FieldGetter = (record: any) => any;\nexport type FieldSetter = (record: any, value: any) => void;\nexport interface FieldAssessor {\n  get: FieldGetter;\n  set: FieldSetter;\n}\n\nexport type FieldDef = string | number | string[];\nexport type FieldKeyDef = string | number;\nexport type FieldFormat = FieldGetter | FieldAssessor;\n\nexport type FieldData = MaybePromiseOrUndefined;\n\nexport type WidthModeDef = 'standard' | 'adaptive' | 'autoWidth' | 'standard-aeolus';\nexport type ShowColumnRowType = 'column' | 'row' | 'none';\nexport type CellType = 'body' | 'rowHeader' | 'columnHeader' | 'cornerHeader';\n\nexport interface TableKeyboardOptions {\n  // moveCellOnTab?: boolean;\n  // moveCellOnEnter?: boolean;\n  // deleteCellValueOnDel?: boolean;\n\n  /** 开启快捷键全选 默认：false */\n  selectAllOnCtrlA?: boolean;\n  /** 快捷键复制 */\n  copySelected?: boolean; //这个copy是和浏览器的快捷键一致的\n}\nexport interface DataSourceAPI {\n  clearCurrentIndexedData: () => void;\n  length: number;\n  get: (index: number) => MaybePromiseOrUndefined;\n  getField: <F extends FieldDef>(index: number, field: F) => FieldData;\n  hasField: (index: number, field: FieldDef) => boolean;\n  sort: (\n    field: FieldDef,\n    order: 'desc' | 'asc' | 'normal',\n    orderFn: (v1: any, v2: any, order: 'asc' | 'desc' | 'normal') => -1 | 0 | 1\n  ) => void;\n  clearSortedMap: () => void;\n  updatePager: (pagerConf: IPagerConf) => void;\n  getIndexKey: (index: number) => number | number[];\n  /** 数据是否为树形结构 且可以展开收起 */\n  enableHierarchyState: boolean;\n}\n\nexport interface SortState {\n  /** 排序依据字段 */\n  field: FieldDef;\n\n  fieldKey?: FieldKeyDef;\n  /** 排序规则 */\n  order: 'desc' | 'asc' | 'normal';\n}\nexport interface PivotSortState {\n  col: number;\n  row: number;\n  order: 'desc' | 'asc' | 'normal';\n}\n\n/**\n * 分页配置\n */\nexport interface IPagerConf {\n  /** 数据总条数 */\n  totalCount?: number;\n  /** 每页显示数据条数  */\n  perPageCount: number;\n  /** 每页显示条数 */\n  currentPage?: number;\n}\nexport type HeaderValues = Map<any, any>;\nexport interface ListTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 是否显示表头\n   */\n  showHeader?: boolean;\n  /**\n   * Simple header property\n   */\n  columns?: ColumnsDefine; //请不要再这个上面修改配置,这里相当于是一个原始值备份，有一个内部专用的protectspace.columns\n  /**\n   *@deprecated 已废弃 请使用columns\n   */\n  header?: ColumnsDefine;\n\n  transpose?: boolean; //是否转置\n  /**\n   * 展示为tree的列 层级缩进值\n   */\n  hierarchyIndent?: number;\n  /** 展开层数 默认为1只显示根节点*/\n  hierarchyExpandLevel?: number;\n\n  /** 分页配置 */\n  pagerConf?: IPagerConf;\n\n  /**\n   * 排序状态\n   */\n  sortState?: SortState | SortState[];\n}\n\nexport interface ListTableAPI extends BaseTableAPI {\n  options: ListTableConstructorOptions;\n  sortState: SortState[] | SortState | null;\n  // internalProps: ListTableProtected;\n  isListTable: () => true;\n  isPivotTable: () => false;\n}\nexport interface PivotTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 设置排序状态，只对应按钮展示效果 无数据排序逻辑 */\n  pivotSortState?: {\n    dimensions: IDimensionInfo[];\n    order: 'desc' | 'asc' | 'normal';\n  }[];\n\n  //#region layout中挪到外层的属性\n  /**层级维度结构显示形式 */\n  rowHierarchyType?: 'grid' | 'tree';\n  /**展开层数 */\n  rowExpandLevel?: number;\n  /**子层级维度缩进距离 */\n  rowHierarchyIndent?: number;\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n\n  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 指标在具体维度展示的层级顺序，从0开始 ———有数据分析的透视表才需要配置这个 */\n  indicatorIndex?: number;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 指标维度key 注意非具体指标key 数据分析的透视表才需要配置这个 */\n  // indicatorDimensionKey?: string;\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimensionTitle组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimensionTitle组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  //#endregion\n  /** 数据分析相关配置 ———有数据分析的透视表才需要配置这个 */\n  dataConfig?: IDataConfig;\n  /** 是否开始数据分析 ———有数据分析的透视表才需要配置这个 */\n  enableDataAnalysis?: boolean;\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n}\n\nexport interface PivotTableAPI extends BaseTableAPI {\n  options: PivotTableConstructorOptions;\n  // internalProps: PivotTableProtected;\n  pivotSortState: PivotSortState[];\n  isListTable: () => false;\n  isPivotTable: () => true;\n  getPivotSortState: (col: number, row: number) => 'desc' | 'asc' | 'normal' | undefined;\n  toggleHierarchyState: (col: number, row: number) => void;\n}\n\nexport type SetPasteValueTestData = CellAddress & {\n  table: BaseTableAPI;\n  record: any;\n  value: string;\n\n  oldValue: any;\n};\n\nexport interface InlineAPI {\n  width: (arg: { ctx: CanvasRenderingContext2D }) => number;\n  font: () => string | null;\n  color: () => string | null;\n  canDraw: () => boolean;\n  onReady: (callback: Function) => void;\n\n  draw: (opt: any) => void;\n  canBreak: () => boolean;\n}\n\nexport interface CellContext {\n  readonly col: number;\n  readonly row: number;\n  /**format之后的值 */\n  readonly value: FieldData;\n  /**原始值 */\n  readonly dataValue: FieldData;\n  showIcon?: SvgIcon;\n  getContext: () => CanvasRenderingContext2D;\n  toCurrentContext: () => CellContext;\n  getDrawRect: () => RectProps | null;\n  getRect: () => RectProps;\n  setRectFilter: (rectFilter: (base: RectProps) => RectProps) => void;\n  updateRect: (rect: Rect | RectProps) => void;\n  updateDrawRect: (rect: Rect | RectProps) => void;\n}\n\nexport enum Placement {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right'\n}\n\nexport enum HierarchyState {\n  expand = 'expand',\n  collapse = 'collapse',\n  none = 'none'\n}\nexport type IHeaderTreeDefine = Either<IDimensionHeaderNode, IIndicatorHeaderNode>;\nexport interface IIndicatorHeaderNode {\n  /**\n   * 指标的key值 对应数据集的字段名\n   */\n  indicatorKey: string | number;\n  /**\n   * 指标名称 如：“销售额”，“例如”， 对应到单元格显示的值。可不填，不填的话 从indicators的对应配置中取值显示\n   */\n  value?: string;\n}\nexport interface IDimensionHeaderNode {\n  /**\n   * 维度的唯一标识，对应数据集的字段名称\n   */\n  dimensionKey: string | number;\n  /** 维度成员值 */\n  value: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | null;\n  /** 折叠状态 TODO */\n  hierarchyState?: HierarchyState;\n}\n"]}

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

@@ -0,0 +1,88 @@
+import type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine } from '.';
+import type { ITextStyleOption } from './column/style';
+import type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';
+export type PartialTableThemeDefine = Partial<ITableThemeDefine>;
+export type ThemeStyle = ITextStyleOption & {
+    hover?: Omit<InteractionStyle, 'cellBorderColor' | 'cellBorderLineWidth'>;
+    frameStyle?: FrameStyle;
+};
+export type InteractionStyle = {
+    cellBorderColor?: ColorsPropertyDefine;
+    cellBorderLineWidth?: LineWidthsPropertyDefine;
+    cellBgColor?: ColorPropertyDefine;
+    inlineRowBgColor?: ColorPropertyDefine;
+    inlineColumnBgColor?: ColorPropertyDefine;
+};
+export type FrameStyle = {
+    borderColor?: ColorsDef;
+    borderLineWidth?: LineWidthsDef;
+    borderLineDash?: LineDashsDef;
+};
+export type TableFrameStyle = FrameStyle & {
+    shadowBlur?: number;
+    shadowOffsetX?: number;
+    shadowOffsetY?: number;
+    shadowColor?: string;
+    roundCornerRadius?: number;
+};
+export type menuStyle = {
+    color?: string;
+    highlightColor?: string;
+    font?: string;
+    highlightFont?: string;
+    hoverBgColor?: string;
+};
+export type ScrollStyle = {
+    scrollRailColor?: string;
+    scrollSliderColor?: string;
+    width?: number;
+    visible?: 'always' | 'scrolling' | 'none' | 'focus';
+    hoverOn?: boolean;
+};
+export type TooltipStyle = {
+    font?: string;
+    color?: string;
+    padding?: number[];
+    bgColor?: string;
+};
+export interface ITableThemeDefine {
+    underlayBackgroundColor?: string;
+    defaultStyle?: ThemeStyle;
+    cornerHeaderStyle?: ThemeStyle;
+    headerStyle?: ThemeStyle;
+    rowHeaderStyle?: ThemeStyle;
+    bodyStyle?: ThemeStyle;
+    frameStyle?: TableFrameStyle;
+    columnResize?: {
+        lineColor: ColorPropertyDefine;
+        bgColor?: ColorPropertyDefine;
+        lineWidth: number;
+        width?: number;
+    };
+    dragHeaderSplitLine?: {
+        lineColor: ColorPropertyDefine;
+        lineWidth: number;
+        shadowBlockColor?: string;
+    };
+    frozenColumnLine?: {
+        shadow?: {
+            width: number;
+            startColor: string;
+            endColor: string;
+        };
+        border?: {
+            lineColor: ColorPropertyDefine;
+            bgColor?: ColorPropertyDefine;
+            lineWidth: number;
+            width?: number;
+        };
+    };
+    scrollStyle?: ScrollStyle;
+    tooltipStyle?: TooltipStyle;
+    selectionStyle?: {
+        cellBorderColor?: string;
+        cellBorderLineWidth?: number;
+        cellBgColor?: string;
+    };
+}
+export type RequiredTableThemeDefine = Required<ITableThemeDefine>;

package/cjs/ts-types/theme.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,22 @@
+import type { RectProps } from './common';
+import type { Placement } from './table-engine';
+export type TooltipType = 'bubble-tooltip' | 'tooltip' | 'container';
+export type TooltipOptions = {
+    content: string;
+    position?: {
+        x: number;
+        y: number;
+    };
+    referencePosition?: {
+        rect: RectProps;
+        placement?: Placement;
+    };
+    className?: string;
+    style?: {
+        bgColor?: string;
+        font?: string;
+        color?: string;
+        padding?: number[];
+        arrowMark?: boolean;
+    };
+};

package/cjs/ts-types/tooltip.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ts-types/tooltip.ts"],"names":[],"mappings":"","file":"tooltip.js","sourcesContent":["import type { RectProps } from './common';\nimport type { Placement } from './table-engine';\n\nexport type TooltipType = 'bubble-tooltip' | 'tooltip' | 'container';\n\n/** 显示弹出提示内容 */\nexport type TooltipOptions = {\n  /** tooltip内容 */\n  content: string;\n  /** tooltip框的位置 优先级高于referencePosition */\n  position?: { x: number; y: number };\n  /** tooltip框的参考位置 如果设置了position则该配置不生效 */\n  referencePosition?: {\n    /** 参考位置设置为一个矩形边界 设置placement来指定处于边界位置的方位*/\n    rect: RectProps;\n    /** 指定处于边界位置的方位  */\n    placement?: Placement;\n  };\n  /** 需要自定义样式指定className dom的tooltip生效 */\n  className?: string;\n  /** 设置tooltip的样式 */\n  style?: {\n    bgColor?: string;\n    font?: string;\n    color?: string;\n    padding?: number[];\n    arrowMark?: boolean;\n  };\n};\n"]}