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

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

@@ -0,0 +1,111 @@
+import type { TextAlignType, TextBaselineType } from '@visactor/vrender';
+import type { FieldData } from './table-engine';
+import type { RectProps } from './common';
+import type { BaseTableAPI } from './base-table';
+export interface CustomRenderFunctionArg {
+    row: number;
+    col: number;
+    table: BaseTableAPI;
+    value: FieldData;
+    dataValue: FieldData;
+    rect?: RectProps;
+}
+interface baseElement {
+    elementKey?: string;
+    x: number | string | ((value: string) => number | string);
+    y: number | string | ((value: string) => number | string);
+    dx?: number;
+    dy?: number;
+    clickable?: boolean;
+    cursor?: string;
+}
+export interface TextElement extends baseElement {
+    type: 'text';
+    text: string | ((value: string) => string);
+    strokeColor?: string | ((value: string) => string);
+    fillColor?: string | ((value: string) => string);
+    fontSize?: number | ((value: string) => number);
+    fontFamily?: string | ((value: string) => string);
+    fontWeight?: string | number | ((value: string) => string | number);
+    fontVariant?: string;
+    fontStyle?: string;
+    ellipsis?: boolean | string;
+    maxLineWidth?: number;
+    textAlign?: TextAlignType;
+    textBaseline?: TextBaselineType;
+    lineHeight?: number;
+    underline?: number;
+    lineThrough?: number;
+    heightLimit?: number;
+    lineClamp?: number;
+    width?: number;
+    height?: number;
+    background?: {
+        fillColor?: string;
+        expandY?: number;
+        expandX?: number;
+        borderRadius?: number;
+    };
+}
+export interface RectElement extends baseElement {
+    type: 'rect';
+    width: number | string | ((value: string) => number | string);
+    height: number | string | ((value: string) => number | string);
+    strokeColor?: string | ((value: string) => string);
+    fillColor?: string | ((value: string) => string);
+    radius?: number | string | ((value: string) => number | string);
+}
+export interface CircleElement extends baseElement {
+    type: 'circle';
+    radius: number | string | ((value: string) => number | string);
+    strokeColor?: string | ((value: string) => string);
+    fillColor?: string | ((value: string) => string);
+}
+export interface ArcElement extends baseElement {
+    type: 'arc';
+    radius: number | string | ((value: string) => number | string);
+    startAngle?: number | ((value: string) => number);
+    endAngle?: number | ((value: string) => number);
+    strokeColor?: string | ((value: string) => string);
+    fillColor?: string | ((value: string) => string);
+}
+export interface IconElement extends baseElement {
+    type: 'icon';
+    svg: string | ((value: string) => string);
+    width: number | string | ((value: string) => number | string);
+    height: number | string | ((value: string) => number | string);
+    hover?: {
+        x: number | string;
+        y: number | string;
+        width: number | string | ((value: string) => number | string);
+        height: number | string | ((value: string) => number | string);
+        bgColor: string;
+        radius?: number;
+    };
+}
+export interface ImageElement extends baseElement {
+    type: 'image';
+    src: string | ((value: string) => string);
+    width: number | string | ((value: string) => number | string);
+    height: number | string | ((value: string) => number | string);
+    hover?: {
+        x: number | string;
+        y: number | string;
+        width: number | string | ((value: string) => number | string);
+        height: number | string | ((value: string) => number | string);
+        bgColor: string;
+        radius?: number;
+    };
+    shape?: 'circle' | 'square';
+}
+export type ICustomRenderElement = TextElement | RectElement | CircleElement | IconElement | ImageElement | ArcElement;
+export type ICustomRenderElements = Array<ICustomRenderElement>;
+export type ICustomRenderFuc = (args: CustomRenderFunctionArg) => ICustomRenderObj;
+export type ICustomRenderObj = {
+    elements: ICustomRenderElements;
+    expectedHeight: number;
+    expectedWidth: number;
+    renderDefault?: boolean;
+};
+export type ICustomRender = ICustomRenderFuc | ICustomRenderObj;
+export {};

package/es/ts-types/customElement.js

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

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

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

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

