@visactor/vue-vtable 1.7.5-alpha.1

package/es/eventsUtils.d.ts

@@ -0,0 +1,101 @@
+import type { TYPES } from '@visactor/vtable';
+export type EventCallback<Params> = (params: Params) => void;
+export interface EventsProps {
+    onClickCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['click_cell']>;
+    onDblClickCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_cell']>;
+    onMouseDownCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_cell']>;
+    onMouseUpCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseup_cell']>;
+    onSelectedCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['selected_cell']>;
+    onKeyDown?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['keydown']>;
+    onMouseEnterTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_table']>;
+    onMouseLeaveTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_table']>;
+    onMouseDownTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_table']>;
+    onMouseMoveCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousemove_cell']>;
+    onMouseEnterCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_cell']>;
+    onMouseLeaveCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_cell']>;
+    onContextMenuCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['contextmenu_cell']>;
+    onResizeColumn?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_column']>;
+    onResizeColumnEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_column_end']>;
+    onChangeHeaderPosition?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position']>;
+    onSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['sort_click']>;
+    onFreezeClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['freeze_click']>;
+    onScroll?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll']>;
+    onDropdownMenuClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_menu_click']>;
+    onMouseOverChartSymbol?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseover_chart_symbol']>;
+    onDragSelectEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_select_end']>;
+    onDropdownIconClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_icon_click']>;
+    onDropdownMenuClear?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_menu_clear']>;
+    onTreeHierarchyStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['tree_hierarchy_state_change']>;
+    onShowMenu?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['show_menu']>;
+    onHideMenu?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['hide_menu']>;
+    onIconClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['icon_click']>;
+    onLegendItemClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_click']>;
+    onLegendItemHover?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_hover']>;
+    onLegendItemUnHover?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_unHover']>;
+    onLegendChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_change']>;
+    onMouseEnterAxis?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_axis']>;
+    onMouseLeaveAxis?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_axis']>;
+    onCheckboxStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['checkbox_state_change']>;
+    onRadioStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['radio_state_change']>;
+    onAfterRender?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['after_render']>;
+    onInitialized?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['initialized']>;
+    onPivotSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['pivot_sort_click']>;
+    onDrillMenuClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drillmenu_click']>;
+    onVChartEventType?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['vchart_event_type']>;
+    onChangCellValue?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_cell_value']>;
+    onMousedownFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_fill_handle']>;
+    onDragFillHandleEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_fill_handle_end']>;
+    onDblclickFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_fill_handle']>;
+    onScrollVerticalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_vertical_end']>;
+    onScrollHorizontalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_horizontal_end']>;
+}
+export declare const TABLE_EVENTS: {
+    onClickCell: "click_cell";
+    onDblClickCell: "dblclick_cell";
+    onMouseDownCell: "mousedown_cell";
+    onMouseUpCell: "mouseup_cell";
+    onSelectedCell: "selected_cell";
+    onKeyDown: "keydown";
+    onMouseEnterTable: "mouseenter_table";
+    onMouseLeaveTable: "mouseleave_table";
+    onMouseDownTable: "mousedown_table";
+    onMouseMoveCell: "mousemove_cell";
+    onMouseEnterCell: "mouseenter_cell";
+    onMouseLeaveCell: "mouseleave_cell";
+    onContextMenuCell: "contextmenu_cell";
+    onResizeColumn: "resize_column";
+    onResizeColumnEnd: "resize_column_end";
+    onChangeHeaderPosition: "change_header_position";
+    onSortClick: "sort_click";
+    onFreezeClick: "freeze_click";
+    onScroll: "scroll";
+    onDropdownMenuClick: "dropdown_menu_click";
+    onMouseOverChartSymbol: "mouseover_chart_symbol";
+    onDragSelectEnd: "drag_select_end";
+    onDropdownIconClick: "dropdown_icon_click";
+    onDropdownMenuClear: "dropdown_menu_clear";
+    onTreeHierarchyStateChange: "tree_hierarchy_state_change";
+    onShowMenu: "show_menu";
+    onHideMenu: "hide_menu";
+    onIconClick: "icon_click";
+    onLegendItemClick: "legend_item_click";
+    onLegendItemHover: "legend_item_hover";
+    onLegendItemUnHover: "legend_item_unHover";
+    onLegendChange: "legend_change";
+    onMouseEnterAxis: "mouseenter_axis";
+    onMouseLeaveAxis: "mouseleave_axis";
+    onCheckboxStateChange: "checkbox_state_change";
+    onRadioStateChange: "radio_state_change";
+    onAfterRender: "after_render";
+    onInitialized: "initialized";
+    onPivotSortClick: "pivot_sort_click";
+    onDrillMenuClick: "drillmenu_click";
+    onVChartEventType: "vchart_event_type";
+    onChangCellValue: "change_cell_value";
+    onMousedownFillHandle: "mousedown_fill_handle";
+    onDragFillHandleEnd: "drag_fill_handle_end";
+    onDblclickFillHandle: "dblclick_fill_handle";
+    onScrollVerticalEnd: "scroll_vertical_end";
+    onScrollHorizontalEnd: "scroll_horizontal_end";
+};
+export declare const TABLE_EVENTS_KEYS: string[];

