@visactor/vtable-plugins 1.19.9-alpha.3 → 1.20.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -4
- package/cjs/add-row-column.d.ts +2 -2
- package/cjs/add-row-column.js +3 -3
- package/cjs/add-row-column.js.map +1 -1
- package/cjs/auto-fill/auto-fill-helper.d.ts +23 -0
- package/cjs/auto-fill/auto-fill-helper.js +83 -0
- package/cjs/auto-fill/auto-fill-helper.js.map +1 -0
- package/cjs/auto-fill/auto-fill-manager.d.ts +26 -0
- package/cjs/auto-fill/auto-fill-manager.js +244 -0
- package/cjs/auto-fill/auto-fill-manager.js.map +1 -0
- package/cjs/auto-fill/auto-fill-services.d.ts +12 -0
- package/cjs/auto-fill/auto-fill-services.js +27 -0
- package/cjs/auto-fill/auto-fill-services.js.map +1 -0
- package/cjs/auto-fill/date-tools.d.ts +5 -0
- package/cjs/auto-fill/date-tools.js +37 -0
- package/cjs/auto-fill/date-tools.js.map +1 -0
- package/cjs/auto-fill/index.d.ts +21 -0
- package/cjs/auto-fill/index.js +52 -0
- package/cjs/auto-fill/index.js.map +1 -0
- package/cjs/auto-fill/rules.d.ts +10 -0
- package/cjs/auto-fill/rules.js +196 -0
- package/cjs/auto-fill/rules.js.map +1 -0
- package/cjs/auto-fill/series-converters.d.ts +27 -0
- package/cjs/auto-fill/series-converters.js +90 -0
- package/cjs/auto-fill/series-converters.js.map +1 -0
- package/cjs/auto-fill/types.d.ts +67 -0
- package/cjs/auto-fill/types.js +20 -0
- package/cjs/auto-fill/types.js.map +1 -0
- package/cjs/auto-fill/utils/date.d.ts +5 -0
- package/cjs/auto-fill/utils/date.js +76 -0
- package/cjs/auto-fill/utils/date.js.map +1 -0
- package/cjs/auto-fill/utils/fill.d.ts +82 -0
- package/cjs/auto-fill/utils/fill.js +361 -0
- package/cjs/auto-fill/utils/fill.js.map +1 -0
- package/cjs/carousel-animation.d.ts +1 -1
- package/cjs/carousel-animation.js.map +1 -1
- package/cjs/column-series.js +1 -1
- package/cjs/column-series.js.map +1 -1
- package/cjs/context-menu.d.ts +34 -0
- package/cjs/context-menu.js +157 -0
- package/cjs/context-menu.js.map +1 -0
- package/cjs/contextmenu/handle-menu-helper.d.ts +23 -0
- package/cjs/contextmenu/handle-menu-helper.js +107 -0
- package/cjs/contextmenu/handle-menu-helper.js.map +1 -0
- package/cjs/contextmenu/index.d.ts +3 -0
- package/cjs/contextmenu/index.js +22 -0
- package/cjs/contextmenu/index.js.map +1 -0
- package/cjs/contextmenu/menu-manager.d.ts +27 -0
- package/cjs/contextmenu/menu-manager.js +139 -0
- package/cjs/contextmenu/menu-manager.js.map +1 -0
- package/cjs/contextmenu/styles.d.ts +106 -0
- package/cjs/contextmenu/styles.js +195 -0
- package/cjs/contextmenu/styles.js.map +1 -0
- package/cjs/contextmenu/types.d.ts +69 -0
- package/cjs/contextmenu/types.js +123 -0
- package/cjs/contextmenu/types.js.map +1 -0
- package/cjs/excel-edit-cell-keyboard.js +2 -2
- package/cjs/excel-edit-cell-keyboard.js.map +1 -1
- package/cjs/excel-import.js +8 -8
- package/cjs/excel-import.js.map +1 -1
- package/cjs/fillHandleUtils/autoFillHandle.js.map +1 -1
- package/cjs/fillHandleUtils/translateRowObj.js.map +1 -1
- package/cjs/filter/condition-filter.d.ts +30 -0
- package/cjs/filter/condition-filter.js +271 -0
- package/cjs/filter/condition-filter.js.map +1 -0
- package/cjs/filter/filter-engine.d.ts +13 -0
- package/cjs/filter/filter-engine.js +102 -0
- package/cjs/filter/filter-engine.js.map +1 -0
- package/cjs/filter/filter-state-manager.d.ts +21 -0
- package/cjs/filter/filter-state-manager.js +101 -0
- package/cjs/filter/filter-state-manager.js.map +1 -0
- package/cjs/filter/filter-toolbar.d.ts +31 -0
- package/cjs/filter/filter-toolbar.js +98 -0
- package/cjs/filter/filter-toolbar.js.map +1 -0
- package/cjs/filter/filter.d.ts +26 -0
- package/cjs/filter/filter.js +150 -0
- package/cjs/filter/filter.js.map +1 -0
- package/cjs/filter/index.d.ts +7 -0
- package/cjs/filter/index.js +66 -0
- package/cjs/filter/index.js.map +1 -0
- package/cjs/filter/styles.d.ts +126 -0
- package/cjs/filter/styles.js +145 -0
- package/cjs/filter/styles.js.map +1 -0
- package/cjs/filter/types.d.ts +55 -0
- package/cjs/filter/types.js +18 -0
- package/cjs/filter/types.js.map +1 -0
- package/cjs/filter/value-filter.d.ts +31 -0
- package/cjs/filter/value-filter.js +280 -0
- package/cjs/filter/value-filter.js.map +1 -0
- package/cjs/focus-highlight.js +1 -1
- package/cjs/focus-highlight.js.map +1 -1
- package/cjs/gantt-export-image.js.map +1 -1
- package/cjs/header-highlight.js.map +1 -1
- package/cjs/highlight-header-when-select-cell.d.ts +1 -2
- package/cjs/highlight-header-when-select-cell.js +1 -1
- package/cjs/highlight-header-when-select-cell.js.map +1 -1
- package/cjs/index.d.ts +4 -0
- package/cjs/index.js +3 -1
- package/cjs/index.js.map +1 -1
- package/cjs/invert-highlight.js.map +1 -1
- package/cjs/paste-add-row-column.d.ts +1 -0
- package/cjs/paste-add-row-column.js +3 -2
- package/cjs/paste-add-row-column.js.map +1 -1
- package/cjs/rotate-table.js +1 -1
- package/cjs/rotate-table.js.map +1 -1
- package/cjs/row-series.js +1 -1
- package/cjs/row-series.js.map +1 -1
- package/cjs/table-carousel-animation.js +2 -3
- package/cjs/table-carousel-animation.js.map +1 -1
- package/cjs/table-export/csv/index.js +1 -1
- package/cjs/table-export/csv/index.js.map +1 -1
- package/cjs/table-export/excel/index.js.map +1 -1
- package/cjs/table-export/excel/style.js +0 -1
- package/cjs/table-export/excel/style.js.map +1 -1
- package/cjs/table-export/index.js.map +1 -1
- package/cjs/table-export/util/color.js.map +1 -1
- package/cjs/table-export/util/download.js.map +1 -1
- package/cjs/table-export/util/encode.js.map +1 -1
- package/cjs/table-export/util/indent.js.map +1 -1
- package/cjs/table-export/util/pagination.js.map +1 -1
- package/cjs/table-export/util/promise.js.map +1 -1
- package/cjs/table-export/util/type.js +1 -1
- package/cjs/table-export/util/type.js.map +1 -1
- package/cjs/table-export.js +1 -2
- package/cjs/table-export.js.map +1 -1
- package/cjs/table-series-number.d.ts +41 -0
- package/cjs/table-series-number.js +261 -0
- package/cjs/table-series-number.js.map +1 -0
- package/cjs/types.d.ts +1 -0
- package/cjs/types.js +17 -1
- package/cjs/types.js.map +1 -1
- package/cjs/wps-fill-handle.js +1 -1
- package/cjs/wps-fill-handle.js.map +1 -1
- package/dist/vtable-plugins.js +7594 -1492
- package/dist/vtable-plugins.min.js +14 -14
- package/es/add-row-column.d.ts +2 -2
- package/es/add-row-column.js +3 -3
- package/es/add-row-column.js.map +1 -1
- package/es/auto-fill/auto-fill-helper.d.ts +23 -0
- package/es/auto-fill/auto-fill-helper.js +75 -0
- package/es/auto-fill/auto-fill-helper.js.map +1 -0
- package/es/auto-fill/auto-fill-manager.d.ts +26 -0
- package/es/auto-fill/auto-fill-manager.js +218 -0
- package/es/auto-fill/auto-fill-manager.js.map +1 -0
- package/es/auto-fill/auto-fill-services.d.ts +12 -0
- package/es/auto-fill/auto-fill-services.js +19 -0
- package/es/auto-fill/auto-fill-services.js.map +1 -0
- package/es/auto-fill/date-tools.d.ts +5 -0
- package/es/auto-fill/date-tools.js +29 -0
- package/es/auto-fill/date-tools.js.map +1 -0
- package/es/auto-fill/index.d.ts +21 -0
- package/es/auto-fill/index.js +21 -0
- package/es/auto-fill/index.js.map +1 -0
- package/es/auto-fill/rules.d.ts +10 -0
- package/es/auto-fill/rules.js +203 -0
- package/es/auto-fill/rules.js.map +1 -0
- package/es/auto-fill/series-converters.d.ts +27 -0
- package/es/auto-fill/series-converters.js +83 -0
- package/es/auto-fill/series-converters.js.map +1 -0
- package/es/auto-fill/types.d.ts +67 -0
- package/es/auto-fill/types.js +27 -0
- package/es/auto-fill/types.js.map +1 -0
- package/es/auto-fill/utils/date.d.ts +5 -0
- package/es/auto-fill/utils/date.js +68 -0
- package/es/auto-fill/utils/date.js.map +1 -0
- package/es/auto-fill/utils/fill.d.ts +82 -0
- package/es/auto-fill/utils/fill.js +347 -0
- package/es/auto-fill/utils/fill.js.map +1 -0
- package/es/carousel-animation.d.ts +1 -1
- package/es/carousel-animation.js.map +1 -1
- package/es/column-series.js +1 -1
- package/es/column-series.js.map +1 -1
- package/es/context-menu.d.ts +34 -0
- package/es/context-menu.js +129 -0
- package/es/context-menu.js.map +1 -0
- package/es/contextmenu/handle-menu-helper.d.ts +23 -0
- package/es/contextmenu/handle-menu-helper.js +99 -0
- package/es/contextmenu/handle-menu-helper.js.map +1 -0
- package/es/contextmenu/index.d.ts +3 -0
- package/es/contextmenu/index.js +6 -0
- package/es/contextmenu/index.js.map +1 -0
- package/es/contextmenu/menu-manager.d.ts +27 -0
- package/es/contextmenu/menu-manager.js +130 -0
- package/es/contextmenu/menu-manager.js.map +1 -0
- package/es/contextmenu/styles.d.ts +106 -0
- package/es/contextmenu/styles.js +197 -0
- package/es/contextmenu/styles.js.map +1 -0
- package/es/contextmenu/types.d.ts +69 -0
- package/es/contextmenu/types.js +122 -0
- package/es/contextmenu/types.js.map +1 -0
- package/es/excel-edit-cell-keyboard.js +2 -2
- package/es/excel-edit-cell-keyboard.js.map +1 -1
- package/es/excel-import.js +8 -8
- package/es/excel-import.js.map +1 -1
- package/es/fillHandleUtils/autoFillHandle.js.map +1 -1
- package/es/fillHandleUtils/translateRowObj.js.map +1 -1
- package/es/filter/condition-filter.d.ts +30 -0
- package/es/filter/condition-filter.js +262 -0
- package/es/filter/condition-filter.js.map +1 -0
- package/es/filter/filter-engine.d.ts +13 -0
- package/es/filter/filter-engine.js +94 -0
- package/es/filter/filter-engine.js.map +1 -0
- package/es/filter/filter-state-manager.d.ts +21 -0
- package/es/filter/filter-state-manager.js +93 -0
- package/es/filter/filter-state-manager.js.map +1 -0
- package/es/filter/filter-toolbar.d.ts +31 -0
- package/es/filter/filter-toolbar.js +90 -0
- package/es/filter/filter-toolbar.js.map +1 -0
- package/es/filter/filter.d.ts +26 -0
- package/es/filter/filter.js +125 -0
- package/es/filter/filter.js.map +1 -0
- package/es/filter/index.d.ts +7 -0
- package/es/filter/index.js +14 -0
- package/es/filter/index.js.map +1 -0
- package/es/filter/styles.d.ts +126 -0
- package/es/filter/styles.js +140 -0
- package/es/filter/styles.js.map +1 -0
- package/es/filter/types.d.ts +55 -0
- package/es/filter/types.js +17 -0
- package/es/filter/types.js.map +1 -0
- package/es/filter/value-filter.d.ts +31 -0
- package/es/filter/value-filter.js +275 -0
- package/es/filter/value-filter.js.map +1 -0
- package/es/focus-highlight.js +1 -1
- package/es/focus-highlight.js.map +1 -1
- package/es/gantt-export-image.js.map +1 -1
- package/es/header-highlight.js.map +1 -1
- package/es/highlight-header-when-select-cell.d.ts +1 -2
- package/es/highlight-header-when-select-cell.js +1 -1
- package/es/highlight-header-when-select-cell.js.map +1 -1
- package/es/index.d.ts +4 -0
- package/es/index.js +8 -0
- package/es/index.js.map +1 -1
- package/es/invert-highlight.js.map +1 -1
- package/es/paste-add-row-column.d.ts +1 -0
- package/es/paste-add-row-column.js +3 -2
- package/es/paste-add-row-column.js.map +1 -1
- package/es/rotate-table.js +1 -1
- package/es/rotate-table.js.map +1 -1
- package/es/row-series.js +1 -1
- package/es/row-series.js.map +1 -1
- package/es/table-carousel-animation.js +3 -3
- package/es/table-carousel-animation.js.map +1 -1
- package/es/table-export/csv/index.js +1 -1
- package/es/table-export/csv/index.js.map +1 -1
- package/es/table-export/excel/index.js.map +1 -1
- package/es/table-export/excel/style.js +1 -2
- package/es/table-export/excel/style.js.map +1 -1
- package/es/table-export/index.js.map +1 -1
- package/es/table-export/util/color.js.map +1 -1
- package/es/table-export/util/download.js.map +1 -1
- package/es/table-export/util/encode.js.map +1 -1
- package/es/table-export/util/indent.js.map +1 -1
- package/es/table-export/util/pagination.js.map +1 -1
- package/es/table-export/util/promise.js.map +1 -1
- package/es/table-export/util/type.js +1 -1
- package/es/table-export/util/type.js.map +1 -1
- package/es/table-export.js +1 -2
- package/es/table-export.js.map +1 -1
- package/es/table-series-number.d.ts +41 -0
- package/es/table-series-number.js +253 -0
- package/es/table-series-number.js.map +1 -0
- package/es/types.d.ts +1 -0
- package/es/types.js +2 -1
- package/es/types.js.map +1 -1
- package/es/wps-fill-handle.js +1 -1
- package/es/wps-fill-handle.js.map +1 -1
- package/package.json +8 -8
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as VTable from '@visactor/vtable';
|
|
2
|
+
import type { MenuItemOrSeparator, MenuClickEventArgs } from './contextmenu/types';
|
|
3
|
+
import { MenuKey } from './contextmenu/types';
|
|
4
|
+
export interface ContextMenuOptions {
|
|
5
|
+
id?: string;
|
|
6
|
+
cornerSeriesNumberMenuItems?: MenuItemOrSeparator[];
|
|
7
|
+
columnSeriesNumberMenuItems?: MenuItemOrSeparator[];
|
|
8
|
+
rowSeriesNumberMenuItems?: MenuItemOrSeparator[];
|
|
9
|
+
headerCellMenuItems?: MenuItemOrSeparator[];
|
|
10
|
+
bodyCellMenuItems?: MenuItemOrSeparator[];
|
|
11
|
+
menuClickCallback?: MenuClickCallback | {
|
|
12
|
+
[key in MenuKey]?: MenuClickCallback;
|
|
13
|
+
};
|
|
14
|
+
beforeShowAdjustMenuItems?: (menuItems: MenuItemOrSeparator[], table: VTable.ListTable, col: number, row: number) => MenuItemOrSeparator[];
|
|
15
|
+
}
|
|
16
|
+
export type MenuClickCallback = (args: MenuClickEventArgs, table: VTable.ListTable) => void;
|
|
17
|
+
export declare class ContextMenuPlugin implements VTable.plugins.IVTablePlugin {
|
|
18
|
+
id: string;
|
|
19
|
+
name: string;
|
|
20
|
+
runTime: ("contextmenu_cell" | "plugin_event")[];
|
|
21
|
+
pluginOptions: ContextMenuOptions;
|
|
22
|
+
table: VTable.ListTable;
|
|
23
|
+
private menuManager;
|
|
24
|
+
private menuHandler;
|
|
25
|
+
constructor(pluginOptions?: ContextMenuOptions);
|
|
26
|
+
private initDefaultMenuItems;
|
|
27
|
+
private handleContextMenuCell;
|
|
28
|
+
private handlePluginEvent;
|
|
29
|
+
run(...args: any[]): void;
|
|
30
|
+
private handleMenuClickCallback;
|
|
31
|
+
private showContextMenu;
|
|
32
|
+
private handleMenuClick;
|
|
33
|
+
release(): void;
|
|
34
|
+
}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
|
|
4
|
+
void 0 === k2 && (k2 = k);
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
|
|
7
|
+
enumerable: !0,
|
|
8
|
+
get: function() {
|
|
9
|
+
return m[k];
|
|
10
|
+
}
|
|
11
|
+
}), Object.defineProperty(o, k2, desc);
|
|
12
|
+
} : function(o, m, k, k2) {
|
|
13
|
+
void 0 === k2 && (k2 = k), o[k2] = m[k];
|
|
14
|
+
}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", {
|
|
16
|
+
enumerable: !0,
|
|
17
|
+
value: v
|
|
18
|
+
});
|
|
19
|
+
} : function(o, v) {
|
|
20
|
+
o.default = v;
|
|
21
|
+
}), __importStar = this && this.__importStar || function(mod) {
|
|
22
|
+
if (mod && mod.__esModule) return mod;
|
|
23
|
+
var result = {};
|
|
24
|
+
if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
|
|
25
|
+
return __setModuleDefault(result, mod), result;
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
Object.defineProperty(exports, "__esModule", {
|
|
29
|
+
value: !0
|
|
30
|
+
}), exports.ContextMenuPlugin = void 0;
|
|
31
|
+
|
|
32
|
+
const VTable = __importStar(require("@visactor/vtable")), menu_manager_1 = require("./contextmenu/menu-manager"), handle_menu_helper_1 = require("./contextmenu/handle-menu-helper"), types_1 = require("./contextmenu/types");
|
|
33
|
+
|
|
34
|
+
class ContextMenuPlugin {
|
|
35
|
+
constructor(pluginOptions = {}) {
|
|
36
|
+
var _a;
|
|
37
|
+
this.id = "context-menu", this.name = "Context Menu", this.runTime = [ VTable.TABLE_EVENT_TYPE.CONTEXTMENU_CELL, VTable.TABLE_EVENT_TYPE.PLUGIN_EVENT ],
|
|
38
|
+
this.handleContextMenuCell = (eventArgs, table) => {
|
|
39
|
+
const {col: col, row: row} = eventArgs, mouseX = eventArgs.event.clientX, mouseY = eventArgs.event.clientY, isSeriesNumberCol = table.isSeriesNumber(col, row);
|
|
40
|
+
let menuItems = [];
|
|
41
|
+
if (menuItems = table.isHeader(col, row) ? isSeriesNumberCol ? this.pluginOptions.columnSeriesNumberMenuItems || [] : this.pluginOptions.headerCellMenuItems || [] : isSeriesNumberCol ? this.pluginOptions.rowSeriesNumberMenuItems || [] : this.pluginOptions.bodyCellMenuItems || [],
|
|
42
|
+
menuItems.length > 0) {
|
|
43
|
+
const cellRange = table.getCellRange(col, row);
|
|
44
|
+
menuItems = cellRange.start.col !== cellRange.end.col || cellRange.start.row !== cellRange.end.row ? menuItems.filter((item => "string" == typeof item || "merge_cells" !== item.menuKey)) : menuItems.filter((item => "string" == typeof item || "unmerge_cells" !== item.menuKey)),
|
|
45
|
+
this.pluginOptions.beforeShowAdjustMenuItems && (menuItems = this.pluginOptions.beforeShowAdjustMenuItems(menuItems, table, col, row)),
|
|
46
|
+
this.showContextMenu(menuItems, mouseX, mouseY, col, row);
|
|
47
|
+
}
|
|
48
|
+
}, this.handlePluginEvent = (eventArgs, table) => {
|
|
49
|
+
const {eventType: eventType, rowIndex: rowIndex, colIndex: colIndex, isCorner: isCorner} = eventArgs.pluginEventInfo, fireEventFromPlugin = eventArgs.plugin, mouseX = eventArgs.event.clientX, mouseY = eventArgs.event.clientY;
|
|
50
|
+
if ("table-series-number" === fireEventFromPlugin.id && "rightclick" === eventType) {
|
|
51
|
+
let menuItems = [];
|
|
52
|
+
isCorner ? menuItems = this.pluginOptions.cornerSeriesNumberMenuItems || [] : void 0 !== rowIndex ? menuItems = this.pluginOptions.rowSeriesNumberMenuItems || [] : void 0 !== colIndex && (menuItems = this.pluginOptions.columnSeriesNumberMenuItems || []),
|
|
53
|
+
this.pluginOptions.beforeShowAdjustMenuItems && (menuItems = this.pluginOptions.beforeShowAdjustMenuItems(menuItems, table, colIndex, rowIndex)),
|
|
54
|
+
this.showContextMenu(menuItems, mouseX, mouseY, colIndex, rowIndex);
|
|
55
|
+
}
|
|
56
|
+
}, this.handleMenuClickCallback = (args, table) => {
|
|
57
|
+
"function" == typeof this.pluginOptions.menuClickCallback ? this.pluginOptions.menuClickCallback(args, table) : this.handleMenuClick(args, table);
|
|
58
|
+
}, this.id = null !== (_a = pluginOptions.id) && void 0 !== _a ? _a : this.id, this.pluginOptions = pluginOptions,
|
|
59
|
+
this.menuManager = new menu_manager_1.MenuManager, this.menuHandler = new handle_menu_helper_1.MenuHandler,
|
|
60
|
+
this.initDefaultMenuItems();
|
|
61
|
+
}
|
|
62
|
+
initDefaultMenuItems() {
|
|
63
|
+
this.pluginOptions.columnSeriesNumberMenuItems || (this.pluginOptions.columnSeriesNumberMenuItems = types_1.DEFAULT_COLUMN_SERIES_MENU_ITEMS),
|
|
64
|
+
this.pluginOptions.rowSeriesNumberMenuItems || (this.pluginOptions.rowSeriesNumberMenuItems = types_1.DEFAULT_ROW_SERIES_MENU_ITEMS),
|
|
65
|
+
this.pluginOptions.cornerSeriesNumberMenuItems || (this.pluginOptions.cornerSeriesNumberMenuItems = types_1.DEFAULT_CORNER_SERIES_MENU_ITEMS),
|
|
66
|
+
this.pluginOptions.headerCellMenuItems || (this.pluginOptions.headerCellMenuItems = types_1.DEFAULT_HEADER_MENU_ITEMS),
|
|
67
|
+
this.pluginOptions.bodyCellMenuItems || (this.pluginOptions.bodyCellMenuItems = types_1.DEFAULT_BODY_MENU_ITEMS);
|
|
68
|
+
}
|
|
69
|
+
run(...args) {
|
|
70
|
+
const eventArgs = args[0], runTime = args[1], table = args[2];
|
|
71
|
+
this.table = table, eventArgs.event.preventDefault(), runTime === VTable.TABLE_EVENT_TYPE.CONTEXTMENU_CELL ? this.handleContextMenuCell(eventArgs, table) : runTime === VTable.TABLE_EVENT_TYPE.PLUGIN_EVENT && this.handlePluginEvent(eventArgs, table);
|
|
72
|
+
}
|
|
73
|
+
showContextMenu(menuItems, x, y, col, row) {
|
|
74
|
+
this.menuManager.showMenu(menuItems, x, y, {
|
|
75
|
+
rowIndex: row,
|
|
76
|
+
colIndex: col
|
|
77
|
+
}, this.table), this.menuManager.setClickCallback(this.handleMenuClickCallback);
|
|
78
|
+
}
|
|
79
|
+
handleMenuClick(args, table) {
|
|
80
|
+
const {menuKey: menuKey, rowIndex: rowIndex, colIndex: colIndex, inputValue: inputValue = 1} = args;
|
|
81
|
+
if ("object" == typeof this.pluginOptions.menuClickCallback && this.pluginOptions.menuClickCallback[menuKey]) this.pluginOptions.menuClickCallback[menuKey](args, table); else switch (menuKey) {
|
|
82
|
+
case types_1.MenuKey.COPY:
|
|
83
|
+
this.menuHandler.handleCopy(table);
|
|
84
|
+
break;
|
|
85
|
+
|
|
86
|
+
case types_1.MenuKey.CUT:
|
|
87
|
+
this.menuHandler.handleCut(table);
|
|
88
|
+
break;
|
|
89
|
+
|
|
90
|
+
case types_1.MenuKey.PASTE:
|
|
91
|
+
this.menuHandler.handlePaste(table);
|
|
92
|
+
break;
|
|
93
|
+
|
|
94
|
+
case types_1.MenuKey.INSERT_ROW_ABOVE:
|
|
95
|
+
this.menuHandler.handleInsertRowAbove(table, rowIndex, inputValue);
|
|
96
|
+
break;
|
|
97
|
+
|
|
98
|
+
case types_1.MenuKey.INSERT_ROW_BELOW:
|
|
99
|
+
this.menuHandler.handleInsertRowBelow(table, rowIndex, inputValue);
|
|
100
|
+
break;
|
|
101
|
+
|
|
102
|
+
case types_1.MenuKey.INSERT_COLUMN_LEFT:
|
|
103
|
+
this.menuHandler.handleInsertColumnLeft(table, colIndex, inputValue);
|
|
104
|
+
break;
|
|
105
|
+
|
|
106
|
+
case types_1.MenuKey.INSERT_COLUMN_RIGHT:
|
|
107
|
+
this.menuHandler.handleInsertColumnRight(table, colIndex, inputValue);
|
|
108
|
+
break;
|
|
109
|
+
|
|
110
|
+
case types_1.MenuKey.DELETE_ROW:
|
|
111
|
+
this.menuHandler.handleDeleteRow(table, rowIndex);
|
|
112
|
+
break;
|
|
113
|
+
|
|
114
|
+
case types_1.MenuKey.DELETE_COLUMN:
|
|
115
|
+
this.menuHandler.handleDeleteColumn(table, colIndex);
|
|
116
|
+
break;
|
|
117
|
+
|
|
118
|
+
case types_1.MenuKey.HIDE_COLUMN:
|
|
119
|
+
this.menuHandler.handleHideColumn(table, colIndex);
|
|
120
|
+
break;
|
|
121
|
+
|
|
122
|
+
case types_1.MenuKey.SORT:
|
|
123
|
+
this.menuHandler.handleSort(table, colIndex);
|
|
124
|
+
break;
|
|
125
|
+
|
|
126
|
+
case types_1.MenuKey.MERGE_CELLS:
|
|
127
|
+
this.menuHandler.handleMergeCells(table);
|
|
128
|
+
break;
|
|
129
|
+
|
|
130
|
+
case types_1.MenuKey.UNMERGE_CELLS:
|
|
131
|
+
this.menuHandler.handleUnmergeCells(table);
|
|
132
|
+
break;
|
|
133
|
+
|
|
134
|
+
case types_1.MenuKey.FREEZE_TO_THIS_ROW:
|
|
135
|
+
this.menuHandler.handleFreezeToRow(table, rowIndex);
|
|
136
|
+
break;
|
|
137
|
+
|
|
138
|
+
case types_1.MenuKey.FREEZE_TO_THIS_COLUMN:
|
|
139
|
+
this.menuHandler.handleFreezeToColumn(table, colIndex);
|
|
140
|
+
break;
|
|
141
|
+
|
|
142
|
+
case types_1.MenuKey.FREEZE_TO_THIS_ROW_AND_COLUMN:
|
|
143
|
+
this.menuHandler.handleFreezeToRowAndColumn(table, rowIndex, colIndex);
|
|
144
|
+
break;
|
|
145
|
+
|
|
146
|
+
case types_1.MenuKey.UNFREEZE:
|
|
147
|
+
this.menuHandler.handleUnfreeze(table);
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
release() {
|
|
151
|
+
this.menuManager && (this.menuManager.release(), this.menuManager = null), this.menuHandler && (this.menuHandler.release(),
|
|
152
|
+
this.menuHandler = null);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
exports.ContextMenuPlugin = ContextMenuPlugin;
|
|
157
|
+
//# sourceMappingURL=context-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/context-menu.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAA2C;AAC3C,6DAAyD;AACzD,yEAA+D;AAE/D,+CAO6B;AAoC7B,MAAa,iBAAiB;IAW5B,YAAY,gBAAoC,EAAE;;QAVlD,OAAE,GAAG,cAAc,CAAC;QACpB,SAAI,GAAG,cAAc,CAAC;QACtB,YAAO,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAgDnF,0BAAqB,GAAG,CAAC,SAAc,EAAE,KAA0B,EAAQ,EAAE;YAEnF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;YAG/B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC;YACvC,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC;YAGvC,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAGzD,IAAI,SAAS,GAA0B,EAAE,CAAC;YAE1C,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;gBAC5B,IAAI,iBAAiB,EAAE;oBACrB,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,2BAA2B,IAAI,EAAE,CAAC;iBAClE;qBAAM;oBACL,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,mBAAmB,IAAI,EAAE,CAAC;iBAC1D;aACF;iBAAM;gBACL,IAAI,iBAAiB,EAAE;oBACrB,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,wBAAwB,IAAI,EAAE,CAAC;iBAC/D;qBAAM;oBACL,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,IAAI,EAAE,CAAC;iBACxD;aACF;YAED,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;gBAExB,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;gBAC/C,IAAI,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE;oBAE1F,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,CAAC,CAAC;iBAClG;qBAAM;oBAEL,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,eAAe,CAAC,CAAC;iBACpG;gBAGD,IAAI,IAAI,CAAC,aAAa,CAAC,yBAAyB,EAAE;oBAChD,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAAC,SAAS,EAAE,KAAyB,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;iBAC1G;gBAGD,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;aAC3D;QACH,CAAC,CAAC;QAKM,sBAAiB,GAAG,CAAC,SAAc,EAAE,KAA0B,EAAQ,EAAE;YAC/E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC,eAAe,CAAC;YAC9E,MAAM,mBAAmB,GAAG,SAAS,CAAC,MAAM,CAAC;YAG7C,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC;YACvC,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC;YAEvC,IAAI,mBAAmB,CAAC,EAAE,KAAK,qBAAqB,IAAI,SAAS,KAAK,YAAY,EAAE;gBAClF,IAAI,SAAS,GAA0B,EAAE,CAAC;gBAE1C,IAAI,QAAQ,EAAE;oBACZ,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,2BAA2B,IAAI,EAAE,CAAC;iBAClE;qBAAM,IAAI,QAAQ,KAAK,SAAS,EAAE;oBACjC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,wBAAwB,IAAI,EAAE,CAAC;iBAC/D;qBAAM,IAAI,QAAQ,KAAK,SAAS,EAAE;oBACjC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,2BAA2B,IAAI,EAAE,CAAC;iBAClE;gBAGD,IAAI,IAAI,CAAC,aAAa,CAAC,yBAAyB,EAAE;oBAChD,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,yBAAyB,CACtD,SAAS,EACT,KAAyB,EACzB,QAAQ,EACR,QAAQ,CACT,CAAC;iBACH;gBAGD,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;aACrE;QACH,CAAC,CAAC;QAyBM,4BAAuB,GAAG,CAAC,IAAwB,EAAE,KAAuB,EAAE,EAAE;YACtF,IAAI,OAAO,IAAI,CAAC,aAAa,CAAC,iBAAiB,KAAK,UAAU,EAAE;gBAC9D,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aACnD;iBAAM;gBAEL,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aACnC;QACH,CAAC,CAAC;QA3JA,IAAI,CAAC,EAAE,GAAG,MAAA,aAAa,CAAC,EAAE,mCAAI,IAAI,CAAC,EAAE,CAAC;QACtC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG,IAAI,0BAAW,EAAE,CAAC;QACrC,IAAI,CAAC,WAAW,GAAG,IAAI,gCAAW,EAAE,CAAC;QACrC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAKO,oBAAoB;QAE1B,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,EAAE;YACnD,IAAI,CAAC,aAAa,CAAC,2BAA2B,GAAG,wCAAgC,CAAC;SACnF;QAGD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,wBAAwB,EAAE;YAChD,IAAI,CAAC,aAAa,CAAC,wBAAwB,GAAG,qCAA6B,CAAC;SAC7E;QAGD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,EAAE;YACnD,IAAI,CAAC,aAAa,CAAC,2BAA2B,GAAG,wCAAgC,CAAC;SACnF;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,EAAE;YAC3C,IAAI,CAAC,aAAa,CAAC,mBAAmB,GAAG,iCAAyB,CAAC;SACpE;QAGD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,EAAE;YACzC,IAAI,CAAC,aAAa,CAAC,iBAAiB,GAAG,+BAAuB,CAAC;SAChE;IACH,CAAC;IA8FD,GAAG,CAAC,GAAG,IAAW;QAChB,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACxB,MAAM,KAAK,GAAwB,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,KAAyB,CAAC;QAGvC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAGjC,IAAI,OAAO,KAAK,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,EAAE;YACxD,IAAI,CAAC,qBAAqB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;SAC9C;aAAM,IAAI,OAAO,KAAK,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE;YAC3D,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;SAC1C;IACH,CAAC;IAcO,eAAe,CAAC,SAAgC,EAAE,CAAS,EAAE,CAAS,EAAE,GAAW,EAAE,GAAW;QAEtG,IAAI,CAAC,WAAW,CAAC,QAAQ,CACvB,SAAS,EACT,CAAC,EACD,CAAC,EACD;YACE,QAAQ,EAAE,GAAG;YACb,QAAQ,EAAE,GAAG;SACd,EACD,IAAI,CAAC,KAAK,CACX,CAAC;QAGF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;IAClE,CAAC;IAKO,eAAe,CAAC,IAAwB,EAAE,KAAuB;QACvE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;QAC7D,IACE,OAAO,IAAI,CAAC,aAAa,CAAC,iBAAiB,KAAK,QAAQ;YACxD,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,OAAkB,CAAC,EACxD;YACA,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,OAAkB,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SACvE;aAAM;YAEL,QAAQ,OAAO,EAAE;gBACf,KAAK,eAAO,CAAC,IAAI;oBACf,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;oBAEnC,MAAM;gBACR,KAAK,eAAO,CAAC,GAAG;oBACd,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBAElC,MAAM;gBACR,KAAK,eAAO,CAAC,KAAK;oBAChB,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;oBACpC,MAAM;gBACR,KAAK,eAAO,CAAC,gBAAgB;oBAC3B,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAoB,CAAC,CAAC;oBAC7E,MAAM;gBACR,KAAK,eAAO,CAAC,gBAAgB;oBAC3B,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAoB,CAAC,CAAC;oBAC7E,MAAM;gBACR,KAAK,eAAO,CAAC,kBAAkB;oBAC7B,IAAI,CAAC,WAAW,CAAC,sBAAsB,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAoB,CAAC,CAAC;oBAC/E,MAAM;gBACR,KAAK,eAAO,CAAC,mBAAmB;oBAC9B,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAoB,CAAC,CAAC;oBAChF,MAAM;gBACR,KAAK,eAAO,CAAC,UAAU;oBACrB,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBAClD,MAAM;gBACR,KAAK,eAAO,CAAC,aAAa;oBACxB,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACrD,MAAM;gBACR,KAAK,eAAO,CAAC,WAAW;oBACtB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACnD,MAAM;gBACR,KAAK,eAAO,CAAC,IAAI;oBACf,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBAC7C,MAAM;gBACR,KAAK,eAAO,CAAC,WAAW;oBACtB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;oBACzC,MAAM;gBACR,KAAK,eAAO,CAAC,aAAa;oBACxB,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC3C,MAAM;gBAIR,KAAK,eAAO,CAAC,kBAAkB;oBAC7B,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACpD,MAAM;gBACR,KAAK,eAAO,CAAC,qBAAqB;oBAChC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACvD,MAAM;gBACR,KAAK,eAAO,CAAC,6BAA6B;oBACxC,IAAI,CAAC,WAAW,CAAC,0BAA0B,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBACvE,MAAM;gBACR,KAAK,eAAO,CAAC,QAAQ;oBACnB,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;oBACvC,MAAM;gBACR;oBACE,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;aAClC;SACF;IACH,CAAC;IAKD,OAAO;QACL,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SACzB;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SACzB;IACH,CAAC;CACF;AAnRD,8CAmRC","file":"context-menu.js","sourcesContent":["import * as VTable from '@visactor/vtable';\nimport { MenuManager } from './contextmenu/menu-manager';\nimport { MenuHandler } from './contextmenu/handle-menu-helper';\nimport type { MenuItemOrSeparator, MenuClickEventArgs } from './contextmenu/types';\nimport {\n DEFAULT_BODY_MENU_ITEMS,\n DEFAULT_COLUMN_SERIES_MENU_ITEMS,\n DEFAULT_CORNER_SERIES_MENU_ITEMS,\n DEFAULT_HEADER_MENU_ITEMS,\n DEFAULT_ROW_SERIES_MENU_ITEMS,\n MenuKey\n} from './contextmenu/types';\n\n/**\n * 右键菜单插件选项\n */\nexport interface ContextMenuOptions {\n id?: string;\n cornerSeriesNumberMenuItems?: MenuItemOrSeparator[];\n /** 列序号列菜单项 */\n columnSeriesNumberMenuItems?: MenuItemOrSeparator[];\n /** 行序号列菜单项 */\n rowSeriesNumberMenuItems?: MenuItemOrSeparator[];\n /** 表头菜单项 */\n headerCellMenuItems?: MenuItemOrSeparator[];\n /** 表体菜单项 */\n bodyCellMenuItems?: MenuItemOrSeparator[];\n /** 菜单点击回调。如果设置是函数,则忽略内部默认的菜单项处理逻辑。如果这里配置的是个对象(对象的key为menuKey),则有匹配的menuKey时忽略内部默认的菜单项处理逻辑,\n * 以这里配置的为准 ,没有匹配的menuKey时,则使用内部默认的菜单项处理逻辑。*/\n menuClickCallback?:\n | MenuClickCallback\n | {\n [key in MenuKey]?: MenuClickCallback;\n };\n\n beforeShowAdjustMenuItems?: (\n menuItems: MenuItemOrSeparator[],\n table: VTable.ListTable,\n col: number,\n row: number\n ) => MenuItemOrSeparator[];\n}\n\nexport type MenuClickCallback = (args: MenuClickEventArgs, table: VTable.ListTable) => void;\n/**\n * 右键菜单插件\n */\nexport class ContextMenuPlugin implements VTable.plugins.IVTablePlugin {\n id = `context-menu`;\n name = 'Context Menu';\n runTime = [VTable.TABLE_EVENT_TYPE.CONTEXTMENU_CELL, VTable.TABLE_EVENT_TYPE.PLUGIN_EVENT];\n pluginOptions: ContextMenuOptions;\n table: VTable.ListTable;\n /** 菜单管理器 */\n private menuManager: MenuManager;\n /** 菜单处理器 */\n private menuHandler: MenuHandler;\n\n constructor(pluginOptions: ContextMenuOptions = {}) {\n this.id = pluginOptions.id ?? this.id;\n this.pluginOptions = pluginOptions;\n this.menuManager = new MenuManager();\n this.menuHandler = new MenuHandler();\n this.initDefaultMenuItems();\n }\n\n /**\n * 初始化默认菜单项\n */\n private initDefaultMenuItems(): void {\n // 表头序号列菜单项\n if (!this.pluginOptions.columnSeriesNumberMenuItems) {\n this.pluginOptions.columnSeriesNumberMenuItems = DEFAULT_COLUMN_SERIES_MENU_ITEMS;\n }\n\n // 表头序号列菜单项\n if (!this.pluginOptions.rowSeriesNumberMenuItems) {\n this.pluginOptions.rowSeriesNumberMenuItems = DEFAULT_ROW_SERIES_MENU_ITEMS;\n }\n\n // 表头序号列菜单项\n if (!this.pluginOptions.cornerSeriesNumberMenuItems) {\n this.pluginOptions.cornerSeriesNumberMenuItems = DEFAULT_CORNER_SERIES_MENU_ITEMS;\n }\n // 表头菜单项\n if (!this.pluginOptions.headerCellMenuItems) {\n this.pluginOptions.headerCellMenuItems = DEFAULT_HEADER_MENU_ITEMS;\n }\n\n // 表体菜单项\n if (!this.pluginOptions.bodyCellMenuItems) {\n this.pluginOptions.bodyCellMenuItems = DEFAULT_BODY_MENU_ITEMS;\n }\n }\n\n /**\n * 处理单元格右键菜单事件\n */\n private handleContextMenuCell = (eventArgs: any, table: VTable.BaseTableAPI): void => {\n // 获取单元格信息\n const { col, row } = eventArgs;\n\n // 获取鼠标位置\n const mouseX = eventArgs.event.clientX;\n const mouseY = eventArgs.event.clientY;\n\n // 判断是否为序号列\n const isSeriesNumberCol = table.isSeriesNumber(col, row);\n\n // 根据不同位置显示不同的右键菜单\n let menuItems: MenuItemOrSeparator[] = [];\n\n if (table.isHeader(col, row)) {\n if (isSeriesNumberCol) {\n menuItems = this.pluginOptions.columnSeriesNumberMenuItems || [];\n } else {\n menuItems = this.pluginOptions.headerCellMenuItems || [];\n }\n } else {\n if (isSeriesNumberCol) {\n menuItems = this.pluginOptions.rowSeriesNumberMenuItems || [];\n } else {\n menuItems = this.pluginOptions.bodyCellMenuItems || [];\n }\n }\n\n if (menuItems.length > 0) {\n // 处理合并/取消合并菜单项\n const cellRange = table.getCellRange(col, row);\n if (cellRange.start.col !== cellRange.end.col || cellRange.start.row !== cellRange.end.row) {\n // 如果单元格被合并,则显示取消合并单元格选项\n menuItems = menuItems.filter(item => typeof item === 'string' || item.menuKey !== 'merge_cells');\n } else {\n // 如果单元格未被合并,则显示合并单元格选项\n menuItems = menuItems.filter(item => typeof item === 'string' || item.menuKey !== 'unmerge_cells');\n }\n\n // 调整菜单项\n if (this.pluginOptions.beforeShowAdjustMenuItems) {\n menuItems = this.pluginOptions.beforeShowAdjustMenuItems(menuItems, table as VTable.ListTable, col, row);\n }\n\n // 显示右键菜单\n this.showContextMenu(menuItems, mouseX, mouseY, col, row);\n }\n };\n\n /**\n * 处理插件事件\n */\n private handlePluginEvent = (eventArgs: any, table: VTable.BaseTableAPI): void => {\n const { eventType, rowIndex, colIndex, isCorner } = eventArgs.pluginEventInfo;\n const fireEventFromPlugin = eventArgs.plugin;\n\n // 获取鼠标位置\n const mouseX = eventArgs.event.clientX;\n const mouseY = eventArgs.event.clientY;\n\n if (fireEventFromPlugin.id === 'table-series-number' && eventType === 'rightclick') {\n let menuItems: MenuItemOrSeparator[] = [];\n\n if (isCorner) {\n menuItems = this.pluginOptions.cornerSeriesNumberMenuItems || [];\n } else if (rowIndex !== undefined) {\n menuItems = this.pluginOptions.rowSeriesNumberMenuItems || [];\n } else if (colIndex !== undefined) {\n menuItems = this.pluginOptions.columnSeriesNumberMenuItems || [];\n }\n\n // 调整菜单项\n if (this.pluginOptions.beforeShowAdjustMenuItems) {\n menuItems = this.pluginOptions.beforeShowAdjustMenuItems(\n menuItems,\n table as VTable.ListTable,\n colIndex,\n rowIndex\n );\n }\n\n // 显示右键菜单\n this.showContextMenu(menuItems, mouseX, mouseY, colIndex, rowIndex);\n }\n };\n\n /**\n * 运行插件\n */\n run(...args: any[]) {\n const eventArgs = args[0];\n const runTime = args[1];\n const table: VTable.BaseTableAPI = args[2];\n this.table = table as VTable.ListTable;\n\n // 阻止默认右键菜单\n eventArgs.event.preventDefault();\n\n // 根据事件类型处理不同的右键菜单\n if (runTime === VTable.TABLE_EVENT_TYPE.CONTEXTMENU_CELL) {\n this.handleContextMenuCell(eventArgs, table);\n } else if (runTime === VTable.TABLE_EVENT_TYPE.PLUGIN_EVENT) {\n this.handlePluginEvent(eventArgs, table);\n }\n }\n\n /**\n * 显示右键菜单\n */\n private handleMenuClickCallback = (args: MenuClickEventArgs, table: VTable.ListTable) => {\n if (typeof this.pluginOptions.menuClickCallback === 'function') {\n this.pluginOptions.menuClickCallback(args, table);\n } else {\n // 菜单项处理逻辑\n this.handleMenuClick(args, table);\n }\n };\n\n private showContextMenu(menuItems: MenuItemOrSeparator[], x: number, y: number, col: number, row: number): void {\n // 显示菜单\n this.menuManager.showMenu(\n menuItems,\n x,\n y,\n {\n rowIndex: row,\n colIndex: col\n },\n this.table\n );\n\n // 设置菜单点击回调\n this.menuManager.setClickCallback(this.handleMenuClickCallback);\n }\n\n /**\n * 处理菜单点击事件\n */\n private handleMenuClick(args: MenuClickEventArgs, table: VTable.ListTable): void {\n const { menuKey, rowIndex, colIndex, inputValue = 1 } = args;\n if (\n typeof this.pluginOptions.menuClickCallback === 'object' &&\n this.pluginOptions.menuClickCallback[menuKey as MenuKey]\n ) {\n this.pluginOptions.menuClickCallback[menuKey as MenuKey](args, table);\n } else {\n // 根据菜单项key执行对应操作\n switch (menuKey) {\n case MenuKey.COPY:\n this.menuHandler.handleCopy(table);\n\n break;\n case MenuKey.CUT:\n this.menuHandler.handleCut(table);\n\n break;\n case MenuKey.PASTE:\n this.menuHandler.handlePaste(table);\n break;\n case MenuKey.INSERT_ROW_ABOVE:\n this.menuHandler.handleInsertRowAbove(table, rowIndex, inputValue as number);\n break;\n case MenuKey.INSERT_ROW_BELOW:\n this.menuHandler.handleInsertRowBelow(table, rowIndex, inputValue as number);\n break;\n case MenuKey.INSERT_COLUMN_LEFT:\n this.menuHandler.handleInsertColumnLeft(table, colIndex, inputValue as number);\n break;\n case MenuKey.INSERT_COLUMN_RIGHT:\n this.menuHandler.handleInsertColumnRight(table, colIndex, inputValue as number);\n break;\n case MenuKey.DELETE_ROW:\n this.menuHandler.handleDeleteRow(table, rowIndex);\n break;\n case MenuKey.DELETE_COLUMN:\n this.menuHandler.handleDeleteColumn(table, colIndex);\n break;\n case MenuKey.HIDE_COLUMN:\n this.menuHandler.handleHideColumn(table, colIndex);\n break;\n case MenuKey.SORT:\n this.menuHandler.handleSort(table, colIndex);\n break;\n case MenuKey.MERGE_CELLS:\n this.menuHandler.handleMergeCells(table);\n break;\n case MenuKey.UNMERGE_CELLS:\n this.menuHandler.handleUnmergeCells(table);\n break;\n // case MenuKey.SET_PROTECTION:\n // this.menuHandler.handleSetProtection(table);\n // break;\n case MenuKey.FREEZE_TO_THIS_ROW:\n this.menuHandler.handleFreezeToRow(table, rowIndex);\n break;\n case MenuKey.FREEZE_TO_THIS_COLUMN:\n this.menuHandler.handleFreezeToColumn(table, colIndex);\n break;\n case MenuKey.FREEZE_TO_THIS_ROW_AND_COLUMN:\n this.menuHandler.handleFreezeToRowAndColumn(table, rowIndex, colIndex);\n break;\n case MenuKey.UNFREEZE:\n this.menuHandler.handleUnfreeze(table);\n break;\n default:\n console.log('未处理的菜单点击:', args);\n }\n }\n }\n\n /**\n * 释放资源\n */\n release(): void {\n if (this.menuManager) {\n this.menuManager.release();\n this.menuManager = null;\n }\n\n if (this.menuHandler) {\n this.menuHandler.release();\n this.menuHandler = null;\n }\n }\n}\n"]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type * as VTable from '@visactor/vtable';
|
|
2
|
+
export declare class MenuHandler {
|
|
3
|
+
constructor();
|
|
4
|
+
handleCopy(table: VTable.ListTable): void;
|
|
5
|
+
handleCut(table: VTable.ListTable): void;
|
|
6
|
+
handlePaste(table: VTable.ListTable): void;
|
|
7
|
+
handleInsertRowAbove(table: VTable.ListTable, rowIndex?: number, count?: number): void;
|
|
8
|
+
handleInsertRowBelow(table: VTable.ListTable, rowIndex?: number, count?: number): void;
|
|
9
|
+
handleInsertColumnLeft(table: VTable.ListTable, colIndex?: number, count?: number): void;
|
|
10
|
+
handleInsertColumnRight(table: VTable.ListTable, colIndex?: number, count?: number): void;
|
|
11
|
+
handleDeleteRow(table: VTable.ListTable, rowIndex?: number): void;
|
|
12
|
+
handleDeleteColumn(table: VTable.ListTable, colIndex?: number): void;
|
|
13
|
+
handleHideColumn(table: VTable.ListTable, colIndex?: number): void;
|
|
14
|
+
handleSort(table: VTable.ListTable, colIndex?: number): void;
|
|
15
|
+
handleMergeCells(table: VTable.ListTable): void;
|
|
16
|
+
handleUnmergeCells(table: VTable.ListTable): void;
|
|
17
|
+
handleSetProtection(table: VTable.ListTable): void;
|
|
18
|
+
handleFreezeToRow(table: VTable.ListTable, rowIndex?: number): void;
|
|
19
|
+
handleFreezeToColumn(table: VTable.ListTable, colIndex?: number): void;
|
|
20
|
+
handleFreezeToRowAndColumn(table: VTable.ListTable, rowIndex?: number, colIndex?: number): void;
|
|
21
|
+
handleUnfreeze(table: VTable.ListTable): void;
|
|
22
|
+
release(): void;
|
|
23
|
+
}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: !0
|
|
5
|
+
}), exports.MenuHandler = void 0;
|
|
6
|
+
|
|
7
|
+
class MenuHandler {
|
|
8
|
+
constructor() {}
|
|
9
|
+
handleCopy(table) {
|
|
10
|
+
table.eventManager.handleCopy(new KeyboardEvent("copy"));
|
|
11
|
+
}
|
|
12
|
+
handleCut(table) {
|
|
13
|
+
table.eventManager.handleCut(new KeyboardEvent("cut"));
|
|
14
|
+
}
|
|
15
|
+
handlePaste(table) {
|
|
16
|
+
table.eventManager.handlePaste(new KeyboardEvent("paste"));
|
|
17
|
+
}
|
|
18
|
+
handleInsertRowAbove(table, rowIndex, count = 1) {
|
|
19
|
+
if (void 0 !== rowIndex && "function" == typeof table.addRecord) for (let i = 0; i < count; i++) table.addRecord([], rowIndex - 1);
|
|
20
|
+
}
|
|
21
|
+
handleInsertRowBelow(table, rowIndex, count = 1) {
|
|
22
|
+
if (void 0 !== rowIndex && "function" == typeof table.addRecord) for (let i = 0; i < count; i++) table.addRecord([], rowIndex + i);
|
|
23
|
+
}
|
|
24
|
+
handleInsertColumnLeft(table, colIndex, count = 1) {
|
|
25
|
+
if (void 0 !== colIndex && "function" == typeof table.addColumn) for (let i = 0; i < count; i++) table.addColumn({
|
|
26
|
+
field: colIndex
|
|
27
|
+
}, colIndex, !0);
|
|
28
|
+
}
|
|
29
|
+
handleInsertColumnRight(table, colIndex, count = 1) {
|
|
30
|
+
if (void 0 !== colIndex && "function" == typeof table.addColumn) for (let i = 0; i < count; i++) table.addColumn({
|
|
31
|
+
field: colIndex + 1
|
|
32
|
+
}, colIndex + 1, !0);
|
|
33
|
+
}
|
|
34
|
+
handleDeleteRow(table, rowIndex) {
|
|
35
|
+
if (void 0 !== rowIndex && "function" == typeof table.deleteRecords) {
|
|
36
|
+
const selectRanges = table.stateManager.select.ranges, deleteRowIndexs = [];
|
|
37
|
+
for (let i = 0; i < selectRanges.length; i++) {
|
|
38
|
+
const range = selectRanges[i];
|
|
39
|
+
for (let j = range.start.row; j <= range.end.row; j++) deleteRowIndexs.includes(j) || deleteRowIndexs.push(j);
|
|
40
|
+
}
|
|
41
|
+
deleteRowIndexs.sort(((a, b) => b - a));
|
|
42
|
+
for (let i = 0; i < deleteRowIndexs.length; i++) {
|
|
43
|
+
const recordIndex = table.getRecordIndexByCell(0, deleteRowIndexs[i]);
|
|
44
|
+
table.deleteRecords([ recordIndex ]);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
handleDeleteColumn(table, colIndex) {
|
|
49
|
+
if (void 0 !== colIndex && "function" == typeof table.deleteColumn) {
|
|
50
|
+
const selectRanges = table.stateManager.select.ranges, deleteColIndexs = [];
|
|
51
|
+
for (let i = 0; i < selectRanges.length; i++) {
|
|
52
|
+
const range = selectRanges[i];
|
|
53
|
+
for (let j = range.start.col; j <= range.end.col; j++) deleteColIndexs.includes(j) || deleteColIndexs.push(j);
|
|
54
|
+
}
|
|
55
|
+
deleteColIndexs.sort(((a, b) => b - a));
|
|
56
|
+
for (let i = 0; i < deleteColIndexs.length; i++) table.deleteColumn(deleteColIndexs[i]);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
handleHideColumn(table, colIndex) {
|
|
60
|
+
void 0 !== colIndex && "function" == typeof table.hideColumns && table.hideColumns([ colIndex ]);
|
|
61
|
+
}
|
|
62
|
+
handleSort(table, colIndex) {
|
|
63
|
+
if (void 0 !== colIndex && "function" == typeof table.sort) {
|
|
64
|
+
const currentSortState = table.getSortState ? table.getSortState() : null;
|
|
65
|
+
let direction = "asc";
|
|
66
|
+
currentSortState && currentSortState.field === colIndex && (direction = "asc" === currentSortState.order ? "desc" : "normal"),
|
|
67
|
+
table.sort({
|
|
68
|
+
field: colIndex,
|
|
69
|
+
order: direction
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
handleMergeCells(table) {
|
|
74
|
+
var _a, _b;
|
|
75
|
+
if (1 === (null !== (_b = null === (_a = table.stateManager.select.ranges) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0) && "function" == typeof table.mergeCells) {
|
|
76
|
+
const {row: startRow, col: startCol} = table.stateManager.select.ranges[0].start, {row: endRow, col: endCol} = table.stateManager.select.ranges[0].end;
|
|
77
|
+
if (startCol === endCol && startRow === endRow) return;
|
|
78
|
+
table.mergeCells(Math.min(startCol, endCol), Math.min(startRow, endRow), Math.max(startCol, endCol), Math.max(startRow, endRow));
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
handleUnmergeCells(table) {
|
|
82
|
+
var _a, _b;
|
|
83
|
+
if (1 === (null !== (_b = null === (_a = table.stateManager.select.ranges) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0) && "function" == typeof table.unmergeCells) {
|
|
84
|
+
const {row: startRow, col: startCol} = table.stateManager.select.ranges[0].start, {row: endRow, col: endCol} = table.stateManager.select.ranges[0].end;
|
|
85
|
+
if (startCol === endCol && startRow === endRow) return;
|
|
86
|
+
table.unmergeCells(Math.min(startCol, endCol), Math.min(startRow, endRow), Math.max(startCol, endCol), Math.max(startRow, endRow));
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
handleSetProtection(table) {}
|
|
90
|
+
handleFreezeToRow(table, rowIndex) {
|
|
91
|
+
void 0 !== rowIndex && (table.frozenRowCount = rowIndex + 1);
|
|
92
|
+
}
|
|
93
|
+
handleFreezeToColumn(table, colIndex) {
|
|
94
|
+
void 0 !== colIndex && (table.frozenColCount = colIndex + 1);
|
|
95
|
+
}
|
|
96
|
+
handleFreezeToRowAndColumn(table, rowIndex, colIndex) {
|
|
97
|
+
void 0 !== rowIndex && void 0 !== colIndex && (table.frozenRowCount = rowIndex + 1,
|
|
98
|
+
table.frozenColCount = colIndex + 1);
|
|
99
|
+
}
|
|
100
|
+
handleUnfreeze(table) {
|
|
101
|
+
table.frozenRowCount = 0, table.frozenColCount = 0;
|
|
102
|
+
}
|
|
103
|
+
release() {}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
exports.MenuHandler = MenuHandler;
|
|
107
|
+
//# sourceMappingURL=handle-menu-helper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/contextmenu/handle-menu-helper.ts"],"names":[],"mappings":"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","file":"handle-menu-helper.js","sourcesContent":["import type * as VTable from '@visactor/vtable';\n\n/**\n * 菜单辅助类\n * 处理右键菜单的各种操作逻辑\n */\nexport class MenuHandler {\n constructor() {\n // // 监听全局复制事件,用于重置剪切状态\n // document.addEventListener('copy', this.handleGlobalCopy);\n // document.addEventListener('cut', this.handleGlobalCut);\n }\n\n /**\n * 处理复制操作\n */\n handleCopy(table: VTable.ListTable): void {\n table.eventManager.handleCopy(new KeyboardEvent('copy'));\n }\n\n /**\n * 处理剪切操作\n */\n handleCut(table: VTable.ListTable): void {\n table.eventManager.handleCut(new KeyboardEvent('cut'));\n }\n\n /**\n * 处理粘贴操作\n */\n handlePaste(table: VTable.ListTable): void {\n table.eventManager.handlePaste(new KeyboardEvent('paste'));\n }\n\n /**\n * 处理向上插入行\n */\n handleInsertRowAbove(table: VTable.ListTable, rowIndex?: number, count: number = 1): void {\n if (rowIndex === undefined) {\n return;\n }\n\n if (typeof (table as any).addRecord === 'function') {\n // 使用表格API插入行\n for (let i = 0; i < count; i++) {\n table.addRecord([], rowIndex - 1);\n }\n }\n }\n\n /**\n * 处理向下插入行\n */\n handleInsertRowBelow(table: VTable.ListTable, rowIndex?: number, count: number = 1): void {\n if (rowIndex === undefined) {\n return;\n }\n if (typeof (table as any).addRecord === 'function') {\n // 使用表格API插入行\n for (let i = 0; i < count; i++) {\n table.addRecord([], rowIndex + i);\n }\n }\n }\n\n /**\n * 处理向左插入列\n */\n handleInsertColumnLeft(table: VTable.ListTable, colIndex?: number, count: number = 1): void {\n if (colIndex === undefined) {\n return;\n }\n if (typeof (table as any).addColumn === 'function') {\n // 使用表格API插入列\n for (let i = 0; i < count; i++) {\n table.addColumn({ field: colIndex }, colIndex, true);\n }\n }\n }\n\n /**\n * 处理向右插入列\n */\n handleInsertColumnRight(table: VTable.ListTable, colIndex?: number, count: number = 1): void {\n if (colIndex === undefined) {\n return;\n }\n if (typeof (table as any).addColumn === 'function') {\n for (let i = 0; i < count; i++) {\n table.addColumn({ field: colIndex + 1 }, colIndex + 1, true);\n }\n }\n }\n\n /**\n * 处理删除行\n */\n handleDeleteRow(table: VTable.ListTable, rowIndex?: number): void {\n if (rowIndex === undefined) {\n return;\n }\n if (typeof (table as any).deleteRecords === 'function') {\n const selectRanges = table.stateManager.select.ranges;\n //处理selectRanges中的每个选择区域,记录到deleteRowIndexs数组中,保证没给row值记录一次,且按倒序排序\n const deleteRowIndexs: number[] = [];\n for (let i = 0; i < selectRanges.length; i++) {\n const range = selectRanges[i];\n for (let j = range.start.row; j <= range.end.row; j++) {\n if (!deleteRowIndexs.includes(j)) {\n deleteRowIndexs.push(j);\n }\n }\n }\n deleteRowIndexs.sort((a, b) => b - a);\n for (let i = 0; i < deleteRowIndexs.length; i++) {\n const recordIndex = table.getRecordIndexByCell(0, deleteRowIndexs[i]);\n // 使用表格API删除行\n (table as any).deleteRecords([recordIndex]);\n }\n }\n\n // const recordIndex = table.getRecordIndexByCell(0, rowIndex);\n // // 使用表格API删除行\n // (table as any).deleteRecords([recordIndex]);\n }\n\n /**\n * 处理删除列\n */\n handleDeleteColumn(table: VTable.ListTable, colIndex?: number): void {\n if (colIndex === undefined) {\n return;\n }\n if (typeof (table as any).deleteColumn === 'function') {\n const selectRanges = table.stateManager.select.ranges;\n //处理selectRanges中的每个选择区域,记录到deleteColIndexs数组中,保证没给col值记录一次,且按倒序排序\n const deleteColIndexs: number[] = [];\n for (let i = 0; i < selectRanges.length; i++) {\n const range = selectRanges[i];\n for (let j = range.start.col; j <= range.end.col; j++) {\n if (!deleteColIndexs.includes(j)) {\n deleteColIndexs.push(j);\n }\n }\n }\n deleteColIndexs.sort((a, b) => b - a);\n for (let i = 0; i < deleteColIndexs.length; i++) {\n (table as any).deleteColumn(deleteColIndexs[i]); //TODO 性能考虑的话 这样做不好\n }\n }\n }\n\n /**\n * 处理隐藏列\n */\n handleHideColumn(table: VTable.ListTable, colIndex?: number): void {\n if (colIndex === undefined) {\n return;\n }\n\n // 检查表格是否支持隐藏列的API\n if (typeof (table as any).hideColumns === 'function') {\n (table as any).hideColumns([colIndex]);\n }\n }\n\n /**\n * 处理排序\n */\n handleSort(table: VTable.ListTable, colIndex?: number): void {\n if (colIndex === undefined) {\n return;\n }\n\n // 切换排序方向\n if (typeof (table as any).sort === 'function') {\n // 获取当前列的排序状态\n const currentSortState = (table as any).getSortState ? (table as any).getSortState() : null;\n let direction: 'asc' | 'desc' | 'normal' = 'asc';\n\n if (currentSortState && currentSortState.field === colIndex) {\n direction = currentSortState.order === 'asc' ? 'desc' : 'normal';\n }\n\n (table as any).sort({ field: colIndex, order: direction });\n }\n }\n\n /**\n * 处理合并单元格\n */\n handleMergeCells(table: VTable.ListTable): void {\n // 获取当前选中区域\n if ((table.stateManager.select.ranges?.length ?? 0) === 1 && typeof (table as any).mergeCells === 'function') {\n const { row: startRow, col: startCol } = table.stateManager.select.ranges[0].start;\n const { row: endRow, col: endCol } = table.stateManager.select.ranges[0].end;\n if (startCol === endCol && startRow === endRow) {\n return;\n }\n table.mergeCells(\n Math.min(startCol, endCol),\n Math.min(startRow, endRow),\n Math.max(startCol, endCol),\n Math.max(startRow, endRow)\n );\n }\n }\n /**\n * 处理取消合并单元格\n */\n handleUnmergeCells(table: VTable.ListTable): void {\n if ((table.stateManager.select.ranges?.length ?? 0) === 1 && typeof (table as any).unmergeCells === 'function') {\n const { row: startRow, col: startCol } = table.stateManager.select.ranges[0].start;\n const { row: endRow, col: endCol } = table.stateManager.select.ranges[0].end;\n if (startCol === endCol && startRow === endRow) {\n return;\n }\n table.unmergeCells(\n Math.min(startCol, endCol),\n Math.min(startRow, endRow),\n Math.max(startCol, endCol),\n Math.max(startRow, endRow)\n );\n }\n }\n\n /**\n * 处理设置保护范围\n */\n handleSetProtection(table: VTable.ListTable): void {\n // 需要表格API支持\n }\n\n /**\n * 处理冻结到本行\n */\n handleFreezeToRow(table: VTable.ListTable, rowIndex?: number): void {\n if (rowIndex === undefined) {\n return;\n }\n\n table.frozenRowCount = rowIndex + 1;\n }\n\n /**\n * 处理冻结到本列\n */\n handleFreezeToColumn(table: VTable.ListTable, colIndex?: number): void {\n if (colIndex === undefined) {\n return;\n }\n\n table.frozenColCount = colIndex + 1;\n }\n\n /**\n * 处理冻结到本行本列\n */\n handleFreezeToRowAndColumn(table: VTable.ListTable, rowIndex?: number, colIndex?: number): void {\n if (rowIndex === undefined || colIndex === undefined) {\n return;\n }\n\n table.frozenRowCount = rowIndex + 1;\n table.frozenColCount = colIndex + 1;\n }\n\n /**\n * 处理取消冻结\n */\n handleUnfreeze(table: VTable.ListTable): void {\n table.frozenRowCount = 0;\n table.frozenColCount = 0;\n }\n\n /**\n * 释放资源\n */\n release(): void {\n // // 移除全局事件监听\n // document.removeEventListener('copy', this.handleGlobalCopy);\n // document.removeEventListener('cut', this.handleGlobalCut);\n }\n}\n"]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
|
|
4
|
+
void 0 === k2 && (k2 = k);
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
|
|
7
|
+
enumerable: !0,
|
|
8
|
+
get: function() {
|
|
9
|
+
return m[k];
|
|
10
|
+
}
|
|
11
|
+
}), Object.defineProperty(o, k2, desc);
|
|
12
|
+
} : function(o, m, k, k2) {
|
|
13
|
+
void 0 === k2 && (k2 = k), o[k2] = m[k];
|
|
14
|
+
}), __exportStar = this && this.__exportStar || function(m, exports) {
|
|
15
|
+
for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
Object.defineProperty(exports, "__esModule", {
|
|
19
|
+
value: !0
|
|
20
|
+
}), __exportStar(require("./menu-manager"), exports), __exportStar(require("./styles"), exports),
|
|
21
|
+
__exportStar(require("./types"), exports);
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/contextmenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB","file":"index.js","sourcesContent":["export * from './menu-manager';\nexport * from './styles';\nexport * from './types';\n"]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ListTable } from '@visactor/vtable';
|
|
2
|
+
import type { MenuItemOrSeparator } from './types';
|
|
3
|
+
interface MenuContext {
|
|
4
|
+
rowIndex?: number;
|
|
5
|
+
colIndex?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare class MenuManager {
|
|
8
|
+
private menuContainer;
|
|
9
|
+
private activeSubmenus;
|
|
10
|
+
private clickCallback;
|
|
11
|
+
private table;
|
|
12
|
+
private context;
|
|
13
|
+
private hideTimeout;
|
|
14
|
+
private showTimeout;
|
|
15
|
+
private submenuShowDelay;
|
|
16
|
+
private submenuHideDelay;
|
|
17
|
+
showMenu(menuItems: MenuItemOrSeparator[], x: number, y: number, context: MenuContext, table: ListTable): void;
|
|
18
|
+
setClickCallback(callback: Function): void;
|
|
19
|
+
private createMenuItems;
|
|
20
|
+
private showSubmenu;
|
|
21
|
+
private closeAllSubmenus;
|
|
22
|
+
private positionMenu;
|
|
23
|
+
private handleMenuItemClick;
|
|
24
|
+
private handleDocumentClick;
|
|
25
|
+
release(): void;
|
|
26
|
+
}
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: !0
|
|
5
|
+
}), exports.MenuManager = void 0;
|
|
6
|
+
|
|
7
|
+
const vrender_1 = require("@visactor/vtable/es/vrender"), styles_1 = require("./styles");
|
|
8
|
+
|
|
9
|
+
class MenuManager {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.menuContainer = null, this.activeSubmenus = [], this.clickCallback = null,
|
|
12
|
+
this.table = null, this.context = {}, this.hideTimeout = null, this.showTimeout = null,
|
|
13
|
+
this.submenuShowDelay = 100, this.submenuHideDelay = 500, this.handleDocumentClick = event => {
|
|
14
|
+
if (!this.menuContainer || event.target !== this.menuContainer && !this.menuContainer.contains(event.target)) {
|
|
15
|
+
for (const submenu of this.activeSubmenus) if (event.target === submenu || submenu.contains(event.target)) return;
|
|
16
|
+
this.release();
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
showMenu(menuItems, x, y, context, table) {
|
|
21
|
+
this.context = context, this.table = table, this.release(), this.menuContainer = (0,
|
|
22
|
+
styles_1.createElement)("div", styles_1.MENU_CONTAINER_CLASS), (0, styles_1.applyStyles)(this.menuContainer, styles_1.MENU_STYLES.menuContainer),
|
|
23
|
+
document.body.appendChild(this.menuContainer), this.createMenuItems(menuItems, this.menuContainer),
|
|
24
|
+
this.positionMenu(this.menuContainer, x, y), setTimeout((() => {
|
|
25
|
+
vrender_1.vglobal.addEventListener("click", this.handleDocumentClick);
|
|
26
|
+
}), 0);
|
|
27
|
+
}
|
|
28
|
+
setClickCallback(callback) {
|
|
29
|
+
this.clickCallback = callback;
|
|
30
|
+
}
|
|
31
|
+
createMenuItems(items, container, parentItem) {
|
|
32
|
+
items.forEach((item => {
|
|
33
|
+
if ("string" == typeof item && "---" === item) {
|
|
34
|
+
const separator = (0, styles_1.createElement)("div", styles_1.MENU_ITEM_SEPARATOR_CLASS);
|
|
35
|
+
(0, styles_1.applyStyles)(separator, styles_1.MENU_STYLES.menuItemSeparator), container.appendChild(separator);
|
|
36
|
+
} else if ("object" == typeof item) {
|
|
37
|
+
const menuItem = item, menuItemElement = (0, styles_1.createElement)("div", styles_1.MENU_ITEM_CLASS);
|
|
38
|
+
(0, styles_1.applyStyles)(menuItemElement, styles_1.MENU_STYLES.menuItem);
|
|
39
|
+
const leftContainer = (0, styles_1.createElement)("div");
|
|
40
|
+
if (leftContainer.style.display = "flex", leftContainer.style.alignItems = "center",
|
|
41
|
+
menuItem.iconName) {
|
|
42
|
+
const icon = (0, styles_1.createIcon)(menuItem.iconName);
|
|
43
|
+
leftContainer.appendChild(icon);
|
|
44
|
+
} else if (menuItem.iconPlaceholder) {
|
|
45
|
+
const placeholder = (0, styles_1.createElement)("span");
|
|
46
|
+
(0, styles_1.applyStyles)(placeholder, styles_1.MENU_STYLES.menuItemIcon), leftContainer.appendChild(placeholder);
|
|
47
|
+
}
|
|
48
|
+
const text = (0, styles_1.createElement)("span");
|
|
49
|
+
if (text.textContent = menuItem.text, (0, styles_1.applyStyles)(text, styles_1.MENU_STYLES.menuItemText),
|
|
50
|
+
leftContainer.appendChild(text), item.inputDefaultValue) {
|
|
51
|
+
const input = (0, styles_1.createElement)("input");
|
|
52
|
+
input.type = "number", input.min = "1", input.value = item.inputDefaultValue.toString(),
|
|
53
|
+
(0, styles_1.applyStyles)(input, styles_1.MENU_STYLES.inputField), leftContainer.appendChild(input),
|
|
54
|
+
input.addEventListener("keydown", (e => {
|
|
55
|
+
"Enter" === e.key && this.handleMenuItemClick(Object.assign({
|
|
56
|
+
menuKey: menuItem.menuKey,
|
|
57
|
+
menuText: menuItem.text,
|
|
58
|
+
inputValue: parseInt(input.value, 10)
|
|
59
|
+
}, this.context));
|
|
60
|
+
}));
|
|
61
|
+
}
|
|
62
|
+
menuItemElement.appendChild(leftContainer);
|
|
63
|
+
const rightContainer = (0, styles_1.createElement)("div");
|
|
64
|
+
if (rightContainer.style.display = "flex", rightContainer.style.alignItems = "center",
|
|
65
|
+
menuItem.shortcut) {
|
|
66
|
+
const shortcut = (0, styles_1.createElement)("span");
|
|
67
|
+
shortcut.textContent = menuItem.shortcut, (0, styles_1.applyStyles)(shortcut, styles_1.MENU_STYLES.menuItemShortcut),
|
|
68
|
+
rightContainer.appendChild(shortcut);
|
|
69
|
+
}
|
|
70
|
+
if (menuItem.children && menuItem.children.length > 0) {
|
|
71
|
+
menuItemElement.classList.add(styles_1.MENU_ITEM_SUBMENU_CLASS);
|
|
72
|
+
const arrow = (0, styles_1.createElement)("span");
|
|
73
|
+
arrow.textContent = "▶", (0, styles_1.applyStyles)(arrow, styles_1.MENU_STYLES.submenuArrow),
|
|
74
|
+
rightContainer.appendChild(arrow);
|
|
75
|
+
}
|
|
76
|
+
menuItemElement.appendChild(rightContainer), menuItem.disabled && (menuItemElement.classList.add(styles_1.MENU_ITEM_DISABLED_CLASS),
|
|
77
|
+
(0, styles_1.applyStyles)(menuItemElement, styles_1.MENU_STYLES.menuItemDisabled)),
|
|
78
|
+
menuItem.disabled || (menuItem.children && 0 !== menuItem.children.length || menuItemElement.addEventListener("click", (e => {
|
|
79
|
+
e.target instanceof HTMLInputElement || this.handleMenuItemClick(Object.assign({
|
|
80
|
+
menuKey: menuItem.menuKey,
|
|
81
|
+
menuText: menuItem.text
|
|
82
|
+
}, this.context));
|
|
83
|
+
})), menuItemElement.addEventListener("mouseenter", (() => {
|
|
84
|
+
(0, styles_1.applyStyles)(menuItemElement, styles_1.MENU_STYLES.menuItemHover),
|
|
85
|
+
null !== this.hideTimeout && (clearTimeout(this.hideTimeout), this.hideTimeout = null),
|
|
86
|
+
null !== this.showTimeout && (clearTimeout(this.showTimeout), this.showTimeout = null),
|
|
87
|
+
menuItem.children && menuItem.children.length > 0 ? (this.closeAllSubmenus(), this.showTimeout = setTimeout((() => {
|
|
88
|
+
document.body.contains(menuItemElement) && this.showSubmenu(menuItem.children, menuItemElement, menuItem);
|
|
89
|
+
}), this.submenuShowDelay)) : parentItem || this.closeAllSubmenus();
|
|
90
|
+
})), menuItemElement.addEventListener("mouseleave", (() => {
|
|
91
|
+
Object.keys(styles_1.MENU_STYLES.menuItemHover).forEach((key => {
|
|
92
|
+
menuItemElement.style[key] = "";
|
|
93
|
+
})), menuItem.children && menuItem.children.length > 0 && (this.hideTimeout = setTimeout((() => {
|
|
94
|
+
this.closeAllSubmenus();
|
|
95
|
+
}), this.submenuHideDelay));
|
|
96
|
+
}))), container.appendChild(menuItemElement);
|
|
97
|
+
}
|
|
98
|
+
}));
|
|
99
|
+
}
|
|
100
|
+
showSubmenu(items, parentElement, parentItem) {
|
|
101
|
+
const parentRect = parentElement.getBoundingClientRect(), submenu = (0, styles_1.createElement)("div", styles_1.MENU_CONTAINER_CLASS);
|
|
102
|
+
(0, styles_1.applyStyles)(submenu, styles_1.MENU_STYLES.submenuContainer), this.createMenuItems(items, submenu, parentItem),
|
|
103
|
+
document.body.appendChild(submenu);
|
|
104
|
+
const submenuRect = submenu.getBoundingClientRect();
|
|
105
|
+
let left = parentRect.right, top = parentRect.top;
|
|
106
|
+
left + submenuRect.width > window.innerWidth && (left = parentRect.left - submenuRect.width),
|
|
107
|
+
top + submenuRect.height > window.innerHeight && (top = window.innerHeight - submenuRect.height),
|
|
108
|
+
submenu.style.left = `${left}px`, submenu.style.top = `${top}px`, submenu.addEventListener("mouseenter", (() => {
|
|
109
|
+
null !== this.hideTimeout && (clearTimeout(this.hideTimeout), this.hideTimeout = null);
|
|
110
|
+
})), submenu.addEventListener("mouseleave", (() => {
|
|
111
|
+
this.hideTimeout = setTimeout((() => {
|
|
112
|
+
this.closeAllSubmenus();
|
|
113
|
+
}), this.submenuHideDelay);
|
|
114
|
+
})), this.activeSubmenus.push(submenu);
|
|
115
|
+
}
|
|
116
|
+
closeAllSubmenus() {
|
|
117
|
+
this.activeSubmenus.forEach((submenu => {
|
|
118
|
+
submenu && submenu.parentNode && submenu.parentNode.removeChild(submenu);
|
|
119
|
+
})), this.activeSubmenus = [];
|
|
120
|
+
}
|
|
121
|
+
positionMenu(menu, x, y) {
|
|
122
|
+
const menuRect = menu.getBoundingClientRect();
|
|
123
|
+
let left = x, top = y;
|
|
124
|
+
left + menuRect.width > window.innerWidth && (left = window.innerWidth - menuRect.width),
|
|
125
|
+
top + menuRect.height > window.innerHeight && (top = window.innerHeight - menuRect.height),
|
|
126
|
+
menu.style.left = `${left}px`, menu.style.top = `${top}px`;
|
|
127
|
+
}
|
|
128
|
+
handleMenuItemClick(args) {
|
|
129
|
+
this.release(), this.clickCallback && this.table && this.clickCallback(args, this.table);
|
|
130
|
+
}
|
|
131
|
+
release() {
|
|
132
|
+
this.closeAllSubmenus(), this.menuContainer && this.menuContainer.parentNode && (this.menuContainer.parentNode.removeChild(this.menuContainer),
|
|
133
|
+
this.menuContainer = null), null !== this.hideTimeout && (clearTimeout(this.hideTimeout),
|
|
134
|
+
this.hideTimeout = null), vrender_1.vglobal.removeEventListener("click", this.handleDocumentClick);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
exports.MenuManager = MenuManager;
|
|
139
|
+
//# sourceMappingURL=menu-manager.js.map
|