@visactor/vtable 1.23.1 → 1.23.3-alpha.0

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

@@ -71,6 +71,8 @@ export declare enum IconFuncTypeEnum {
     dropDownState = "dropDownState",
     play = "play",
     damagePic = "damagePic",
+    imageDamagePic = "imageDamagePic",
+    videoDamagePic = "videoDamagePic",
     expand = "expand",
     collapse = "collapse",
     drillDown = "drillDown",

package/cjs/ts-types/icon.js

@@ -13,9 +13,10 @@ function(IconPosition) {
 }(IconPosition = exports.IconPosition || (exports.IconPosition = {})), function(IconFuncTypeEnum) {
     IconFuncTypeEnum.frozen = "frozen", IconFuncTypeEnum.sort = "sort", IconFuncTypeEnum.dropDown = "dropDown", 
     IconFuncTypeEnum.dropDownState = "dropDownState", IconFuncTypeEnum.play = "play", 
-    IconFuncTypeEnum.damagePic = "damagePic", IconFuncTypeEnum.expand = "expand", IconFuncTypeEnum.collapse = "collapse", 
-    IconFuncTypeEnum.drillDown = "drillDown", IconFuncTypeEnum.drillUp = "drillUp", 
-    IconFuncTypeEnum.dragReorder = "dragReorder";
+    IconFuncTypeEnum.damagePic = "damagePic", IconFuncTypeEnum.imageDamagePic = "imageDamagePic", 
+    IconFuncTypeEnum.videoDamagePic = "videoDamagePic", IconFuncTypeEnum.expand = "expand", 
+    IconFuncTypeEnum.collapse = "collapse", IconFuncTypeEnum.drillDown = "drillDown", 
+    IconFuncTypeEnum.drillUp = "drillUp", IconFuncTypeEnum.dragReorder = "dragReorder";
 }(IconFuncTypeEnum = exports.IconFuncTypeEnum || (exports.IconFuncTypeEnum = {})), 
 function(InternalIconName) {
     InternalIconName.upwardIconName = "sort_upward", InternalIconName.downwardIconName = "sort_downward", 

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

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

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

@@ -1,4 +1,4 @@
-import type { CellAddress, CellRange, ColumnIconOption, ColumnStyle, ColumnStyleOption, FieldDef, FieldFormat, HeaderStyleOption, LayoutObjectId, MenuListItem, CellInfo, PivotInfo, CustomRenderFunctionArg, SparklineSpec, HierarchyState, Aggregation, IRowSeriesNumber, SortOption, FieldGetter } from '../../';
+import type { CellAddress, CellRange, ColumnIconOption, ColumnStyle, ColumnStyleOption, FieldDef, FieldFormat, HeaderStyleOption, LayoutObjectId, MenuListItem, CellInfo, PivotInfo, CustomRenderFunctionArg, SparklineSpec, HierarchyState, Aggregation, IRowSeriesNumber, SortOption, FieldGetter, ColumnTypeOption, HeaderTypeOption } from '../../';
 import type { Aggregator } from '../../dataset/aggregation';
 import type { BaseTableAPI } from '../../base-table';
 import type { HeaderDefine, ColumnDefine, ColumnBodyDefine } from '../define';
@@ -11,7 +11,7 @@ export interface HeaderData extends WidthData {
     field: FieldDef;
     fieldFormat?: FieldFormat;
     style?: HeaderStyleOption | ColumnStyle | null | undefined;
-    headerType: 'text' | 'link' | 'image' | 'video' | 'checkbox';
+    headerType: HeaderTypeOption | ((args: CellInfo) => HeaderTypeOption);
     define: ColumnDefine;
     dropDownMenu?: MenuListItem[] | ((args: {
         row: number;
@@ -44,7 +44,7 @@ export interface ColumnData extends WidthData {
     field: FieldDef;
     fieldFormat?: FieldFormat;
     icon?: string | ColumnIconOption | (string | ColumnIconOption)[] | ((args: CellInfo) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);
-    cellType: 'text' | 'link' | 'image' | 'video' | 'sparkline' | 'progressbar' | 'chart' | 'checkbox' | 'radio';
+    cellType: ColumnTypeOption | ((arg0: CellInfo) => ColumnTypeOption);
     chartModule?: string;
     chartSpec?: any | ((arg0: CellInfo) => any);
     chartInstance?: any;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/list-table/layout-map/api.ts"],"names":[],"mappings":"","file":"api.js","sourcesContent":["import type {\n  CellAddress,\n  CellRange,\n  ColumnIconOption,\n  ColumnStyle,\n  ColumnStyleOption,\n  // ColumnTypeOption,\n  FieldDef,\n  FieldFormat,\n  HeaderStyleOption,\n  LayoutObjectId,\n  MenuListItem,\n  IPivotTableCellHeaderPaths,\n  CellInfo,\n  // ICustomRenderFuc,\n  // ICustomRenderObj,\n  PivotInfo,\n  FieldKeyDef,\n  CustomRenderFunctionArg,\n  SparklineSpec,\n  HierarchyState,\n  Aggregation,\n  IRowSeriesNumber,\n  SortOption,\n  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' | 'radio';\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  ColumnTypeOption,\n  HeaderTypeOption\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: HeaderTypeOption | ((args: CellInfo) => HeaderTypeOption); // 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: ColumnTypeOption | ((arg0: CellInfo) => ColumnTypeOption);\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' | 'radio';\n  headerType: 'text' | 'link' | 'image' | 'video' | 'checkbox';\n  style: ColumnStyleOption | null | undefined;\n  define: IRowSeriesNumber;\n  isChildNode?: false;\n}\n// Simple header\n\n// export interface GroupHeaderDefine extends HeaderDefine {\n//   columns: HeadersDefine;\n//   hideColumnsSubHeader?: boolean;\n//   dropDownMenu?: MenuListItem[];\n// }\n// type Either<X, Y> =\n//   | ({\n//       [KX in keyof X]: X[KX];\n//     } & {\n//       [KY in Exclude<keyof Y, keyof X>]?: never;\n//     })\n//   | ({\n//       [KY in keyof Y]: Y[KY];\n//     } & {\n//       [KX in Exclude<keyof X, keyof Y>]?: never;\n//     });\n// export type HeaderColumnDefine = Either<GroupHeaderDefine, ColumnDefine>;\n// export type HeadersDefine = HeaderColumnDefine[];\n\n// Advanced layout\n\n// export interface HeaderCellDefine extends HeaderDefine {\n//   colSpan?: number;\n//   rowSpan?: number;\n// }\nexport type HeaderCellDefine = HeaderDefine & {\n  colSpan?: number;\n  rowSpan?: number;\n};\n\n// export interface CellDefine extends ColumnDefine {\n//   colSpan?: number;\n//   rowSpan?: number;\n// }\n\nexport type CellDefine = ColumnBodyDefine & {\n  colSpan?: number;\n  rowSpan?: number;\n};\n\nexport type ArrayLayoutDefine = CellDefine[][];\n/** @internal */\ninterface LayoutMapAPI {\n  readonly headerLevelCount: number;\n  readonly rowHeaderLevelCount: number;\n  readonly columnHeaderLevelCount: number;\n  readonly bodyRowSpanCount: number;\n  readonly colCount: number | undefined;\n  readonly rowCount: number | undefined;\n  readonly columnWidths: WidthData[];\n  readonly headerObjects: HeaderData[];\n  readonly columnObjects: ColumnData[] | IndicatorData[];\n  // transpose: boolean;\n  // showHeader: boolean;\n  isHeader: (col: number, row: number) => boolean;\n  // isHeaderNode(col: number, row: number): boolean; //是否为叶子表头\n  /**获取单元格header对象 包括field style type 等 */\n  getHeader: (col: number, row: number) => HeaderData | SeriesNumberColumnData;\n  /**获取对应header的field  */\n  getHeaderField: (col: number, row: number) => FieldDef;\n  // getHeaderFieldKey(col: number, row: number): FieldKeyDef;\n  /**获取单元格column对象 包括field style type 等 */\n  getBody: (col: number, row: number) => ColumnData | IndicatorData | SeriesNumberColumnData;\n  /**获取单元格标识key */\n  getCellId: (col: number, row: number) => LayoutObjectId;\n  getCellRange: (col: number, row: number) => CellRange;\n  // getCellRangeTranspose(col: number, row: number): CellRange;\n  // getBodyLayoutRangeById: (id: LayoutObjectId) => CellRange;\n  getHeaderCellAdressById: (id: number) => CellAddress | undefined;\n  getHeaderCellAddressByField: (field: string) => CellAddress | undefined;\n  getRecordShowIndexByCell: (col: number, row: number) => number;\n  getRecordStartRowByRecordIndex: (index: number) => number;\n  /** 从定义中获取一列配置项width的定义值 */\n  getColumnWidthDefined: (col: number) => WidthData;\n  release: () => void;\n\n  isFrozenColumn: (col: number, row?: number) => boolean;\n  isRightFrozenColumn: (col: number, row?: number) => boolean;\n  isFrozenRow: (col: number, row?: number) => boolean;\n  isBottomFrozenRow: (col: number, row?: number) => boolean;\n}\n\nexport type { LayoutMapAPI };\n"]}

package/cjs/ts-types/pivot-table/dimension/composite-dimension.d.ts

@@ -0,0 +1,17 @@
+import type { HeaderTypeOption, ITextStyleOption } from '../../column';
+import type { CellInfo } from '../../common';
+import type { StylePropertyFunctionArg } from '../../style-define';
+import type { FieldGetter } from '../../table-engine';
+import type { IBasicDimension } from './basic-dimension';
+export interface ICompositeDimension extends IBasicDimension {
+    headerType: (arg0: CellInfo) => HeaderTypeOption;
+    headerStyle?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);
+    linkJump?: boolean;
+    linkDetect?: boolean;
+    templateLink?: string | FieldGetter;
+    linkTarget?: string;
+    linkWindowFeatures?: string;
+    keepAspectRatio?: boolean;
+    imageAutoSizing?: boolean;
+    clickToPreview?: boolean;
+}

package/cjs/ts-types/pivot-table/dimension/composite-dimension.js

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

package/cjs/ts-types/pivot-table/dimension/composite-dimension.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/pivot-table/dimension/composite-dimension.ts"],"names":[],"mappings":"","file":"composite-dimension.js","sourcesContent":["import type { HeaderTypeOption, ITextStyleOption } from '../../column';\nimport { ColumnTypeOption } from '../../column';\nimport type { CellInfo } from '../../common';\nimport type { StylePropertyFunctionArg } from '../../style-define';\nimport type { FieldGetter } from '../../table-engine';\nimport type { IBasicDimension } from './basic-dimension';\n\nexport interface ICompositeDimension extends IBasicDimension {\n  headerType: (arg0: CellInfo) => HeaderTypeOption;\n\n  headerStyle?:\n    | ITextStyleOption //表头可以配置吸附;\n    | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption); // 指标名称在表头部分显示类型\n\n  // link 特有\n  /** 链接是否可点击跳转 */\n  linkJump?: boolean;\n  /** 链接是否进行正则检测，如果链接符合url规则才展示成为link。如果配置了模板链接该配置不生效。 */\n  linkDetect?: boolean;\n  /** 模板链接地址，如：'https://www.google.com.hk/search?q={name}'，name是数据源属性字段名。 */\n  templateLink?: string | FieldGetter;\n\n  linkTarget?: string; // window.open的第二个参数\n  linkWindowFeatures?: string; // window.open的第三个参数\n\n  // image 特有\n  /** 是否保持横纵比 默认false */\n  keepAspectRatio?: boolean;\n  /** 是否按图片尺寸自动撑开单元格尺寸 默认false */\n  imageAutoSizing?: boolean;\n  /** 点击开启预览 */\n  clickToPreview?: boolean;\n}\n"]}

package/cjs/ts-types/pivot-table/dimension/index.d.ts

@@ -1,6 +1,7 @@
+import type { ICompositeDimension } from './composite-dimension';
 import type { IImageDimension } from './image-dimension';
 import type { ILinkDimension } from './link-dimension';
 import type { ITextDimension } from './multilinetext-dimension';
 export type IDimension = IRowDimension | IColumnDimension;
-export type IRowDimension = ILinkDimension | IImageDimension | ITextDimension;
-export type IColumnDimension = Omit<ILinkDimension | IImageDimension | ITextDimension, 'width' | 'minWidth' | 'maxWidth'>;
+export type IRowDimension = ILinkDimension | IImageDimension | ITextDimension | ICompositeDimension;
+export type IColumnDimension = Omit<ILinkDimension | IImageDimension | ITextDimension | ICompositeDimension, 'width' | 'minWidth' | 'maxWidth'>;

package/cjs/ts-types/pivot-table/dimension/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/pivot-table/dimension/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["import type { IImageDimension } from './image-dimension';\nimport type { ILinkDimension } from './link-dimension';\nimport type { ITextDimension } from './multilinetext-dimension';\n\nexport type IDimension = IRowDimension | IColumnDimension;\nexport type IRowDimension = ILinkDimension | IImageDimension | ITextDimension;\nexport type IColumnDimension = Omit<\n  ILinkDimension | IImageDimension | ITextDimension,\n  'width' | 'minWidth' | 'maxWidth'\n>;\n"]}
+{"version":3,"sources":["../src/ts-types/pivot-table/dimension/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["import type { ICompositeDimension } from './composite-dimension';\nimport type { IImageDimension } from './image-dimension';\nimport type { ILinkDimension } from './link-dimension';\nimport type { ITextDimension } from './multilinetext-dimension';\n\nexport type IDimension = IRowDimension | IColumnDimension;\nexport type IRowDimension = ILinkDimension | IImageDimension | ITextDimension | ICompositeDimension;\nexport type IColumnDimension = Omit<\n  ILinkDimension | IImageDimension | ITextDimension | ICompositeDimension,\n  'width' | 'minWidth' | 'maxWidth'\n>;\n"]}

package/cjs/ts-types/pivot-table/indicator/composite-indicator.d.ts

@@ -1,9 +1,21 @@
-import type { ColumnTypeOption, ITextStyleOption } from '../../column';
+import type { ColumnTypeOption, HeaderTypeOption, ITextStyleOption } from '../../column';
 import type { CellInfo } from '../../common';
 import type { SparklineSpec } from '../../sparkline';
 import type { StylePropertyFunctionArg } from '../../style-define';
 import type { FieldGetter } from '../../table-engine';
-import type { IBasicColumnIndicator } from './basic-indicator';
+import type { IBasicColumnIndicator, IBasicHeaderIndicator } from './basic-indicator';
+export interface ICompositeHeaderIndicator extends IBasicHeaderIndicator {
+    headerType: (arg0: CellInfo) => HeaderTypeOption;
+    headerStyle?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);
+    linkJump?: boolean;
+    linkDetect?: boolean;
+    templateLink?: string | FieldGetter;
+    linkTarget?: string;
+    linkWindowFeatures?: string;
+    keepAspectRatio?: boolean;
+    imageAutoSizing?: boolean;
+    clickToPreview?: boolean;
+}
 export interface ICompositeColumnIndicator extends IBasicColumnIndicator {
     cellType: (arg0: CellInfo) => ColumnTypeOption;
     style?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption);

package/cjs/ts-types/pivot-table/indicator/composite-indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/pivot-table/indicator/composite-indicator.ts"],"names":[],"mappings":"","file":"composite-indicator.js","sourcesContent":["import type { ColumnTypeOption, IStyleOption, ITextStyleOption } from '../../column';\nimport type { CellInfo } from '../../common';\nimport type { SparklineSpec } from '../../sparkline';\nimport type { StylePropertyFunctionArg } from '../../style-define';\nimport type { FieldGetter } from '../../table-engine';\nimport type { IBasicColumnIndicator } from './basic-indicator';\n\nexport interface ICompositeColumnIndicator extends IBasicColumnIndicator {\n  cellType: (arg0: CellInfo) => ColumnTypeOption;\n  style?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption); // body部分指标值显示样式\n\n  // link 特有\n  /** 链接是否可点击跳转 */\n  linkJump?: boolean;\n  /** 链接是否进行正则检测，如果链接符合url规则才展示成为link。如果配置了模板链接该配置不生效。 */\n  linkDetect?: boolean;\n  /** 模板链接地址，如：'https://www.google.com.hk/search?q={name}'，name是数据源属性字段名。 */\n  templateLink?: string | FieldGetter;\n\n  linkTarget?: string; // window.open的第二个参数\n  linkWindowFeatures?: string; // window.open的第三个参数\n\n  // image 特有\n  /** 是否保持横纵比 默认false */\n  keepAspectRatio?: boolean;\n  /** 是否按图片尺寸自动撑开单元格尺寸 默认false */\n  imageAutoSizing?: boolean;\n\n  // chart 特有\n  /** 注入的图表库组件名称 */\n  chartModule?: string;\n  /** 对应图表库的spec 其中value对应在records中提供 */\n  chartSpec?: any | ((arg0: CellInfo) => any);\n\n  // progressbar 特有\n  /* 进度条展示的最大最小数据值限制，从min到max为整个进度条的长度；\n   * 如果barType为'negative'或'negative_no_axis'，负向进度条的总长度为长度为min到0，正向进度条的总长度为长度为0到max，\n   * 例如：min为10，max为50，数据为30，进度条展示为单元格宽度的一半\n   */\n  min?: number;\n  max?: number;\n  /* 进度条类型 默认default\n   * default：由min到max的进度条\n   * negative：分别展示min到0，0到max的正负向两个进度条，中间展示0值坐标轴\n   * negative_no_axis：展示与negative相同，不限制0值坐标轴\n   */\n  barType?: 'default' | 'negative' | 'negative_no_axis';\n  /** 进度图依赖的数据，如果需要单元格展示的文字和进度图使用的数据字段不同，在dependField里配置进度图使用的数据字段 */\n  dependField?: string;\n\n  // sparkline 特有\n  sparklineSpec?: SparklineSpec | ((arg0: CellInfo) => SparklineSpec);\n}\n"]}
+{"version":3,"sources":["../src/ts-types/pivot-table/indicator/composite-indicator.ts"],"names":[],"mappings":"","file":"composite-indicator.js","sourcesContent":["import type { ColumnTypeOption, HeaderTypeOption, IStyleOption, ITextStyleOption } from '../../column';\nimport type { CellInfo } from '../../common';\nimport type { SparklineSpec } from '../../sparkline';\nimport type { StylePropertyFunctionArg } from '../../style-define';\nimport type { FieldGetter } from '../../table-engine';\nimport type { IBasicColumnIndicator, IBasicHeaderIndicator } from './basic-indicator';\nexport interface ICompositeHeaderIndicator extends IBasicHeaderIndicator {\n  headerType: (arg0: CellInfo) => HeaderTypeOption; // 指标表头类型\n  headerStyle?:\n    | ITextStyleOption //表头可以配置吸附;\n    | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption); // 指标名称在表头部分显示类型\n\n  // link 特有\n  /** 链接是否可点击跳转 */\n  linkJump?: boolean;\n  /** 链接是否进行正则检测，如果链接符合url规则才展示成为link。如果配置了模板链接该配置不生效。 */\n  linkDetect?: boolean;\n  /** 模板链接地址，如：'https://www.google.com.hk/search?q={name}'，name是数据源属性字段名。 */\n  templateLink?: string | FieldGetter;\n\n  linkTarget?: string; // window.open的第二个参数\n  linkWindowFeatures?: string; // window.open的第三个参数\n\n  // image 特有\n  /** 是否保持横纵比 默认false */\n  keepAspectRatio?: boolean;\n  /** 是否按图片尺寸自动撑开单元格尺寸 默认false */\n  imageAutoSizing?: boolean;\n  /** 点击开启预览 */\n  clickToPreview?: boolean;\n}\nexport interface ICompositeColumnIndicator extends IBasicColumnIndicator {\n  cellType: (arg0: CellInfo) => ColumnTypeOption;\n  style?: ITextStyleOption | ((styleArg: StylePropertyFunctionArg) => ITextStyleOption); // body部分指标值显示样式\n\n  // link 特有\n  /** 链接是否可点击跳转 */\n  linkJump?: boolean;\n  /** 链接是否进行正则检测，如果链接符合url规则才展示成为link。如果配置了模板链接该配置不生效。 */\n  linkDetect?: boolean;\n  /** 模板链接地址，如：'https://www.google.com.hk/search?q={name}'，name是数据源属性字段名。 */\n  templateLink?: string | FieldGetter;\n\n  linkTarget?: string; // window.open的第二个参数\n  linkWindowFeatures?: string; // window.open的第三个参数\n\n  // image 特有\n  /** 是否保持横纵比 默认false */\n  keepAspectRatio?: boolean;\n  /** 是否按图片尺寸自动撑开单元格尺寸 默认false */\n  imageAutoSizing?: boolean;\n\n  // chart 特有\n  /** 注入的图表库组件名称 */\n  chartModule?: string;\n  /** 对应图表库的spec 其中value对应在records中提供 */\n  chartSpec?: any | ((arg0: CellInfo) => any);\n\n  // progressbar 特有\n  /* 进度条展示的最大最小数据值限制，从min到max为整个进度条的长度；\n   * 如果barType为'negative'或'negative_no_axis'，负向进度条的总长度为长度为min到0，正向进度条的总长度为长度为0到max，\n   * 例如：min为10，max为50，数据为30，进度条展示为单元格宽度的一半\n   */\n  min?: number;\n  max?: number;\n  /* 进度条类型 默认default\n   * default：由min到max的进度条\n   * negative：分别展示min到0，0到max的正负向两个进度条，中间展示0值坐标轴\n   * negative_no_axis：展示与negative相同，不限制0值坐标轴\n   */\n  barType?: 'default' | 'negative' | 'negative_no_axis';\n  /** 进度图依赖的数据，如果需要单元格展示的文字和进度图使用的数据字段不同，在dependField里配置进度图使用的数据字段 */\n  dependField?: string;\n\n  // sparkline 特有\n  sparklineSpec?: SparklineSpec | ((arg0: CellInfo) => SparklineSpec);\n}\n"]}

package/cjs/ts-types/pivot-table/indicator/index.d.ts

@@ -1,12 +1,12 @@
 import type { IChartColumnIndicator } from './chart-indicator';
 import type { ICheckboxColumnIndicator } from './checkbox-indicator';
-import type { ICompositeColumnIndicator } from './composite-indicator';
+import type { ICompositeColumnIndicator, ICompositeHeaderIndicator } from './composite-indicator';
 import type { IImageColumnIndicator, IImageHeaderIndicator } from './image-indicator';
 import type { ILinkColumnIndicator, ILinkHeaderIndicator } from './link-indicator';
 import type { ITextColumnIndicator, ITextHeaderIndicator } from './multilinetext-indicator';
 import type { IProgressbarColumnIndicator } from './progress-indicator';
 import type { ISparklineColumnIndicator } from './sparkline-indicator';
-export type HeaderIndicator = ILinkHeaderIndicator | IImageHeaderIndicator | ITextHeaderIndicator;
+export type HeaderIndicator = ILinkHeaderIndicator | IImageHeaderIndicator | ITextHeaderIndicator | ICompositeHeaderIndicator;
 export type ColumnIndicator = ILinkColumnIndicator | IImageColumnIndicator | ISparklineColumnIndicator | IProgressbarColumnIndicator | ICheckboxColumnIndicator | IChartColumnIndicator | ITextColumnIndicator | ICompositeColumnIndicator;
 export type IIndicator = HeaderIndicator & ColumnIndicator;
 export type IChartIndicator = HeaderIndicator & IChartColumnIndicator;

package/cjs/ts-types/pivot-table/indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/pivot-table/indicator/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["import type { IChartColumnIndicator } from './chart-indicator';\nimport type { ICheckboxColumnIndicator } from './checkbox-indicator';\nimport type { ICompositeColumnIndicator } from './composite-indicator';\nimport type { IImageColumnIndicator, IImageHeaderIndicator } from './image-indicator';\nimport type { ILinkColumnIndicator, ILinkHeaderIndicator } from './link-indicator';\nimport type { ITextColumnIndicator, ITextHeaderIndicator } from './multilinetext-indicator';\nimport type { IProgressbarColumnIndicator } from './progress-indicator';\nimport type { ISparklineColumnIndicator } from './sparkline-indicator';\n\nexport type HeaderIndicator = ILinkHeaderIndicator | IImageHeaderIndicator | ITextHeaderIndicator;\n\nexport type ColumnIndicator =\n  | ILinkColumnIndicator\n  | IImageColumnIndicator\n  | ISparklineColumnIndicator\n  | IProgressbarColumnIndicator\n  | ICheckboxColumnIndicator\n  | IChartColumnIndicator\n  | ITextColumnIndicator\n  | ICompositeColumnIndicator;\n\nexport type IIndicator = HeaderIndicator & ColumnIndicator;\n\nexport type IChartIndicator = HeaderIndicator & IChartColumnIndicator;\n"]}
+{"version":3,"sources":["../src/ts-types/pivot-table/indicator/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["import type { IChartColumnIndicator } from './chart-indicator';\nimport type { ICheckboxColumnIndicator } from './checkbox-indicator';\nimport type { ICompositeColumnIndicator, ICompositeHeaderIndicator } from './composite-indicator';\nimport type { IImageColumnIndicator, IImageHeaderIndicator } from './image-indicator';\nimport type { ILinkColumnIndicator, ILinkHeaderIndicator } from './link-indicator';\nimport type { ITextColumnIndicator, ITextHeaderIndicator } from './multilinetext-indicator';\nimport type { IProgressbarColumnIndicator } from './progress-indicator';\nimport type { ISparklineColumnIndicator } from './sparkline-indicator';\n\nexport type HeaderIndicator =\n  | ILinkHeaderIndicator\n  | IImageHeaderIndicator\n  | ITextHeaderIndicator\n  | ICompositeHeaderIndicator;\n\nexport type ColumnIndicator =\n  | ILinkColumnIndicator\n  | IImageColumnIndicator\n  | ISparklineColumnIndicator\n  | IProgressbarColumnIndicator\n  | ICheckboxColumnIndicator\n  | IChartColumnIndicator\n  | ITextColumnIndicator\n  | ICompositeColumnIndicator;\n\nexport type IIndicator = HeaderIndicator & ColumnIndicator;\n\nexport type IChartIndicator = HeaderIndicator & IChartColumnIndicator;\n"]}

package/cjs/vrender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,qEAA0D;AAC1D,kCAAgC;AAChC,yDAAwH;AACxH,yDAqBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IAGd,IAAA,6BAAc,GAAE,CAAC;IAEjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IAIf,IAAA,2BAAY,GAAE,CAAC;IAEf,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,uCAAwB,GAAE,CAAC;IAE3B,IAAA,+BAAU,GAAE,CAAC;IAEb,IAAA,uCAAwB,GAAE,CAAC;AAC7B,CAAC;AAnCD,gDAmCC;AAOD,yDAAuC;AACvC,yDAAuC;AACvC,+DAA6C;AAC7C,4DAA0C","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.23.1\";\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 } from '@visactor/vrender-core';\nexport type { State } from '@visactor/vrender-components';\n// export { GroupFadeIn } from '@visactor/vrender-core';\n// export { GroupFadeOut } from '@visactor/vrender-core';\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\nexport * from '@visactor/vrender-components';\nexport * from '@visactor/vrender-animate';\n"]}
+{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,qEAA0D;AAC1D,kCAAgC;AAChC,yDAAwH;AACxH,yDAqBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IAGd,IAAA,6BAAc,GAAE,CAAC;IAEjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IAIf,IAAA,2BAAY,GAAE,CAAC;IAEf,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,uCAAwB,GAAE,CAAC;IAE3B,IAAA,+BAAU,GAAE,CAAC;IAEb,IAAA,uCAAwB,GAAE,CAAC;AAC7B,CAAC;AAnCD,gDAmCC;AAOD,yDAAuC;AACvC,yDAAuC;AACvC,+DAA6C;AAC7C,4DAA0C","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.23.3-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 } from '@visactor/vrender-core';\nexport type { State } from '@visactor/vrender-components';\n// export { GroupFadeIn } from '@visactor/vrender-core';\n// export { GroupFadeOut } from '@visactor/vrender-core';\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\nexport * from '@visactor/vrender-components';\nexport * from '@visactor/vrender-animate';\n"]}

package/dist/vtable.js

@@ -21499,7 +21499,7 @@
         this._sliderRenderBounds = null, this._sliderLimitRange = null;
       }
       release(all) {
-        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
           passive: !1
         }), this._clearDragEvents();
       }
@@ -23082,17 +23082,21 @@
         } = this.attribute.label;
         textStyle = isFunction$3(textStyle) ? merge({}, DEFAULT_AXIS_THEME.label.style, textStyle(tickDatum, index, tickData, layer)) : textStyle;
         const labelAlign = this.getLabelAlign(vector, inside, textStyle.angle);
-        return textStyle = merge(labelAlign, textStyle), isFunction$3(textStyle.text) && (textStyle.text = textStyle.text({
+        textStyle = merge(labelAlign, textStyle), isFunction$3(textStyle.text) && (textStyle.text = textStyle.text({
           label: tickDatum.label,
           value: tickDatum.rawValue,
           index: tickDatum.index,
           layer: layer
-        })), Object.assign(Object.assign(Object.assign({}, this.getLabelPosition(point, vector, textContent, textStyle)), {
+        }));
+        let reactStyle = textStyle.react;
+        return isFunction$3(reactStyle) && (reactStyle = reactStyle(tickDatum, index, tickData, layer)), Object.assign(Object.assign(Object.assign(Object.assign({}, this.getLabelPosition(point, vector, textContent, textStyle)), {
           text: null != text ? text : textContent,
           _originText: tickDatum.label,
           lineHeight: null == textStyle ? void 0 : textStyle.fontSize,
           type: type
-        }), textStyle);
+        }), textStyle), {
+          react: reactStyle
+        });
       }
       getLabelPosition(point, vector, text, style) {
         return point;
@@ -24121,6 +24125,8 @@
           this.status === STATUS$1.RUNNING && (this.tickCounts++, this.timelines.forEach(timeline => {
             timeline.tick(delta);
           }), this.emit("tick", delta));
+        }, this._handleGraphTick = () => {
+          this.initHandler(!1);
         }, this.init(), this.lastFrameTime = -1, this.tickCounts = 0, this.stage = stage, this.autoStop = !0, this.interval = 16, this.computeTimeOffsetAndJitter();
       }
       bindStage(stage) {
@@ -24130,9 +24136,7 @@
         this.timeOffset = Math.floor(Math.random() * this.interval), this._jitter = Math.min(Math.max(.2 * this.interval, 6), .7 * this.interval);
       }
       init() {
-        this.interval = 16, this.status = STATUS$1.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", () => {
-          this.initHandler(!1);
-        }), application.global.env && this.initHandler(!1);
+        this.interval = 16, this.status = STATUS$1.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", this._handleGraphTick), application.global.env && this.initHandler(!1);
       }
       addTimeline(timeline) {
         this.timelines.push(timeline);
@@ -24205,7 +24209,7 @@
       }
       release() {
         var _a;
-        this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1;
+        this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1, application.global.hooks.onSetEnv.unTap("graph-ticker", this._handleGraphTick);
       }
       checkSkip(delta) {
         var _a, _b, _c;
@@ -33721,6 +33725,8 @@
         IconFuncTypeEnum["dropDownState"] = "dropDownState";
         IconFuncTypeEnum["play"] = "play";
         IconFuncTypeEnum["damagePic"] = "damagePic";
+        IconFuncTypeEnum["imageDamagePic"] = "imageDamagePic";
+        IconFuncTypeEnum["videoDamagePic"] = "videoDamagePic";
         IconFuncTypeEnum["expand"] = "expand";
         IconFuncTypeEnum["collapse"] = "collapse";
         IconFuncTypeEnum["drillDown"] = "drillDown";
@@ -45201,8 +45207,18 @@
         }
         image.failCallback = () => {
             const regedIcons = get$2();
-            image.image = regedIcons.damage_pic.svg;
+            image.image = regedIcons.image_damage_pic
+                ? regedIcons.image_damage_pic.svg
+                : regedIcons.damage_pic.svg;
         };