@@ -0,0 +1,8 @@
+import type { Container } from '../render/layout';
+import type { CustomRenderFunctionArg } from './customElement';
+export type ICustomLayoutObj = {
+    rootContainer: Container;
+    renderDefault?: boolean;
+};
+export type ICustomLayoutFuc = (args: CustomRenderFunctionArg) => ICustomLayoutObj;
+export type ICustomLayout = ICustomLayoutFuc;

package/es/ts-types/customLayout.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ts-types/customLayout.ts"],"names":[],"mappings":"","file":"customLayout.js","sourcesContent":["import type { Container } from '../render/layout';\nimport type { CustomRenderFunctionArg } from './customElement';\n\nexport type ICustomLayoutObj = {\n  rootContainer: Container;\n  /**\n   * 是否还需要默认渲染内容 只有配置true才绘制 默认 不绘制\n   */\n  renderDefault?: boolean;\n};\n\nexport type ICustomLayoutFuc = (args: CustomRenderFunctionArg) => ICustomLayoutObj;\n\nexport type ICustomLayout = ICustomLayoutFuc;\n"]}

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

@@ -0,0 +1,182 @@
+import type { CellAddress, CellRange, CellType, FieldDef } from './table-engine';
+import type { DropDownMenuEventArgs, MenuListItem, PivotInfo } from './menu';
+import type { AnyFunction, IDimensionInfo, RectProps } from './common';
+import type { IconFuncTypeEnum, CellInfo, HierarchyState } from '.';
+import type { Icon } from '../scenegraph/graphic/icon';
+export type KeyboardEventListener = (e: KeyboardEvent) => void;
+export type AnyListener = AnyFunction;
+export type EventListenerId = number;
+export type SelectedCellEvent = CellAddress & {
+    ranges: CellRange[];
+};
+export type MenuEvent = CellAddress & {
+    dropDownMenu: MenuListItem[];
+    pivotInfo: PivotInfo;
+};
+export type TouchCellEvent = CellAddress & {
+    event: TouchEvent;
+};
+export type KeydownEvent = {
+    keyCode: number;
+    code: string;
+    event: KeyboardEvent;
+    cells?: CellInfo[][];
+    stopCellMoving?: () => void;
+    scaleRatio?: number;
+};
+export type MousePointerCellEvent = CellAddress & CellInfo & {
+    related?: CellAddress;
+    scaleRatio?: number;
+    targetIcon?: {
+        name: string;
+        position: RectProps;
+        funcType: string;
+    };
+    event?: MouseEvent | PointerEvent | TouchEvent;
+};
+export type MousePointerMultiCellEvent = MousePointerCellEvent & {
+    cells: CellInfo[][];
+};
+export type MousePointerSparklineEvent = MousePointerCellEvent & {
+    sparkline: {
+        pointData: any;
+    };
+};
+export interface TableEventHandlersEventArgumentMap {
+    selected_cell: [SelectedCellEvent];
+    click_cell: [MousePointerCellEvent];
+    dblclick_cell: [MousePointerCellEvent];
+    mouseenter_table: [MousePointerCellEvent];
+    mouseleave_table: [MousePointerCellEvent];
+    mouseenter_cell: [MousePointerCellEvent];
+    mouseleave_cell: [MousePointerCellEvent];
+    mousemove_cell: [MousePointerCellEvent];
+    mousedown_cell: [MousePointerCellEvent];
+    mouseup_cell: [MousePointerCellEvent];
+    contextmenu_cell: [MousePointerMultiCellEvent];
+    keydown: [KeydownEvent];
+    scroll: [
+        {
+            scrollLeft: number;
+            scrollTop: number;
+            scrollWidth: number;
+            scrollHeight: number;
+            viewWidth: number;
+            viewHeight: number;
+        }
+    ];
+    resize_column: [{
+        col: number;
+        colWidth: number;
+    }];
+    resize_column_end: [{
+        col: number;
+        columns: number[];
+    }];
+    change_header_position: [{
+        source: CellAddress;
+        target: CellAddress;
+    }];
+    sort_click: [
+        {
+            field: FieldDef;
+            order: 'asc' | 'desc' | 'normal';
+        }
+    ];
+    freeze_click: [{
+        col: number;
+        row: number;
+        fields: FieldDef[];
+        colCount: number;
+    }];
+    dropdownmenu_click: [DropDownMenuEventArgs];
+    copydata: [CellRange[]];
+    mouseover_chart_symbol: [MousePointerSparklineEvent];
+    drag_select_end: [MousePointerMultiCellEvent];
+    drillmenu_click: [DrillMenuEventInfo];
+    dropdown_icon_click: [CellAddress];
+    dropdown_menu_clear: [CellAddress];
+    show_menu: [
+        {
+            x: number;
+            y: number;
+            col: number;
+            row: number;
+            type: 'dropDown' | 'contextmenu' | 'custom';
+        }
+    ];
+    hide_menu: [];
+    icon_click: [
+        {
+            name: string;
+            col: number;
+            row: number;
+            x: number;
+            y: number;
+            funcType?: IconFuncTypeEnum | string;
+            icon: Icon;
+        }
+    ];
+    pivot_sort_click: [
+        {
+            col: number;
+            row: number;
+            order: 'asc' | 'desc' | 'normal';
+            dimensionInfo: IDimensionInfo[];
+            cellType: CellType;
+        }
+    ];
+    tree_hierarchy_state_change: [
+        {
+            col: number;
+            row: number;
+            hierarchyState: HierarchyState;
+            dimensionInfo?: IDimensionInfo[];
+            originData?: any;
+        }
+    ];
+}
+export interface DrillMenuEventInfo {
+    dimensionKey: string | number;
+    dimensionTitle: string;
+    drillDown: boolean;
+    drillUp: boolean;
+    col: number;
+    row: number;
+}
+export interface TableEventHandlersReturnMap {
+    selected_cell: void;
+    click_cell: void;
+    dblclick_cell: void;
+    mouseenter_table: void;
+    mouseleave_table: void;
+    mouseenter_cell: void;
+    mouseleave_cell: void;
+    mouseover_cell: void;
+    mouseout_cell: void;
+    mousemove_cell: void;
+    mousedown_cell: boolean;
+    mouseup_cell: void;
+    contextmenu_cell: void;
+    keydown: void;
+    scroll: void;
+    focus_table: void;
+    blur_table: void;
+    resize_column: void;
+    resize_column_end: void;
+    change_header_position: void;
+    sort_click: void;
+    freeze_click: void;
+    dropdownmenu_click: void;
+    copydata: string;
+    mouseover_chart_symbol: void;
+    drag_select_end: void;
+    drillmenu_click: void;
+    dropdown_icon_click: void;
+    dropdown_menu_clear: void;
+    show_menu: void;
+    hide_menu: void;
+    icon_click: void;
+    pivot_sort_click: void;
+    tree_hierarchy_state_change: void;
+}

