@visactor/vtable 1.17.0-alpha.4 → 1.17.1-alpha.0

package/es/ts-types/list-table/define/index.d.ts

@@ -1,5 +1,5 @@
 import type { Either } from '../../../tools/helper';
-import type { ICompositeColumnBodyDefine } from './Composite-define';
+import type { ICompositeColumnBodyDefine } from './composite-define';
 import type { IChartColumnBodyDefine } from './chart-define';
 import type { ICheckboxColumnBodyDefine, ICheckboxHeaderDefine } from './checkbox-define';
 import type { IImageColumnBodyDefine, IImageHeaderDefine } from './image-define';
@@ -8,8 +8,10 @@ import type { ITextColumnBodyDefine, ITextHeaderDefine } from './multilinetext-d
 import type { IProgressbarColumnBodyDefine } from './progressbar-define';
 import type { ISparklineColumnBodyDefine } from './sparkline-define';
 import type { IRadioColumnBodyDefine } from './radio-define';
+import type { ISwitchColumnBodyDefine } from './switch-define';
+import type { IButtonColumnBodyDefine } from './button-define';
 export type HeaderDefine = IImageHeaderDefine | ILinkHeaderDefine | ICheckboxHeaderDefine | ITextHeaderDefine;
-export type ColumnBodyDefine = ILinkColumnBodyDefine | IImageColumnBodyDefine | ISparklineColumnBodyDefine | IProgressbarColumnBodyDefine | ICheckboxColumnBodyDefine | IRadioColumnBodyDefine | IChartColumnBodyDefine | ITextColumnBodyDefine;
+export type ColumnBodyDefine = ILinkColumnBodyDefine | IImageColumnBodyDefine | ISparklineColumnBodyDefine | IProgressbarColumnBodyDefine | ICheckboxColumnBodyDefine | IRadioColumnBodyDefine | IChartColumnBodyDefine | ITextColumnBodyDefine | ISwitchColumnBodyDefine | IButtonColumnBodyDefine;
 export type TextColumnDefine = ITextColumnBodyDefine & HeaderDefine;
 export type LinkColumnDefine = ILinkColumnBodyDefine & HeaderDefine;
 export type ImageColumnDefine = IImageColumnBodyDefine & HeaderDefine;
@@ -19,9 +21,11 @@ export type CheckboxColumnDefine = ICheckboxColumnBodyDefine & HeaderDefine;
 export type RadioColumnDefine = IRadioColumnBodyDefine & HeaderDefine;
 export type ChartColumnDefine = IChartColumnBodyDefine & HeaderDefine;
 export type CompositeColumnDefine = ICompositeColumnBodyDefine & HeaderDefine;
+export type SwitchColumnDefine = ISwitchColumnBodyDefine & HeaderDefine;
+export type ButtonColumnDefine = IButtonColumnBodyDefine & HeaderDefine;
 export type GroupColumnDefine = HeaderDefine & {
     columns: ColumnsDefine;
     hideColumnsSubHeader?: boolean;
 };
-export type ColumnDefine = Either<LinkColumnDefine | ImageColumnDefine | SparklineColumnDefine | ProgressbarColumnDefine | CheckboxColumnDefine | RadioColumnDefine | ChartColumnDefine | TextColumnDefine | CompositeColumnDefine, GroupColumnDefine>;
+export type ColumnDefine = Either<LinkColumnDefine | ImageColumnDefine | SparklineColumnDefine | ProgressbarColumnDefine | CheckboxColumnDefine | RadioColumnDefine | ChartColumnDefine | TextColumnDefine | CompositeColumnDefine | SwitchColumnDefine | ButtonColumnDefine, GroupColumnDefine>;
 export type ColumnsDefine = ColumnDefine[];

