k-vtable 1.0.0 → 1.0.2

package/es/event/listener/container-dom.js

@@ -32,7 +32,7 @@ import { TABLE_EVENT_TYPE } from "../../core/TABLE_EVENT_TYPE";
 
 import { handleWhell } from "../scroll";
 
-import { browser } from "../../tools/helper";
+import { browser, getPromiseValue } from "../../tools/helper";
 
 import { getPixelRatio } from "../../tools/pixel-ratio";
 
@@ -42,6 +42,8 @@ import { isCellDisableSelect } from "../../state/select/is-cell-select-highlight
 
 import { fireMoveColEventListeners } from "../helper";
 
+import { vglobal } from "./../../vrender";
+
 export function bindContainerDomListener(eventManager) {
     const table = eventManager.table, stateManager = table.stateManager, handler = table.internalProps.handler;
     function handleKeydownListener(e) {
@@ -59,10 +61,15 @@ export function bindContainerDomListener(eventManager) {
     handler.on(table.getElement(), "blur", (e => {
         eventManager.dealTableHover();
     })), handler.on(table.getElement(), "keydown", (e => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-        if ("a" === e.key && (e.ctrlKey || e.metaKey)) (null === (_a = table.keyboardOptions) || void 0 === _a ? void 0 : _a.selectAllOnCtrlA) && (e.preventDefault(), 
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+        const beforeKeydownEvent = {
+            keyCode: null !== (_a = e.keyCode) && void 0 !== _a ? _a : e.which,
+            code: e.code,
+            event: e
+        };
+        if (table.fireListeners(TABLE_EVENT_TYPE.BEFORE_KEYDOWN, beforeKeydownEvent), "a" === e.key && (e.ctrlKey || e.metaKey)) (null === (_b = table.keyboardOptions) || void 0 === _b ? void 0 : _b.selectAllOnCtrlA) && (e.preventDefault(), 
         eventManager.deelTableSelectAll()); else if (stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0 && ("ArrowUp" === e.key || "ArrowDown" === e.key || "ArrowLeft" === e.key || "ArrowRight" === e.key)) {
-            if ((null === (_c = null === (_b = table.options.keyboardOptions) || void 0 === _b ? void 0 : _b.moveEditCellOnArrowKeys) || void 0 === _c || !_c) && (null === (_d = table.editorManager) || void 0 === _d ? void 0 : _d.editingEditor) || !1 === (null === (_e = table.options.keyboardOptions) || void 0 === _e ? void 0 : _e.moveSelectedCellOnArrowKeys)) return;
+            if ((null === (_d = null === (_c = table.options.keyboardOptions) || void 0 === _c ? void 0 : _c.moveEditCellOnArrowKeys) || void 0 === _d || !_d) && (null === (_e = table.editorManager) || void 0 === _e ? void 0 : _e.editingEditor) || !1 === (null === (_f = table.options.keyboardOptions) || void 0 === _f ? void 0 : _f.moveSelectedCellOnArrowKeys)) return;
             let targetCol, targetRow;
             if (e.preventDefault(), e.stopPropagation(), "ArrowUp" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = stateManager.select.cellPos.col, 
             targetRow = 0) : (e.shiftKey, targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row - 1))) : "ArrowDown" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = stateManager.select.cellPos.col, 
@@ -73,42 +80,43 @@ export function bindContainerDomListener(eventManager) {
             targetRow = stateManager.select.cellPos.row) : (e.shiftKey, targetRow = stateManager.select.cellPos.row, 
             targetCol = Math.min(table.colCount - 1, Math.max(0, stateManager.select.cellPos.col + 1)))), 
             isCellDisableSelect(table, targetCol, targetRow)) return;
-            table.selectCell(targetCol, targetRow, e.shiftKey), null !== (_g = null === (_f = table.options.keyboardOptions) || void 0 === _f ? void 0 : _f.moveEditCellOnArrowKeys) && void 0 !== _g && _g && (null === (_h = table.editorManager) || void 0 === _h ? void 0 : _h.editingEditor) && (table.editorManager.completeEdit(), 
-            table.getElement().focus(), table.getEditor(targetCol, targetRow) && table.editorManager.startEditCell(targetCol, targetRow));
-        } else if ("Escape" === e.key) null === (_j = table.editorManager) || void 0 === _j || _j.cancelEdit(), 
+            table.selectCell(targetCol, targetRow, e.shiftKey), null !== (_h = null === (_g = table.options.keyboardOptions) || void 0 === _g ? void 0 : _g.moveEditCellOnArrowKeys) && void 0 !== _h && _h && (null === (_j = table.editorManager) || void 0 === _j ? void 0 : _j.editingEditor) && (null === (_k = table.editorManager) || void 0 === _k || _k.completeEdit(), 
+            table.getElement().focus(), table.getEditor(targetCol, targetRow) && (null === (_l = table.editorManager) || void 0 === _l || _l.startEditCell(targetCol, targetRow)));
+        } else if ("Escape" === e.key) null === (_m = table.editorManager) || void 0 === _m || _m.cancelEdit(), 
         table.getElement().focus(); else if ("Enter" === e.key) {
-            if (null === (_k = table.editorManager) || void 0 === _k ? void 0 : _k.editingEditor) {
-                if (handleKeydownListener(e), table.editorManager.completeEdit(), table.getElement().focus(), 
-                !0 === (null === (_l = table.options.keyboardOptions) || void 0 === _l ? void 0 : _l.moveFocusCellOnEnter)) {
+            if (null === (_o = table.editorManager) || void 0 === _o ? void 0 : _o.editingEditor) {
+                if (handleKeydownListener(e), null === (_p = table.editorManager) || void 0 === _p || _p.completeEdit(), 
+                table.getElement().focus(), !0 === (null === (_q = table.options.keyboardOptions) || void 0 === _q ? void 0 : _q.moveFocusCellOnEnter)) {
                     const targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
                     if (isCellDisableSelect(table, targetCol, targetRow)) return;
                     table.selectCell(targetCol, targetRow, e.shiftKey);
                 }
                 return;
             }
-            if (!0 === (null === (_m = table.options.keyboardOptions) || void 0 === _m ? void 0 : _m.moveFocusCellOnEnter)) {
+            if (!0 === (null === (_r = table.options.keyboardOptions) || void 0 === _r ? void 0 : _r.moveFocusCellOnEnter)) {
                 const targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
                 if (isCellDisableSelect(table, targetCol, targetRow)) return;
                 table.selectCell(targetCol, targetRow, e.shiftKey);
-            } else if ((null === (_p = null === (_o = table.options.keyboardOptions) || void 0 === _o ? void 0 : _o.editCellOnEnter) || void 0 === _p || _p) && 1 === (null !== (_r = null === (_q = table.stateManager.select.ranges) || void 0 === _q ? void 0 : _q.length) && void 0 !== _r ? _r : 0)) {
+            } else if ((null === (_t = null === (_s = table.options.keyboardOptions) || void 0 === _s ? void 0 : _s.editCellOnEnter) || void 0 === _t || _t) && 1 === (null !== (_v = null === (_u = table.stateManager.select.ranges) || void 0 === _u ? void 0 : _u.length) && void 0 !== _v ? _v : 0)) {
                 const startCol = table.stateManager.select.ranges[0].start.col, startRow = table.stateManager.select.ranges[0].start.row, endCol = table.stateManager.select.ranges[0].end.col, endRow = table.stateManager.select.ranges[0].end.row;
-                startCol === endCol && startRow === endRow && table.getEditor(startCol, startRow) && table.editorManager.startEditCell(startCol, startRow);
+                startCol === endCol && startRow === endRow && table.getEditor(startCol, startRow) && (null === (_w = table.editorManager) || void 0 === _w || _w.startEditCell(startCol, startRow));
             }
         } else if ("Tab" === e.key) {
-            if ((null === (_t = null === (_s = table.options.keyboardOptions) || void 0 === _s ? void 0 : _s.moveFocusCellOnTab) || void 0 === _t || _t) && stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
+            if ((null === (_y = null === (_x = table.options.keyboardOptions) || void 0 === _x ? void 0 : _x.moveFocusCellOnTab) || void 0 === _y || _y) && stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
                 if (stateManager.select.cellPos.col === table.colCount - 1 && stateManager.select.cellPos.row === table.rowCount - 1) return;
                 let targetCol, targetRow;
                 if (e.preventDefault(), stateManager.select.cellPos.col === table.colCount - 1 ? (targetRow = Math.min(table.rowCount - 1, stateManager.select.cellPos.row + 1), 
                 targetCol = table.rowHeaderLevelCount) : (targetRow = stateManager.select.cellPos.row, 
                 targetCol = stateManager.select.cellPos.col + 1), isCellDisableSelect(table, targetCol, targetRow)) return;
-                table.selectCell(targetCol, targetRow), (null === (_u = table.editorManager) || void 0 === _u ? void 0 : _u.editingEditor) && (table.editorManager.completeEdit(), 
-                table.getElement().focus(), table.getEditor(targetCol, targetRow) && table.editorManager.startEditCell(targetCol, targetRow));
+                table.selectCell(targetCol, targetRow), (null === (_z = table.editorManager) || void 0 === _z ? void 0 : _z.editingEditor) && (null === (_0 = table.editorManager) || void 0 === _0 || _0.completeEdit(), 
+                table.getElement().focus(), table.getEditor(targetCol, targetRow) && (null === (_1 = table.editorManager) || void 0 === _1 || _1.startEditCell(targetCol, targetRow)));
             }
-        } else if (!(e.ctrlKey || e.metaKey || e.shiftKey)) {
+        } else if (!e.ctrlKey && !e.metaKey) {
             const editCellTrigger = table.options.editCellTrigger;
-            if (("keydown" === editCellTrigger || Array.isArray(editCellTrigger) && editCellTrigger.includes("keydown")) && !(null === (_v = table.editorManager) || void 0 === _v ? void 0 : _v.editingEditor)) {
+            if (("keydown" === editCellTrigger || Array.isArray(editCellTrigger) && editCellTrigger.includes("keydown")) && !(null === (_2 = table.editorManager) || void 0 === _2 ? void 0 : _2.editingEditor)) {
                 const allowedKeys = /^[a-zA-Z0-9+\-*\/%=.,\s]$/;
-                e.key.match(allowedKeys) && table.editorManager.startEditCell(stateManager.select.cellPos.col, stateManager.select.cellPos.row, "");
+                e.key.match(allowedKeys) && (table.editorManager && (table.editorManager.beginTriggerEditCellMode = "keydown"), 
+                null === (_3 = table.editorManager) || void 0 === _3 || _3.startEditCell(stateManager.select.cellPos.col, stateManager.select.cellPos.row, ""));
             }
         }
         handleKeydownListener(e);
@@ -160,7 +168,14 @@ export function bindContainerDomListener(eventManager) {
                     values.push(rowValues), cells.forEach((function(cell, cellIndex) {
                         cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
                     }));
-                })), table.changeCellValues(col, row, values);
+                }));
+                const changedCellResults = table.changeCellValues(col, row, values);
+                table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                    col: col,
+                    row: row,
+                    pasteData: values,
+                    changedCellResults: changedCellResults
+                });
             }
         }
     })), handler.on(table.getElement(), "contextmenu", (e => {
@@ -184,8 +199,14 @@ export function bindContainerDomListener(eventManager) {
                         const rowContent = match[1], rowValues = Array.from(rowContent.matchAll(cellRegex)).map((cellMatch => cellMatch[1].replace(/(<(?!br)([^>]+)>)/gi, "").replace(/<br(\s*|\/)>[\r\n]?/gim, "\n").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&#9;/gi, "\t").replace(/&nbsp;/g, " ")));
                         values.push(rowValues), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
                     }
-                    pasteValuesRowCount = null !== (_b = values.length) && void 0 !== _b ? _b : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), 
-                    table.changeCellValues(col, row, values, !0);
+                    pasteValuesRowCount = null !== (_b = values.length) && void 0 !== _b ? _b : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
+                    const changedCellResults = table.changeCellValues(col, row, values, !0);
+                    table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                        col: col,
+                        row: row,
+                        pasteData: values,
+                        changedCellResults: changedCellResults
+                    });
                 } else navigator.clipboard.read().then((clipboardItems => {
                     for (const item of clipboardItems) item.types.includes("text/plain") && item.getType("text/plain").then((blob => {
                         blob.text().then(_pasteValue);
@@ -205,8 +226,14 @@ export function bindContainerDomListener(eventManager) {
                 cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
             })), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
         })), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, 
-        values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), 
-        table.changeCellValues(col, row, values, !0);
+        values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
+        const changedCellResults = table.changeCellValues(col, row, values, !0);
+        table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+            col: col,
+            row: row,
+            pasteData: values,
+            changedCellResults: changedCellResults
+        });
     }
     function pasteTextToTable(item) {
         const ranges = table.stateManager.select.ranges, selectRangeLength = ranges.length, col = Math.min(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col), row = Math.min(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row), maxCol = Math.max(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col), maxRow = Math.max(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row);
@@ -224,8 +251,14 @@ export function bindContainerDomListener(eventManager) {
                         rowValues.push(cell);
                     })), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
                 })), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, 