package/es/ts-types/events.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ts-types/events.ts"],"names":[],"mappings":"","file":"events.js","sourcesContent":["import type { CellAddress, CellRange, CellType, FieldDef } from './table-engine';\nimport type { DropDownMenuEventArgs, MenuListItem, PivotInfo } from './menu';\n\nimport type { AnyFunction, IDimensionInfo, RectProps } from './common';\nimport type { IconFuncTypeEnum, CellInfo, HierarchyState } from '.';\nimport type { Icon } from '../scenegraph/graphic/icon';\n\nexport type KeyboardEventListener = (e: KeyboardEvent) => void;\nexport type AnyListener = AnyFunction;\nexport type EventListenerId = number;\n\nexport type SelectedCellEvent = CellAddress & {\n  ranges: CellRange[];\n};\n\n// export type MouseCellEvent = CellAddress & {\n//   event: MouseEvent | PointerEvent | TouchEvent;\n// };\n\nexport type MenuEvent = CellAddress & {\n  dropDownMenu: MenuListItem[];\n  pivotInfo: PivotInfo;\n};\n\nexport type TouchCellEvent = CellAddress & {\n  event: TouchEvent;\n};\n\nexport type KeydownEvent = {\n  keyCode: number;\n  code: string;\n  event: KeyboardEvent;\n  cells?: CellInfo[][];\n  stopCellMoving?: () => void;\n  scaleRatio?: number;\n};\n\nexport type MousePointerCellEvent = CellAddress &\n  CellInfo & {\n    related?: CellAddress;\n    scaleRatio?: number;\n    targetIcon?: { name: string; position: RectProps; funcType: string };\n    event?: MouseEvent | PointerEvent | TouchEvent;\n  };\n// 多单元格的事件传出参数 需要将当前鼠标处的单元格的信息FocusedCellInfo也带着\nexport type MousePointerMultiCellEvent = MousePointerCellEvent & {\n  cells: CellInfo[][];\n  // menuKey?: string;\n};\n\nexport type MousePointerSparklineEvent = MousePointerCellEvent & {\n  sparkline: {\n    pointData: any;\n  };\n};\n\nexport interface TableEventHandlersEventArgumentMap {\n  selected_cell: [SelectedCellEvent];\n  click_cell: [MousePointerCellEvent];\n  dblclick_cell: [MousePointerCellEvent];\n  mouseenter_table: [MousePointerCellEvent];\n  mouseleave_table: [MousePointerCellEvent];\n  mouseenter_cell: [MousePointerCellEvent];\n  mouseleave_cell: [MousePointerCellEvent];\n  mousemove_cell: [MousePointerCellEvent];\n  mousedown_cell: [MousePointerCellEvent];\n  mouseup_cell: [MousePointerCellEvent];\n  contextmenu_cell: [MousePointerMultiCellEvent];\n  keydown: [KeydownEvent];\n  scroll: [\n    {\n      scrollLeft: number;\n      scrollTop: number;\n      scrollWidth: number;\n      scrollHeight: number;\n      viewWidth: number;\n      viewHeight: number;\n    }\n  ];\n  resize_column: [{ col: number; colWidth: number }];\n  resize_column_end: [{ col: number; columns: number[] }];\n  change_header_position: [{ source: CellAddress; target: CellAddress }];\n  sort_click: [\n    {\n      field: FieldDef;\n      order: 'asc' | 'desc' | 'normal';\n    }\n  ];\n  freeze_click: [{ col: number; row: number; fields: FieldDef[]; colCount: number }];\n  dropdownmenu_click: [DropDownMenuEventArgs];\n  copydata: [CellRange[]];\n\n  mouseover_chart_symbol: [MousePointerSparklineEvent];\n\n  drag_select_end: [MousePointerMultiCellEvent];\n\n  drillmenu_click: [DrillMenuEventInfo];\n\n  dropdown_icon_click: [CellAddress];\n  dropdown_menu_clear: [CellAddress];\n\n  show_menu: [\n    {\n      x: number;\n      y: number;\n      col: number;\n      row: number;\n      type: 'dropDown' | 'contextmenu' | 'custom';\n    }\n  ];\n  hide_menu: [];\n  icon_click: [\n    {\n      name: string;\n      col: number;\n      row: number;\n      x: number;\n      y: number;\n      funcType?: IconFuncTypeEnum | string;\n      icon: Icon;\n    }\n  ];\n\n  pivot_sort_click: [\n    {\n      col: number;\n      row: number;\n      order: 'asc' | 'desc' | 'normal';\n      dimensionInfo: IDimensionInfo[];\n      cellType: CellType;\n    }\n  ];\n  tree_hierarchy_state_change: [\n    {\n      col: number;\n      row: number;\n      hierarchyState: HierarchyState;\n      dimensionInfo?: IDimensionInfo[];\n      /**整条数据-原始数据 */\n      originData?: any;\n    }\n  ];\n}\nexport interface DrillMenuEventInfo {\n  dimensionKey: string | number;\n  dimensionTitle: string;\n  drillDown: boolean;\n  drillUp: boolean;\n  col: number;\n  row: number;\n}\nexport interface TableEventHandlersReturnMap {\n  selected_cell: void;\n  click_cell: void;\n  dblclick_cell: void;\n  mouseenter_table: void;\n  mouseleave_table: void;\n  mouseenter_cell: void;\n  mouseleave_cell: void;\n  mouseover_cell: void;\n  mouseout_cell: void;\n  mousemove_cell: void;\n  mousedown_cell: boolean;\n  mouseup_cell: void;\n  contextmenu_cell: void;\n  keydown: void;\n  scroll: void;\n  focus_table: void;\n  blur_table: void;\n  resize_column: void;\n  resize_column_end: void;\n  change_header_position: void;\n  sort_click: void;\n  freeze_click: void;\n  dropdownmenu_click: void;\n  copydata: string;\n  mouseover_chart_symbol: void;\n  drag_select_end: void;\n  drillmenu_click: void;\n\n  dropdown_icon_click: void;\n  dropdown_menu_clear: void;\n\n  show_menu: void;\n  hide_menu: void;\n  icon_click: void;\n\n  pivot_sort_click: void;\n\n  tree_hierarchy_state_change: void;\n}\n"]}

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