package/es/eventsUtils.js

@@ -0,0 +1,56 @@
+import { ListTable, PivotTable, PivotChart } from "@visactor/vtable";
+
+const EVENT_TYPE = Object.assign(Object.assign(Object.assign({}, ListTable.EVENT_TYPE), PivotTable.EVENT_TYPE), PivotChart.EVENT_TYPE);
+
+export const TABLE_EVENTS = {
+    onClickCell: EVENT_TYPE.CLICK_CELL,
+    onDblClickCell: EVENT_TYPE.DBLCLICK_CELL,
+    onMouseDownCell: EVENT_TYPE.MOUSEDOWN_CELL,
+    onMouseUpCell: EVENT_TYPE.MOUSEUP_CELL,
+    onSelectedCell: EVENT_TYPE.SELECTED_CELL,
+    onKeyDown: EVENT_TYPE.KEYDOWN,
+    onMouseEnterTable: EVENT_TYPE.MOUSEENTER_TABLE,
+    onMouseLeaveTable: EVENT_TYPE.MOUSELEAVE_TABLE,
+    onMouseDownTable: EVENT_TYPE.MOUSEDOWN_TABLE,
+    onMouseMoveCell: EVENT_TYPE.MOUSEMOVE_CELL,
+    onMouseEnterCell: EVENT_TYPE.MOUSEENTER_CELL,
+    onMouseLeaveCell: EVENT_TYPE.MOUSELEAVE_CELL,
+    onContextMenuCell: EVENT_TYPE.CONTEXTMENU_CELL,
+    onResizeColumn: EVENT_TYPE.RESIZE_COLUMN,
+    onResizeColumnEnd: EVENT_TYPE.RESIZE_COLUMN_END,
+    onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,
+    onSortClick: EVENT_TYPE.SORT_CLICK,
+    onFreezeClick: EVENT_TYPE.FREEZE_CLICK,
+    onScroll: EVENT_TYPE.SCROLL,
+    onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,
+    onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,
+    onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,
+    onDropdownIconClick: EVENT_TYPE.DROPDOWN_ICON_CLICK,
+    onDropdownMenuClear: EVENT_TYPE.DROPDOWN_MENU_CLEAR,
+    onTreeHierarchyStateChange: EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE,
+    onShowMenu: EVENT_TYPE.SHOW_MENU,
+    onHideMenu: EVENT_TYPE.HIDE_MENU,
+    onIconClick: EVENT_TYPE.ICON_CLICK,
+    onLegendItemClick: EVENT_TYPE.LEGEND_ITEM_CLICK,
+    onLegendItemHover: EVENT_TYPE.LEGEND_ITEM_HOVER,
+    onLegendItemUnHover: EVENT_TYPE.LEGEND_ITEM_UNHOVER,
+    onLegendChange: EVENT_TYPE.LEGEND_CHANGE,
+    onMouseEnterAxis: EVENT_TYPE.MOUSEENTER_AXIS,
+    onMouseLeaveAxis: EVENT_TYPE.MOUSELEAVE_AXIS,
+    onCheckboxStateChange: EVENT_TYPE.CHECKBOX_STATE_CHANGE,
+    onRadioStateChange: EVENT_TYPE.RADIO_STATE_CHANGE,
+    onAfterRender: EVENT_TYPE.AFTER_RENDER,
+    onInitialized: EVENT_TYPE.INITIALIZED,
+    onPivotSortClick: EVENT_TYPE.PIVOT_SORT_CLICK,
+    onDrillMenuClick: EVENT_TYPE.DRILLMENU_CLICK,
+    onVChartEventType: EVENT_TYPE.VCHART_EVENT_TYPE,
+    onChangCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
+    onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,
+    onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,
+    onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,
+    onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,
+    onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END
+};
+
+export const TABLE_EVENTS_KEYS = Object.keys(TABLE_EVENTS);
+//# sourceMappingURL=eventsUtils.js.map