+        if (typeof value === 'string') {
+            if (!(value.startsWith('<svg') || isValidUrl$1(value) || value.includes('/') || isBase64$1(value))) {
+                const regedIcons = get$2();
+                image.image = regedIcons.image_damage_pic
+                    ? regedIcons.image_damage_pic.svg
+                    : regedIcons.damage_pic.svg;
+            }
+        }
         cellGroup.appendChild(image);
         return cellGroup;
     }
@@ -45412,7 +45428,9 @@
     }
     function isDamagePic(image) {
         const regedIcons = get$2();
-        return image.attribute.image === regedIcons.damage_pic.svg;
+        return (image.attribute.image === regedIcons.damage_pic.svg ||
+            (regedIcons.image_damage_pic && image.attribute.image === regedIcons.image_damage_pic.svg) ||
+            (regedIcons.video_damage_pic && image.attribute.image === regedIcons.video_damage_pic.svg));
     }
 
     function dealPromiseData(dataPromise, tabel, callback) {
@@ -45756,11 +45774,7 @@
         if (!addNew && oldCellGroup.role === 'empty') {
             return undefined;
         }
-        const type = isVtableMerge || isCustomMerge
-            ? 'text'
-            : table.isHeader(col, row)
-                ? table._getHeaderLayoutMap(col, row).headerType ?? 'text'
-                : table.getBodyColumnType(col, row) ?? 'text';
+        const type = isVtableMerge || isCustomMerge ? 'text' : table.getCellType(col, row);
         const padding = cellTheme._vtable.padding;
         const textAlign = cellTheme.text.textAlign;
         const textBaseline = cellTheme.text.textBaseline;
@@ -46652,9 +46666,7 @@
                     (table.isRightFrozenColumn(col) && table.isBottomFrozenRow(row)))) {
                 continue;
             }