@@ -0,0 +1,86 @@
+import type { Placement } from './table-engine';
+export interface IIconBase {
+    type: 'font' | 'svg' | 'path' | 'image';
+    width?: number;
+    height?: number;
+    positionType: IconPosition;
+    marginRight?: number;
+    marginLeft?: number;
+    name: string;
+    funcType?: IconFuncTypeEnum | string;
+    hover?: {
+        width?: number;
+        height?: number;
+        bgColor: string;
+        image?: string;
+    };
+    cursor?: string;
+    visibleTime?: 'always' | 'mouseenter_cell' | 'click_cell';
+    tooltip?: {
+        title: string;
+        placement?: Placement;
+        style?: {
+            font?: string;
+            color?: string;
+            padding?: number[];
+            bgColor?: string;
+            arrowMark?: boolean;
+        };
+    };
+    interactive?: boolean;
+}
+export interface FontIcon extends IIconBase {
+    type: 'font';
+    font?: string;
+    content: string;
+    color?: string;
+}
+export interface ImageIcon extends IIconBase {
+    type: 'image';
+    src: string;
+    shape?: 'circle' | 'square';
+}
+export interface PathIcon extends IIconBase {
+    type: 'path';
+    path: string;
+    color?: string;
+}
+export interface SvgIcon extends IIconBase {
+    type: 'svg';
+    svg: string;
+}
+export declare enum IconPosition {
+    inlineFront = "inlineFront",
+    inlineEnd = "inlineEnd",
+    left = "left",
+    right = "right",
+    absoluteRight = "absoluteRight",
+    contentLeft = "contentLeft",
+    contentRight = "contentRight",
+    absolute = "absolute"
+}
+export declare enum IconFuncTypeEnum {
+    pin = "pin",
+    sort = "sort",
+    dropDown = "dropDown",
+    dropDownState = "dropDownState",
+    play = "play",
+    damagePic = "damagePic",
+    expand = "expand",
+    collapse = "collapse",
+    drillDown = "drillDown",
+    drillUp = "drillUp"
+}
+export declare enum InternalIconName {
+    upwardIconName = "sort_upward",
+    downwardIconName = "sort_downward",
+    normalIconName = "sort_normal",
+    pinIconName = "pin",
+    pinedIconName = "pined",
+    pinedHoverIconName = "pined_hover",
+    pinedCurrentIconName = "pinedCurrent",
+    dropdownIconName = "dropdownIcon",
+    expandIconName = "expand",
+    collapseIconName = "collapse"
+}
+export type ColumnIconOption = ImageIcon | SvgIcon;