package/es/eventsUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["eventsUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKrE,MAAM,UAAU,iDACX,SAAS,CAAC,UAAU,GACpB,UAAU,CAAC,UAAU,GACrB,UAAU,CAAC,UAAU,CACzB,CAAC;AAkEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,WAAW,EAAE,UAAU,CAAC,UAAU;IAClC,cAAc,EAAE,UAAU,CAAC,aAAa;IACxC,eAAe,EAAE,UAAU,CAAC,cAAc;IAC1C,aAAa,EAAE,UAAU,CAAC,YAAY;IACtC,cAAc,EAAE,UAAU,CAAC,aAAa;IACxC,SAAS,EAAE,UAAU,CAAC,OAAO;IAC7B,iBAAiB,EAAE,UAAU,CAAC,gBAAgB;IAC9C,iBAAiB,EAAE,UAAU,CAAC,gBAAgB;IAC9C,gBAAgB,EAAE,UAAU,CAAC,eAAe;IAC5C,eAAe,EAAE,UAAU,CAAC,cAAc;IAC1C,gBAAgB,EAAE,UAAU,CAAC,eAAe;IAC5C,gBAAgB,EAAE,UAAU,CAAC,eAAe;IAC5C,iBAAiB,EAAE,UAAU,CAAC,gBAAgB;IAC9C,cAAc,EAAE,UAAU,CAAC,aAAa;IACxC,iBAAiB,EAAE,UAAU,CAAC,iBAAiB;IAC/C,sBAAsB,EAAE,UAAU,CAAC,sBAAsB;IACzD,WAAW,EAAE,UAAU,CAAC,UAAU;IAClC,aAAa,EAAE,UAAU,CAAC,YAAY;IACtC,QAAQ,EAAE,UAAU,CAAC,MAAM;IAC3B,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;IACnD,sBAAsB,EAAE,UAAU,CAAC,sBAAsB;IACzD,eAAe,EAAE,UAAU,CAAC,eAAe;IAE3C,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;IACnD,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;IAEnD,0BAA0B,EAAE,UAAU,CAAC,2BAA2B;IAElE,UAAU,EAAE,UAAU,CAAC,SAAS;IAChC,UAAU,EAAE,UAAU,CAAC,SAAS;IAEhC,WAAW,EAAE,UAAU,CAAC,UAAU;IAElC,iBAAiB,EAAE,UAAU,CAAC,iBAAiB;IAC/C,iBAAiB,EAAE,UAAU,CAAC,iBAAiB;IAC/C,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;IACnD,cAAc,EAAE,UAAU,CAAC,aAAa;IAExC,gBAAgB,EAAE,UAAU,CAAC,eAAe;IAC5C,gBAAgB,EAAE,UAAU,CAAC,eAAe;IAE5C,qBAAqB,EAAE,UAAU,CAAC,qBAAqB;IACvD,kBAAkB,EAAE,UAAU,CAAC,kBAAkB;IACjD,aAAa,EAAE,UAAU,CAAC,YAAY;IACtC,aAAa,EAAE,UAAU,CAAC,WAAW;IAGrC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB;IAC7C,gBAAgB,EAAE,UAAU,CAAC,eAAe;IAG5C,iBAAiB,EAAE,UAAU,CAAC,iBAAiB;IAE/C,gBAAgB,EAAE,UAAU,CAAC,iBAAiB;IAC9C,qBAAqB,EAAE,UAAU,CAAC,qBAAqB;IACvD,mBAAmB,EAAE,UAAU,CAAC,oBAAoB;IACpD,oBAAoB,EAAE,UAAU,CAAC,oBAAoB;IACrD,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;IACnD,qBAAqB,EAAE,UAAU,CAAC,qBAAqB;CACxD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC","file":"eventsUtils.js","sourcesContent":["import { ListTable, PivotTable, PivotChart } from '@visactor/vtable';\nimport type { TYPES } from '@visactor/vtable';\n\nexport type EventCallback<Params> = (params: Params) => void;\n\nconst EVENT_TYPE = {\n  ...ListTable.EVENT_TYPE,\n  ...PivotTable.EVENT_TYPE,\n  ...PivotChart.EVENT_TYPE\n};\n\nexport interface EventsProps {\n  onClickCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['click_cell']>;\n  onDblClickCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_cell']>;\n  onMouseDownCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_cell']>;\n  onMouseUpCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseup_cell']>;\n  onSelectedCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['selected_cell']>;\n  onKeyDown?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['keydown']>;\n  onMouseEnterTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_table']>;\n  onMouseLeaveTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_table']>;\n  onMouseDownTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_table']>;\n  onMouseMoveCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousemove_cell']>;\n  onMouseEnterCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_cell']>;\n  onMouseLeaveCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_cell']>;\n  onContextMenuCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['contextmenu_cell']>;\n  onResizeColumn?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_column']>;\n  onResizeColumnEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_column_end']>;\n  onChangeHeaderPosition?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position']>;\n  onSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['sort_click']>;\n  onFreezeClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['freeze_click']>;\n  onScroll?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll']>;\n  onDropdownMenuClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_menu_click']>;\n  onMouseOverChartSymbol?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseover_chart_symbol']>;\n  onDragSelectEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_select_end']>;\n\n  onDropdownIconClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_icon_click']>;\n  onDropdownMenuClear?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_menu_clear']>;\n\n  onTreeHierarchyStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['tree_hierarchy_state_change']>;\n\n  onShowMenu?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['show_menu']>;\n  onHideMenu?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['hide_menu']>;\n\n  onIconClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['icon_click']>;\n\n  onLegendItemClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_click']>;\n  onLegendItemHover?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_hover']>;\n  onLegendItemUnHover?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_unHover']>;\n  onLegendChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_change']>;\n\n  onMouseEnterAxis?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_axis']>;\n  onMouseLeaveAxis?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_axis']>;\n\n  onCheckboxStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['checkbox_state_change']>;\n  onRadioStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['radio_state_change']>;\n  onAfterRender?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['after_render']>;\n  onInitialized?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['initialized']>;\n\n  // pivot table only\n  onPivotSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['pivot_sort_click']>;\n  onDrillMenuClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drillmenu_click']>;\n\n  // pivot chart only\n  onVChartEventType?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['vchart_event_type']>;\n\n  onChangCellValue?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_cell_value']>;\n\n  onMousedownFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_fill_handle']>;\n  onDragFillHandleEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_fill_handle_end']>;\n  onDblclickFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_fill_handle']>;\n\n  onScrollVerticalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_vertical_end']>;\n  onScrollHorizontalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_horizontal_end']>;\n}\n\nexport const TABLE_EVENTS = {\n  onClickCell: EVENT_TYPE.CLICK_CELL,\n  onDblClickCell: EVENT_TYPE.DBLCLICK_CELL,\n  onMouseDownCell: EVENT_TYPE.MOUSEDOWN_CELL,\n  onMouseUpCell: EVENT_TYPE.MOUSEUP_CELL,\n  onSelectedCell: EVENT_TYPE.SELECTED_CELL,\n  onKeyDown: EVENT_TYPE.KEYDOWN,\n  onMouseEnterTable: EVENT_TYPE.MOUSEENTER_TABLE,\n  onMouseLeaveTable: EVENT_TYPE.MOUSELEAVE_TABLE,\n  onMouseDownTable: EVENT_TYPE.MOUSEDOWN_TABLE,\n  onMouseMoveCell: EVENT_TYPE.MOUSEMOVE_CELL,\n  onMouseEnterCell: EVENT_TYPE.MOUSEENTER_CELL,\n  onMouseLeaveCell: EVENT_TYPE.MOUSELEAVE_CELL,\n  onContextMenuCell: EVENT_TYPE.CONTEXTMENU_CELL,\n  onResizeColumn: EVENT_TYPE.RESIZE_COLUMN,\n  onResizeColumnEnd: EVENT_TYPE.RESIZE_COLUMN_END,\n  onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,\n  onSortClick: EVENT_TYPE.SORT_CLICK,\n  onFreezeClick: EVENT_TYPE.FREEZE_CLICK,\n  onScroll: EVENT_TYPE.SCROLL,\n  onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,\n  onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,\n  onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,\n\n  onDropdownIconClick: EVENT_TYPE.DROPDOWN_ICON_CLICK,\n  onDropdownMenuClear: EVENT_TYPE.DROPDOWN_MENU_CLEAR,\n\n  onTreeHierarchyStateChange: EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE,\n\n  onShowMenu: EVENT_TYPE.SHOW_MENU,\n  onHideMenu: EVENT_TYPE.HIDE_MENU,\n\n  onIconClick: EVENT_TYPE.ICON_CLICK,\n\n  onLegendItemClick: EVENT_TYPE.LEGEND_ITEM_CLICK,\n  onLegendItemHover: EVENT_TYPE.LEGEND_ITEM_HOVER,\n  onLegendItemUnHover: EVENT_TYPE.LEGEND_ITEM_UNHOVER,\n  onLegendChange: EVENT_TYPE.LEGEND_CHANGE,\n\n  onMouseEnterAxis: EVENT_TYPE.MOUSEENTER_AXIS,\n  onMouseLeaveAxis: EVENT_TYPE.MOUSELEAVE_AXIS,\n\n  onCheckboxStateChange: EVENT_TYPE.CHECKBOX_STATE_CHANGE,\n  onRadioStateChange: EVENT_TYPE.RADIO_STATE_CHANGE,\n  onAfterRender: EVENT_TYPE.AFTER_RENDER,\n  onInitialized: EVENT_TYPE.INITIALIZED,\n\n  // pivot table only\n  onPivotSortClick: EVENT_TYPE.PIVOT_SORT_CLICK,\n  onDrillMenuClick: EVENT_TYPE.DRILLMENU_CLICK,\n\n  // pivot chart only\n  onVChartEventType: EVENT_TYPE.VCHART_EVENT_TYPE,\n\n  onChangCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,\n  onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,\n  onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,\n  onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,\n  onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,\n  onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END\n};\n\nexport const TABLE_EVENTS_KEYS = Object.keys(TABLE_EVENTS);\n\n// export const findEventProps = <T extends EventsProps>(\n//   props: T,\n//   supportedEvents: Record<string, string> = TABLE_EVENTS\n// ): EventsProps => {\n//   const result: EventsProps = {};\n\n//   Object.keys(props).forEach(key => {\n//     if (supportedEvents[key] && props[key]) {\n//       result[key] = props[key];\n//     }\n//   });\n\n//   return result;\n// };\n\n// export const bindEventsToTable = <T>(\n//   table: IVTable,\n//   newProps?: T | null,\n//   prevProps?: T | null,\n//   supportedEvents: Record<string, string> = TABLE_EVENTS\n// ) => {\n//   if (!table) return false;\n//   const prevEventProps = prevProps ? findEventProps(prevProps, supportedEvents) : {};\n//   const newEventProps = newProps ? findEventProps(newProps, supportedEvents) : {};\n\n//   Object.keys(supportedEvents).forEach(eventKey => {\n//     const prevHandler = prevEventProps[eventKey];\n//     const newHandler = newEventProps[eventKey];\n\n//     if (prevHandler !== newHandler) {\n//       if (prevHandler) {\n//         table.off(supportedEvents[eventKey], prevHandler);\n//       }\n//       if (newHandler) {\n//         table.on(supportedEvents[eventKey] as keyof TYPES.TableEventHandlersEventArgumentMap, newHandler);\n//       }\n//     }\n//   });\n\n//   return true;\n// };\n"]}

