k-vtable 1.0.0

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

@@ -0,0 +1,363 @@
+import type { CellAddress, CellRange, CellLocation, FieldDef, CellAddressWithBound } from './table-engine';
+import type { DropDownMenuEventArgs, MenuListItem, PivotInfo } from './menu';
+import type { IDimensionInfo, MergeCellInfo, RectProps, SortOrder } from './common';
+import type { IconFuncTypeEnum, CellInfo, HierarchyState } from '.';
+import type { Icon } from '../scenegraph/graphic/icon';
+import type { FederatedPointerEvent, IEventTarget } from './../vrender';
+export type KeyboardEventListener = (e: KeyboardEvent) => void;
+export type TableEventListener<TYPE extends keyof TableEventHandlersEventArgumentMap> = (args: TableEventHandlersEventArgumentMap[TYPE]) => TableEventHandlersReturnMap[TYPE];
+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;
+    stopCellMoving?: () => void;
+    scaleRatio?: number;
+};
+export type MousePointerCellEvent = CellAddressWithBound & CellInfo & {
+    scaleRatio?: number;
+    targetIcon?: {
+        name: string;
+        position: RectProps;
+        funcType: string;
+    };
+    event?: MouseEvent | PointerEvent | TouchEvent;
+    federatedEvent?: FederatedPointerEvent;
+    target: IEventTarget | undefined;
+    mergeCellInfo?: MergeCellInfo;
+};
+export type MousePointerMultiCellEvent = MousePointerCellEvent & {
+    cells: CellInfo[][];
+};
+export type MousePointerSparklineEvent = MousePointerCellEvent & {
+    sparkline: {
+        pointData: any;
+    };
+};
+export interface TableEventHandlersEventArgumentMap {
+    selected_cell: SelectedCellEvent;
+    selected_clear: {};
+    click_cell: MousePointerCellEvent;
+    dblclick_cell: MousePointerCellEvent;
+    mouseenter_table: {
+        event?: MouseEvent | PointerEvent | TouchEvent;
+    };
+    mouseleave_table: {
+        event?: MouseEvent | PointerEvent | TouchEvent;
+    };
+    mousedown_table: {
+        event?: MouseEvent | PointerEvent | TouchEvent;
+    };
+    mousemove_table: MousePointerCellEvent;
+    mouseenter_cell: MousePointerCellEvent;
+    mouseleave_cell: MousePointerCellEvent;
+    mousemove_cell: MousePointerCellEvent;
+    mousedown_cell: MousePointerCellEvent;
+    mouseup_cell: MousePointerCellEvent;
+    contextmenu_cell: MousePointerMultiCellEvent;
+    keydown: KeydownEvent;
+    scroll: {
+        event: WheelEvent;
+        scrollLeft: number;
+        scrollTop: number;
+        scrollWidth: number;
+        scrollHeight: number;
+        viewWidth: number;
+        viewHeight: number;
+        scrollDirection: 'horizontal' | 'vertical';
+        scrollRatioX?: number;
+        scrollRatioY?: number;
+        dx?: number;
+        dy?: number;
+    };
+    can_scroll: {
+        event: WheelEvent;
+        scrollLeft: number;
+        scrollTop: number;
+        scrollWidth: number;
+        scrollHeight: number;
+        viewWidth: number;
+        viewHeight: number;
+        scrollDirection: 'horizontal' | 'vertical';
+        scrollRatioX?: number;
+        scrollRatioY?: number;
+        dx?: number;
+        dy?: number;
+    };
+    scroll_vertical_end: {
+        scrollLeft: number;
+        scrollTop: number;
+        scrollWidth: number;
+        scrollHeight: number;
+        viewWidth: number;
+        viewHeight: number;
+    };
+    scroll_horizontal_end: {
+        scrollLeft: number;
+        scrollTop: number;
+        scrollWidth: number;
+        scrollHeight: number;
+        viewWidth: number;
+        viewHeight: number;
+    };
+    resize_column: {
+        col: number;
+        colWidth: number;
+    };
+    resize_column_end: {
+        col: number;
+        colWidths: number[];
+    };
+    resize_row: {
+        row: number;
+        rowHeight: number;
+    };
+    resize_row_end: {
+        row: number;
+        rowHeight: number;
+    };
+    change_header_position: {
+        source: CellAddress;
+        target: CellAddress;
+        event: Event;
+    };
+    change_header_position_start: {
+        col: number;
+        row: number;
+        x: number;
+        y: number;
+        backX: number;
+        lineX: number;
+        backY: number;
+        lineY: number;
+        event: Event;
+    };
+    changing_header_position: {
+        col: number;
+        row: number;
+        x: number;
+        y: number;
+        backX: number;
+        lineX: number;
+        backY: number;
+        lineY: number;
+        event: Event;
+    };
+    change_header_position_fail: {
+        source: CellAddress;
+        target: CellAddress;
+        event: Event;
+    };
+    sort_click: {
+        field: FieldDef;
+        order: SortOrder;
+        event: Event;
+    };
+    after_sort: {
+        field: FieldDef;
+        order: SortOrder;
+        event: Event;
+    };
+    freeze_click: {
+        col: number;
+        row: number;
+        fields: FieldDef[];
+        colCount: number;
+    };
+    dropdown_menu_click: DropDownMenuEventArgs;
+    mouseover_chart_symbol: MousePointerSparklineEvent;
+    drag_select_end: MousePointerMultiCellEvent;
+    copy_data: {
+        cellRange: CellRange[];
+        copyData: string;
+    };
+    drillmenu_click: DrillMenuEventInfo;
+    dropdown_icon_click: CellAddress & {
+        event: Event;
+    };
+    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;
+        event: Event;
+    };
+    pivot_sort_click: {
+        col: number;
+        row: number;
+        order: SortOrder;
+        dimensionInfo: IDimensionInfo[];
+        cellLocation: CellLocation;
+        event: Event;
+    };
+    tree_hierarchy_state_change: {
+        col: number;
+        row: number;
+        hierarchyState: HierarchyState;
+        dimensionInfo?: IDimensionInfo[];
+        originData?: any;
+    };
+    vchart_event_type: {
+        eventName: string;
+        col: number;
+        row: number;
+        chartEventArguments: any;
+    };
+    change_order: [];
+    source_length_update: number;
+    legend_item_click: {
+        model: any;
+        value: any;
+        event: PointerEvent;
+    };
+    legend_item_hover: {
+        model: any;
+        value: any;
+        event: PointerEvent;
+    };
+    legend_item_unHover: {
+        model: any;
+        value: any;
+        event: PointerEvent;
+    };
+    legend_change: {
+        model: any;
+        value: any;
+        event: PointerEvent;
+    };
+    mouseenter_axis: MousePointerCellEvent & {
+        axisPosition: 'left' | 'right' | 'top' | 'bottom';
+    };
+    mouseleave_axis: MousePointerCellEvent & {
+        axisPosition: 'left' | 'right' | 'top' | 'bottom';
+    };
+    checkbox_state_change: MousePointerCellEvent & {
+        checked: boolean;
+    };
+    radio_state_change: MousePointerCellEvent & {
+        radioIndexInCell: number | undefined;
+    };
+    switch_state_change: MousePointerCellEvent & {
+        checked: boolean;
+    };
+    after_render: null;
+    initialized: null;
+    change_cell_value: {
+        col: number;
+        row: number;
+        rawValue: string | number;
+        currentValue: string | number;
+        changedValue: string | number;
+    };
+    mousedown_fill_handle: {};
+    drag_fill_handle_end: {
+        direction?: 'top' | 'bottom' | 'left' | 'right';
+    };
+    dblclick_fill_handle: {};
+    empty_tip_click: {};
+    empty_tip_dblclick: {};
+    button_click: {
+        col: number;
+        row: number;
+        event: Event;
+    };
+}
+export interface DrillMenuEventInfo {
+    dimensionKey: string | number;
+    title: string;
+    drillDown: boolean;
+    drillUp: boolean;
+    col: number;
+    row: number;
+    event: Event;
+}
+export interface TableEventHandlersReturnMap {
+    selected_cell: void;
+    selected_clear: void;
+    click_cell: void;
+    dblclick_cell: void;
+    mouseenter_table: void;
+    mouseleave_table: void;
+    mousedown_table: void;
+    mousemove_table: void;
+    mouseenter_cell: void;
+    mouseleave_cell: void;
+    mouseout_cell: void;
+    mousemove_cell: void;
+    mousedown_cell: boolean;
+    mouseup_cell: void;
+    contextmenu_cell: void;
+    keydown: void;
+    scroll: void;
+    can_scroll: void | boolean;
+    focus_table: void;
+    blur_table: void;
+    resize_column: void;
+    resize_column_end: void;
+    resize_row: void;
+    resize_row_end: void;
+    change_header_position: void;
+    change_header_position_start: void;
+    changing_header_position: void;
+    change_header_position_fail: void;
+    sort_click: boolean;
+    after_sort: void;
+    freeze_click: void;
+    dropdown_menu_click: void;
+    mouseover_chart_symbol: void;
+    drag_select_end: void;
+    copy_data: 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;
+    vchart_event_type: void;
+    change_order: void;
+    source_length_update: void;
+    legend_item_click: void;
+    legend_item_hover: void;
+    legend_item_unHover: void;
+    legend_change: void;
+    mouseenter_axis: void;
+    mouseleave_axis: void;
+    checkbox_state_change: void;
+    radio_state_change: void;
+    switch_state_change: void;
+    after_render: void;
+    initialized: void;
+    change_cell_value: void;
+    mousedown_fill_handle: void;
+    drag_fill_handle_end: void;
+    dblclick_fill_handle: void;
+    scroll_vertical_end: void;
+    scroll_horizontal_end: void;
+    empty_tip_click: void;
+    empty_tip_dblclick: void;
+    button_click: void;
+}