package/es/ts-types/icon.js

@@ -0,0 +1,28 @@
+export var IconPosition;
+
+!function(IconPosition) {
+    IconPosition.inlineFront = "inlineFront", IconPosition.inlineEnd = "inlineEnd", 
+    IconPosition.left = "left", IconPosition.right = "right", IconPosition.absoluteRight = "absoluteRight", 
+    IconPosition.contentLeft = "contentLeft", IconPosition.contentRight = "contentRight", 
+    IconPosition.absolute = "absolute";
+}(IconPosition || (IconPosition = {}));
+
+export var IconFuncTypeEnum;
+
+!function(IconFuncTypeEnum) {
+    IconFuncTypeEnum.pin = "pin", 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 || (IconFuncTypeEnum = {}));
+
+export var InternalIconName;
+
+!function(InternalIconName) {
+    InternalIconName.upwardIconName = "sort_upward", InternalIconName.downwardIconName = "sort_downward", 
+    InternalIconName.normalIconName = "sort_normal", InternalIconName.pinIconName = "pin", 
+    InternalIconName.pinedIconName = "pined", InternalIconName.pinedHoverIconName = "pined_hover", 
+    InternalIconName.pinedCurrentIconName = "pinedCurrent", InternalIconName.dropdownIconName = "dropdownIcon", 
+    InternalIconName.expandIconName = "expand", InternalIconName.collapseIconName = "collapse";
+}(InternalIconName || (InternalIconName = {}));
+//# sourceMappingURL=icon.js.map

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

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

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