-            const cellType = table.isHeader(col, row)
-                ? table._getHeaderLayoutMap(col, row)?.headerType
-                : table.getBodyColumnType(col, row);
+            const cellType = table.getCellType(col, row);
             const textHeight = computeTextHeight(col, row, cellType, table);
             maxHeight = isValid$1(maxHeight) ? Math.max(textHeight, maxHeight) : textHeight;
         }
@@ -47087,11 +47099,7 @@
         cell.setAttribute('height', distHeight);
         const isVtableMerge = scene.table.getCellRawRecord(col, row)?.vtableMerge;
         const isCustomMerge = !!scene.table.getCustomMerge(col, row);
-        const type = isVtableMerge || isCustomMerge
-            ? 'text'
-            : scene.table.isHeader(col, row)
-                ? scene.table._getHeaderLayoutMap(col, row).headerType ?? 'text'
-                : scene.table.getBodyColumnType(col, row) ?? 'text';
+        const type = isVtableMerge || isCustomMerge ? 'text' : scene.table.getCellType(col, row);
         if (type === 'progressbar') {
             const columnDefine = scene.table.getBodyColumnDefine(col, row);
             const style = scene.table._getCellStyle(col, row);
@@ -47430,11 +47438,7 @@
         const autoRowHeight = scene.table.isAutoRowHeight(row);
         const isVtableMerge = scene.table.getCellRawRecord(col, row)?.vtableMerge;
         const isCustomMerge = !!scene.table.getCustomMerge(col, row);
-        const type = isVtableMerge || isCustomMerge
-            ? 'text'
-            : scene.table.isHeader(col, row)
-                ? scene.table._getHeaderLayoutMap(col, row).headerType ?? 'text'
-                : scene.table.getBodyColumnType(col, row) ?? 'text';
+        const type = isVtableMerge || isCustomMerge ? 'text' : scene.table.getCellType(col, row);
         let isHeightChange = false;
         if (type === 'progressbar') {
             const columnDefine = scene.table.getBodyColumnDefine(col, row);
@@ -53012,9 +53016,7 @@
                 maxWidth = Math.max(indicatorWidth, maxWidth);
                 continue;
             }
-            const cellType = table.isHeader(col, row)
-                ? table._getHeaderLayoutMap(col, row)?.headerType
-                : table.getBodyColumnType(col, row);
+            const cellType = table.getCellType(col, row);
             if (isValid$1(cellType) &&
                 cellType !== 'text' &&
                 cellType !== 'link' &&
@@ -53584,11 +53586,7 @@
                     }
                 }
             }