package/cjs/ts-types/events.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/events.ts"],"names":[],"mappings":"","file":"events.js","sourcesContent":["import type { CellAddress, CellRange, CellLocation, FieldDef, CellAddressWithBound } from './table-engine';\nimport type { DropDownMenuEventArgs, MenuListItem, PivotInfo } from './menu';\n\nimport type { IDimensionInfo, MergeCellInfo, RectProps, SortOrder } from './common';\nimport type { IconFuncTypeEnum, CellInfo, HierarchyState } from '.';\nimport type { Icon } from '../scenegraph/graphic/icon';\nimport type { FederatedPointerEvent, IEventTarget } from './../vrender';\n\nexport type KeyboardEventListener = (e: KeyboardEvent) => void;\nexport type TableEventListener<TYPE extends keyof TableEventHandlersEventArgumentMap> = (\n  args: TableEventHandlersEventArgumentMap[TYPE]\n) => TableEventHandlersReturnMap[TYPE]; //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  stopCellMoving?: () => void;\n  scaleRatio?: number;\n};\n\nexport type MousePointerCellEvent = CellAddressWithBound &\n  CellInfo & {\n    scaleRatio?: number;\n    targetIcon?: { name: string; position: RectProps; funcType: string };\n    event?: MouseEvent | PointerEvent | TouchEvent;\n    federatedEvent?: FederatedPointerEvent;\n    target: IEventTarget | undefined;\n\n    mergeCellInfo?: MergeCellInfo;\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  selected_clear: {};\n  click_cell: MousePointerCellEvent;\n  dblclick_cell: MousePointerCellEvent;\n  mouseenter_table: { event?: MouseEvent | PointerEvent | TouchEvent };\n  mouseleave_table: { event?: MouseEvent | PointerEvent | TouchEvent };\n  mousedown_table: { event?: MouseEvent | PointerEvent | TouchEvent };\n  mousemove_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    event: WheelEvent;\n    scrollLeft: number;\n    scrollTop: number;\n    scrollWidth: number;\n    scrollHeight: number;\n    viewWidth: number;\n    viewHeight: number;\n    scrollDirection: 'horizontal' | 'vertical';\n    scrollRatioX?: number;\n    scrollRatioY?: number;\n    dx?: number;\n    dy?: number;\n  };\n  can_scroll: {\n    event: WheelEvent;\n    scrollLeft: number;\n    scrollTop: number;\n    scrollWidth: number;\n    scrollHeight: number;\n    viewWidth: number;\n    viewHeight: number;\n    scrollDirection: 'horizontal' | 'vertical';\n    scrollRatioX?: number;\n    scrollRatioY?: number;\n    dx?: number;\n    dy?: number;\n  };\n  scroll_vertical_end: {\n    scrollLeft: number;\n    scrollTop: number;\n    scrollWidth: number;\n    scrollHeight: number;\n    viewWidth: number;\n    viewHeight: number;\n  };\n  scroll_horizontal_end: {\n    scrollLeft: number;\n    scrollTop: number;\n    scrollWidth: number;\n    scrollHeight: number;\n    viewWidth: number;\n    viewHeight: number;\n  };\n  resize_column: { col: number; colWidth: number };\n  resize_column_end: { col: number; colWidths: number[] };\n  resize_row: { row: number; rowHeight: number };\n  resize_row_end: { row: number; rowHeight: number };\n  change_header_position: { source: CellAddress; target: CellAddress; event: Event };\n  change_header_position_start: {\n    col: number;\n    row: number;\n    x: number;\n    y: number;\n    backX: number;\n    lineX: number;\n    backY: number;\n    lineY: number;\n    event: Event;\n  };\n  changing_header_position: {\n    col: number;\n    row: number;\n    x: number;\n    y: number;\n    backX: number;\n    lineX: number;\n    backY: number;\n    lineY: number;\n    event: Event;\n  };\n  change_header_position_fail: { source: CellAddress; target: CellAddress; event: Event };\n  sort_click: {\n    field: FieldDef;\n    order: SortOrder;\n    event: Event;\n  };\n  after_sort: {\n    field: FieldDef;\n    order: SortOrder;\n    event: Event;\n  };\n  freeze_click: { col: number; row: number; fields: FieldDef[]; colCount: number };\n  dropdown_menu_click: DropDownMenuEventArgs;\n\n  mouseover_chart_symbol: MousePointerSparklineEvent;\n\n  drag_select_end: MousePointerMultiCellEvent;\n  copy_data: { cellRange: CellRange[]; copyData: string };\n  drillmenu_click: DrillMenuEventInfo;\n\n  dropdown_icon_click: CellAddress & { event: Event };\n  dropdown_menu_clear: CellAddress;\n\n  show_menu: {\n    x: number;\n    y: number;\n    col: number;\n    row: number;\n    type: 'dropDown' | 'contextmenu' | 'custom';\n  };\n  hide_menu: [];\n  icon_click: {\n    name: string;\n    col: number;\n    row: number;\n    x: number;\n    y: number;\n    funcType?: IconFuncTypeEnum | string;\n    icon: Icon;\n    event: Event;\n  };\n\n  pivot_sort_click: {\n    col: number;\n    row: number;\n    order: SortOrder;\n    dimensionInfo: IDimensionInfo[];\n    cellLocation: CellLocation;\n    event: Event;\n  };\n  tree_hierarchy_state_change: {\n    col: number;\n    row: number;\n    hierarchyState: HierarchyState;\n    dimensionInfo?: IDimensionInfo[];\n    /**整条数据-原始数据 */\n    originData?: any;\n  };\n  vchart_event_type: {\n    eventName: string;\n    col: number;\n    row: number;\n    chartEventArguments: any;\n  };\n  //datasource部分的事件\n  change_order: [];\n  source_length_update: number;\n\n  legend_item_click: { model: any; value: any; event: PointerEvent };\n  legend_item_hover: { model: any; value: any; event: PointerEvent };\n  legend_item_unHover: { model: any; value: any; event: PointerEvent };\n  legend_change: { model: any; value: any; event: PointerEvent };\n\n  mouseenter_axis: MousePointerCellEvent & { axisPosition: 'left' | 'right' | 'top' | 'bottom' };\n  mouseleave_axis: MousePointerCellEvent & { axisPosition: 'left' | 'right' | 'top' | 'bottom' };\n\n  checkbox_state_change: MousePointerCellEvent & { checked: boolean };\n  radio_state_change: MousePointerCellEvent & { radioIndexInCell: number | undefined };\n  switch_state_change: MousePointerCellEvent & { checked: boolean };\n  after_render: null;\n  initialized: null;\n\n  change_cell_value: {\n    col: number;\n    row: number;\n    rawValue: string | number;\n    currentValue: string | number;\n    changedValue: string | number;\n  };\n\n  mousedown_fill_handle: {};\n  drag_fill_handle_end: { direction?: 'top' | 'bottom' | 'left' | 'right' };\n  dblclick_fill_handle: {};\n\n  empty_tip_click: {};\n  empty_tip_dblclick: {};\n\n  button_click: {\n    col: number;\n    row: number;\n    event: Event;\n  };\n}\nexport interface DrillMenuEventInfo {\n  dimensionKey: string | number;\n  title: string;\n  drillDown: boolean;\n  drillUp: boolean;\n  col: number;\n  row: number;\n  event: Event;\n}\nexport interface TableEventHandlersReturnMap {\n  selected_cell: void;\n  selected_clear: void;\n  click_cell: void;\n  dblclick_cell: void;\n  mouseenter_table: void;\n  mouseleave_table: void;\n  mousedown_table: void;\n  mousemove_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  can_scroll: void | boolean;\n  focus_table: void;\n  blur_table: void;\n  resize_column: void;\n  resize_column_end: void;\n  resize_row: void;\n  resize_row_end: void;\n  change_header_position: void;\n  change_header_position_start: void;\n  changing_header_position: void;\n  change_header_position_fail: void;\n  sort_click: boolean;\n  after_sort: void;\n  freeze_click: void;\n  dropdown_menu_click: void;\n\n  mouseover_chart_symbol: void;\n  drag_select_end: void;\n  copy_data: 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  vchart_event_type: void;\n  //datasource部分的事件\n  change_order: void;\n  source_length_update: void;\n  legend_item_click: void;\n  legend_item_hover: void;\n  legend_item_unHover: void;\n  legend_change: void;\n\n  mouseenter_axis: void;\n  mouseleave_axis: void;\n\n  checkbox_state_change: void;\n  radio_state_change: void;\n  switch_state_change: void;\n  after_render: void;\n  initialized: void;\n\n  change_cell_value: void;\n  mousedown_fill_handle: void;\n  drag_fill_handle_end: void;\n  dblclick_fill_handle: void;\n\n  scroll_vertical_end: void;\n\n  scroll_horizontal_end: void;\n\n  empty_tip_click: void;\n  empty_tip_dblclick: void;\n\n  button_click: void;\n}\n"]}

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

