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

package/cjs/event/drill.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.drillClick = exports.bindDrillEvent = void 0;
+
+const TABLE_EVENT_TYPE_1 = require("../core/TABLE_EVENT_TYPE"), PIVOT_TABLE_EVENT_TYPE_1 = require("../ts-types/pivot-table/PIVOT_TABLE_EVENT_TYPE");
+
+function bindDrillEvent(table) {
+    table.listen(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEENTER_CELL, (e => {
+        const {col: col, row: row} = e;
+        if (-1 === col || -1 === row) return;
+        const dimension = table.internalProps.layoutMap.getHeaderDimension(col, row);
+        (null == dimension ? void 0 : dimension.drillDown) || (null == dimension ? void 0 : dimension.drillUp) ? table.stateManeger.updateDrillState(dimension.dimensionKey, dimension.dimensionTitle, dimension.drillDown, dimension.drillUp, col, row) : table.stateManeger.updateDrillState(void 0, void 0, !1, !1, -1, -1);
+    }));
+}
+
+function drillClick(table) {
+    table.fireListeners(PIVOT_TABLE_EVENT_TYPE_1.PIVOT_TABLE_EVENT_TYPE.DRILLMENU_CLICK, table.stateManeger.drill);
+}
+
+exports.bindDrillEvent = bindDrillEvent, exports.drillClick = drillClick;
+//# sourceMappingURL=drill.js.map

