k-vtable 1.0.34 → 1.0.36

package/cjs/event/listener/table-group.js

@@ -7,16 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 const vrender_1 = require("./../../vrender"), ts_types_1 = require("../../ts-types"), util_1 = require("../util"), TABLE_EVENT_TYPE_1 = require("../../core/TABLE_EVENT_TYPE"), vutils_1 = require("@visactor/vutils"), icon_1 = require("../../scenegraph/utils/icon"), helper_1 = require("../../tools/helper"), Rect_1 = require("../../tools/Rect"), get_cell_merge_1 = require("../../scenegraph/utils/get-cell-merge"), scroll_1 = require("../scroll"), helper_2 = require("../helper"), env_1 = require("../../tools/env");
 
 function bindTableGroupListener(eventManager) {
-    const table = eventManager.table, stateManager = table.stateManager;
+    var _a, _b, _c;
+    const table = eventManager.table, stateManager = table.stateManager, getEventArgsSet = e => (0, 
+    util_1.getCellEventArgsSetWithTable)(e, table);
     table.scenegraph.tableGroup.addEventListener("pointermove", (e => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
         const lastX = null !== (_b = null === (_a = table.eventManager.LastPointerXY) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : e.x, lastY = null !== (_d = null === (_c = table.eventManager.LastPointerXY) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : e.y;
         table.eventManager.LastPointerXY = {
             x: e.x,
             y: e.y
         }, eventManager.touchSetTimeout && (clearTimeout(eventManager.touchSetTimeout), 
         eventManager.touchSetTimeout = void 0);
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+        const eventArgsSet = getEventArgsSet(e);
         if (eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEMOVE_TABLE) && table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEMOVE_TABLE, {
             col: eventArgsSet.eventArgs.col,
             row: eventArgsSet.eventArgs.row,
@@ -73,13 +75,17 @@ function bindTableGroupListener(eventManager) {
                 mergeCellInfo: null === (_t = eventArgsSet.eventArgs) || void 0 === _t ? void 0 : _t.mergeInfo
             });
         }
+        if (table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.horizontalVisible || !table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.visible) {
+            const relativeX = e.x - table.tableX, target = table.options.scrollFrozenCols && (null === (_u = table.getFrozenColsOffset) || void 0 === _u ? void 0 : _u.call(table)) > 0 && relativeX >= 0 && relativeX < table.getFrozenColsWidth() ? "frozen" : table.options.scrollRightFrozenCols && (null === (_v = table.getRightFrozenColsOffset) || void 0 === _v ? void 0 : _v.call(table)) > 0 && relativeX > table.tableNoFrameWidth - table.getRightFrozenColsWidth() ? "rightFrozen" : "body";
+            stateManager.showHorizontalScrollBar(!1, target);
+        }
     })), table.scenegraph.tableGroup.addEventListener("pointerout", (e => {
         var _a;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e), cellGoup = null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target;
+        const eventArgsSet = getEventArgsSet(e), cellGoup = null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target;
         "table" === (null == cellGoup ? void 0 : cellGoup.role) && eventManager.dealTableHover();
     })), table.scenegraph.tableGroup.addEventListener("pointerover", (e => {
         var _a, _b;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e), cellGoup = null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target;
+        const eventArgsSet = getEventArgsSet(e), cellGoup = null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target;
         if (cellGoup && 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) {
@@ -103,15 +109,22 @@ function bindTableGroupListener(eventManager) {
             }
         }
     })), table.scenegraph.tableGroup.addEventListener("pointerenter", (e => {
-        (table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.horizontalVisible || !table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.visible) && stateManager.showHorizontalScrollBar(), 
+        var _a, _b;
+        if (table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.horizontalVisible || !table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.visible) {
+            const relativeX = e.x - table.tableX, target = table.options.scrollFrozenCols && (null === (_a = table.getFrozenColsOffset) || void 0 === _a ? void 0 : _a.call(table)) > 0 && relativeX >= 0 && relativeX < table.getFrozenColsWidth() ? "frozen" : table.options.scrollRightFrozenCols && (null === (_b = table.getRightFrozenColsOffset) || void 0 === _b ? void 0 : _b.call(table)) > 0 && relativeX > table.tableNoFrameWidth - table.getRightFrozenColsWidth() ? "rightFrozen" : "body";
+            stateManager.showHorizontalScrollBar(!1, target);
+        }
         (table.theme.scrollStyle.verticalVisible && "focus" === table.theme.scrollStyle.verticalVisible || !table.theme.scrollStyle.verticalVisible && "focus" === table.theme.scrollStyle.visible) && stateManager.showVerticalScrollBar(), 
         table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEENTER_TABLE) && table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEENTER_TABLE, {
             event: e.nativeEvent
         });
     })), table.scenegraph.tableGroup.addEventListener("pointerleave", (e => {
+        var _a, _b, _c;
         stateManager.isResizeCol() || stateManager.isResizeRow() || stateManager.isMoveCol() || stateManager.isSelecting() || (stateManager.updateInteractionState(ts_types_1.InteractionState.default), 
-        stateManager.updateCursor()), (table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.horizontalVisible || !table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.visible) && stateManager.hideHorizontalScrollBar(), 
-        (table.theme.scrollStyle.verticalVisible && "focus" === table.theme.scrollStyle.verticalVisible || !table.theme.scrollStyle.verticalVisible && "focus" === table.theme.scrollStyle.visible) && stateManager.hideVerticalScrollBar(), 
+        stateManager.updateCursor());
+        const scrollStyle = table.theme.scrollStyle, horizontalVisible = null !== (_a = null == scrollStyle ? void 0 : scrollStyle.horizontalVisible) && void 0 !== _a ? _a : null == scrollStyle ? void 0 : scrollStyle.visible, verticalVisible = null !== (_b = null == scrollStyle ? void 0 : scrollStyle.verticalVisible) && void 0 !== _b ? _b : null == scrollStyle ? void 0 : scrollStyle.visible, barToSide = null !== (_c = null == scrollStyle ? void 0 : scrollStyle.barToSide) && void 0 !== _c && _c;
+        barToSide || "focus" !== horizontalVisible || stateManager.hideHorizontalScrollBar(), 
+        barToSide || "focus" !== verticalVisible || stateManager.hideVerticalScrollBar(), 
         table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSELEAVE_CELL) && -1 !== table.stateManager.hover.cellPos.col && -1 !== table.stateManager.hover.cellPos.row && table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSELEAVE_CELL, {
             col: table.stateManager.hover.cellPos.col,
             row: table.stateManager.hover.cellPos.row,
@@ -138,7 +151,7 @@ function bindTableGroupListener(eventManager) {
             x: e.x,
             y: e.y
         }, 0 !== e.button) return;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+        const eventArgsSet = getEventArgsSet(e);
         if (eventManager.downIcon = void 0, stateManager.interactionState !== ts_types_1.InteractionState.default) return;
         if (table.isPivotChart() && "chart" !== (null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target.type) && (table.scenegraph.updateChartState(null, void 0), 
         table.scenegraph.deactivateChart(-1, -1, !0)), (null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) !== (null === (_c = stateManager.residentHoverIcon) || void 0 === _c ? void 0 : _c.icon) && stateManager.hideMenu(), 
@@ -180,7 +193,7 @@ function bindTableGroupListener(eventManager) {
                 }
             }
             if (table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEDOWN_CELL)) {
-                const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+                const eventArgsSet = getEventArgsSet(e);
                 eventArgsSet.eventArgs && table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEDOWN_CELL, {
                     col: eventArgsSet.eventArgs.col,
                     row: eventArgsSet.eventArgs.row,
@@ -199,7 +212,7 @@ function bindTableGroupListener(eventManager) {
                     (0, helper_2.fireMoveColEventListeners)(table, endMoveColSuccess, e.nativeEvent);
                 } else if (stateManager.isSelecting()) {
                     table.stateManager.endSelectCells(), table.stateManager.isFillHandle() && table.stateManager.endFillSelect();
-                    const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+                    const eventArgsSet = getEventArgsSet(e);
                     if (table.eventManager.isDraging && eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
                         const cellsEvent = {
                             event: e.nativeEvent,
@@ -215,7 +228,7 @@ function bindTableGroupListener(eventManager) {
                 }
             } else stateManager.interactionState === ts_types_1.InteractionState.scrolling && stateManager.updateInteractionState(ts_types_1.InteractionState.default);
             if (!table.eventManager.isDraging) {
-                const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+                const eventArgsSet = getEventArgsSet(e);
                 if (!eventManager.isTouchMove && 0 === e.button && eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CLICK_CELL)) {
                     const {col: col, row: row} = eventArgsSet.eventArgs, cellInfo = table.getCellInfo(col, row);
                     let icon, position;
@@ -239,7 +252,7 @@ function bindTableGroupListener(eventManager) {
                 }
             }
             if (table.hasListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEUP_CELL)) {
-                const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+                const eventArgsSet = getEventArgsSet(e);
                 eventArgsSet.eventArgs && table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEUP_CELL, {
                     col: eventArgsSet.eventArgs.col,
                     row: eventArgsSet.eventArgs.row,
@@ -255,7 +268,7 @@ function bindTableGroupListener(eventManager) {
         }
     })), table.scenegraph.tableGroup.addEventListener("rightdown", (e => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+        const eventArgsSet = getEventArgsSet(e);
         if (eventArgsSet.eventArgs) {
             stateManager.triggerContextMenu(eventArgsSet.eventArgs.col, eventArgsSet.eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
             const {col: col, row: row} = eventArgsSet.eventArgs;
@@ -298,10 +311,10 @@ function bindTableGroupListener(eventManager) {
     })), table.scenegraph.tableGroup.addEventListener("pointertap", (e => {
         var _a;
         if (table.stateManager.columnResize.resizing) return;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+        const eventArgsSet = getEventArgsSet(e);
         if (!table.stateManager.columnResize.resizing && !table.stateManager.columnMove.moving && (eventManager.dealIconClick(e, eventArgsSet), 
         (null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) && eventManager.touchSetTimeout && "touch" === e.pointerType)) {
-            const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+            const eventArgsSet = getEventArgsSet(e);
             if (eventManager.touchSetTimeout) {
                 clearTimeout(eventManager.touchSetTimeout);
                 const isHasSelected = !!(null === (_a = stateManager.select.ranges) || void 0 === _a ? void 0 : _a.length);
@@ -311,7 +324,7 @@ function bindTableGroupListener(eventManager) {
         }
     })), table.scenegraph.stage.addEventListener("pointerdown", (e => {
         var _a, _b, _c, _d;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+        const eventArgsSet = (0, util_1.getCellEventArgsSetWithTable)(e, table);
         (null === (_a = eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target) && (null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) === (null === (_c = stateManager.residentHoverIcon) || void 0 === _c ? void 0 : _c.icon) || stateManager.hideMenu();
         let isCompleteEdit = !1;
         const target = e.target;
@@ -344,13 +357,30 @@ function bindTableGroupListener(eventManager) {
             stateManager.endSelectCells(!0, isHasSelected), stateManager.updateCursor(), table.scenegraph.updateChartState(null, void 0), 
             table.scenegraph.deactivateChart(-1, -1, !0);
         }
-    })), table.scenegraph.stage.addEventListener("pointermove", (e => {
+    }));
+    const scrollStyle = table.theme.scrollStyle, barToSide = null !== (_a = null == scrollStyle ? void 0 : scrollStyle.barToSide) && void 0 !== _a && _a, horizontalVisible = null !== (_b = null == scrollStyle ? void 0 : scrollStyle.horizontalVisible) && void 0 !== _b ? _b : null == scrollStyle ? void 0 : scrollStyle.visible, verticalVisible = null !== (_c = null == scrollStyle ? void 0 : scrollStyle.verticalVisible) && void 0 !== _c ? _c : null == scrollStyle ? void 0 : scrollStyle.visible, shouldShowScrollOnCanvasHover = barToSide && "focus" === horizontalVisible, shouldShowVScrollOnCanvasHover = barToSide && "focus" === verticalVisible;
+    (shouldShowScrollOnCanvasHover || shouldShowVScrollOnCanvasHover) && (table.scenegraph.stage.addEventListener("pointerenter", (e => {
+        var _a, _b, _c;
+        const target = e.target;
+        if (target === table.scenegraph.stage || (null === (_a = null == target ? void 0 : target.isDescendantsOf) || void 0 === _a ? void 0 : _a.call(target, table.scenegraph.stage))) {
+            if (shouldShowScrollOnCanvasHover) {
+                const relativeX = e.x - table.tableX, target = table.options.scrollFrozenCols && (null === (_b = table.getFrozenColsOffset) || void 0 === _b ? void 0 : _b.call(table)) > 0 && relativeX >= 0 && relativeX < table.getFrozenColsWidth() ? "frozen" : table.options.scrollRightFrozenCols && (null === (_c = table.getRightFrozenColsOffset) || void 0 === _c ? void 0 : _c.call(table)) > 0 && relativeX > table.tableNoFrameWidth - table.getRightFrozenColsWidth() ? "rightFrozen" : "body";
+                stateManager.showHorizontalScrollBar(!1, target);
+            }
+            shouldShowVScrollOnCanvasHover && stateManager.showVerticalScrollBar();
+        }
+    })), table.scenegraph.stage.addEventListener("pointerleave", (e => {
+        var _a;
+        const relatedTarget = e.relatedTarget;
+        (!relatedTarget || relatedTarget !== table.scenegraph.stage && !(null === (_a = relatedTarget.isDescendantsOf) || void 0 === _a ? void 0 : _a.call(relatedTarget, table.scenegraph.stage))) && (shouldShowScrollOnCanvasHover && stateManager.hideHorizontalScrollBar(), 
+        shouldShowVScrollOnCanvasHover && stateManager.hideVerticalScrollBar());
+    }))), table.scenegraph.stage.addEventListener("pointermove", (e => {
         var _a, _b, _c;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+        const eventArgsSet = (0, util_1.getCellEventArgsSetWithTable)(e, table);
         null !== (_c = null === (_b = null === (_a = e.target) || void 0 === _a ? void 0 : _a.isDescendantsOf) || void 0 === _b ? void 0 : _b.call(_a, table.scenegraph.tableGroup)) && void 0 !== _c && _c && (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("col-resize") : stateManager.isResizeRow() || eventManager.checkRowResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("row-resize") : stateManager.isMoveCol() || stateManager.updateCursor());
     })), table.scenegraph.tableGroup.addEventListener("checkbox_state_change", (e => {
         var _a, _b;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e), {col: col, row: row} = eventArgsSet.eventArgs, cellInfo = table.getCellInfo(col, row), mergeRange = (0, 
+        const eventArgsSet = getEventArgsSet(e), {col: col, row: row} = eventArgsSet.eventArgs, cellInfo = table.getCellInfo(col, row), mergeRange = (0, 
         get_cell_merge_1.getCellMergeInfo)(table, col, row);
         if (mergeRange) for (let col = mergeRange.start.col; col <= mergeRange.end.col; col++) for (let row = mergeRange.start.row; row <= mergeRange.end.row; row++) {
             table.scenegraph.getCell(col, row).forEachChildren((checkbox => {
@@ -382,7 +412,7 @@ function bindTableGroupListener(eventManager) {
         table.scenegraph.updateNextFrame();
     })), table.scenegraph.tableGroup.addEventListener("radio_checked", (e => {
         var _a, _b, _c;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e), {col: col, row: row, target: target} = eventArgsSet.eventArgs, cellInfo = table.getCellInfo(col, row), indexInCell = null === (_a = util_1.regIndexReg.exec(target.id)) || void 0 === _a ? void 0 : _a[1], mergeRange = (0, 
+        const eventArgsSet = getEventArgsSet(e), {col: col, row: row, target: target} = eventArgsSet.eventArgs, cellInfo = table.getCellInfo(col, row), indexInCell = null === (_a = util_1.regIndexReg.exec(target.id)) || void 0 === _a ? void 0 : _a[1], mergeRange = (0, 
         get_cell_merge_1.getCellMergeInfo)(table, col, row);
         if (mergeRange) for (let col = mergeRange.start.col; col <= mergeRange.end.col; col++) for (let row = mergeRange.start.row; row <= mergeRange.end.row; row++) {
             table.scenegraph.getCell(col, row).forEachChildren((radio => {
@@ -425,7 +455,7 @@ function bindTableGroupListener(eventManager) {
         table.scenegraph.updateNextFrame();
     })), table.scenegraph.tableGroup.addEventListener("switch_state_change", (e => {
         var _a, _b;
-        const eventArgsSet = (0, util_1.getCellEventArgsSet)(e), {col: col, row: row, target: target} = eventArgsSet.eventArgs, cellInfo = table.getCellInfo(col, row), mergeRange = (0, 
+        const eventArgsSet = getEventArgsSet(e), {col: col, row: row, target: target} = eventArgsSet.eventArgs, cellInfo = table.getCellInfo(col, row), mergeRange = (0, 
         get_cell_merge_1.getCellMergeInfo)(table, col, row);
         if (mergeRange) for (let col = mergeRange.start.col; col <= mergeRange.end.col; col++) for (let row = mergeRange.start.row; row <= mergeRange.end.row; row++) {
             table.scenegraph.getCell(col, row).forEachChildren((switchComponent => {
@@ -484,7 +514,8 @@ function endResizeRow(table) {
 
 function dblclickHandler(e, table) {
     var _a, _b, _c, _d, _e, _f;
-    const eventArgsSet = (0, util_1.getCellEventArgsSet)(e);
+    if ("number" == typeof e.button && 0 !== e.button) return;
+    const eventArgsSet = (0, util_1.getCellEventArgsSetWithTable)(e, table);
     let col = -1, row = -1;
     eventArgsSet.eventArgs && (col = eventArgsSet.eventArgs.col, row = eventArgsSet.eventArgs.row);
     const value = table.getCellValue(col, row), bounds = null === (_b = null === (_a = eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.targetCell) || void 0 === _b ? void 0 : _b.globalAABBBounds;