-                values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), 
-                table.changeCellValues(col, row, values, !0);
+                values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
+                const changedCellResults = table.changeCellValues(col, row, values, !0);
+                table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                    col: col,
+                    row: row,
+                    pasteData: values,
+                    changedCellResults: changedCellResults
+                });
             }));
         }));
     }
@@ -248,18 +281,34 @@ export function bindContainerDomListener(eventManager) {
         return values;
     }
     const globalPointerdownCallback = e => {
+        var _a;
+        if (table.isReleased) return;
         table.eventManager.LastBodyPointerXY = {
             x: e.x,
             y: e.y
         }, table.eventManager.isDown = !0;
+        const target = e.target;
+        if (!table.getElement().contains(target) && !table.internalProps.menuHandler.containElement(target)) {
+            const isCompleteEdit = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.completeEdit(e);
+            getPromiseValue(isCompleteEdit, (isCompleteEdit => {
+                var _a, _b;
+                if (!1 !== isCompleteEdit && (null === (_a = table.options.select) || void 0 === _a ? void 0 : _a.outsideClickDeselect)) {
+                    const isHasSelected = !!(null === (_b = stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length);
+                    eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected);
+                }
+            }));
+        }
     };
     eventManager.globalEventListeners.push({
         name: "pointerdown",
-        env: "body",
+        env: "vglobal",
         callback: globalPointerdownCallback
-    }), document.body.addEventListener("pointerdown", globalPointerdownCallback);
+    }), vglobal.addEventListener("pointerdown", globalPointerdownCallback);
     const globalPointerupCallback = e => {
-        if (e.target !== table.canvas && (e => {
+        var _a, _b;
+        if (table.isReleased) return;
+        const target = e.target;
+        if (target !== table.canvas && (e => {
             var _a, _b;
             if (stateManager.menu.isShow && setTimeout((() => {
                 table.internalProps.menuHandler.pointInMenuElement(e.clientX, e.clientY) || stateManager.menu.isShow && stateManager.hideMenu();
@@ -285,20 +334,26 @@ export function bindContainerDomListener(eventManager) {
         "grabing" === stateManager.interactionState && stateManager.isResizeCol()) endResizeCol(table); else if ("grabing" === stateManager.interactionState && stateManager.isResizeRow()) endResizeRow(table); else if (stateManager.isMoveCol()) {
             const endMoveColSuccess = table.stateManager.endMoveCol();
             fireMoveColEventListeners(table, endMoveColSuccess, e);
+        } else if ((null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.editingEditor) && !table.getElement().contains(target)) {
+            const isCompleteEdit = null === (_b = table.editorManager) || void 0 === _b ? void 0 : _b.completeEdit(e);
+            getPromiseValue(isCompleteEdit, (isCompleteEdit => {
+                !1 !== isCompleteEdit && (stateManager.updateInteractionState(InteractionState.default), 
+                eventManager.dealTableHover());
+            }));
         }
     };
     eventManager.globalEventListeners.push({
         name: "pointerup",
-        env: "document",
+        env: "vglobal",
         callback: globalPointerupCallback
-    }), document.addEventListener("pointerup", globalPointerupCallback);
+    }), vglobal.addEventListener("pointerup", globalPointerupCallback);
     const globalPointermoveCallback = e => {
         var _a, _b, _c, _d, _e;
         if (table.eventManager.isDown && table.eventManager.LastBodyPointerXY) {
             const lastX = null !== (_b = null === (_a = table.eventManager.LastBodyPointerXY) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : e.x, lastY = null !== (_d = null === (_c = table.eventManager.LastBodyPointerXY) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : e.y;
             (Math.abs(lastX - e.x) > 1 || Math.abs(lastY - e.y) > 1) && (table.eventManager.isDraging = !0);
         }
-        const {x: x, y: y} = table._getMouseAbstractPoint(e, !1);
+        const {x: x, y: y} = table._getMouseAbstractPoint(e);
         stateManager.interactionState === InteractionState.grabing && (stateManager.isResizeCol() ? (eventManager.dealColumnResize(x, y), 
         table.hasListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN) && table.fireListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN, {
             col: table.stateManager.columnResize.col,
@@ -323,6 +378,7 @@ export function bindContainerDomListener(eventManager) {
                 table.eventManager.scrollXSpeed = -(x - drawRange.left - leftFrozenColsWidth) / 50), 
                 table.eventManager.inertiaScroll.startInertia(table.eventManager.scrollXSpeed, table.eventManager.scrollYSpeed, 1), 
                 table.eventManager.inertiaScroll.setScrollHandle(((dx, dy) => {
+                    var _a;
                     let selectX, selectY;
                     handleWhell({
                         deltaX: -dx,
@@ -334,15 +390,15 @@ export function bindContainerDomListener(eventManager) {
                     considerFrozenX = !0) : selectX = table.scrollLeft + x), bottom || top || (y > table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() && y < table.tableNoFrameHeight || y > 0 && y < table.getFrozenRowsHeight() ? (selectY = y, 
                     considerFrozenY = !0) : selectY = table.scrollTop + y), table.stateManager.updateInteractionState(InteractionState.grabing);
                     const targetCol = table.getTargetColAtConsiderRightFrozen(selectX, considerFrozenX), targetRow = table.getTargetRowAtConsiderBottomFrozen(selectY, considerFrozenY);
-                    isValid(targetCol) && isValid(targetRow) && table.stateManager.updateSelectPos(targetCol.col, targetRow.row, !1, !1, !1, !1);
+                    !(null === (_a = table.options.select) || void 0 === _a ? void 0 : _a.disableDragSelect) && isValid(targetCol) && isValid(targetRow) && table.stateManager.updateSelectPos(targetCol.col, targetRow.row, !1, !1, !1, !1);
                 }));
             } else table.eventManager.inertiaScroll.isInertiaScrolling() ? table.eventManager.inertiaScroll.endInertia() : table.eventManager.scrollYSpeed = 0;
         }
     };
     eventManager.globalEventListeners.push({
         name: "pointermove",
-        env: "body",
+        env: "vglobal",
         callback: globalPointermoveCallback
-    }), document.body.addEventListener("pointermove", globalPointermoveCallback);
+    }), vglobal.addEventListener("pointermove", globalPointermoveCallback);
 }
 //# sourceMappingURL=container-dom.js.map