package/es/index.d.ts

@@ -0,0 +1,5 @@
+import * as VTable from '@visactor/vtable';
+export * from './tables';
+export * from './components';
+export { VTable };
+export declare const version = "1.7.4";

package/es/index.js

@@ -0,0 +1,10 @@
+import * as VTable from "@visactor/vtable";
+
+export * from "./tables";
+
+export * from "./components";
+
+export { VTable };
+
+export const version = "1.7.4";
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC","file":"index.js","sourcesContent":["import * as VTable from '@visactor/vtable';\n\nexport * from './tables';\nexport * from './components';\nexport { VTable };\n\nexport const version = \"1.7.4\";\n"]}

package/es/tables/chartModule.d.ts

@@ -0,0 +1 @@
+export declare const registerChartModule: (name: string, chart: any) => void;

package/es/tables/chartModule.js

@@ -0,0 +1,6 @@
+import * as VTable from "@visactor/vtable";
+
+export const registerChartModule = (name, chart) => {
+    VTable.register.chartModule(name, chart);
+};
+//# sourceMappingURL=chartModule.js.map

package/es/tables/chartModule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/chartModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,KAAU,EAAE,EAAE;IAC9D,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC,CAAC","file":"chartModule.js","sourcesContent":["import * as VTable from '@visactor/vtable';\n\nexport const registerChartModule = (name: string, chart: any) => {\n  VTable.register.chartModule(name, chart);\n};\n"]}