@@ -0,0 +1,93 @@
+import type { ITextAttribute } from './../vrender';
+import type { Placement } from './table-engine';
+export interface IIconBase {
+    type: 'text' | '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?: {
+            fontSize?: number;
+            fontFamily?: string;
+            color?: string;
+            padding?: number[];
+            bgColor?: string;
+            arrowMark?: boolean;
+            maxWidth?: number;
+            maxHeight?: number;
+        };
+        disappearDelay?: number;
+    };
+    interactive?: boolean;
+}
+export interface TextIcon extends IIconBase {
+    type: 'text';
+    content: string;
+    style?: ITextAttribute;
+}
+export interface ImageIcon extends IIconBase {
+    type: 'image';
+    src: string;
+    shape?: 'circle' | 'square';
+    isGif?: boolean;
+}
+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 {
+    frozen = "frozen",
+    sort = "sort",
+    dropDown = "dropDown",
+    dropDownState = "dropDownState",
+    play = "play",
+    damagePic = "damagePic",
+    expand = "expand",
+    collapse = "collapse",
+    drillDown = "drillDown",
+    drillUp = "drillUp",
+    dragReorder = "dragReorder"
+}
+export declare enum InternalIconName {
+    upwardIconName = "sort_upward",
+    downwardIconName = "sort_downward",
+    normalIconName = "sort_normal",
+    freezeIconName = "freeze",
+    frozenIconName = "frozen",
+    frozenCurrentIconName = "frozenCurrent",
+    dropdownIconName = "dropdownIcon",
+    expandIconName = "expand",
+    collapseIconName = "collapse",
+    dragReorderIconName = "dragReorder",
+    loadingIconName = "loading"
+}
+export type ColumnIconOption = ImageIcon | SvgIcon | TextIcon;