-            const type = isVtableMerge || isCustomMerge
-                ? 'text'
-                : (table.isHeader(col, row)
-                    ? table._getHeaderLayoutMap(col, row).headerType ?? 'text'
-                    : table.getBodyColumnType(col, row)) ?? 'text';
+            const type = isVtableMerge || isCustomMerge ? 'text' : table.getCellType(col, row);
             if (isPromise(value)) {
                 createEmptyCellGroup(col, row, 0, y, cellWidth, cellHeight, columnGroup);
                 dealPromiseData(value, table, callCreateCellForPromiseValue.bind(null, {
@@ -59763,11 +59761,7 @@
         }
         updateCellContentWhileResize(col, row) {
             const isVtableMerge = this.table.getCellRawRecord(col, row)?.vtableMerge;
-            const type = isVtableMerge
-                ? 'text'
-                : this.table.isHeader(col, row)
-                    ? this.table._getHeaderLayoutMap(col, row).headerType
-                    : this.table.getBodyColumnType(col, row);
+            const type = isVtableMerge ? 'text' : this.table.getCellType(col, row);
             const cellGroup = this.getCell(col, row);
             if (type === 'image' || type === 'video') {
                 updateImageCellContentWhileResize(cellGroup, col, row, 0, 0, this.table);
@@ -63651,15 +63645,7 @@
                 if (e.target.type === 'image' && e.target.role && e.target.role.startsWith('icon')) {
                     return;
                 }
-                let cellType;
-                if (table.internalProps.layoutMap.isHeader(col, row)) {
-                    cellType = table.isPivotTable()
-                        ? table._getHeaderLayoutMap(col, row).headerType
-                        : table.getHeaderDefine(col, row).headerType;
-                }
-                else {
-                    cellType = table.getBodyColumnType(col, row);
-                }
+                const cellType = table.getCellType(col, row);
                 const columnDefine = table.isHeader(col, row)
                     ? table.getHeaderDefine(col, row)
                     : table.getBodyColumnDefine(col, row);
@@ -63696,7 +63682,9 @@
                         }
                         const data = Object.assign({
                             __value: cellValue,
-                            __dataValue: cellOriginValue
+                            __dataValue: cellOriginValue,
+                            value: cellValue,
+                            dataValue: cellOriginValue
                         }, rowData);
                         if (isFunction$3(templateLink)) {
                             url = templateLink(data, col, row, table);
@@ -70708,7 +70696,7 @@
                     layoutMap.isRightTopCorner(col, row))) {
                 return EMPTY_STYLE;
             }
-            const styleClass = table.internalProps.headerHelper.getStyleClass(hd?.headerType || 'text');
+            const styleClass = table.internalProps.headerHelper.getStyleClass(table.getCellType(col, row));
             if (layoutMap.isBottomFrozenRow(col, row) && table.theme.bottomFrozenStyle) {
                 cacheStyle = of(paddingForAxis ? { padding: paddingForAxis } : {}, table.theme.bottomFrozenStyle, {
                     col,
@@ -71021,7 +71009,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.23.1";
+        version = "1.23.3-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -72613,6 +72601,11 @@
             this.release();
         }
         release() {
+            this.scenegraph?.component?.vScrollBar?.release();
+            this.scenegraph?.component?.hScrollBar?.release();
+            this.animationManager.clear();
+            this.animationManager.ticker.release();
+            this.scenegraph?.stage?.ticker?.release();
             const internalProps = this.internalProps;
             if (this.isReleased) {
                 return;
@@ -84309,7 +84302,10 @@
             table.scenegraph.updateNextFrame();
         });
         video.onerror = () => {
-            image.image = regedIcons.damage_pic.svg;
+            const regedIcons = get$2();
+            image.image = regedIcons.video_damage_pic
+                ? regedIcons.video_damage_pic.svg
+                : regedIcons.damage_pic.svg;
         };
         video.src = value;
         video.setAttribute('preload', 'auto');
@@ -84326,6 +84322,12 @@
         image.textAlign = textAlign;
         image.textBaseline = textBaseline;
         cellGroup.appendChild(image);
+        image.successCallback = () => {
+            if (isDamagePic(image)) {
+                updateAutoSizingAndKeepAspectRatio(imageAutoSizing, keepAspectRatio, padding, textAlign, textBaseline, image, cellGroup, table);
+                table.scenegraph.updateNextFrame();
+            }
+        };
         return cellGroup;
     }
 
@@ -94770,7 +94772,7 @@
     }
 
     registerForVrender();
-    const version = "1.23.1";
+    const version = "1.23.3-alpha.0";
     function getIcons() {
         return get$2();
     }