@@ -0,0 +1,15 @@
+export * from './common';
+export * from './table-engine';
+export * from './column';
+export * from './events';
+export * from './theme';
+export * from './style-define';
+export * from './new-data-set';
+export * from './table-engine';
+export * from './customElement';
+export * from './customLayout';
+export * from './chartType';
+export * from './menu';
+export * from './icon';
+export * from './list-table';
+export * from './pivot-table';

package/es/ts-types/index.js

@@ -0,0 +1,30 @@
+export * from "./common";
+
+export * from "./table-engine";
+
+export * from "./column";
+
+export * from "./events";
+
+export * from "./theme";
+
+export * from "./style-define";
+
+export * from "./new-data-set";
+
+export * from "./table-engine";
+
+export * from "./customElement";
+
+export * from "./customLayout";
+
+export * from "./chartType";
+
+export * from "./menu";
+
+export * from "./icon";
+
+export * from "./list-table";
+
+export * from "./pivot-table";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ts-types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC","file":"index.js","sourcesContent":["export * from './common';\nexport * from './table-engine';\nexport * from './column';\nexport * from './events';\nexport * from './theme';\nexport * from './style-define';\nexport * from './new-data-set';\nexport * from './table-engine';\nexport * from './customElement';\nexport * from './customLayout';\nexport * from './chartType';\nexport * from './menu';\nexport * from './icon';\nexport * from './list-table';\nexport * from './pivot-table';\n"]}

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