package/cjs/ts-types/icon.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var IconPosition, IconFuncTypeEnum, InternalIconName;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.InternalIconName = exports.IconFuncTypeEnum = exports.IconPosition = void 0, 
+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 = 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 = exports.IconFuncTypeEnum || (exports.IconFuncTypeEnum = {})), 
+function(InternalIconName) {
+    InternalIconName.upwardIconName = "sort_upward", InternalIconName.downwardIconName = "sort_downward", 
+    InternalIconName.normalIconName = "sort_normal", InternalIconName.freezeIconName = "freeze", 
+    InternalIconName.frozenIconName = "frozen", InternalIconName.frozenCurrentIconName = "frozenCurrent", 
+    InternalIconName.dropdownIconName = "dropdownIcon", InternalIconName.expandIconName = "expand", 
+    InternalIconName.collapseIconName = "collapse", InternalIconName.dragReorderIconName = "dragReorder", 
+    InternalIconName.loadingIconName = "loading";
+}(InternalIconName = exports.InternalIconName || (exports.InternalIconName = {}));
+//# sourceMappingURL=icon.js.map

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

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

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

@@ -0,0 +1,17 @@
+export * from './common';
+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 './sparkline';
+export * from './menu';
+export * from './icon';
+export * from './list-table';
+export * from './pivot-table';
+export * from './component';
+export * from './animation';
+export * from './dataset';