package/es/ts-types/list-table/define/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/list-table/define/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["import type { Either } from '../../../tools/helper';\nimport type { ICompositeColumnBodyDefine } from './Composite-define';\nimport type { IChartColumnBodyDefine } from './chart-define';\nimport type { ICheckboxColumnBodyDefine, ICheckboxHeaderDefine } from './checkbox-define';\nimport type { IImageColumnBodyDefine, IImageHeaderDefine } from './image-define';\nimport type { ILinkColumnBodyDefine, ILinkHeaderDefine } from './link-define';\nimport type { ITextColumnBodyDefine, ITextHeaderDefine } from './multilinetext-define';\nimport type { IProgressbarColumnBodyDefine } from './progressbar-define';\nimport type { ISparklineColumnBodyDefine } from './sparkline-define';\nimport type { IRadioColumnBodyDefine } from './radio-define';\n\nexport type HeaderDefine = IImageHeaderDefine | ILinkHeaderDefine | ICheckboxHeaderDefine | ITextHeaderDefine;\n\nexport type ColumnBodyDefine =\n  | ILinkColumnBodyDefine\n  | IImageColumnBodyDefine\n  | ISparklineColumnBodyDefine\n  | IProgressbarColumnBodyDefine\n  | ICheckboxColumnBodyDefine\n  | IRadioColumnBodyDefine\n  | IChartColumnBodyDefine\n  | ITextColumnBodyDefine;\nexport type TextColumnDefine = ITextColumnBodyDefine & HeaderDefine;\nexport type LinkColumnDefine = ILinkColumnBodyDefine & HeaderDefine;\nexport type ImageColumnDefine = IImageColumnBodyDefine & HeaderDefine;\nexport type SparklineColumnDefine = ISparklineColumnBodyDefine & HeaderDefine;\nexport type ProgressbarColumnDefine = IProgressbarColumnBodyDefine & HeaderDefine;\nexport type CheckboxColumnDefine = ICheckboxColumnBodyDefine & HeaderDefine;\nexport type RadioColumnDefine = IRadioColumnBodyDefine & HeaderDefine;\nexport type ChartColumnDefine = IChartColumnBodyDefine & HeaderDefine;\nexport type CompositeColumnDefine = ICompositeColumnBodyDefine & HeaderDefine;\n// export type GroupColumnDefine = IChartColumnBodyDefine & HeaderDefine;\nexport type GroupColumnDefine = HeaderDefine & {\n  columns: ColumnsDefine;\n  hideColumnsSubHeader?: boolean;\n};\nexport type ColumnDefine = Either<\n  | LinkColumnDefine\n  | ImageColumnDefine\n  | SparklineColumnDefine\n  | ProgressbarColumnDefine\n  | CheckboxColumnDefine\n  | RadioColumnDefine\n  | ChartColumnDefine\n  | TextColumnDefine\n  | CompositeColumnDefine,\n  GroupColumnDefine\n>;\n\n// export type ColumnDefine = HeaderDefine & ColumnBodyDefine;\n\nexport type ColumnsDefine = ColumnDefine[];\n"]}
+{"version":3,"sources":["../src/ts-types/list-table/define/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["import type { Either } from '../../../tools/helper';\nimport type { ICompositeColumnBodyDefine } from './composite-define';\nimport type { IChartColumnBodyDefine } from './chart-define';\nimport type { ICheckboxColumnBodyDefine, ICheckboxHeaderDefine } from './checkbox-define';\nimport type { IImageColumnBodyDefine, IImageHeaderDefine } from './image-define';\nimport type { ILinkColumnBodyDefine, ILinkHeaderDefine } from './link-define';\nimport type { ITextColumnBodyDefine, ITextHeaderDefine } from './multilinetext-define';\nimport type { IProgressbarColumnBodyDefine } from './progressbar-define';\nimport type { ISparklineColumnBodyDefine } from './sparkline-define';\nimport type { IRadioColumnBodyDefine } from './radio-define';\nimport type { ISwitchColumnBodyDefine } from './switch-define';\nimport type { IButtonColumnBodyDefine } from './button-define';\n\nexport type HeaderDefine = IImageHeaderDefine | ILinkHeaderDefine | ICheckboxHeaderDefine | ITextHeaderDefine;\n\nexport type ColumnBodyDefine =\n  | ILinkColumnBodyDefine\n  | IImageColumnBodyDefine\n  | ISparklineColumnBodyDefine\n  | IProgressbarColumnBodyDefine\n  | ICheckboxColumnBodyDefine\n  | IRadioColumnBodyDefine\n  | IChartColumnBodyDefine\n  | ITextColumnBodyDefine\n  | ISwitchColumnBodyDefine\n  | IButtonColumnBodyDefine;\nexport type TextColumnDefine = ITextColumnBodyDefine & HeaderDefine;\nexport type LinkColumnDefine = ILinkColumnBodyDefine & HeaderDefine;\nexport type ImageColumnDefine = IImageColumnBodyDefine & HeaderDefine;\nexport type SparklineColumnDefine = ISparklineColumnBodyDefine & HeaderDefine;\nexport type ProgressbarColumnDefine = IProgressbarColumnBodyDefine & HeaderDefine;\nexport type CheckboxColumnDefine = ICheckboxColumnBodyDefine & HeaderDefine;\nexport type RadioColumnDefine = IRadioColumnBodyDefine & HeaderDefine;\nexport type ChartColumnDefine = IChartColumnBodyDefine & HeaderDefine;\nexport type CompositeColumnDefine = ICompositeColumnBodyDefine & HeaderDefine;\nexport type SwitchColumnDefine = ISwitchColumnBodyDefine & HeaderDefine;\nexport type ButtonColumnDefine = IButtonColumnBodyDefine & HeaderDefine;\n// export type GroupColumnDefine = IChartColumnBodyDefine & HeaderDefine;\nexport type GroupColumnDefine = HeaderDefine & {\n  columns: ColumnsDefine;\n  hideColumnsSubHeader?: boolean;\n};\nexport type ColumnDefine = Either<\n  | LinkColumnDefine\n  | ImageColumnDefine\n  | SparklineColumnDefine\n  | ProgressbarColumnDefine\n  | CheckboxColumnDefine\n  | RadioColumnDefine\n  | ChartColumnDefine\n  | TextColumnDefine\n  | CompositeColumnDefine\n  | SwitchColumnDefine\n  | ButtonColumnDefine,\n  GroupColumnDefine\n>;\n\n// export type ColumnDefine = HeaderDefine & ColumnBodyDefine;\n\nexport type ColumnsDefine = ColumnDefine[];\n"]}

package/es/ts-types/list-table/define/switch-define.d.ts

@@ -0,0 +1,11 @@
+import type { SwitchStyleOption } from '../../column';
+import type { StylePropertyFunctionArg } from '../../style-define';
+import type { IBasicColumnBodyDefine } from './basic-define';
+export interface ISwitchColumnBodyDefine extends IBasicColumnBodyDefine {
+    style?: SwitchStyleOption | ((styleArg: StylePropertyFunctionArg) => SwitchStyleOption);
+    cellType: 'switch';
+    checked?: boolean | ((args: StylePropertyFunctionArg) => boolean);
+    disable?: boolean | ((args: StylePropertyFunctionArg) => boolean);
+    checkedText?: string | ((args: StylePropertyFunctionArg) => string);
+    uncheckedText?: string | ((args: StylePropertyFunctionArg) => string);
+}

package/es/ts-types/list-table/define/switch-define.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=switch-define.js.map

package/es/ts-types/list-table/define/switch-define.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/list-table/define/switch-define.ts"],"names":[],"mappings":"","file":"switch-define.js","sourcesContent":["import type { SwitchStyleOption } from '../../column';\nimport type { StylePropertyFunctionArg } from '../../style-define';\nimport type { IBasicColumnBodyDefine, IBasicHeaderDefine } from './basic-define';\n\n// export interface ISwitchHeaderDefine extends IBasicHeaderDefine {\n//   headerStyle?: SwitchStyleOption | ((styleArg: StylePropertyFunctionArg) => SwitchStyleOption);\n//   headerType: 'switch';\n//   checked?: boolean | ((args: StylePropertyFunctionArg) => boolean);\n//   disable?: boolean | ((args: StylePropertyFunctionArg) => boolean);\n//   checkedText?: string | ((args: StylePropertyFunctionArg) => string);\n//   uncheckedText?: string | ((args: StylePropertyFunctionArg) => string);\n// }\nexport interface ISwitchColumnBodyDefine extends IBasicColumnBodyDefine {\n  style?: SwitchStyleOption | ((styleArg: StylePropertyFunctionArg) => SwitchStyleOption);\n  cellType: 'switch';\n  checked?: boolean | ((args: StylePropertyFunctionArg) => boolean);\n  disable?: boolean | ((args: StylePropertyFunctionArg) => boolean);\n  checkedText?: string | ((args: StylePropertyFunctionArg) => string);\n  uncheckedText?: string | ((args: StylePropertyFunctionArg) => string);\n}\n"]}

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

@@ -13,7 +13,11 @@ export interface HeaderData extends WidthData {
     style?: HeaderStyleOption | ColumnStyle | null | undefined;
     headerType: 'text' | 'link' | 'image' | 'video' | 'checkbox';
     define: ColumnDefine;
-    dropDownMenu?: MenuListItem[];
+    dropDownMenu?: MenuListItem[] | ((args: {
+        row: number;
+        col: number;
+        table: BaseTableAPI;
+    }) => MenuListItem[]);
     pivotInfo?: PivotInfo;
     hierarchyLevel?: number;
     dimensionTotalLevel?: number;

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

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

package/es/ts-types/pivot-table/dimension/basic-dimension.d.ts

@@ -16,7 +16,11 @@ export interface IBasicDimension {
     maxWidth?: number | string;
     drillDown?: boolean;
     drillUp?: boolean;
-    dropDownMenu?: MenuListItem[];
+    dropDownMenu?: MenuListItem[] | ((args: {
+        row: number;
+        col: number;
+        table: BaseTableAPI;
+    }) => MenuListItem[]);
     cornerDropDownMenu?: MenuListItem[];
     sort?: SortOption;
     showSort?: boolean | ((args: {

package/es/ts-types/pivot-table/dimension/basic-dimension.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/pivot-table/dimension/basic-dimension.ts"],"names":[],"mappings":"","file":"basic-dimension.js","sourcesContent":["import type { ICustomRender, ICustomRenderFuc } from '../../customElement';\nimport type { ICustomLayout } from '../../customLayout';\nimport type { FieldFormat } from '../../table-engine';\nimport type { ColumnIconOption } from '../../icon';\nimport type { MenuListItem } from '../../menu';\nimport type { BaseCellInfo, CellInfo, SortOption } from '../../common';\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { BaseTableAPI } from '../../base-table';\n\nexport interface IBasicDimension {\n  /** 维度的唯一标识 对应数据集的字段名称 */\n  dimensionKey: string; //\n  /** 维度名称 角头可配置显示维度名称 */\n  title: string;\n  /** 维度值的format */\n  headerFormat?: FieldFormat;\n  /** 定义表头上的icon */\n  headerIcon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n  /** 维度作为行表头时起作用，表示该维度单元格的宽度 */\n  width?: number | string;\n  /** 维度作为行表头时起作用，表示该维度单元格的最小宽度 */\n  minWidth?: number | string;\n  /** 维度作为行表头时起作用，表示该维度单元格的最大宽度 */\n  maxWidth?: number | string;\n\n  // indicators?: IIndicator[]; //维度下的指标具体展示配置\n\n  /** 显示向下钻取图标 点击后会有对应事件 */\n  drillDown?: boolean;\n  /** 显示向上钻取图标 点击后会有对应事件 */\n  drillUp?: boolean;\n  /** 单元格显示下拉按钮及下拉菜单*/\n  dropDownMenu?: MenuListItem[];\n  /** 角头单元格显示下拉按钮及下拉菜单*/\n  cornerDropDownMenu?: MenuListItem[];\n  /** sort排序规则 */\n  sort?: SortOption;\n  /** 显示sort排序icon。为了仅仅显示图标，无排序逻辑 */\n  showSort?: boolean | ((args: { row: number; col: number; table: BaseTableAPI }) => boolean);\n  /** 在角头的维度名称单元格中是否显示排序 */\n  showSortInCorner?: boolean;\n  /** 是否可以拖拽表头换位置 */\n  dragHeader?: boolean;\n  /** 表头自定义渲染内容定义 */\n  headerCustomRender?: ICustomRender;\n  /** 表头自定义布局元素 */\n  headerCustomLayout?: ICustomLayout;\n\n  /**\n   * 描述信息 hover时提示信息\n   */\n  description?: string | ((args: CellInfo) => string);\n  /**\n   * 描述信息 hover时提示信息\n   */\n  cornerDescription?: string;\n\n  /** 该维度单元格不支持hover交互行为 */\n  disableHeaderHover?: boolean;\n  /** 该维度单元格不支持选中 */\n  disableHeaderSelect?: boolean;\n  /** 设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 定义角头维度名称对应的icon */\n  cornerHeaderIcon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n}\n"]}
+{"version":3,"sources":["../src/ts-types/pivot-table/dimension/basic-dimension.ts"],"names":[],"mappings":"","file":"basic-dimension.js","sourcesContent":["import type { ICustomRender, ICustomRenderFuc } from '../../customElement';\nimport type { ICustomLayout } from '../../customLayout';\nimport type { FieldFormat } from '../../table-engine';\nimport type { ColumnIconOption } from '../../icon';\nimport type { MenuListItem } from '../../menu';\nimport type { BaseCellInfo, CellInfo, SortOption } from '../../common';\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { BaseTableAPI } from '../../base-table';\n\nexport interface IBasicDimension {\n  /** 维度的唯一标识 对应数据集的字段名称 */\n  dimensionKey: string; //\n  /** 维度名称 角头可配置显示维度名称 */\n  title: string;\n  /** 维度值的format */\n  headerFormat?: FieldFormat;\n  /** 定义表头上的icon */\n  headerIcon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n  /** 维度作为行表头时起作用，表示该维度单元格的宽度 */\n  width?: number | string;\n  /** 维度作为行表头时起作用，表示该维度单元格的最小宽度 */\n  minWidth?: number | string;\n  /** 维度作为行表头时起作用，表示该维度单元格的最大宽度 */\n  maxWidth?: number | string;\n\n  // indicators?: IIndicator[]; //维度下的指标具体展示配置\n\n  /** 显示向下钻取图标 点击后会有对应事件 */\n  drillDown?: boolean;\n  /** 显示向上钻取图标 点击后会有对应事件 */\n  drillUp?: boolean;\n  /** 单元格显示下拉按钮及下拉菜单*/\n  dropDownMenu?: MenuListItem[] | ((args: { row: number; col: number; table: BaseTableAPI }) => MenuListItem[]);\n  /** 角头单元格显示下拉按钮及下拉菜单*/\n  cornerDropDownMenu?: MenuListItem[];\n  /** sort排序规则 */\n  sort?: SortOption;\n  /** 显示sort排序icon。为了仅仅显示图标，无排序逻辑 */\n  showSort?: boolean | ((args: { row: number; col: number; table: BaseTableAPI }) => boolean);\n  /** 在角头的维度名称单元格中是否显示排序 */\n  showSortInCorner?: boolean;\n  /** 是否可以拖拽表头换位置 */\n  dragHeader?: boolean;\n  /** 表头自定义渲染内容定义 */\n  headerCustomRender?: ICustomRender;\n  /** 表头自定义布局元素 */\n  headerCustomLayout?: ICustomLayout;\n\n  /**\n   * 描述信息 hover时提示信息\n   */\n  description?: string | ((args: CellInfo) => string);\n  /**\n   * 描述信息 hover时提示信息\n   */\n  cornerDescription?: string;\n\n  /** 该维度单元格不支持hover交互行为 */\n  disableHeaderHover?: boolean;\n  /** 该维度单元格不支持选中 */\n  disableHeaderSelect?: boolean;\n  /** 设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 定义角头维度名称对应的icon */\n  cornerHeaderIcon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n}\n"]}

package/es/ts-types/pivot-table/indicator/basic-indicator.d.ts

@@ -10,7 +10,11 @@ export interface IBasicHeaderIndicator {
     indicatorKey: string;
     title?: string;
     headerIcon?: (string | ColumnIconOption)[] | ((args: CellInfo) => (string | ColumnIconOption)[]);
-    dropDownMenu?: MenuListItem[];
+    dropDownMenu?: MenuListItem[] | ((args: {
+        row: number;
+        col: number;
+        table: BaseTableAPI;
+    }) => MenuListItem[]);
     sort?: boolean;
     showSort?: boolean | ((args: {
         row: number;

package/es/ts-types/pivot-table/indicator/basic-indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/pivot-table/indicator/basic-indicator.ts"],"names":[],"mappings":"","file":"basic-indicator.js","sourcesContent":["import type { ICustomRender } from '../../customElement';\nimport type { ICustomLayout } from '../../customLayout';\nimport type { FieldFormat } from '../../table-engine';\nimport type { ColumnIconOption } from '../../icon';\nimport type { MenuListItem } from '../../menu';\nimport type { BaseCellInfo, CellInfo, IDimensionInfo } from '../../common';\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { BaseTableAPI } from '../../base-table';\n\nexport interface IBasicHeaderIndicator {\n  // 单种指标属性配置\n  indicatorKey: string; // 指标的唯一标识 用处对应到具体数据查询阶段 flat数据\n  title?: string; // 指标名\n  // headerType?: HeaderTypeOption | null; //指标表头类型\n  // headerStyle?: HeaderStyleOption | null; //指标名称在表头部分显示类型\n  headerIcon?: (string | ColumnIconOption)[] | ((args: CellInfo) => (string | ColumnIconOption)[]);\n\n  // linkJump?: boolean;\n  // linkDetect?: boolean;\n  // templateLink?: string | FieldGetter;\n\n  // chartSpec?: any | ((arg0: CustomRenderFunctionArg) => any);\n  // chartModule?: string; // 如果配置了columnType未chart，chartType来指定图表组件类型 如'vchart' 需要从预先register的图表类型获取\n  // sparklineSpec?: SparklineSpec | ((arg0: CustomRenderFunctionArg) => SparklineSpec);\n\n  dropDownMenu?: MenuListItem[]; // 针对单独指标上配置下拉按钮\n  /** sort排序规则 */\n  sort?: boolean;\n  /** 显示sort排序icon。为了仅仅显示图标，无排序逻辑 */\n  showSort?: boolean | ((args: { row: number; col: number; table: BaseTableAPI }) => boolean);\n  disableColumnResize?: boolean; // 是否禁用调整列宽,如果是转置表格或者是透视表的指标是行方向指定 那该配置不生效\n  /** 指标隐藏 默认false */\n  hide?: boolean | ((args: { dimensionPaths: IDimensionInfo[]; table: BaseTableAPI }) => boolean);\n  /** 指标名称表头自定义渲染内容定义 */\n  headerCustomRender?: ICustomRender; // header单元格的自定义内容\n  /** 指标名称表头自定义布局元素 */\n  headerCustomLayout?: ICustomLayout;\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n\n  /** 该指标表头单元格不支持hover交互行为 */\n  disableHeaderHover?: boolean;\n  /** 该指标表头单元格不支持选中 */\n  disableHeaderSelect?: boolean;\n  /** 设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\nexport interface IBasicColumnIndicator {\n  width?: string | number;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n  format?: FieldFormat; // 指标值格式化\n  headerFormat?: FieldFormat; // 指标名称格式化\n  // cellType?: ColumnTypeOption | BaseColumn<any, any> | null; // body指标值显示类型\n  // style?: ColumnStyleOption | null; // body部分指标值显示样式\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  /** 指标值body单元格自定义渲染内容定义 */\n  customRender?: ICustomRender; // body单元格的自定义内容\n  /** 指标值body单元格自定义布局元素 */\n  customLayout?: ICustomLayout;\n\n  /** 该指标内容不支持hover交互行为 */\n  disableHover?: boolean;\n  /** 该指标内容不支持选中 */\n  disableSelect?: boolean | ((col: number, row: number, table: BaseTableAPI) => boolean);\n}\n"]}
+{"version":3,"sources":["../src/ts-types/pivot-table/indicator/basic-indicator.ts"],"names":[],"mappings":"","file":"basic-indicator.js","sourcesContent":["import type { ICustomRender } from '../../customElement';\nimport type { ICustomLayout } from '../../customLayout';\nimport type { FieldFormat } from '../../table-engine';\nimport type { ColumnIconOption } from '../../icon';\nimport type { MenuListItem } from '../../menu';\nimport type { BaseCellInfo, CellInfo, IDimensionInfo } from '../../common';\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { BaseTableAPI } from '../../base-table';\n\nexport interface IBasicHeaderIndicator {\n  // 单种指标属性配置\n  indicatorKey: string; // 指标的唯一标识 用处对应到具体数据查询阶段 flat数据\n  title?: string; // 指标名\n  // headerType?: HeaderTypeOption | null; //指标表头类型\n  // headerStyle?: HeaderStyleOption | null; //指标名称在表头部分显示类型\n  headerIcon?: (string | ColumnIconOption)[] | ((args: CellInfo) => (string | ColumnIconOption)[]);\n\n  // linkJump?: boolean;\n  // linkDetect?: boolean;\n  // templateLink?: string | FieldGetter;\n\n  // chartSpec?: any | ((arg0: CustomRenderFunctionArg) => any);\n  // chartModule?: string; // 如果配置了columnType未chart，chartType来指定图表组件类型 如'vchart' 需要从预先register的图表类型获取\n  // sparklineSpec?: SparklineSpec | ((arg0: CustomRenderFunctionArg) => SparklineSpec);\n\n  dropDownMenu?: MenuListItem[] | ((args: { row: number; col: number; table: BaseTableAPI }) => MenuListItem[]); // 针对单独指标上配置下拉按钮\n  /** sort排序规则 */\n  sort?: boolean;\n  /** 显示sort排序icon。为了仅仅显示图标，无排序逻辑 */\n  showSort?: boolean | ((args: { row: number; col: number; table: BaseTableAPI }) => boolean);\n  disableColumnResize?: boolean; // 是否禁用调整列宽,如果是转置表格或者是透视表的指标是行方向指定 那该配置不生效\n  /** 指标隐藏 默认false */\n  hide?: boolean | ((args: { dimensionPaths: IDimensionInfo[]; table: BaseTableAPI }) => boolean);\n  /** 指标名称表头自定义渲染内容定义 */\n  headerCustomRender?: ICustomRender; // header单元格的自定义内容\n  /** 指标名称表头自定义布局元素 */\n  headerCustomLayout?: ICustomLayout;\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n\n  /** 该指标表头单元格不支持hover交互行为 */\n  disableHeaderHover?: boolean;\n  /** 该指标表头单元格不支持选中 */\n  disableHeaderSelect?: boolean;\n  /** 设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\nexport interface IBasicColumnIndicator {\n  width?: string | number;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n  format?: FieldFormat; // 指标值格式化\n  headerFormat?: FieldFormat; // 指标名称格式化\n  // cellType?: ColumnTypeOption | BaseColumn<any, any> | null; // body指标值显示类型\n  // style?: ColumnStyleOption | null; // body部分指标值显示样式\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  /** 指标值body单元格自定义渲染内容定义 */\n  customRender?: ICustomRender; // body单元格的自定义内容\n  /** 指标值body单元格自定义布局元素 */\n  customLayout?: ICustomLayout;\n\n  /** 该指标内容不支持hover交互行为 */\n  disableHover?: boolean;\n  /** 该指标内容不支持选中 */\n  disableSelect?: boolean | ((col: number, row: number, table: BaseTableAPI) => boolean);\n}\n"]}

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

@@ -246,6 +246,10 @@ export interface PivotTableConstructorOptions extends BaseTableConstructorOption
     editCellTrigger?: 'doubleclick' | 'click' | 'api' | 'keydown' | ('doubleclick' | 'click' | 'api' | 'keydown')[];
     supplementIndicatorNodes?: boolean;
     parseCustomTreeToMatchRecords?: boolean;
+    resize?: {
+        columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';
+        rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';
+    } & BaseTableConstructorOptions['resize'];
 }
 export interface PivotChartConstructorOptions extends BaseTableConstructorOptions {
     records?: any[] | Record<string, any[]>;
@@ -265,6 +269,10 @@ export interface PivotChartConstructorOptions extends BaseTableConstructorOption
     rowHeaderTitle?: ITitleDefine;
     indicatorTitle?: string;
     axes?: ITableAxisOption[];
+    resize?: {
+        columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';
+        rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';
+    } & BaseTableConstructorOptions['resize'];
 }
 export interface PivotTableAPI extends BaseTableAPI {
     internalProps: PivotTableProtected;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/table-engine.ts"],"names":[],"mappings":"AA6iBA,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,8BAAiB,CAAA;IACjB,0BAAa,CAAA;IACb,4BAAe,CAAA;AACjB,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,uCAAqB,CAAA;IACrB,+BAAa,CAAA;IACb,qCAAmB,CAAA;AACrB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB","file":"table-engine.js","sourcesContent":["import type { RectProps, MaybePromiseOrUndefined, IDimensionInfo, SortOrder, BaseCellInfo, CellInfo } from './common';\nimport type { ColumnIconOption, 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, ListTableProtected, PivotTableProtected } from './base-table';\nimport type {\n  Aggregation,\n  AggregationType,\n  CustomAggregation,\n  FilterRules,\n  IPivotTableDataConfig,\n  SortType\n} from './new-data-set';\nimport type { Either } from '../tools/helper';\nimport type {\n  IChartIndicator,\n  IColumnDimension,\n  ICornerDefine,\n  IDimension,\n  IIndicator,\n  IRowDimension,\n  ITitleDefine\n} from './pivot-table';\n\nimport type { ColumnDefine, ColumnsDefine } from './list-table';\nimport type { ICellAxisOption, ITableAxisOption } from './component/axis';\n\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { ITextStyleOption } from '../body-helper/style';\nimport type { CachedDataSource, DataSource } from '../data';\nimport type { EditManager } from '../edit/edit-manager';\nimport type { ICustomRender } from './customElement';\nimport type { ICustomLayout } from './customLayout';\nimport type { ColorPropertyDefine, StylePropertyFunctionArg } from './style-define';\nimport type { TableTheme } from '../themes/theme';\n\nexport interface CellAddress {\n  col: number;\n  row: number;\n}\nexport interface CellAddressWithBound {\n  col: number;\n  row: number;\n  rect?: RectProps;\n  x?: number;\n  y?: number;\n}\nexport interface CellRange {\n  start: CellAddress;\n  end: CellAddress;\n}\n\nexport type FieldGetter = (record: any, col?: number, row?: number, table?: BaseTableAPI) => any;\nexport type FieldSetter = (record: any, value: any) => void;\nexport interface FieldAssessor {\n  get: FieldGetter;\n  set: FieldSetter;\n}\n\nexport type FieldDef = string | number | string[];\nexport type FieldKeyDef = string | number;\nexport type FieldFormat = FieldGetter | FieldAssessor;\n\nexport type FieldData = MaybePromiseOrUndefined;\n\nexport type WidthModeDef = 'standard' | 'adaptive' | 'autoWidth';\nexport type HeightModeDef = 'standard' | 'adaptive' | 'autoHeight';\nexport type WidthAdaptiveModeDef = 'only-body' | 'all';\nexport type HeightAdaptiveModeDef = 'only-body' | 'all';\nexport type ShowColumnRowType = 'column' | 'row' | 'none' | 'all';\n/** 单元格所处表格哪部分 */\nexport type CellLocation = 'body' | 'rowHeader' | 'columnHeader' | 'cornerHeader';\nexport type CellSubLocation =\n  | 'body'\n  | 'rowHeader'\n  | 'columnHeader'\n  | 'cornerHeader'\n  | 'bottomFrozen'\n  | 'rightFrozen'\n  | 'rightTopCorner'\n  | 'leftBottomCorner'\n  | 'rightBottomCorner'\n  | 'rowSeriesNumber'\n  | 'colSeriesNumber';\n\nexport interface SelectAllOnCtrlAOption {\n  disableHeaderSelect?: boolean;\n  disableRowSeriesNumberSelect?: boolean;\n}\n\nexport interface TableKeyboardOptions {\n  /** tab键 默认为true。开启tab键移动选中单元格，如果当前是在编辑单元格 则移动到下一个单元格也是编辑状态 */\n  moveFocusCellOnTab?: boolean;\n  /** enter键 默认true 如果选中单元格按下enter键进入单元格编辑*/\n  editCellOnEnter?: boolean;\n  /** enter键 默认fasle 按下enter键选择下一个单元格。和editCellOnEnter互斥，同设置为true优先级高于editCellOnEnter */\n  moveFocusCellOnEnter?: boolean;\n  /** 默认不开启即false。开启这个配置的话，如果当前是在编辑中的单元格，方向键可以移动到下个单元格并进入编辑状态，而不是编辑文本内字符串的光标移动。上下左右方向键切换选中单元格不受该配置影响，*/\n  moveEditCellOnArrowKeys?: boolean;\n  /** 开启快捷键全选 默认：false */\n  selectAllOnCtrlA?: boolean | SelectAllOnCtrlAOption;\n  /** 快捷键复制  默认：false*/\n  copySelected?: boolean; //这个copy是和浏览器的快捷键一致的\n  /** 快捷键粘贴，默认：false 。粘贴内容到指定位置（即粘贴前要有选中的单元格）；支持批量粘贴；粘贴生效仅针对配置了编辑 editor 的单元格；*/\n  pasteValueToCell?: boolean; //paste是和浏览器的快捷键一致的\n  /** 方向键是否可以更改选中单元格位置，默认：true */\n  moveSelectedCellOnArrowKeys?: boolean;\n  /** 是否启用ctrl多选框 */\n  ctrlMultiSelect?: boolean;\n}\nexport interface TableEventOptions {\n  /** 是否阻止右键的默认行为， 默认为true。*/\n  preventDefaultContextMenu?: boolean;\n}\n\nexport interface IRowSeriesNumber {\n  width?: number | 'auto';\n  // align?: 'left' | 'right';\n  // span?: number | 'dependOnNear';\n  title?: string;\n  // field?: FieldDef;\n  format?: (col?: number, row?: number, table?: BaseTableAPI) => any;\n  cellType?: 'text' | 'link' | 'image' | 'video' | 'checkbox';\n  style?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);\n  headerStyle?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);\n  headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n  // /** 选中整行或者全选时 是否包括序号部分 */\n  // selectRangeInclude?: boolean;\n  /** 是否可拖拽顺序 */\n  dragOrder?: boolean;\n  /** 是否禁止列宽调整 */\n  disableColumnResize?: boolean;\n\n  /** 是否开启树形结构复选框 */\n  enableTreeCheckbox?: boolean;\n  customLayout?: ICustomLayout;\n  headerCustomLayout?: ICustomLayout;\n}\n\nexport interface ColumnSeriesNumber {\n  enable: boolean;\n  align?: 'top' | 'bottom';\n  span?: number | 'dependOnNear';\n  title?: string;\n  field?: FieldDef;\n  format?: (col?: number, row?: number, table?: BaseTableAPI) => any;\n  cellType?: 'text' | 'link' | 'image' | 'video' | 'checkbox';\n  style?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);\n  headerStyle?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n  /** 选中整行或者全选时 是否包括序号部分 */\n  selectRangeInclude?: boolean;\n  /** 是否可拖拽顺序 */\n  dragOrder?: boolean;\n  /** 是否显示调换顺序的图标 */\n  showDragOrderIcon?: boolean;\n}\nexport interface DataSourceAPI {\n  clearCurrentIndexedData: () => void;\n  length: number;\n  get: (index: number) => MaybePromiseOrUndefined;\n  getField: <F extends FieldDef>(index: number, field: F, col: number, row: number, table: BaseTableAPI) => FieldData;\n  hasField: (index: number, field: FieldDef) => boolean;\n  sort: (rules: Array<SortState>) => void;\n  clearSortedMap: () => void;\n  updatePagination: (pagination: IPagination) => void;\n  getIndexKey: (index: number) => number | number[];\n  /** 数据是否为树形结构 且可以展开收起 */\n  hierarchyExpandLevel: number;\n\n  getGroupLength?: () => number;\n}\n\nexport interface SortState {\n  /** 排序依据字段 */\n  field: FieldDef;\n  /** 排序规则 */\n  order: SortOrder;\n  orderFn?: (a: any, b: any, order: string) => -1 | 0 | 1;\n}\nexport interface PivotSortState {\n  col: number;\n  row: number;\n  order: SortType;\n}\n\n/**\n * 分页配置\n */\nexport interface IPagination {\n  /** 数据总条数 透视表中这个数据会自动加上 不需用户传入*/\n  totalCount?: number;\n  /** 每页显示数据条数  */\n  perPageCount: number;\n  /** 当前页码 */\n  currentPage?: number;\n}\nexport type HeaderValues = Map<any, any>;\nexport interface ListTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /**\n   * 传入用户实例化的数据对象\n   */\n  dataSource?: CachedDataSource | DataSource;\n  /**\n   * 是否显示表头\n   */\n  showHeader?: boolean;\n  /**\n   * Simple header property\n   */\n  columns?: ColumnsDefine; //请不要再这个上面修改配置,这里相当于是一个原始值备份，有一个内部专用的protectspace.columns\n  /**\n   *@deprecated 已废弃 请使用columns\n   */\n  header?: ColumnsDefine;\n\n  transpose?: boolean; //是否转置\n  /**\n   * 展示为tree的列 层级缩进值\n   */\n  hierarchyIndent?: number;\n  /** 展开层数 默认为1只显示根节点*/\n  hierarchyExpandLevel?: number;\n  /** 同层级的结点是否按文字对齐 如没有收起展开图标的节点和有图标的节点文字对齐 默认false */\n  hierarchyTextStartAlignment?: boolean;\n  /** 分页配置 */\n  pagination?: IPagination;\n\n  /**\n   * 排序状态\n   */\n  sortState?: SortState | SortState[];\n  multipleSort?: boolean;\n\n  /** 全局设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 全局设置编辑器 */\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 编辑触发时机 双击事件  单击事件 api手动开启编辑 或者 鼠标按下新值即可开启编辑。默认为双击'doubleclick' */\n  editCellTrigger?: 'doubleclick' | 'click' | 'api' | 'keydown' | ('doubleclick' | 'click' | 'api' | 'keydown')[];\n  /** 拖拽表头移动位置 针对冻结部分的规则  默认为fixedFrozenCount\n   * \"disabled\"（禁止调整冻结列位置）：不允许其他列的表头移入冻结列，也不允许冻结列移出，冻结列保持不变。\n   * \"adjustFrozenCount\"（根据交互结果调整冻结数量）：允许其他列的表头移入冻结列，及冻结列移出，并根据拖拽的动作调整冻结列的数量。当其他列的表头被拖拽进入冻结列位置时，冻结列数量增加；当其他列的表头被拖拽移出冻结列位置时，冻结列数量减少。\n   * \"fixedFrozenCount\"（可调整冻结列，并维持冻结数量不变）：允许自由拖拽其他列的表头移入或移出冻结列位置，同时保持冻结列的数量不变。\n   */\n  frozenColDragHeaderMode?: 'disabled' | 'adjustFrozenCount' | 'fixedFrozenCount';\n  aggregation?:\n    | Aggregation\n    | CustomAggregation\n    | (Aggregation | CustomAggregation)[]\n    | ((args: {\n        col: number;\n        field: string;\n      }) => Aggregation | CustomAggregation | (Aggregation | CustomAggregation)[] | null);\n\n  enableTreeNodeMerge?: boolean;\n  groupBy?: GroupByOption;\n  groupTitleCustomLayout?: ICustomLayout;\n  groupTitleFieldFormat?: (record: any, col?: number, row?: number, table?: BaseTableAPI) => string;\n  enableTreeStickCell?: boolean;\n\n  columnWidthConfig?: { key: string; width: number }[];\n}\n\nexport type GroupByOption = string | string[] | GroupConfig | GroupConfig[];\n\nexport type GroupConfig = {\n  key: string;\n  sort?: SortOrder;\n};\n\nexport interface ListTableAPI extends BaseTableAPI {\n  transpose: boolean;\n  options: ListTableConstructorOptions;\n  editorManager: EditManager;\n  sortState: SortState[] | SortState | null;\n  // /** 数据分析相关配置  */\n  // dataConfig?: IListTableDataConfig;\n  internalProps: ListTableProtected;\n  isListTable: () => true;\n  isPivotTable: () => false;\n  /** 设置单元格的value值，注意对应的是源数据的原始值，vtable实例records会做对应修改 */\n  changeCellValue: (col: number, row: number, value: string | number | null, workOnEditableCell?: boolean) => void;\n  /**\n   * 批量更新多个单元格的数据\n   * @param col 粘贴数据的起始列号\n   * @param row 粘贴数据的起始行号\n   * @param values 多个单元格的数据数组\n   * @param workOnEditableCell 是否仅更改可编辑单元格\n   */\n  changeCellValues: (col: number, row: number, values: (string | number)[][], workOnEditableCell?: boolean) => void;\n  getFieldData: (field: FieldDef | FieldFormat | undefined, col: number, row: number) => FieldData;\n  //#region 编辑器相关demo\n  /** 获取单元格配置的编辑器 */\n  getEditor: (col: number, row: number) => IEditor;\n  /**\n   * 开启单元格编辑\n   * @param col\n   * @param row\n   * @param value 如果想要改变显示到编辑框中的值 可以value来设置改变\n   * @returns\n   */\n  startEditCell: (col?: number, row?: number, value?: string | number) => void;\n  /** 结束编辑 */\n  completeEditCell: () => void;\n  //#endregion\n  addRecord: (record: any, recordIndex?: number) => void;\n  addRecords: (records: any[], recordIndex?: number) => void;\n  deleteRecords: (recordIndexs: number[]) => void;\n  updateRecords: (records: any[], recordIndexs: (number | number[])[]) => void;\n  updateFilterRules: (filterRules: FilterRules) => void;\n  getAggregateValuesByField: (field: string | number) => {\n    col: number;\n    aggregateValue: { aggregationType: AggregationType; value: number | string }[];\n  }[];\n  /**\n   * 根据数据的索引获取应该显示在body的第几行  参数和返回值的索引均从0开始\n   * @param  {number} index The record index.\n   */\n  getBodyRowIndexByRecordIndex: (index: number | number[]) => number;\n\n  _parseColumnWidthConfig: (columnWidthConfig: { key: string; width: number }[]) => void;\n  _hasHierarchyTreeHeader: () => boolean;\n}\nexport interface PivotTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /**\n   * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 设置排序状态，只对应按钮展示效果 无数据排序逻辑 */\n  pivotSortState?: {\n    dimensions: IDimensionInfo[];\n    order: SortOrder;\n  }[];\n  columnWidthConfig?: {\n    dimensions: IDimensionInfo[];\n    width: number;\n  }[];\n  columnWidthConfigForRowHeader?: {\n    dimensions: IDimensionInfo[];\n    width: number;\n  }[];\n\n  //#region layout中挪到外层的属性\n  /**层级维度结构显示形式 */\n  rowHierarchyType?: 'grid' | 'tree' | 'grid-tree';\n  columnHierarchyType?: 'grid' | 'grid-tree';\n  /**展开层数 */\n  rowExpandLevel?: number;\n  /**展开层数 */\n  columnExpandLevel?: number;\n  /**子层级维度缩进距离 */\n  rowHierarchyIndent?: number;\n  /** 同层级的结点是否按文字对齐 如没有收起展开图标的节点和有图标的节点文字对齐 默认false */\n  rowHierarchyTextStartAlignment?: boolean;\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n\n  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 指标在具体维度展示的层级顺序，从0开始 ———有数据分析的透视表才需要配置这个 */\n  indicatorIndex?: number;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 指标维度key 注意非具体指标key 数据分析的透视表才需要配置这个 */\n  // indicatorDimensionKey?: string;\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  //#endregion\n  /** 数据分析相关配置 */\n  dataConfig?: IPivotTableDataConfig;\n\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n  /** 分页配置 */\n  pagination?: IPagination;\n\n  extensionRows?: IExtensionRowDefine[];\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 全局设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n\n  /** 编辑触发时机 双击事件  单击事件 api手动开启编辑 或者 鼠标按下新值即可开启编辑。默认为双击'doubleclick' */\n  editCellTrigger?: 'doubleclick' | 'click' | 'api' | 'keydown' | ('doubleclick' | 'click' | 'api' | 'keydown')[];\n  /** 是否需要补充指标节点到对应的自定义表头中如rowTree或者columnTree. 默认为true */\n  supplementIndicatorNodes?: boolean;\n  /** 如果配置了rowTree 或者 columnTree 且是非规则的树结构，即树的同一层存在不同维度的维度值时，为了去匹配对应的数据，需要开启该配置 */\n  parseCustomTreeToMatchRecords?: boolean;\n}\nexport interface PivotChartConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合, 平坦数据集合。另外一种特殊方式是传入分组后的数据，分组依据为指标\n   */\n  records?: any[] | Record<string, any[]>;\n  /**\n   * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IChartIndicator | string)[]; // (string | IIndicator)[];\n\n  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n\n  axes?: ITableAxisOption[];\n}\nexport interface PivotTableAPI extends BaseTableAPI {\n  internalProps: PivotTableProtected;\n  records?: any;\n  options: PivotTableConstructorOptions;\n  editorManager: EditManager;\n  // internalProps: PivotTableProtected;\n  pivotSortState: {\n    dimensions: IDimensionInfo[];\n    order: SortOrder;\n  }[];\n  isListTable: () => false;\n  isPivotTable: () => true;\n  getPivotSortState: (col: number, row: number) => SortOrder;\n  toggleHierarchyState: (col: number, row: number) => void;\n  /** 设置单元格的value值，注意对应的是源数据的原始值，vtable实例records会做对应修改 */\n  changeCellValue: (col: number, row: number, value: string | number | null, workOnEditableCell: boolean) => void;\n  /**\n   * 批量更新多个单元格的数据\n   * @param col 粘贴数据的起始列号\n   * @param row 粘贴数据的起始行号\n   * @param values 多个单元格的数据数组\n   */\n  changeCellValues: (col: number, row: number, values: (string | number)[][], workOnEditableCell: boolean) => void;\n  _parseColumnWidthConfig: (columnWidthConfig: { dimensions: IDimensionInfo[]; width: string | number }[]) => void;\n  _parseColumnWidthConfigForRowHeader: (\n    columnWidthConfig: { dimensions: IDimensionInfo[]; width: string | number }[]\n  ) => void;\n}\nexport interface PivotChartAPI extends BaseTableAPI {\n  records?: any | Record<string, any[]>;\n  options: PivotChartConstructorOptions;\n  // internalProps: PivotTableProtected;\n  isListTable: () => false;\n  isPivotTable: () => true;\n}\nexport type SetPasteValueTestData = CellAddress & {\n  table: BaseTableAPI;\n  record: any;\n  value: string;\n\n  oldValue: any;\n};\n\nexport interface InlineAPI {\n  width: (arg: { ctx: CanvasRenderingContext2D }) => number;\n  font: () => string | null;\n  color: () => string | null;\n  canDraw: () => boolean;\n  onReady: (callback: Function) => void;\n\n  draw: (opt: any) => void;\n  canBreak: () => boolean;\n}\n\nexport interface CellContext {\n  readonly col: number;\n  readonly row: number;\n  /**format之后的值 */\n  readonly value: FieldData;\n  /**原始值 */\n  readonly dataValue: FieldData;\n  showIcon?: SvgIcon;\n  getContext: () => CanvasRenderingContext2D;\n  toCurrentContext: () => CellContext;\n  getDrawRect: () => RectProps | null;\n  getRect: () => RectProps;\n  setRectFilter: (rectFilter: (base: RectProps) => RectProps) => void;\n  updateRect: (rect: Rect | RectProps) => void;\n  updateDrawRect: (rect: Rect | RectProps) => void;\n}\n\nexport enum Placement {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right'\n}\n\nexport enum HierarchyState {\n  expand = 'expand',\n  collapse = 'collapse',\n  none = 'none',\n  loading = 'loading'\n}\nexport type IHeaderTreeDefine = Either<IDimensionHeaderNode, IIndicatorHeaderNode>;\nexport interface IIndicatorHeaderNode {\n  /**\n   * 指标的key值 对应数据集的字段名\n   */\n  indicatorKey: string | number;\n  /**\n   * 指标名称 如：“销售额”，“例如”， 对应到单元格显示的值。可不填，不填的话 从indicators的对应配置中取值显示\n   */\n  value?: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | null;\n  //跨单元格合并显示该维度值，默认是1。如果表头层数最大是5，那么最末级剩下多大就合并多大层数的单元格\n  levelSpan?: number;\n  /** 隐藏该指标。 但内部聚合逻辑是正常执行的 */\n  hide?: boolean;\n}\nexport interface IDimensionHeaderNode {\n  /**\n   * 维度的唯一标识，对应数据集的字段名称\n   */\n  dimensionKey: string | number;\n  /** 维度成员值 */\n  value: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | true;\n  /** 折叠状态 TODO */\n  hierarchyState?: HierarchyState;\n  /** 是否为虚拟节点 在基于records数据做分析时忽略该维度字段 */\n  virtual?: boolean;\n  /** 跨单元格合并显示该维度值，默认是1。如果表头层数最大是5，那么最末级剩下多大就合并多大层数的单元格 */\n  levelSpan?: number;\n}\n\nexport interface IExtensionRowDefine {\n  rows: (IRowDimension | string)[];\n  rowTree: IHeaderTreeDefine[] | ((args: { dimensionKey: string | number; value: string }[]) => IHeaderTreeDefine[]);\n}\n\nexport type StickCell = { col: number; row: number; dx: number; dy: number };\n\nexport type CustomMergeCell = CustomMergeCellFunc | CustomMergeCellArray;\n\nexport type CustomMergeCellFunc = (col: number, row: number, table: BaseTableAPI) => undefined | CustomMerge;\nexport type CustomMergeCellArray = CustomMerge[];\nexport type CustomMerge = {\n  range: CellRange;\n  text?: string;\n  style?: ITextStyleOption;\n  customLayout?: ICustomLayout;\n  customRender?: ICustomRender;\n};\n\nexport type ColumnInfo = { col: number; left: number; right: number; width: number };\nexport type RowInfo = { row: number; top: number; bottom: number; height: number };\n"]}
+{"version":3,"sources":["../src/ts-types/table-engine.ts"],"names":[],"mappings":"AAmkBA,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,8BAAiB,CAAA;IACjB,0BAAa,CAAA;IACb,4BAAe,CAAA;AACjB,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,uCAAqB,CAAA;IACrB,+BAAa,CAAA;IACb,qCAAmB,CAAA;AACrB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB","file":"table-engine.js","sourcesContent":["import type { RectProps, MaybePromiseOrUndefined, IDimensionInfo, SortOrder, BaseCellInfo, CellInfo } from './common';\nimport type { ColumnIconOption, 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, ListTableProtected, PivotTableProtected } from './base-table';\nimport type {\n  Aggregation,\n  AggregationType,\n  CustomAggregation,\n  FilterRules,\n  IPivotTableDataConfig,\n  SortType\n} from './new-data-set';\nimport type { Either } from '../tools/helper';\nimport type {\n  IChartIndicator,\n  IColumnDimension,\n  ICornerDefine,\n  IDimension,\n  IIndicator,\n  IRowDimension,\n  ITitleDefine\n} from './pivot-table';\n\nimport type { ColumnDefine, ColumnsDefine } from './list-table';\nimport type { ICellAxisOption, ITableAxisOption } from './component/axis';\n\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { ITextStyleOption } from '../body-helper/style';\nimport type { CachedDataSource, DataSource } from '../data';\nimport type { EditManager } from '../edit/edit-manager';\nimport type { ICustomRender } from './customElement';\nimport type { ICustomLayout } from './customLayout';\nimport type { ColorPropertyDefine, StylePropertyFunctionArg } from './style-define';\nimport type { TableTheme } from '../themes/theme';\n\nexport interface CellAddress {\n  col: number;\n  row: number;\n}\nexport interface CellAddressWithBound {\n  col: number;\n  row: number;\n  rect?: RectProps;\n  x?: number;\n  y?: number;\n}\nexport interface CellRange {\n  start: CellAddress;\n  end: CellAddress;\n}\n\nexport type FieldGetter = (record: any, col?: number, row?: number, table?: BaseTableAPI) => any;\nexport type FieldSetter = (record: any, value: any) => void;\nexport interface FieldAssessor {\n  get: FieldGetter;\n  set: FieldSetter;\n}\n\nexport type FieldDef = string | number | string[];\nexport type FieldKeyDef = string | number;\nexport type FieldFormat = FieldGetter | FieldAssessor;\n\nexport type FieldData = MaybePromiseOrUndefined;\n\nexport type WidthModeDef = 'standard' | 'adaptive' | 'autoWidth';\nexport type HeightModeDef = 'standard' | 'adaptive' | 'autoHeight';\nexport type WidthAdaptiveModeDef = 'only-body' | 'all';\nexport type HeightAdaptiveModeDef = 'only-body' | 'all';\nexport type ShowColumnRowType = 'column' | 'row' | 'none' | 'all';\n/** 单元格所处表格哪部分 */\nexport type CellLocation = 'body' | 'rowHeader' | 'columnHeader' | 'cornerHeader';\nexport type CellSubLocation =\n  | 'body'\n  | 'rowHeader'\n  | 'columnHeader'\n  | 'cornerHeader'\n  | 'bottomFrozen'\n  | 'rightFrozen'\n  | 'rightTopCorner'\n  | 'leftBottomCorner'\n  | 'rightBottomCorner'\n  | 'rowSeriesNumber'\n  | 'colSeriesNumber';\n\nexport interface SelectAllOnCtrlAOption {\n  disableHeaderSelect?: boolean;\n  disableRowSeriesNumberSelect?: boolean;\n}\n\nexport interface TableKeyboardOptions {\n  /** tab键 默认为true。开启tab键移动选中单元格，如果当前是在编辑单元格 则移动到下一个单元格也是编辑状态 */\n  moveFocusCellOnTab?: boolean;\n  /** enter键 默认true 如果选中单元格按下enter键进入单元格编辑*/\n  editCellOnEnter?: boolean;\n  /** enter键 默认fasle 按下enter键选择下一个单元格。和editCellOnEnter互斥，同设置为true优先级高于editCellOnEnter */\n  moveFocusCellOnEnter?: boolean;\n  /** 默认不开启即false。开启这个配置的话，如果当前是在编辑中的单元格，方向键可以移动到下个单元格并进入编辑状态，而不是编辑文本内字符串的光标移动。上下左右方向键切换选中单元格不受该配置影响，*/\n  moveEditCellOnArrowKeys?: boolean;\n  /** 开启快捷键全选 默认：false */\n  selectAllOnCtrlA?: boolean | SelectAllOnCtrlAOption;\n  /** 快捷键复制  默认：false*/\n  copySelected?: boolean; //这个copy是和浏览器的快捷键一致的\n  /** 快捷键粘贴，默认：false 。粘贴内容到指定位置（即粘贴前要有选中的单元格）；支持批量粘贴；粘贴生效仅针对配置了编辑 editor 的单元格；*/\n  pasteValueToCell?: boolean; //paste是和浏览器的快捷键一致的\n  /** 方向键是否可以更改选中单元格位置，默认：true */\n  moveSelectedCellOnArrowKeys?: boolean;\n  /** 是否启用ctrl多选框 */\n  ctrlMultiSelect?: boolean;\n}\nexport interface TableEventOptions {\n  /** 是否阻止右键的默认行为， 默认为true。*/\n  preventDefaultContextMenu?: boolean;\n}\n\nexport interface IRowSeriesNumber {\n  width?: number | 'auto';\n  // align?: 'left' | 'right';\n  // span?: number | 'dependOnNear';\n  title?: string;\n  // field?: FieldDef;\n  format?: (col?: number, row?: number, table?: BaseTableAPI) => any;\n  cellType?: 'text' | 'link' | 'image' | 'video' | 'checkbox';\n  style?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);\n  headerStyle?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);\n  headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n  // /** 选中整行或者全选时 是否包括序号部分 */\n  // selectRangeInclude?: boolean;\n  /** 是否可拖拽顺序 */\n  dragOrder?: boolean;\n  /** 是否禁止列宽调整 */\n  disableColumnResize?: boolean;\n\n  /** 是否开启树形结构复选框 */\n  enableTreeCheckbox?: boolean;\n  customLayout?: ICustomLayout;\n  headerCustomLayout?: ICustomLayout;\n}\n\nexport interface ColumnSeriesNumber {\n  enable: boolean;\n  align?: 'top' | 'bottom';\n  span?: number | 'dependOnNear';\n  title?: string;\n  field?: FieldDef;\n  format?: (col?: number, row?: number, table?: BaseTableAPI) => any;\n  cellType?: 'text' | 'link' | 'image' | 'video' | 'checkbox';\n  style?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);\n  headerStyle?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);\n  icon?:\n    | string\n    | ColumnIconOption\n    | (string | ColumnIconOption)[]\n    | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n  /** 选中整行或者全选时 是否包括序号部分 */\n  selectRangeInclude?: boolean;\n  /** 是否可拖拽顺序 */\n  dragOrder?: boolean;\n  /** 是否显示调换顺序的图标 */\n  showDragOrderIcon?: boolean;\n}\nexport interface DataSourceAPI {\n  clearCurrentIndexedData: () => void;\n  length: number;\n  get: (index: number) => MaybePromiseOrUndefined;\n  getField: <F extends FieldDef>(index: number, field: F, col: number, row: number, table: BaseTableAPI) => FieldData;\n  hasField: (index: number, field: FieldDef) => boolean;\n  sort: (rules: Array<SortState>) => void;\n  clearSortedMap: () => void;\n  updatePagination: (pagination: IPagination) => void;\n  getIndexKey: (index: number) => number | number[];\n  /** 数据是否为树形结构 且可以展开收起 */\n  hierarchyExpandLevel: number;\n\n  getGroupLength?: () => number;\n}\n\nexport interface SortState {\n  /** 排序依据字段 */\n  field: FieldDef;\n  /** 排序规则 */\n  order: SortOrder;\n  orderFn?: (a: any, b: any, order: string) => -1 | 0 | 1;\n}\nexport interface PivotSortState {\n  col: number;\n  row: number;\n  order: SortType;\n}\n\n/**\n * 分页配置\n */\nexport interface IPagination {\n  /** 数据总条数 透视表中这个数据会自动加上 不需用户传入*/\n  totalCount?: number;\n  /** 每页显示数据条数  */\n  perPageCount: number;\n  /** 当前页码 */\n  currentPage?: number;\n}\nexport type HeaderValues = Map<any, any>;\nexport interface ListTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /**\n   * 传入用户实例化的数据对象\n   */\n  dataSource?: CachedDataSource | DataSource;\n  /**\n   * 是否显示表头\n   */\n  showHeader?: boolean;\n  /**\n   * Simple header property\n   */\n  columns?: ColumnsDefine; //请不要再这个上面修改配置,这里相当于是一个原始值备份，有一个内部专用的protectspace.columns\n  /**\n   *@deprecated 已废弃 请使用columns\n   */\n  header?: ColumnsDefine;\n\n  transpose?: boolean; //是否转置\n  /**\n   * 展示为tree的列 层级缩进值\n   */\n  hierarchyIndent?: number;\n  /** 展开层数 默认为1只显示根节点*/\n  hierarchyExpandLevel?: number;\n  /** 同层级的结点是否按文字对齐 如没有收起展开图标的节点和有图标的节点文字对齐 默认false */\n  hierarchyTextStartAlignment?: boolean;\n  /** 分页配置 */\n  pagination?: IPagination;\n\n  /**\n   * 排序状态\n   */\n  sortState?: SortState | SortState[];\n  multipleSort?: boolean;\n\n  /** 全局设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 全局设置编辑器 */\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 编辑触发时机 双击事件  单击事件 api手动开启编辑 或者 鼠标按下新值即可开启编辑。默认为双击'doubleclick' */\n  editCellTrigger?: 'doubleclick' | 'click' | 'api' | 'keydown' | ('doubleclick' | 'click' | 'api' | 'keydown')[];\n  /** 拖拽表头移动位置 针对冻结部分的规则  默认为fixedFrozenCount\n   * \"disabled\"（禁止调整冻结列位置）：不允许其他列的表头移入冻结列，也不允许冻结列移出，冻结列保持不变。\n   * \"adjustFrozenCount\"（根据交互结果调整冻结数量）：允许其他列的表头移入冻结列，及冻结列移出，并根据拖拽的动作调整冻结列的数量。当其他列的表头被拖拽进入冻结列位置时，冻结列数量增加；当其他列的表头被拖拽移出冻结列位置时，冻结列数量减少。\n   * \"fixedFrozenCount\"（可调整冻结列，并维持冻结数量不变）：允许自由拖拽其他列的表头移入或移出冻结列位置，同时保持冻结列的数量不变。\n   */\n  frozenColDragHeaderMode?: 'disabled' | 'adjustFrozenCount' | 'fixedFrozenCount';\n  aggregation?:\n    | Aggregation\n    | CustomAggregation\n    | (Aggregation | CustomAggregation)[]\n    | ((args: {\n        col: number;\n        field: string;\n      }) => Aggregation | CustomAggregation | (Aggregation | CustomAggregation)[] | null);\n\n  enableTreeNodeMerge?: boolean;\n  groupBy?: GroupByOption;\n  groupTitleCustomLayout?: ICustomLayout;\n  groupTitleFieldFormat?: (record: any, col?: number, row?: number, table?: BaseTableAPI) => string;\n  enableTreeStickCell?: boolean;\n\n  columnWidthConfig?: { key: string; width: number }[];\n}\n\nexport type GroupByOption = string | string[] | GroupConfig | GroupConfig[];\n\nexport type GroupConfig = {\n  key: string;\n  sort?: SortOrder;\n};\n\nexport interface ListTableAPI extends BaseTableAPI {\n  transpose: boolean;\n  options: ListTableConstructorOptions;\n  editorManager: EditManager;\n  sortState: SortState[] | SortState | null;\n  // /** 数据分析相关配置  */\n  // dataConfig?: IListTableDataConfig;\n  internalProps: ListTableProtected;\n  isListTable: () => true;\n  isPivotTable: () => false;\n  /** 设置单元格的value值，注意对应的是源数据的原始值，vtable实例records会做对应修改 */\n  changeCellValue: (col: number, row: number, value: string | number | null, workOnEditableCell?: boolean) => void;\n  /**\n   * 批量更新多个单元格的数据\n   * @param col 粘贴数据的起始列号\n   * @param row 粘贴数据的起始行号\n   * @param values 多个单元格的数据数组\n   * @param workOnEditableCell 是否仅更改可编辑单元格\n   */\n  changeCellValues: (col: number, row: number, values: (string | number)[][], workOnEditableCell?: boolean) => void;\n  getFieldData: (field: FieldDef | FieldFormat | undefined, col: number, row: number) => FieldData;\n  //#region 编辑器相关demo\n  /** 获取单元格配置的编辑器 */\n  getEditor: (col: number, row: number) => IEditor;\n  /**\n   * 开启单元格编辑\n   * @param col\n   * @param row\n   * @param value 如果想要改变显示到编辑框中的值 可以value来设置改变\n   * @returns\n   */\n  startEditCell: (col?: number, row?: number, value?: string | number) => void;\n  /** 结束编辑 */\n  completeEditCell: () => void;\n  //#endregion\n  addRecord: (record: any, recordIndex?: number) => void;\n  addRecords: (records: any[], recordIndex?: number) => void;\n  deleteRecords: (recordIndexs: number[]) => void;\n  updateRecords: (records: any[], recordIndexs: (number | number[])[]) => void;\n  updateFilterRules: (filterRules: FilterRules) => void;\n  getAggregateValuesByField: (field: string | number) => {\n    col: number;\n    aggregateValue: { aggregationType: AggregationType; value: number | string }[];\n  }[];\n  /**\n   * 根据数据的索引获取应该显示在body的第几行  参数和返回值的索引均从0开始\n   * @param  {number} index The record index.\n   */\n  getBodyRowIndexByRecordIndex: (index: number | number[]) => number;\n\n  _parseColumnWidthConfig: (columnWidthConfig: { key: string; width: number }[]) => void;\n  _hasHierarchyTreeHeader: () => boolean;\n}\nexport interface PivotTableConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n  /**\n   * @deprecated 请使用resize.columnResizeType\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /**\n   * @deprecated 请使用resize.rowResizeType\n   */\n  rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 设置排序状态，只对应按钮展示效果 无数据排序逻辑 */\n  pivotSortState?: {\n    dimensions: IDimensionInfo[];\n    order: SortOrder;\n  }[];\n  columnWidthConfig?: {\n    dimensions: IDimensionInfo[];\n    width: number;\n  }[];\n  columnWidthConfigForRowHeader?: {\n    dimensions: IDimensionInfo[];\n    width: number;\n  }[];\n\n  //#region layout中挪到外层的属性\n  /**层级维度结构显示形式 */\n  rowHierarchyType?: 'grid' | 'tree' | 'grid-tree';\n  columnHierarchyType?: 'grid' | 'grid-tree';\n  /**展开层数 */\n  rowExpandLevel?: number;\n  /**展开层数 */\n  columnExpandLevel?: number;\n  /**子层级维度缩进距离 */\n  rowHierarchyIndent?: number;\n  /** 同层级的结点是否按文字对齐 如没有收起展开图标的节点和有图标的节点文字对齐 默认false */\n  rowHierarchyTextStartAlignment?: boolean;\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IIndicator | string)[]; // (string | IIndicator)[];\n\n  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 指标在具体维度展示的层级顺序，从0开始 ———有数据分析的透视表才需要配置这个 */\n  indicatorIndex?: number;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 指标维度key 注意非具体指标key 数据分析的透视表才需要配置这个 */\n  // indicatorDimensionKey?: string;\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  //#endregion\n  /** 数据分析相关配置 */\n  dataConfig?: IPivotTableDataConfig;\n\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n  /** 分页配置 */\n  pagination?: IPagination;\n\n  extensionRows?: IExtensionRowDefine[];\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  /** 全局设置表头编辑器 */\n  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n\n  /** 编辑触发时机 双击事件  单击事件 api手动开启编辑 或者 鼠标按下新值即可开启编辑。默认为双击'doubleclick' */\n  editCellTrigger?: 'doubleclick' | 'click' | 'api' | 'keydown' | ('doubleclick' | 'click' | 'api' | 'keydown')[];\n  /** 是否需要补充指标节点到对应的自定义表头中如rowTree或者columnTree. 默认为true */\n  supplementIndicatorNodes?: boolean;\n  /** 如果配置了rowTree 或者 columnTree 且是非规则的树结构，即树的同一层存在不同维度的维度值时，为了去匹配对应的数据，需要开启该配置 */\n  parseCustomTreeToMatchRecords?: boolean;\n\n  resize?: {\n    /**\n     * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n     */\n    columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n    rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';\n  } & BaseTableConstructorOptions['resize'];\n}\nexport interface PivotChartConstructorOptions extends BaseTableConstructorOptions {\n  /**\n   * 数据集合, 平坦数据集合。另外一种特殊方式是传入分组后的数据，分组依据为指标\n   */\n  records?: any[] | Record<string, any[]>;\n  /**\n   * @deprecated 请使用resize.columnResizeType\n   */\n  columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n  /**\n   * @deprecated 请使用resize.rowResizeType\n   */\n  rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';\n  /** 列表头维度结构 */\n  columnTree?: IHeaderTreeDefine[];\n  /** 行表头维度结构 */\n  rowTree?: IHeaderTreeDefine[];\n  /** 定义各个维度和各个指标的具体配置项和样式定义 rows 和 dimension 代替掉 */\n  // dimensions?: IDimension[];\n\n  /** 定义行上各个维度具体配置项和样式定义 */\n  rows?: (IRowDimension | string)[]; // (string | IDimension)[]; 后续支持数据分析的透视表 支持string配置\n  /** 定义列上各个维度具体配置项和样式定义 */\n  columns?: (IColumnDimension | string)[]; // (string | IDimension)[];\n  /** 定义指标具体配置项和样式定义 包含表头和body的定义*/\n  indicators?: (IChartIndicator | string)[]; // (string | IIndicator)[];\n\n  /** 指标以列展示 ———有数据分析的透视表才需要配置这个 */\n  indicatorsAsCol?: boolean;\n  /** 是否隐藏指标名称 */\n  hideIndicatorName?: boolean; //\n  /** 角头单元格配置项和样式定义 */\n  corner?: ICornerDefine;\n  /**\n   * boolean 是否显示列维度值表头\n   */\n  showColumnHeader?: boolean;\n  /**\n   * boolean 是否显示行维度值表头\n   */\n  showRowHeader?: boolean;\n  /**\n   * 列表头增加一行来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  columnHeaderTitle?: ITitleDefine;\n  /**\n   * 行表头的增加一列来显示维度名称 可以自定义或者显示dimension.title组合名\n   */\n  rowHeaderTitle?: ITitleDefine;\n  /** 指标标题 用于显示到角头的值*/\n  indicatorTitle?: string;\n\n  axes?: ITableAxisOption[];\n\n  resize?: {\n    /**\n     * 调整列宽的生效范围：'column' | 'indicator' | 'all' | 'indicatorGroup'，单列|按指标|所有列|属于同一维度值的多个指标\n     */\n    columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';\n    rowResizeType?: 'row' | 'indicator' | 'all' | 'indicatorGroup';\n  } & BaseTableConstructorOptions['resize'];\n}\nexport interface PivotTableAPI extends BaseTableAPI {\n  internalProps: PivotTableProtected;\n  records?: any;\n  options: PivotTableConstructorOptions;\n  editorManager: EditManager;\n  // internalProps: PivotTableProtected;\n  pivotSortState: {\n    dimensions: IDimensionInfo[];\n    order: SortOrder;\n  }[];\n  isListTable: () => false;\n  isPivotTable: () => true;\n  getPivotSortState: (col: number, row: number) => SortOrder;\n  toggleHierarchyState: (col: number, row: number) => void;\n  /** 设置单元格的value值，注意对应的是源数据的原始值，vtable实例records会做对应修改 */\n  changeCellValue: (col: number, row: number, value: string | number | null, workOnEditableCell: boolean) => void;\n  /**\n   * 批量更新多个单元格的数据\n   * @param col 粘贴数据的起始列号\n   * @param row 粘贴数据的起始行号\n   * @param values 多个单元格的数据数组\n   */\n  changeCellValues: (col: number, row: number, values: (string | number)[][], workOnEditableCell: boolean) => void;\n  _parseColumnWidthConfig: (columnWidthConfig: { dimensions: IDimensionInfo[]; width: string | number }[]) => void;\n  _parseColumnWidthConfigForRowHeader: (\n    columnWidthConfig: { dimensions: IDimensionInfo[]; width: string | number }[]\n  ) => void;\n}\nexport interface PivotChartAPI extends BaseTableAPI {\n  records?: any | Record<string, any[]>;\n  options: PivotChartConstructorOptions;\n  // internalProps: PivotTableProtected;\n  isListTable: () => false;\n  isPivotTable: () => true;\n}\nexport type SetPasteValueTestData = CellAddress & {\n  table: BaseTableAPI;\n  record: any;\n  value: string;\n\n  oldValue: any;\n};\n\nexport interface InlineAPI {\n  width: (arg: { ctx: CanvasRenderingContext2D }) => number;\n  font: () => string | null;\n  color: () => string | null;\n  canDraw: () => boolean;\n  onReady: (callback: Function) => void;\n\n  draw: (opt: any) => void;\n  canBreak: () => boolean;\n}\n\nexport interface CellContext {\n  readonly col: number;\n  readonly row: number;\n  /**format之后的值 */\n  readonly value: FieldData;\n  /**原始值 */\n  readonly dataValue: FieldData;\n  showIcon?: SvgIcon;\n  getContext: () => CanvasRenderingContext2D;\n  toCurrentContext: () => CellContext;\n  getDrawRect: () => RectProps | null;\n  getRect: () => RectProps;\n  setRectFilter: (rectFilter: (base: RectProps) => RectProps) => void;\n  updateRect: (rect: Rect | RectProps) => void;\n  updateDrawRect: (rect: Rect | RectProps) => void;\n}\n\nexport enum Placement {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right'\n}\n\nexport enum HierarchyState {\n  expand = 'expand',\n  collapse = 'collapse',\n  none = 'none',\n  loading = 'loading'\n}\nexport type IHeaderTreeDefine = Either<IDimensionHeaderNode, IIndicatorHeaderNode>;\nexport interface IIndicatorHeaderNode {\n  /**\n   * 指标的key值 对应数据集的字段名\n   */\n  indicatorKey: string | number;\n  /**\n   * 指标名称 如：“销售额”，“例如”， 对应到单元格显示的值。可不填，不填的话 从indicators的对应配置中取值显示\n   */\n  value?: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | null;\n  //跨单元格合并显示该维度值，默认是1。如果表头层数最大是5，那么最末级剩下多大就合并多大层数的单元格\n  levelSpan?: number;\n  /** 隐藏该指标。 但内部聚合逻辑是正常执行的 */\n  hide?: boolean;\n}\nexport interface IDimensionHeaderNode {\n  /**\n   * 维度的唯一标识，对应数据集的字段名称\n   */\n  dimensionKey: string | number;\n  /** 维度成员值 */\n  value: string;\n  /** 维度成员下的子维度树结构 */\n  children?: IHeaderTreeDefine[] | true;\n  /** 折叠状态 TODO */\n  hierarchyState?: HierarchyState;\n  /** 是否为虚拟节点 在基于records数据做分析时忽略该维度字段 */\n  virtual?: boolean;\n  /** 跨单元格合并显示该维度值，默认是1。如果表头层数最大是5，那么最末级剩下多大就合并多大层数的单元格 */\n  levelSpan?: number;\n}\n\nexport interface IExtensionRowDefine {\n  rows: (IRowDimension | string)[];\n  rowTree: IHeaderTreeDefine[] | ((args: { dimensionKey: string | number; value: string }[]) => IHeaderTreeDefine[]);\n}\n\nexport type StickCell = { col: number; row: number; dx: number; dy: number };\n\nexport type CustomMergeCell = CustomMergeCellFunc | CustomMergeCellArray;\n\nexport type CustomMergeCellFunc = (col: number, row: number, table: BaseTableAPI) => undefined | CustomMerge;\nexport type CustomMergeCellArray = CustomMerge[];\nexport type CustomMerge = {\n  range: CellRange;\n  text?: string;\n  style?: ITextStyleOption;\n  customLayout?: ICustomLayout;\n  customRender?: ICustomRender;\n};\n\nexport type ColumnInfo = { col: number; left: number; right: number; width: number };\nexport type RowInfo = { row: number; top: number; bottom: number; height: number };\n"]}

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

@@ -1,8 +1,8 @@
 import type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine } from '.';
-import type { CheckboxStyle, ITextStyleOption, RadioStyle } from './column/style';
+import type { ButtonStyle, CheckboxStyle, ITextStyleOption, RadioStyle, SwitchStyle } from './column/style';
 import type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';
 import type { ICellAxisOption } from './component/axis';
-import type { PopTipAttributes } from '@visactor/vrender-components';
+import type { PopTipAttributes } from './../vrender';
 export type PartialTableThemeDefine = Partial<ITableThemeDefine>;
 export type ThemeStyle = ITextStyleOption & {
     hover?: Omit<InteractionStyle, 'cellBorderColor' | 'cellBorderLineWidth'>;
@@ -129,6 +129,8 @@ export interface ITableThemeDefine {
     };
     checkboxStyle?: CheckboxStyle;
     radioStyle?: RadioStyle;
+    switchStyle?: SwitchStyle;
+    buttonStyle?: ButtonStyle;
     textPopTipStyle?: PopTipAttributes;
     cellInnerBorder?: boolean;
     cellBorderClipDirection?: 'top-left' | 'bottom-right';

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["/* eslint-disable sort-imports */\nimport type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine, LineDashsPropertyDefine } from '.';\nimport type { CheckboxStyle, ITextStyleOption, RadioStyle } from './column/style';\nimport type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';\nimport type { ICellAxisOption } from './component/axis';\nimport type { PopTipAttributes } from '@visactor/vrender-components';\n// ****** Custom Theme *******\nexport type PartialTableThemeDefine = Partial<ITableThemeDefine>;\nexport type ThemeStyle = ITextStyleOption & {\n  hover?: Omit<InteractionStyle, 'cellBorderColor' | 'cellBorderLineWidth'>; //鼠标hover到某个单元格\n  select?: {\n    inlineRowBgColor?: ColorPropertyDefine; //交互所在整行的背景颜色\n    inlineColumnBgColor?: ColorPropertyDefine; //交互所在整列的背景颜色\n    cellBgColor?: ColorPropertyDefine; //交互所在单元格的背景颜色\n  };\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  innerBorder?: boolean;\n};\nexport type TableFrameStyle = FrameStyle & {\n  shadowBlur?: number; //阴影宽度\n  shadowOffsetX?: number; //x方向偏移\n  shadowOffsetY?: number; //Y方向偏移\n  shadowColor?: string; //阴影颜色\n  cornerRadius?: number | [number, number, number, number]; //边框圆角半径\n};\nexport type menuStyle = {\n  color?: string;\n  highlightColor?: string;\n  fontSize?: number;\n  fontFamily?: string;\n  highlightFontSize?: number;\n  highlightFontFamily?: string;\n  hoverBgColor?: string;\n};\nexport type ScrollStyle = {\n  /**滚动条滚动的颜色 */\n  scrollRailColor?: string;\n  /**滚动条滑块的颜色 */\n  scrollSliderColor?: string;\n  /**滚动条滑块的圆角半径 */\n  scrollSliderCornerRadius?: number;\n  /**滚动条宽度大小 */\n  width?: number;\n  /**滚动条是否可见  'always' | 'scrolling' | 'none' | 'focus',常驻|滚动时|不显示|聚焦在画布上时 */\n  visible?: 'always' | 'scrolling' | 'none' | 'focus';\n  horizontalVisible?: 'always' | 'scrolling' | 'none' | 'focus';\n  verticalVisible?: 'always' | 'scrolling' | 'none' | 'focus';\n  /*** 悬浮与容器上，还是独立于容器外 */\n  hoverOn?: boolean;\n  /** 是否显示到容器的边缘 尽管内容没有撑满的情况下 默认false */\n  barToSide?: boolean;\n  /** 横向滚动条 padding */\n  horizontalPadding?: number | [number, number, number, number];\n  /** 竖向滚动条 padding */\n  verticalPadding?: number | [number, number, number, number];\n};\n/**\n * 气泡框，按钮的的解释信息\n */\nexport type TooltipStyle = {\n  fontFamily?: string;\n  fontSize?: number;\n  color?: string;\n  padding?: number[];\n  bgColor?: string;\n  maxWidth?: number;\n  maxHeight?: number;\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  cornerRightTopCellStyle?: ThemeStyle; // 右上角占位单元格样式\n  cornerLeftBottomCellStyle?: ThemeStyle; // 左下角占位单元格样式\n  cornerRightBottomCellStyle?: ThemeStyle; // 右下角占位单元格样式\n  rightFrozenStyle?: ThemeStyle; // 右侧冻结单元格样式\n  bottomFrozenStyle?: ThemeStyle; // 下部冻结单元格样式\n  headerStyle?: ThemeStyle;\n  rowHeaderStyle?: ThemeStyle;\n  bodyStyle?: ThemeStyle;\n  groupTitleStyle?: ThemeStyle;\n  frameStyle?: TableFrameStyle;\n  //列调整宽度的直线\n  columnResize?: {\n    visibleOnHover?: boolean; //是否在hover时显示\n    lineColor?: ColorPropertyDefine; //上面线的颜色\n    bgColor?: ColorPropertyDefine; //背景线的颜色\n    lineWidth?: number; //上面线的宽度\n    width?: number; //背景线的宽度\n    resizeHotSpotSize?: number; //响应调整行高列宽交互行为热区的大小\n    labelVisible?: boolean; //是否显示label\n    labelColor?: string; //label的颜色\n    labelFontSize?: number; //label的字体大小\n    labelFontFamily?: string; //label的字体\n    labelBackgroundFill?: string; //label的背景填充\n    labelBackgroundCornerRadius?: number; //label的背景圆角\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    inlineRowBgColor?: string; //交互所在整行的背景颜色\n    inlineColumnBgColor?: string; //交互所在整列的背景颜色\n    selectionFillMode?: 'overlay' | 'replace'; //选择框填充模式，overlay表示选择框背景色覆盖在表格上（需要配饰透明度），replace表示背景色替换原有单元格的背景色\n  };\n\n  // style for axis\n  axisStyle?: {\n    defaultAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    leftAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    rightAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    topAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    bottomAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n  };\n\n  checkboxStyle?: CheckboxStyle;\n  radioStyle?: RadioStyle;\n\n  // style for text pop tip\n  textPopTipStyle?: PopTipAttributes;\n\n  // senior config for fs\n  // 表格四侧单元格，靠近边缘的border是否需要再绘制；如配置false的话，当表格左侧frame未设置情况下左侧单元格不显示左边框，其他方向同理\n  cellInnerBorder?: boolean;\n  // cell border clip direction\n  cellBorderClipDirection?: 'top-left' | 'bottom-right'; // default is 'top-left'\n  // text offset, hack for fs\n  _contentOffset?: number;\n  /** 内部功能性按钮图标颜色及尺寸配置 */\n  functionalIconsStyle?: {\n    sort_color?: string;\n    sort_color_opacity?: string;\n    sort_color_2?: string;\n    sort_color_opacity_2?: string;\n    sort_size?: number;\n    sort_size_2?: number;\n    frozen_color?: string;\n    frozen_color_opacity?: string;\n    frozen_color_2?: string;\n    frozen_color_opacity_2?: string;\n    frozen_size?: number;\n    frozen_size_2?: number;\n    collapse_color?: string;\n    collapse_color_opacity?: string;\n    collapse_size?: number;\n    collapse_size_2?: number;\n    expand_color?: string;\n    expand_color_opacity?: string;\n    expand_size?: number;\n    expand_size_2?: number;\n    dragReorder_color?: string;\n    dragReorder_color_opacity?: string;\n    dragReorder_size?: number;\n  };\n}\n\nexport type RequiredTableThemeDefine = Required<ITableThemeDefine>;\n"]}
+{"version":3,"sources":["../src/ts-types/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["/* eslint-disable sort-imports */\nimport type { ColorsDef, LineDashsDef, LineWidthsDef, LineWidthsPropertyDefine, LineDashsPropertyDefine } from '.';\nimport type { ButtonStyle, CheckboxStyle, ITextStyleOption, RadioStyle, SwitchStyle } from './column/style';\nimport type { ColorPropertyDefine, ColorsPropertyDefine } from './style-define';\nimport type { ICellAxisOption } from './component/axis';\nimport type { PopTipAttributes } from './../vrender';\n// ****** Custom Theme *******\nexport type PartialTableThemeDefine = Partial<ITableThemeDefine>;\nexport type ThemeStyle = ITextStyleOption & {\n  hover?: Omit<InteractionStyle, 'cellBorderColor' | 'cellBorderLineWidth'>; //鼠标hover到某个单元格\n  select?: {\n    inlineRowBgColor?: ColorPropertyDefine; //交互所在整行的背景颜色\n    inlineColumnBgColor?: ColorPropertyDefine; //交互所在整列的背景颜色\n    cellBgColor?: ColorPropertyDefine; //交互所在单元格的背景颜色\n  };\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  innerBorder?: boolean;\n};\nexport type TableFrameStyle = FrameStyle & {\n  shadowBlur?: number; //阴影宽度\n  shadowOffsetX?: number; //x方向偏移\n  shadowOffsetY?: number; //Y方向偏移\n  shadowColor?: string; //阴影颜色\n  cornerRadius?: number | [number, number, number, number]; //边框圆角半径\n};\nexport type menuStyle = {\n  color?: string;\n  highlightColor?: string;\n  fontSize?: number;\n  fontFamily?: string;\n  highlightFontSize?: number;\n  highlightFontFamily?: string;\n  hoverBgColor?: string;\n};\nexport type ScrollStyle = {\n  /**滚动条滚动的颜色 */\n  scrollRailColor?: string;\n  /**滚动条滑块的颜色 */\n  scrollSliderColor?: string;\n  /**滚动条滑块的圆角半径 */\n  scrollSliderCornerRadius?: number;\n  /**滚动条宽度大小 */\n  width?: number;\n  /**滚动条是否可见  'always' | 'scrolling' | 'none' | 'focus',常驻|滚动时|不显示|聚焦在画布上时 */\n  visible?: 'always' | 'scrolling' | 'none' | 'focus';\n  horizontalVisible?: 'always' | 'scrolling' | 'none' | 'focus';\n  verticalVisible?: 'always' | 'scrolling' | 'none' | 'focus';\n  /*** 悬浮与容器上，还是独立于容器外 */\n  hoverOn?: boolean;\n  /** 是否显示到容器的边缘 尽管内容没有撑满的情况下 默认false */\n  barToSide?: boolean;\n  /** 横向滚动条 padding */\n  horizontalPadding?: number | [number, number, number, number];\n  /** 竖向滚动条 padding */\n  verticalPadding?: number | [number, number, number, number];\n};\n/**\n * 气泡框，按钮的的解释信息\n */\nexport type TooltipStyle = {\n  fontFamily?: string;\n  fontSize?: number;\n  color?: string;\n  padding?: number[];\n  bgColor?: string;\n  maxWidth?: number;\n  maxHeight?: number;\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  cornerRightTopCellStyle?: ThemeStyle; // 右上角占位单元格样式\n  cornerLeftBottomCellStyle?: ThemeStyle; // 左下角占位单元格样式\n  cornerRightBottomCellStyle?: ThemeStyle; // 右下角占位单元格样式\n  rightFrozenStyle?: ThemeStyle; // 右侧冻结单元格样式\n  bottomFrozenStyle?: ThemeStyle; // 下部冻结单元格样式\n  headerStyle?: ThemeStyle;\n  rowHeaderStyle?: ThemeStyle;\n  bodyStyle?: ThemeStyle;\n  groupTitleStyle?: ThemeStyle;\n  frameStyle?: TableFrameStyle;\n  //列调整宽度的直线\n  columnResize?: {\n    visibleOnHover?: boolean; //是否在hover时显示\n    lineColor?: ColorPropertyDefine; //上面线的颜色\n    bgColor?: ColorPropertyDefine; //背景线的颜色\n    lineWidth?: number; //上面线的宽度\n    width?: number; //背景线的宽度\n    resizeHotSpotSize?: number; //响应调整行高列宽交互行为热区的大小\n    labelVisible?: boolean; //是否显示label\n    labelColor?: string; //label的颜色\n    labelFontSize?: number; //label的字体大小\n    labelFontFamily?: string; //label的字体\n    labelBackgroundFill?: string; //label的背景填充\n    labelBackgroundCornerRadius?: number; //label的背景圆角\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    inlineRowBgColor?: string; //交互所在整行的背景颜色\n    inlineColumnBgColor?: string; //交互所在整列的背景颜色\n    selectionFillMode?: 'overlay' | 'replace'; //选择框填充模式，overlay表示选择框背景色覆盖在表格上（需要配饰透明度），replace表示背景色替换原有单元格的背景色\n  };\n\n  // style for axis\n  axisStyle?: {\n    defaultAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    leftAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    rightAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    topAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n    bottomAxisStyle?: Omit<ICellAxisOption, 'type' | 'domain' | 'range' | 'orient' | '__ticksForVTable'>;\n  };\n\n  checkboxStyle?: CheckboxStyle;\n  radioStyle?: RadioStyle;\n  switchStyle?: SwitchStyle;\n  buttonStyle?: ButtonStyle;\n\n  // style for text pop tip\n  textPopTipStyle?: PopTipAttributes;\n\n  // senior config for fs\n  // 表格四侧单元格，靠近边缘的border是否需要再绘制；如配置false的话，当表格左侧frame未设置情况下左侧单元格不显示左边框，其他方向同理\n  cellInnerBorder?: boolean;\n  // cell border clip direction\n  cellBorderClipDirection?: 'top-left' | 'bottom-right'; // default is 'top-left'\n  // text offset, hack for fs\n  _contentOffset?: number;\n  /** 内部功能性按钮图标颜色及尺寸配置 */\n  functionalIconsStyle?: {\n    sort_color?: string;\n    sort_color_opacity?: string;\n    sort_color_2?: string;\n    sort_color_opacity_2?: string;\n    sort_size?: number;\n    sort_size_2?: number;\n    frozen_color?: string;\n    frozen_color_opacity?: string;\n    frozen_color_2?: string;\n    frozen_color_opacity_2?: string;\n    frozen_size?: number;\n    frozen_size_2?: number;\n    collapse_color?: string;\n    collapse_color_opacity?: string;\n    collapse_size?: number;\n    collapse_size_2?: number;\n    expand_color?: string;\n    expand_color_opacity?: string;\n    expand_size?: number;\n    expand_size_2?: number;\n    dragReorder_color?: string;\n    dragReorder_color_opacity?: string;\n    dragReorder_size?: number;\n  };\n}\n\nexport type RequiredTableThemeDefine = Required<ITableThemeDefine>;\n"]}

package/es/vrender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACxH,OAAO,EACL,cAAc,EACd,WAAW,EACX,WAAW,EAGX,cAAc,EAEd,aAAa,EACb,aAAa,EACb,YAAY,EAIZ,YAAY,EAEZ,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,YAAY,EAEb,MAAM,wBAAwB,CAAC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,MAAM,UAAU,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,gBAAgB,EAAE,CAAC;IAEnB,IAAI,YAAY,EAAE,EAAE;QAClB,cAAc,CAAC,SAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,SAAS,EAAE,EAAE;QACtB,WAAW,CAAC,SAAS,CAAC,CAAC;KACxB;IACD,WAAW,EAAE,CAAC;IAGd,cAAc,EAAE,CAAC;IAEjB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IAIf,YAAY,EAAE,CAAC;IAEf,gBAAgB,EAAE,CAAC;IACnB,kBAAkB,EAAE,CAAC;IACrB,cAAc,EAAE,CAAC;IACjB,YAAY,EAAE,CAAC;IACf,wBAAwB,EAAE,CAAC;IAE3B,UAAU,EAAE,CAAC;IAEb,wBAAwB,EAAE,CAAC;AAC7B,CAAC;AAGD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC","file":"vrender.js","sourcesContent":["import { loadPoptip } from '@visactor/vrender-components';\nimport '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule, registerFlexLayoutPlugin } from '@visactor/vrender-core';\nimport {\n  loadBrowserEnv,\n  loadNodeEnv,\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"1.17.0-alpha.4\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  // registerArc3d();\n  // registerArea();\n  registerCircle();\n  // registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  // registerPath();\n  // registerPolygon();\n  // registerPyramid3d();\n  registerRect();\n  // registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerFlexLayoutPlugin();\n  // registerWrapText();\n  loadPoptip();\n\n  registerFlexLayoutPlugin();\n}\n\nexport type { Direction, Timeline } from '@visactor/vrender-core';\nexport { GroupFadeIn } from '@visactor/vrender-core';\nexport { GroupFadeOut } from '@visactor/vrender-core';\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\nexport * from '@visactor/vrender-components';\n"]}
+{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACxH,OAAO,EACL,cAAc,EACd,WAAW,EACX,WAAW,EAGX,cAAc,EAEd,aAAa,EACb,aAAa,EACb,YAAY,EAIZ,YAAY,EAEZ,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,YAAY,EAEb,MAAM,wBAAwB,CAAC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,MAAM,UAAU,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,gBAAgB,EAAE,CAAC;IAEnB,IAAI,YAAY,EAAE,EAAE;QAClB,cAAc,CAAC,SAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,SAAS,EAAE,EAAE;QACtB,WAAW,CAAC,SAAS,CAAC,CAAC;KACxB;IACD,WAAW,EAAE,CAAC;IAGd,cAAc,EAAE,CAAC;IAEjB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IAIf,YAAY,EAAE,CAAC;IAEf,gBAAgB,EAAE,CAAC;IACnB,kBAAkB,EAAE,CAAC;IACrB,cAAc,EAAE,CAAC;IACjB,YAAY,EAAE,CAAC;IACf,wBAAwB,EAAE,CAAC;IAE3B,UAAU,EAAE,CAAC;IAEb,wBAAwB,EAAE,CAAC;AAC7B,CAAC;AAGD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC","file":"vrender.js","sourcesContent":["import { loadPoptip } from '@visactor/vrender-components';\nimport '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule, registerFlexLayoutPlugin } from '@visactor/vrender-core';\nimport {\n  loadBrowserEnv,\n  loadNodeEnv,\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"1.17.1-alpha.0\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  // registerArc3d();\n  // registerArea();\n  registerCircle();\n  // registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  // registerPath();\n  // registerPolygon();\n  // registerPyramid3d();\n  registerRect();\n  // registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerFlexLayoutPlugin();\n  // registerWrapText();\n  loadPoptip();\n\n  registerFlexLayoutPlugin();\n}\n\nexport type { Direction, Timeline } from '@visactor/vrender-core';\nexport { GroupFadeIn } from '@visactor/vrender-core';\nexport { GroupFadeOut } from '@visactor/vrender-core';\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\nexport * from '@visactor/vrender-components';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable",
-  "version": "1.17.0-alpha.4",
+  "version": "1.17.1-alpha.0",
   "description": "canvas table width high performance",
   "keywords": [
     "grid",
@@ -37,7 +37,7 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vtable-editors": "1.17.0-alpha.4",
+    "@visactor/vtable-editors": "1.17.1-alpha.0",
     "@visactor/vrender-core": "0.21.9-alpha.1",
     "@visactor/vrender-kits": "0.21.9-alpha.1",
     "@visactor/vrender-components": "0.21.9-alpha.1",
@@ -98,9 +98,9 @@
     "d3-hierarchy": "^3.1.1",
     "@resvg/resvg-js": "^2.5.0",
     "pikaday": "1.8.2",
+    "@internal/bundler": "0.0.1",
     "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1",
-    "@internal/bundler": "0.0.1"
+    "@internal/ts-config": "0.0.1"
   },
   "unpkg": "latest",
   "unpkgFiles": [
@@ -122,7 +122,7 @@
     "eslint": "eslint --debug --fix src/",
     "build": "bundle --clean",
     "dev": "bundle --clean -f es -w",
-    "start": "vite ./vite",
+    "start": "vite serve examples",
     "test": "jest --silent",
     "test-cov": "jest --coverage",
     "ci": "ts-node --transpileOnly --skipProject ./scripts/trigger-test.ts",

package/es/ts-types/list-table/define/Composite-define.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=Composite-define.js.map