package/cjs/event/drill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/drill.ts"],"names":[],"mappings":";;;AAAA,+DAA4D;AAI5D,2FAAwF;AAExF,SAAgB,cAAc,CAAC,KAAmB;IAChD,KAAK,CAAC,MAAM,CAAC,mCAAgB,CAAC,eAAe,EAAE,CAAC,CAAwB,EAAE,EAAE;QAK1E,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACvB,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE;YAC5B,OAAO;SACR;QACD,MAAM,SAAS,GAAI,KAAK,CAAC,aAAa,CAAC,SAAkC,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACvG,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,MAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,EAAE;YAC9C,KAAK,CAAC,YAAY,CAAC,gBAAgB,CACjC,SAAS,CAAC,YAAY,EACtB,SAAS,CAAC,cAAc,EACxB,SAAS,CAAC,SAAS,EACnB,SAAS,CAAC,OAAO,EACjB,GAAG,EACH,GAAG,CACJ,CAAC;SACH;aAAM;YACL,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SACjF;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAxBD,wCAwBC;AAED,SAAgB,UAAU,CAAC,KAAmB;IAC5C,KAAK,CAAC,aAAa,CAAC,+CAAsB,CAAC,eAAe,EAAE,KAAK,CAAC,YAAY,CAAC,KAA2B,CAAC,CAAC;AAC9G,CAAC;AAFD,gCAEC","file":"drill.js","sourcesContent":["import { TABLE_EVENT_TYPE } from '../core/TABLE_EVENT_TYPE';\nimport type { PivotHeaderLayoutMap } from '../layout/pivot-header-layout';\nimport type { DrillMenuEventInfo, MousePointerCellEvent } from '../ts-types';\nimport type { BaseTableAPI } from '../ts-types/base-table';\nimport { PIVOT_TABLE_EVENT_TYPE } from '../ts-types/pivot-table/PIVOT_TABLE_EVENT_TYPE';\n\nexport function bindDrillEvent(table: BaseTableAPI) {\n  table.listen(TABLE_EVENT_TYPE.MOUSEENTER_CELL, (e: MousePointerCellEvent) => {\n    //是否需要显示出上钻下钻按钮\n    // if (!table.isPivotTable()) {\n    //   return;\n    // }\n    const { col, row } = e;\n    if (col === -1 || row === -1) {\n      return;\n    }\n    const dimension = (table.internalProps.layoutMap as PivotHeaderLayoutMap).getHeaderDimension(col, row);\n    if (dimension?.drillDown || dimension?.drillUp) {\n      table.stateManeger.updateDrillState(\n        dimension.dimensionKey,\n        dimension.dimensionTitle,\n        dimension.drillDown,\n        dimension.drillUp,\n        col,\n        row\n      );\n    } else {\n      table.stateManeger.updateDrillState(undefined, undefined, false, false, -1, -1);\n    }\n  });\n}\n\nexport function drillClick(table: BaseTableAPI) {\n  table.fireListeners(PIVOT_TABLE_EVENT_TYPE.DRILLMENU_CLICK, table.stateManeger.drill as DrillMenuEventInfo);\n}\n"]}

package/cjs/event/event.d.ts

@@ -0,0 +1,35 @@
+import type { FederatedPointerEvent, IEventTarget } from '@visactor/vrender';
+import type { Group } from '../scenegraph/graphic/group';
+import type { BaseTableAPI } from '../ts-types/base-table';
+interface SceneEvent {
+    abstractPos: {
+        x: number;
+        y: number;
+    };
+    eventArgs?: {
+        col: number;
+        row: number;
+        event: FederatedPointerEvent;
+        targetCell: Group;
+        target: IEventTarget;
+    };
+}
+export declare class EventManeger {
+    table: BaseTableAPI;
+    constructor(table: BaseTableAPI);
+    bindOuterEvent(): void;
+    bindSelfEvent(): void;
+    dealTableHover(eventArgsSet?: SceneEvent): void;
+    dealIconHover(eventArgsSet: SceneEvent): void;
+    dealMenuHover(eventArgsSet: SceneEvent): void;
+    dealTableSelect(eventArgsSet?: SceneEvent): boolean;
+    deelTableSelectAll(): void;
+    dealMenuSelect(eventArgsSet: SceneEvent): void;
+    checkColumnResizer(eventArgsSet: SceneEvent, update?: boolean): boolean;
+    dealColumnResizer(eventArgsSet: SceneEvent): void;
+    chechColumnMover(eventArgsSet: SceneEvent): boolean;
+    dealColumnMover(eventArgsSet: SceneEvent): void;
+    startColumnResizer(eventArgsSet: SceneEvent): void;
+    dealIconClick(e: FederatedPointerEvent, eventArgsSet: SceneEvent): boolean;
+}
+export {};

package/cjs/event/event.js

@@ -0,0 +1,426 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.EventManeger = void 0;
+
+const vrender_1 = require("@visactor/vrender"), ts_types_1 = require("../ts-types"), state_1 = require("../state/state"), TABLE_EVENT_TYPE_1 = require("../core/TABLE_EVENT_TYPE"), check_in_select_1 = require("../state/common/check-in-select"), util_1 = require("../tools/util"), helper_1 = require("../tools/helper"), Rect_1 = require("../tools/Rect"), media_click_1 = require("./media-click"), drill_1 = require("./drill"), chart_1 = require("./chart"), icon_1 = require("../scenegraph/utils/icon"), scroll_1 = require("./scroll");
+
+class EventManeger {
+    constructor(table) {
+        this.table = table, this.bindOuterEvent(), setTimeout((() => {
+            this.bindSelfEvent();
+        }), 0);
+    }
+    bindOuterEvent() {
+        const handler = this.table.internalProps.handler, stateManeger = this.table.stateManeger, scenegraph = this.table.scenegraph;
+        this.table.scenegraph.tableGroup.addEventListener("pointermove", (e => {
+            var _a, _b, _c, _d;
+            const eventArgsSet = _getCellEventArgsSet(e);
+            if (stateManeger.interactionState !== state_1.InteractionState.scrolling) if (stateManeger.interactionState !== state_1.InteractionState.grabing) {
+                if (this.checkColumnResizer(eventArgsSet) ? stateManeger.updateCursor("col-resize") : stateManeger.updateCursor(), 
+                this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSELEAVE_CELL)) {
+                    const cellGoup = null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target;
+                    "cell" !== (null == cellGoup ? void 0 : cellGoup.role) || -1 === this.table.stateManeger.hover.cellPos.col || -1 === this.table.stateManeger.hover.cellPos.row || cellGoup.col === this.table.stateManeger.hover.cellPos.col && cellGoup.row === this.table.stateManeger.hover.cellPos.row || this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSELEAVE_CELL, {
+                        col: this.table.stateManeger.hover.cellPos.col,
+                        row: this.table.stateManeger.hover.cellPos.row,
+                        cellRange: this.table.getCellRangeRelativeRect({
+                            col: this.table.stateManeger.hover.cellPos.col,
+                            row: this.table.stateManeger.hover.cellPos.row
+                        }),
+                        scaleRatio: this.table.canvas.getBoundingClientRect().width / this.table.canvas.offsetWidth,
+                        event: e.nativeEvent
+                    });
+                }
+                if (this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEENTER_CELL)) {
+                    const cellGoup = null === (_b = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target;
+                    "cell" === (null == cellGoup ? void 0 : cellGoup.role) && (0, util_1.isValid)(cellGoup.col) && (0, 
+                    util_1.isValid)(cellGoup.row) && (cellGoup.col !== this.table.stateManeger.hover.cellPos.col || cellGoup.row !== this.table.stateManeger.hover.cellPos.row) && this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEENTER_CELL, {
+                        col: cellGoup.col,
+                        row: cellGoup.row,
+                        cellRange: this.table.getCellRangeRelativeRect({
+                            col: cellGoup.col,
+                            row: cellGoup.row
+                        }),
+                        scaleRatio: this.table.canvas.getBoundingClientRect().width / this.table.canvas.offsetWidth,
+                        event: e.nativeEvent
+                    });
+                }
+                if (this.dealIconHover(eventArgsSet), this.dealTableHover(eventArgsSet), eventArgsSet.eventArgs && this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEMOVE_CELL)) {
+                    let icon, position;
+                    if (null === (_c = eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target) {
+                        const iconInfo = (0, icon_1.getIconAndPositionFromTarget)(null === (_d = eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target);
+                        iconInfo && (icon = iconInfo.icon, position = iconInfo.position);
+                    }
+                    this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEMOVE_CELL, {
+                        col: eventArgsSet.eventArgs.col,
+                        row: eventArgsSet.eventArgs.row,
+                        x: eventArgsSet.abstractPos.x,
+                        y: eventArgsSet.abstractPos.y,
+                        event: e.nativeEvent,
+                        targetIcon: icon ? {
+                            name: icon.name,
+                            position: position,
+                            funcType: icon.attribute.funcType
+                        } : void 0
+                    });
+                }
+            } else stateManeger.isResizeCol() ? (this.dealColumnResizer(eventArgsSet), eventArgsSet.eventArgs && this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.RESIZE_COLUMN) && this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.RESIZE_COLUMN, {
+                col: this.table.stateManeger.columnResize.col,
+                colWidth: this.table.getColWidth(this.table.stateManeger.columnResize.col)
+            })) : stateManeger.isMoveCol() ? this.dealColumnMover(eventArgsSet) : this.dealTableSelect(eventArgsSet);
+        })), this.table.scenegraph.tableGroup.addEventListener("pointerout", (e => {
+            var _a;
+            const eventArgsSet = _getCellEventArgsSet(e), cellGoup = null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target;
+            "table" === (null == cellGoup ? void 0 : cellGoup.role) && this.dealTableHover();
+        })), this.table.scenegraph.tableGroup.addEventListener("pointerover", (e => {
+            var _a;
+            const eventArgsSet = _getCellEventArgsSet(e), cellGoup = null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target;
+            if (this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEOVER_CHART_SYMBOL) && "symbol" === cellGoup.type) {
+                const cellGroup = e.composedPath().find((p => "cell" === p.roll));
+                if (cellGroup) {
+                    const {col: col, row: row} = cellGroup, eventInfo = {
+                        col: col,
+                        row: row,
+                        field: this.table.getHeaderField(col, row),
+                        value: this.table.getCellValue(col, row),
+                        dataValue: this.table.getCellOriginValue(col, row),
+                        cellHeaderPaths: this.table.internalProps.layoutMap.getCellHeaderPaths(col, row),
+                        caption: this.table.getBodyColumnDefine(col, row).caption,
+                        cellRange: this.table.getCellRelativeRect(col, row),
+                        event: e.nativeEvent,
+                        sparkline: {
+                            pointData: void 0
+                        },
+                        scaleRatio: this.table.canvas.getBoundingClientRect().width / this.table.canvas.offsetWidth
+                    };
+                    this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEOVER_CHART_SYMBOL, eventInfo);
+                }
+            }
+        })), this.table.scenegraph.tableGroup.addEventListener("pointerleave", (e => {
+            stateManeger.updateInteractionState(state_1.InteractionState.default), this.dealTableHover(), 
+            stateManeger.updateCursor();
+            const target = e.target;
+            target && !target.isDescendantsOf(this.table.scenegraph.tableGroup) && this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSELEAVE_TABLE, {
+                col: -1,
+                row: -1,
+                event: e.nativeEvent
+            });
+        })), handler.on(this.table.getElement(), "blur", (e => {
+            console.log("blur"), this.dealTableHover();
+        })), this.table.scenegraph.tableGroup.addEventListener("pointerupoutside", (e => {
+            console.log("pointerupoutside"), stateManeger.updateInteractionState(state_1.InteractionState.default), 
+            this.dealTableHover(), this.dealTableSelect();
+        })), this.table.scenegraph.tableGroup.addEventListener("pointerdown", (e => {
+            var _a, _b, _c, _d;
+            if (0 !== e.button) return;
+            const eventArgsSet = _getCellEventArgsSet(e);
+            if (stateManeger.interactionState !== state_1.InteractionState.default) return;
+            stateManeger.menu.isShow && eventArgsSet.eventArgs && eventArgsSet.eventArgs.target !== (null === (_a = stateManeger.residentHoverIcon) || void 0 === _a ? void 0 : _a.icon) && stateManeger.hideMenu();
+            if (!((null === (_d = null === (_c = null === (_b = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) || void 0 === _c ? void 0 : _c.role) || void 0 === _d ? void 0 : _d.startsWith("icon")) ? eventArgsSet.eventArgs.target : void 0)) {
+                if (this.checkColumnResizer(eventArgsSet, !0)) return void stateManeger.updateInteractionState(state_1.InteractionState.grabing);
+                if (this.chechColumnMover(eventArgsSet)) return void stateManeger.updateInteractionState(state_1.InteractionState.grabing);
+                this.dealTableSelect(eventArgsSet) && stateManeger.updateInteractionState(state_1.InteractionState.grabing);
+            }
+            if (this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEDOWN_CELL)) {
+                const eventArgsSet = _getCellEventArgsSet(e);
+                eventArgsSet.eventArgs && this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEDOWN_CELL, {
+                    col: eventArgsSet.eventArgs.col,
+                    row: eventArgsSet.eventArgs.row,
+                    event: e.nativeEvent
+                });
+            }
+        })), this.table.scenegraph.tableGroup.addEventListener("pointerup", (e => {
+            if (0 === e.button) {
+                if ("grabing" === stateManeger.interactionState) {
+                    if (stateManeger.updateInteractionState(state_1.InteractionState.default), stateManeger.isResizeCol()) {
+                        if (this.table.stateManeger.endResizeCol(), this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.RESIZE_COLUMN_END)) {
+                            const columns = [];
+                            for (let col = 0; col < this.table.colCount; col++) columns.push(this.table.getColWidth(col));
+                            this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.RESIZE_COLUMN_END, {
+                                col: this.table.stateManeger.columnResize.col,
+                                columns: columns
+                            });
+                        }
+                    } else if (stateManeger.isMoveCol()) {
+                        this.table.stateManeger.endMoveCol();
+                        const eventArgsSet = _getCellEventArgsSet(e);
+                        eventArgsSet.eventArgs && this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION) && this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
+                            target: {
+                                col: eventArgsSet.eventArgs.col,
+                                row: eventArgsSet.eventArgs.row
+                            },
+                            source: {
+                                col: this.table.stateManeger.columnMove.colSource,
+                                row: this.table.stateManeger.columnMove.colSource
+                            }
+                        });
+                    } else if (stateManeger.isSelecting()) {
+                        this.table.stateManeger.endSelectCells();
+                        const eventArgsSet = _getCellEventArgsSet(e);
+                        if (eventArgsSet.eventArgs && this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
+                            const cellsEvent = {
+                                event: e.nativeEvent,
+                                cells: [],
+                                col: eventArgsSet.eventArgs.target.col,
+                                row: eventArgsSet.eventArgs.target.row,
+                                scaleRatio: this.table.canvas.getBoundingClientRect().width / this.table.canvas.offsetWidth
+                            };
+                            cellsEvent.cells = this.table.getSelectedCellInfos(), this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DRAG_SELECT_END, cellsEvent);
+                        }
+                    }
+                } else stateManeger.interactionState === state_1.InteractionState.scrolling && stateManeger.updateInteractionState(state_1.InteractionState.default);
+                if (this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEUP_CELL)) {
+                    const eventArgsSet = _getCellEventArgsSet(e);
+                    eventArgsSet.eventArgs && this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEUP_CELL, {
+                        col: eventArgsSet.eventArgs.col,
+                        row: eventArgsSet.eventArgs.row,
+                        event: e.nativeEvent
+                    });
+                }
+            }
+        })), this.table.scenegraph.tableGroup.addEventListener("rightdown", (e => {
+            var _a, _b;
+            const eventArgsSet = _getCellEventArgsSet(e);
+            if (eventArgsSet.eventArgs) {
+                stateManeger.triggerContextMenu(eventArgsSet.eventArgs.col, eventArgsSet.eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
+                const {col: col, row: row} = eventArgsSet.eventArgs;
+                if (this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CONTEXTMENU_CELL)) {
+                    const cellInfo = this.table.getCellInfo(col, row);
+                    let icon, position;
+                    if (null === (_a = eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target) {
+                        const iconInfo = (0, icon_1.getIconAndPositionFromTarget)(null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target);
+                        iconInfo && (icon = iconInfo.icon, position = iconInfo.position);
+                    }
+                    const cellsEvent = Object.assign(Object.assign({}, cellInfo), {
+                        event: e.nativeEvent,
+                        cells: [],
+                        targetIcon: icon ? {
+                            name: icon.name,
+                            position: position,
+                            funcType: icon.attribute.funcType
+                        } : void 0
+                    });
+                    (0, helper_1.cellInRanges)(this.table.stateManeger.select.ranges, col, row) ? cellsEvent.cells = this.table.getSelectedCellInfos() : cellsEvent.cells = [ [ cellInfo ] ], 
+                    this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CONTEXTMENU_CELL, cellsEvent);
+                }
+            }
+        })), this.table.scenegraph.tableGroup.addEventListener("click", (e => {
+            var _a, _b;
+            if (console.log("click", e), this.table.stateManeger.columnResize.resizing || this.table.stateManeger.columnMove.moving) return;
+            const eventArgsSet = _getCellEventArgsSet(e);
+            if (this.dealIconClick(e, eventArgsSet), !(null == eventArgsSet ? void 0 : eventArgsSet.eventArgs)) return;
+            const {col: col, row: row} = eventArgsSet.eventArgs;
+            if (this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CLICK_CELL)) {
+                const cellInfo = this.table.getCellInfo(col, row);
+                let icon, position;
+                if (null === (_a = eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target) {
+                    const iconInfo = (0, icon_1.getIconAndPositionFromTarget)(null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target);
+                    iconInfo && (icon = iconInfo.icon, position = iconInfo.position);
+                }
+                const cellsEvent = Object.assign(Object.assign({}, cellInfo), {
+                    event: e.nativeEvent,
+                    cells: [],
+                    targetIcon: icon ? {
+                        name: icon.name,
+                        position: position,
+                        funcType: icon.attribute.funcType
+                    } : void 0
+                });
+                this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CLICK_CELL, cellsEvent);
+            }
+        })), this.table.scenegraph.stage.addEventListener("click", (e => {
+            console.log("stage click");
+            const target = e.target;
+            target && !target.isDescendantsOf(this.table.scenegraph.tableGroup) && target !== this.table.scenegraph.tableGroup && (console.log("pointerup outside table"), 
+            stateManeger.updateInteractionState(state_1.InteractionState.default), this.dealTableHover(), 
+            this.dealTableSelect(), stateManeger.updateCursor());
+        })), this.table.scenegraph.tableGroup.addEventListener("dblclick", (e => {
+            var _a, _b;
+            const eventArgsSet = _getCellEventArgsSet(e), bounds = eventArgsSet.eventArgs.targetCell.globalAABBBounds, {col: col, row: row} = eventArgsSet.eventArgs, value = this.table.getCellValue(col, row);
+            if (this.table.internalProps.focusControl.setFocusRect(new Rect_1.Rect(bounds.x1 + this.table.scrollLeft, bounds.y1 + this.table.scrollTop, bounds.x2 - bounds.x1, bounds.y2 - bounds.y1), value), 
+            this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DBLCLICK_CELL)) {
+                const cellInfo = this.table.getCellInfo(col, row);
+                let icon, position;
+                if (null === (_a = eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target) {
+                    const iconInfo = (0, icon_1.getIconAndPositionFromTarget)(null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target);
+                    iconInfo && (icon = iconInfo.icon, position = iconInfo.position);
+                }
+                const cellsEvent = Object.assign(Object.assign({}, cellInfo), {
+                    event: e.nativeEvent,
+                    cells: [],
+                    targetIcon: icon ? {
+                        name: icon.name,
+                        position: position,
+                        funcType: icon.attribute.funcType
+                    } : void 0
+                });
+                this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DBLCLICK_CELL, cellsEvent);
+            }
+        })), scenegraph.component.vScrollBar.addEventListener("pointerover", (e => {
+            stateManeger.showVerticalScrollBar();
+        })), scenegraph.component.hScrollBar.addEventListener("pointerover", (e => {
+            stateManeger.showHorizontalScrollBar();
+        })), scenegraph.component.vScrollBar.addEventListener("pointerout", (e => {
+            stateManeger.interactionState !== state_1.InteractionState.scrolling && stateManeger.hideVerticalScrollBar();
+        })), scenegraph.component.hScrollBar.addEventListener("pointerout", (e => {
+            stateManeger.interactionState !== state_1.InteractionState.scrolling && stateManeger.hideHorizontalScrollBar();
+        })), scenegraph.component.vScrollBar._slider.addEventListener("pointerdown", (() => {
+            stateManeger.interactionState !== state_1.InteractionState.scrolling && stateManeger.updateInteractionState(state_1.InteractionState.scrolling);
+        })), scenegraph.component.vScrollBar.addEventListener("pointerup", (() => {
+            stateManeger.interactionState === state_1.InteractionState.scrolling && stateManeger.updateInteractionState(state_1.InteractionState.default);
+        })), scenegraph.component.vScrollBar.addEventListener("pointerupoutside", (() => {
+            stateManeger.interactionState === state_1.InteractionState.scrolling && stateManeger.updateInteractionState(state_1.InteractionState.default);
+        })), scenegraph.component.hScrollBar._slider.addEventListener("pointerdown", (() => {
+            stateManeger.interactionState !== state_1.InteractionState.scrolling && stateManeger.updateInteractionState(state_1.InteractionState.scrolling);
+        })), scenegraph.component.hScrollBar.addEventListener("pointerup", (() => {
+            stateManeger.interactionState === state_1.InteractionState.scrolling && stateManeger.updateInteractionState(state_1.InteractionState.default);
+        })), scenegraph.component.hScrollBar.addEventListener("pointerupoutside", (() => {
+            stateManeger.interactionState === state_1.InteractionState.scrolling && stateManeger.updateInteractionState(state_1.InteractionState.default);
+        }));
+        const throttleVerticalWheel = (0, util_1.throttle)(stateManeger.updateVerticalScrollBar, 20), throttleHorizontalWheel = (0, 
+        util_1.throttle)(stateManeger.updateHorizontalScrollBar, 20);
+        scenegraph.component.vScrollBar.addEventListener("scroll", (e => {
+            const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
+            throttleVerticalWheel(ratio, e);
+        })), scenegraph.component.hScrollBar.addEventListener("scroll", (e => {
+            const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
+            throttleHorizontalWheel(ratio);
+        })), handler.on(this.table.getElement(), "wheel", (e => {
+            (0, scroll_1.handleWhell)(e, stateManeger);
+        })), handler.on(this.table.getElement(), "keydown", (e => {
+            var _a, _b;
+            if ((null === (_a = this.table.keyboardOptions) || void 0 === _a ? void 0 : _a.selectAllOnCtrlA) && "a" === e.key && (e.ctrlKey || e.metaKey) && (e.preventDefault(), 
+            this.deelTableSelectAll()), this.table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.KEYDOWN)) {
+                const cellsEvent = {
+                    keyCode: null !== (_b = e.keyCode) && void 0 !== _b ? _b : e.which,
+                    code: e.code,
+                    event: e,
+                    cells: this.table.getSelectedCellInfos(),
+                    scaleRatio: this.table.canvas.getBoundingClientRect().width / this.table.canvas.offsetWidth
+                };
+                this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.KEYDOWN, cellsEvent);
+            }
+        })), handler.on(this.table.getElement(), "copy", (e => {
+            var _a;
+            if (null === (_a = this.table.keyboardOptions) || void 0 === _a ? void 0 : _a.copySelected) {
+                const data = this.table.getCopyValue();
+                (0, util_1.isValid)(data) && (e.preventDefault(), helper_1.browser.IE ? window.clipboardData.setData("Text", data) : e.clipboardData.setData("text/plain", data));
+            }
+        })), handler.on(this.table.getElement(), "contextmenu", (e => {
+            e.preventDefault();
+        }));
+    }
+    bindSelfEvent() {
+        const stateManeger = this.table.stateManeger;
+        this.table.listen(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ICON_CLICK, (iconInfo => {
+            const {col: col, row: row, x: x, y: y, funcType: funcType, icon: icon} = iconInfo;
+            funcType === ts_types_1.IconFuncTypeEnum.dropDown ? stateManeger.triggerDropDownMenu(col, row, x, y) : funcType === ts_types_1.IconFuncTypeEnum.sort ? stateManeger.triggerSort(col, row, icon) : funcType === ts_types_1.IconFuncTypeEnum.pin ? stateManeger.triggerPin(col, row, icon) : funcType === ts_types_1.IconFuncTypeEnum.drillDown && (0, 
+            drill_1.drillClick)(this.table);
+        })), this.table.listen(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DROPDOWNMENU_CLICK, (() => {
+            stateManeger.hideMenu();
+        })), (0, media_click_1.bindMediaClick)(this.table), this.table.listen(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DBLCLICK_CELL, (e => {
+            this.table._canResizeColumn(e.col, e.row) && this.table.scenegraph.updateAutoColWidth(e.col);
+        })), this.table.isPivotTable() && (0, drill_1.bindDrillEvent)(this.table), (0, chart_1.bindChartHoverEvent)(this.table);
+    }
+    dealTableHover(eventArgsSet) {
+        if (!eventArgsSet) return void this.table.stateManeger.updateHoverPos(-1, -1);
+        const {eventArgs: eventArgs} = eventArgsSet;
+        eventArgs ? this.table.stateManeger.updateHoverPos(eventArgs.col, eventArgs.row) : this.table.stateManeger.updateHoverPos(-1, -1);
+    }
+    dealIconHover(eventArgsSet) {
+        const {eventArgs: eventArgs} = eventArgsSet;
+        eventArgs ? this.table.stateManeger.updateHoverIcon(eventArgs.col, eventArgs.row, eventArgs.target, eventArgs.targetCell, eventArgs.event) : this.table.stateManeger.updateHoverIcon(-1, -1, void 0, void 0);
+    }
+    dealMenuHover(eventArgsSet) {}
+    dealTableSelect(eventArgsSet) {
+        if (!eventArgsSet) return this.table.stateManeger.updateSelectPos(-1, -1), !1;
+        const {eventArgs: eventArgs} = eventArgsSet;
+        return !!eventArgs && (this.table.stateManeger.updateHoverPos(-1, -1), this.table.stateManeger.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey), 
+        !0);
+    }
+    deelTableSelectAll() {
+        this.table.stateManeger.updateSelectPos(-1, -1, !1, !1, !0);
+    }
+    dealMenuSelect(eventArgsSet) {}
+    checkColumnResizer(eventArgsSet, update) {
+        const {eventArgs: eventArgs} = eventArgsSet;
+        if (eventArgs) {
+            const resizeCol = this.table.scenegraph.getResizeColAt(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, eventArgs.targetCell);
+            if (this.table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0) return update && this.table.stateManeger.startResizeCol(resizeCol.col, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y), 
+            !0;
+        }
+        return !1;
+    }
+    dealColumnResizer(eventArgsSet) {
+        this.table.stateManeger.updateResizeCol(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
+    }
+    chechColumnMover(eventArgsSet) {
+        const {eventArgs: eventArgs} = eventArgsSet;
+        return !!(eventArgs && this.table.isHeader(eventArgs.col, eventArgs.row) && (0, 
+        check_in_select_1.checkCellInSelect)(eventArgs.col, eventArgs.row, this.table.stateManeger.select.ranges) && this.table._canDragHeaderPosition(eventArgs.col, eventArgs.row)) && (this.table.stateManeger.startMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y), 
+        !0);
+    }
+    dealColumnMover(eventArgsSet) {
+        const {eventArgs: eventArgs} = eventArgsSet;
+        this.table.stateManeger.updateMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
+    }
+    startColumnResizer(eventArgsSet) {}
+    dealIconClick(e, eventArgsSet) {
+        const {eventArgs: eventArgs} = eventArgsSet, {target: target, event: event, col: col, row: row} = eventArgs || {
+            target: e.target,
+            event: e,
+            col: -1,
+            row: -1
+        }, icon = target;
+        if (icon.role && icon.role.startsWith("icon-")) return this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ICON_CLICK, {
+            name: icon.name,
+            x: (icon.globalAABBBounds.x1 + icon.globalAABBBounds.x2) / 2,
+            y: icon.globalAABBBounds.y2,
+            col: col,
+            row: row,
+            funcType: icon.attribute.funcType,
+            icon: icon
+        }), !0;
+        if (target instanceof vrender_1.RichText) {
+            const icon = target.pickIcon(event.global);
+            if (icon) return this.table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ICON_CLICK, {
+                name: icon.attribute.id,
+                x: icon.globalX + icon.globalAABBBounds.width() / 2,
+                y: icon.globalY + icon.AABBBounds.height(),
+                col: col,
+                row: row,
+                funcType: icon.attribute.funcType,
+                icon: icon
+            }), !0;
+        }
+        return !1;
+    }
+}
+
+function _getCellEventArgsSet(e) {
+    const tableEvent = {
+        abstractPos: {
+            x: e.x,
+            y: e.y
+        }
+    }, targetCell = getTargetCell(e.target);
+    return targetCell && (tableEvent.eventArgs = {
+        col: targetCell.col,
+        row: targetCell.row,
+        event: e,
+        targetCell: targetCell,
+        target: e.target
+    }), tableEvent;
+}
+
+function getTargetCell(target) {
+    for (;target && target.parent; ) {
+        if ("cell" === target.role) return target;
+        target = target.parent;
+    }
+    return null;
+}
+
+//# sourceMappingURL=event.js.map
+exports.EventManeger = EventManeger;