package/cjs/ts-types/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./common"), exports), __exportStar(require("./column"), exports), 
+__exportStar(require("./events"), exports), __exportStar(require("./theme"), exports), 
+__exportStar(require("./style-define"), exports), __exportStar(require("./new-data-set"), exports), 
+__exportStar(require("./table-engine"), exports), __exportStar(require("./customElement"), exports), 
+__exportStar(require("./customLayout"), exports), __exportStar(require("./sparkline"), exports), 
+__exportStar(require("./menu"), exports), __exportStar(require("./icon"), exports), 
+__exportStar(require("./list-table"), exports), __exportStar(require("./pivot-table"), exports), 
+__exportStar(require("./component"), exports), __exportStar(require("./animation"), exports), 
+__exportStar(require("./dataset"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,iDAA+B;AAC/B,iDAA+B;AAC/B,kDAAgC;AAChC,iDAA+B;AAC/B,8CAA4B;AAC5B,yCAAuB;AACvB,yCAAuB;AACvB,+CAA6B;AAC7B,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B;AAC5B,4CAA0B","file":"index.js","sourcesContent":["export * from './common';\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 './sparkline';\nexport * from './menu';\nexport * from './icon';\nexport * from './list-table';\nexport * from './pivot-table';\nexport * from './component';\nexport * from './animation';\nexport * from './dataset';\n"]}

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

@@ -0,0 +1,50 @@
+import type { BaseCellInfo, CellInfo, MergeCellOption, 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';
+import type { BaseTableAPI } from '../../base-table';
+import type { IEditor } from '@visactor/vtable-editors';
+import type { Aggregation, CustomAggregation } from '../../new-data-set';
+export interface IBasicHeaderDefine {
+    title?: string | (() => string);
+    headerIcon?: string | ColumnIconOption | (string | ColumnIconOption)[];
+    sort?: SortOption;
+    showSort?: boolean;
+    disableHover?: boolean;
+    disableSelect?: boolean | ((col: number, row: number, table: BaseTableAPI) => boolean);
+    disableHeaderHover?: boolean;
+    disableHeaderSelect?: boolean;
+    description?: string;
+    dropDownMenu?: MenuListItem[];
+    headerCustomRender?: ICustomRender;
+    headerCustomLayout?: ICustomLayout;
+    dragHeader?: boolean;
+    columnWidthComputeMode?: 'normal' | 'only-header' | 'only-body';
+    disableColumnResize?: boolean;
+    headerEditor?: string | IEditor | ((args: BaseCellInfo & {
+        table: BaseTableAPI;
+    }) => string | IEditor);
+}
+export interface IBasicColumnBodyDefine {
+    field: FieldDef;
+    fieldKey?: FieldKeyDef;
+    key?: string;
+    fieldFormat?: FieldFormat;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    tree?: boolean;
+    icon?: string | ColumnIconOption | (string | ColumnIconOption)[] | ((args: CellInfo & {
+        table: BaseTableAPI;
+    }) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);
+    mergeCell?: MergeCellOption;
+    hide?: boolean;
+    customRender?: ICustomRender;
+    customLayout?: ICustomLayout;
+    editor?: string | IEditor | ((args: BaseCellInfo & {
+        table: BaseTableAPI;
+    }) => string | IEditor);
+    aggregation?: Aggregation | CustomAggregation | (Aggregation | CustomAggregation)[];
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/list-table/define/basic-define.ts"],"names":[],"mappings":"","file":"basic-define.js","sourcesContent":["import type { BaseCellInfo, CellInfo, MergeCellOption, SortOption } from '../../common';\nimport type { ICustomRender } from '../../customElement';\nimport type { ICustomLayout } from '../../customLayout';\nimport type { FieldDef, FieldFormat, FieldKeyDef } from '../../table-engine';\nimport type { ColumnIconOption } from '../../icon';\nimport type { MenuListItem } from '../../menu';\nimport type { BaseTableAPI } from '../../base-table';\nimport type { IEditor } from '@visactor/vtable-editors';\nimport type { Aggregation, CustomAggregation } from '../../new-data-set';\n\n// eslint-disable-next-line no-unused-vars\nexport interface IBasicHeaderDefine {\n  // 表头的标题\n  title?: string | (() => string); //支持图文混合\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。为了仅仅显示图标，无排序逻辑 */\n  showSort?: boolean;\n  /** 该列不支持hover交互行为 */\n  disableHover?: boolean;\n  /** 该列不支持选中 */\n  disableSelect?: boolean | ((col: number, row: number, table: BaseTableAPI) => 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  headerEditor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n}\n\nexport interface IBasicColumnBodyDefine {\n  field: FieldDef;\n  /** @deprecated 已不维护 */\n  fieldKey?: FieldKeyDef;\n  // 列的唯一标识\n  key?: string;\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    | ((\n        args: CellInfo & { table: BaseTableAPI }\n      ) => undefined | string | ColumnIconOption | (string | ColumnIconOption)[]);\n\n  // cellType?: ColumnTypeOption | BaseColumn<T, any> | null;\n\n  // /** 如果是绘制图表库组件的图表类型 需要将注入的组件名称 写到chartType */\n  // chartModule?: string;\n  // /** 如果是绘制图表库组件的图表类型 统一图表配置chartSpec */\n  // chartSpec?: any | ((arg0: CellInfo) => any);\n  // sparklineSpec?: SparklineSpec | ((arg0: CellInfo) => SparklineSpec);\n  // style?: ColumnStyleOption | null;\n  /** 是否对相同内容合并单元格 **/\n  mergeCell?: MergeCellOption;\n  /** 是否隐藏 */\n  hide?: boolean;\n  customRender?: ICustomRender;\n  customLayout?: ICustomLayout;\n  editor?: string | IEditor | ((args: BaseCellInfo & { table: BaseTableAPI }) => string | IEditor);\n  aggregation?: Aggregation | CustomAggregation | (Aggregation | CustomAggregation)[];\n}\n"]}

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

@@ -0,0 +1,9 @@
+import type { ButtonStyleOption } from '../../column/style';
+import type { StylePropertyFunctionArg } from '../../style-define';
+import type { IBasicColumnBodyDefine } from './basic-define';
+export interface IButtonColumnBodyDefine extends IBasicColumnBodyDefine {
+    style?: ButtonStyleOption | ((styleArg: StylePropertyFunctionArg) => ButtonStyleOption);
+    cellType: 'button';
+    disable?: boolean | ((args: StylePropertyFunctionArg) => boolean);
+    text?: string | ((args: StylePropertyFunctionArg) => string);
+}

package/cjs/ts-types/list-table/define/button-define.js

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