@@ -0,0 +1,36 @@
+import type { CellInfo, SortOption } from '../../common';
+import type { ICustomRender } from '../../customElement';
+import type { ICustomLayout } from '../../customLayout';
+import type { FieldDef, FieldFormat, FieldKeyDef } from '../../table-engine';
+import type { ColumnIconOption } from '../../icon';
+import type { MenuListItem } from '../../menu';
+export interface IBasicHeaderDefine {
+    caption?: string | (() => string);
+    captionIcon?: ColumnIconOption;
+    headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];
+    sort?: SortOption;
+    showSort?: boolean;
+    disableHover?: boolean;
+    disableSelect?: boolean;
+    disableHeaderHover?: boolean;
+    disableHeaderSelect?: boolean;
+    description?: string;
+    dropDownMenu?: MenuListItem[];
+    headerCustomRender?: ICustomRender;
+    headerCustomLayout?: ICustomLayout;
+    dragHeader?: boolean;
+    columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';
+    disableColumnResize?: boolean;
+}
+export interface IBasicColumnBodyDefine {
+    field: FieldDef;
+    fieldKey?: FieldKeyDef;
+    fieldFormat?: FieldFormat;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    tree?: boolean;
+    icon?: string | ColumnIconOption | (string | ColumnIconOption)[] | ((args: CellInfo) => string | ColumnIconOption | (string | ColumnIconOption)[]);
+    customRender?: ICustomRender;
+    customLayout?: ICustomLayout;
+}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { IStyleOption } from '../../column';
+import type { CellInfo } from '../../common';
+import type { StylePropertyFunctionArg } from '../../style-define';
+import type { IBasicColumnBodyDefine } from './basic-define';
+export interface IChartColumnBodyDefine extends IBasicColumnBodyDefine {
+    style?: IStyleOption | ((styleArg: StylePropertyFunctionArg) => IStyleOption);
+    columnType: 'chart';
+    chartType?: string;
+    chartSpec?: any | ((arg0: CellInfo) => any);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ts-types/list-table/define/chart-define.ts"],"names":[],"mappings":"","file":"chart-define.js","sourcesContent":["import type { IStyleOption } from '../../column';\nimport type { CellInfo } from '../../common';\nimport type { StylePropertyFunctionArg } from '../../style-define';\nimport type { IBasicColumnBodyDefine } from './basic-define';\n\nexport interface IChartColumnBodyDefine extends IBasicColumnBodyDefine {\n  style?: IStyleOption | ((styleArg: StylePropertyFunctionArg) => IStyleOption);\n  columnType: 'chart';\n  /** 注入的图表库组件名称 */\n  chartType?: string;\n  /** 对应图表库的spec 其中value对应在records中提供 */\n  chartSpec?: any | ((arg0: CellInfo) => any);\n}\n"]}

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

@@ -0,0 +1,15 @@
+import type { IImageStyleOption } from '../../column';
+import type { StylePropertyFunctionArg } from '../../style-define';
+import type { IBasicColumnBodyDefine, IBasicHeaderDefine } from './basic-define';
+export interface IImageHeaderDefine extends IBasicHeaderDefine {
+    headerStyle?: IImageStyleOption | ((styleArg: StylePropertyFunctionArg) => IImageStyleOption);
+    headerType: 'image' | 'video';
+    keepAspectRatio?: boolean;
+    imageAutoSizing?: boolean;
+}
+export interface IImageColumnBodyDefine extends IBasicColumnBodyDefine {
+    style?: IImageStyleOption | ((styleArg: StylePropertyFunctionArg) => IImageStyleOption);
+    columnType: 'image' | 'video';
+    keepAspectRatio?: boolean;
+    imageAutoSizing?: boolean;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ts-types/list-table/define/image-define.ts"],"names":[],"mappings":"","file":"image-define.js","sourcesContent":["import type { IImageStyleOption } from '../../column';\nimport type { StylePropertyFunctionArg } from '../../style-define';\nimport type { IBasicColumnBodyDefine, IBasicHeaderDefine } from './basic-define';\n\nexport interface IImageHeaderDefine extends IBasicHeaderDefine {\n  headerStyle?: IImageStyleOption | ((styleArg: StylePropertyFunctionArg) => IImageStyleOption);\n  headerType: 'image' | 'video';\n\n  /** 是否保持横纵比 默认false */\n  keepAspectRatio?: boolean;\n  /** 是否按图片尺寸自动撑开单元格尺寸 默认false */\n  imageAutoSizing?: boolean;\n}\n\nexport interface IImageColumnBodyDefine extends IBasicColumnBodyDefine {\n  style?: IImageStyleOption | ((styleArg: StylePropertyFunctionArg) => IImageStyleOption);\n  columnType: 'image' | 'video';\n\n  /** 是否保持横纵比 默认false */\n  keepAspectRatio?: boolean;\n  /** 是否按图片尺寸自动撑开单元格尺寸 默认false */\n  imageAutoSizing?: boolean;\n}\n"]}

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

@@ -0,0 +1,21 @@
+import type { Either } from '../../../tools/helper';
+import type { IChartColumnBodyDefine } from './chart-define';
+import type { IImageColumnBodyDefine, IImageHeaderDefine } from './image-define';
+import type { ILinkColumnBodyDefine, ILinkHeaderDefine } from './link-define';
+import type { ITextColumnBodyDefine, ITextHeaderDefine } from './multilinetext-define';
+import type { IProgressbarColumnBodyDefine } from './progressbar-define';
+import type { ISparklineColumnBodyDefine } from './sparkline-define';
+export type HeaderDefine = ITextHeaderDefine | ILinkHeaderDefine | IImageHeaderDefine;
+export type ColumnBodyDefine = ITextColumnBodyDefine | ILinkColumnBodyDefine | IImageColumnBodyDefine | ISparklineColumnBodyDefine | IProgressbarColumnBodyDefine | IChartColumnBodyDefine;
+export type TextColumnDefine = ITextColumnBodyDefine & HeaderDefine;
+export type LinkColumnDefine = ILinkColumnBodyDefine & HeaderDefine;
+export type ImageColumnDefine = IImageColumnBodyDefine & HeaderDefine;
+export type SparklineColumnDefine = ISparklineColumnBodyDefine & HeaderDefine;
+export type ProgressbarColumnDefine = IProgressbarColumnBodyDefine & HeaderDefine;
+export type ChartColumnDefine = IChartColumnBodyDefine & HeaderDefine;
+export type GroupColumnDefine = HeaderDefine & {
+    columns: ColumnsDefine;
+    hideColumnsSubHeader?: boolean;
+};
+export type ColumnDefine = Either<TextColumnDefine | LinkColumnDefine | ImageColumnDefine | SparklineColumnDefine | ProgressbarColumnDefine | ChartColumnDefine, GroupColumnDefine>;
+export type ColumnsDefine = ColumnDefine[];

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

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