package/es/tables/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ListTable } from './list-table.vue';
+export { default as PivotTable } from './pivot-table.vue';
+export { default as PivotChart } from './pivot-chart.vue';
+export { registerChartModule } from './chartModule';

package/es/tables/index.js

@@ -0,0 +1,8 @@
+export { default as ListTable } from "./list-table.vue";
+
+export { default as PivotTable } from "./pivot-table.vue";
+
+export { default as PivotChart } from "./pivot-chart.vue";
+
+export { registerChartModule } from "./chartModule";
+//# sourceMappingURL=index.js.map

package/es/tables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC","file":"index.js","sourcesContent":["export { default as ListTable } from './list-table.vue';\nexport { default as PivotTable } from './pivot-table.vue';\nexport { default as PivotChart } from './pivot-chart.vue';\nexport { registerChartModule } from './chartModule';\n"]}

package/es/tables/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function flattenVNodes(vnodes: any[]): any[];
+export declare function createCustomLayout(children: any): any;

package/es/tables/utils.js

@@ -0,0 +1,49 @@
+import * as VTable from "@visactor/vtable";
+
+import { isFunction } from "@visactor/vutils";
+
+export function flattenVNodes(vnodes) {
+    return vnodes.flatMap((vnode => Array.isArray(vnode.children) ? flattenVNodes(vnode.children) : vnode));
+}
+
+function isEventProp(key, props) {
+    return key.startsWith("on") && isFunction(props[key]);
+}
+
+export function createCustomLayout(children) {
+    const componentMap = {
+        Group: VTable.CustomLayout.Group,
+        Image: VTable.CustomLayout.Image,
+        Text: VTable.CustomLayout.Text,
+        Tag: VTable.CustomLayout.Tag,
+        Radio: VTable.CustomLayout.Radio,
+        CheckBox: VTable.CustomLayout.CheckBox
+    };
+    return {
+        rootComponent: function createComponent(child) {
+            if (!child) return null;
+            const {type: type, props: props, children: childChildren} = child, componentName = (null == type ? void 0 : type.name) || type, ComponentClass = componentMap[componentName];
+            if (!ComponentClass) return null;
+            const component = new ComponentClass(Object.assign({}, props));
+            !function(component, props) {
+                Object.keys(props).forEach((key => {
+                    if (isEventProp(key, props)) {
+                        const eventName = key.slice(2).toLowerCase();
+                        component.addEventListener(eventName, props[key]);
+                    }
+                }));
+            }(component, props);
+            return function(childChildren) {
+                var _a;
+                return (null === (_a = null == childChildren ? void 0 : childChildren.default) || void 0 === _a ? void 0 : _a.call(childChildren)) || childChildren || [];
+            }(childChildren).forEach((subChild => {
+                const subComponent = createComponent(subChild);
+                subComponent ? component.add(subComponent) : subChild.type === Symbol.for("v-fgt") && subChild.children.forEach((nestedChild => {
+                    const nestedComponent = createComponent(nestedChild);
+                    nestedComponent && component.add(nestedComponent);
+                }));
+            })), component;
+        }(children)
+    };
+}
+//# sourceMappingURL=utils.js.map

package/es/tables/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/utils.ts"],"names":[],"mappings":"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","file":"utils.js","sourcesContent":["import * as VTable from '@visactor/vtable';\nimport { isFunction, merge } from '@visactor/vutils';\nimport { application, REACT_TO_CANOPUS_EVENTS } from '@visactor/vtable/es/vrender';\nimport type { Graphic, IGraphic, IGraphicCreator } from '@visactor/vtable/es/vrender';\nimport { CheckBox, Radio, Tag } from '@visactor/vtable/es/vrender';\nimport { reactive, watch } from 'vue';\n\n// 展平嵌套的虚拟节点\nexport function flattenVNodes(vnodes: any[]): any[] {\n  return vnodes.flatMap(vnode => (Array.isArray(vnode.children) ? flattenVNodes(vnode.children) : vnode));\n}\n\n// 检查属性是否为事件\nfunction isEventProp(key: string, props: any) {\n  return key.startsWith('on') && isFunction(props[key]);\n}\n\n// 创建自定义布局\nexport function createCustomLayout(children: any): any {\n  // 组件映射\n  //需要修改成用application.graphicService.creator来创建组件\n  const componentMap: Record<string, any> = {\n    Group: VTable.CustomLayout.Group,\n    Image: VTable.CustomLayout.Image,\n    Text: VTable.CustomLayout.Text,\n    Tag: VTable.CustomLayout.Tag,\n    Radio: VTable.CustomLayout.Radio,\n    CheckBox: VTable.CustomLayout.CheckBox\n  };\n\n  // 创建组件的函数\n  function createComponent(child: any): any {\n    if (!child) {\n      return null;\n    }\n\n    const { type, props, children: childChildren } = child;\n    const componentName = type?.name || type;\n    const ComponentClass = componentMap[componentName];\n\n    if (!ComponentClass) {\n      return null;\n    }\n\n    // 创建组件实例\n    const component = new ComponentClass({ ...props });\n\n    // 绑定组件事件\n    bindComponentEvents(component, props);\n\n    // 递归创建子组件\n    const subChildren = resolveChildren(childChildren);\n    subChildren.forEach((subChild: any) => {\n      const subComponent = createComponent(subChild);\n      if (subComponent) {\n        component.add(subComponent);\n      } else if (subChild.type === Symbol.for('v-fgt')) {\n        subChild.children.forEach((nestedChild: any) => {\n          const nestedComponent = createComponent(nestedChild);\n          if (nestedComponent) {\n            component.add(nestedComponent);\n          }\n        });\n      }\n    });\n\n    return component;\n  }\n\n  // 处理子节点\n  function resolveChildren(childChildren: any): any[] {\n    return childChildren?.default?.() || childChildren || [];\n  }\n\n  // 绑定组件事件\n  function bindComponentEvents(component: any, props: any): void {\n    Object.keys(props).forEach(key => {\n      if (isEventProp(key, props)) {\n        const eventName = key.slice(2).toLowerCase(); // 去掉'on'前缀并转换为小写\n        component.addEventListener(eventName, props[key]);\n      }\n    });\n  }\n\n  // 返回root组件和refs\n  return { rootComponent: createComponent(children) };\n}\n"]}

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@visactor/vue-vtable",
+  "version": "1.7.5-alpha.1",
+  "description": "The vue version of VTable",
+  "keywords": [
+    "vue",
+    "grid",
+    "table",
+    "pivottable",
+    "visualization",
+    "VTable",
+    "VisActor",
+    "spreadsheet",
+    "canvas",
+    "datagrid",
+    "datatable"
+  ],
+  "author": {
+    "name": "VisActor",
+    "url": "https://VisActor.io/"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "cjs/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "cjs",
+    "es",
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "require": "./cjs/index.js",
+      "import": "./es/index.js"
+    }
+  },
+  "scripts": {
+    "start": "vite ./demo",
+    "build": "cross-env USE_TYPESCRIPT2=true bundle --clean",
+    "compile": "tsc --noEmit",
+    "eslint": "eslint --debug --fix src/"
+  },
+  "unpkg": "latest",
+  "unpkgFiles": [
+    "dist/vue-vtable.js"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@visactor/vtable": "workspace:*",
+    "@visactor/vutils": "~0.18.13"
+  },
+  "devDependencies": {
+    "@arco-design/web-vue": "^2.11.0",
+    "cross-env": "^7.0.3",
+    "@visactor/vchart": "1.12.1",
+    "@internal/bundler": "workspace:*",
+    "@internal/eslint-config": "workspace:*",
+    "@internal/ts-config": "workspace:*",
+    "@rushstack/eslint-patch": "~1.1.4",
+    "vue": "^3.4.14",
+    "@vitejs/plugin-vue": "^5.0.3",
+    "eslint": "~8.18.0",
+    "vite": "3.2.6",
+    "typescript": "4.9.5",
+    "@babel/core": "7.20.12",
+    "@babel/preset-env": "7.20.2",
+    "@types/chai": "4.2.22",
+    "@types/jest": "^26.0.0",
+    "@types/mocha": "9.0.0",
+    "@types/node": "*",
+    "@types/offscreencanvas": "2019.6.4",
+    "chai": "4.3.4",
+    "jest": "^26.0.0",
+    "jest-electron": "^0.1.12",
+    "jest-transform-stub": "^2.0.0",
+    "magic-string": "^0.25.7",
+    "mocha": "9.1.3",
+    "postcss": "8.4.21",
+    "rimraf": "3.0.2",
+    "sass": "1.43.5",
+    "ts-jest": "^26.0.0",
+    "ts-loader": "9.2.6",
+    "ts-node": "10.9.0",
+    "tslib": "2.3.1",
+    "ttypescript": "1.5.13",
+    "typescript-transform-paths": "3.3.1",
+    "json-formatter-js": "^2.3.4",
+    "inversify": "6.0.1",
+    "vite-plugin-markdown": "^2.1.0",
+    "markdown-it": "^13.0.0",
+    "node-fetch": "2.6.7",
+    "form-data": "~4.0.0",
+    "axios": "^1.4.0",
+    "eslint-plugin-vue": "^9.26.0",
+    "vue-eslint-parser": "^9.4.2"
+  }
+}