vxe-table 4.23.5 → 4.23.6

package/lib/table/module/keyboard/hook.js

@@ -1,61 +1,50 @@
 "use strict";
-
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _ui = require("../../../ui");
-var _util = require("../../src/util");
-var _dom = require("../../../ui/src/dom");
-var _utils = require("../../../ui/src/utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  hooks
-} = _ui.VxeUI;
-hooks.add('tableKeyboardModule', {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_xe_utils = __toESM(require("xe-utils"));
+var import_ui = require("../../../ui");
+var import_util = require("../../src/util");
+var import_dom = require("../../../ui/src/dom");
+var import_utils = require("../../../ui/src/utils");
+const { hooks } = import_ui.VxeUI;
+hooks.add("tableKeyboardModule", {
   setupTable($xeTable) {
-    const {
-      props,
-      reactData,
-      internalData
-    } = $xeTable;
-    const {
-      refElem,
-      refTableBody
-    } = $xeTable.getRefMaps();
-    const {
-      computeEditOpts,
-      computeCheckboxOpts,
-      computeMouseOpts,
-      computeTreeOpts,
-      computeRowOpts,
-      computeColumnOpts,
-      computeCellOpts,
-      computeDefaultRowHeight,
-      computeCurrentRowOpts,
-      computeCurrentColumnOpts
-    } = $xeTable.getComputeMaps();
+    const { props, reactData, internalData } = $xeTable;
+    const { refElem, refTableBody } = $xeTable.getRefMaps();
+    const { computeEditOpts, computeCheckboxOpts, computeMouseOpts, computeTreeOpts, computeRowOpts, computeColumnOpts, computeCellOpts, computeDefaultRowHeight, computeCurrentRowOpts, computeCurrentColumnOpts } = $xeTable.getComputeMaps();
     function getCheckboxRangeRows(evnt, params, targetTrElem, trRect, offsetClientTop, moveRange) {
-      const {
-        showOverflow
-      } = props;
-      const {
-        fullAllDataRowIdData,
-        isResizeCellHeight
-      } = internalData;
+      const { showOverflow } = props;
+      const { fullAllDataRowIdData, isResizeCellHeight } = internalData;
       const rowOpts = computeRowOpts.value;
       const cellOpts = computeCellOpts.value;
       const defaultRowHeight = computeDefaultRowHeight.value;
-      const {
-        row
-      } = params;
+      const { row } = params;
       let countHeight = 0;
       let rangeRows = [];
       let moveSize = 0;
       const isDown = moveRange > 0;
-      const {
-        scrollYLoad
-      } = reactData;
-      const {
-        afterFullData
-      } = internalData;
+      const { scrollYLoad } = reactData;
+      const { afterFullData } = internalData;
       if (isDown) {
         moveSize = offsetClientTop + moveRange;
       } else {
@@ -96,7 +85,7 @@ hooks.add('tableKeyboardModule', {
           }
         }
       } else {
-        const siblingProp = isDown ? 'next' : 'previous';
+        const siblingProp = isDown ? "next" : "previous";
         while (targetTrElem && countHeight < moveSize) {
           const rowNodeRest = $xeTable.getRowNode(targetTrElem);
           if (rowNodeRest) {
@@ -109,21 +98,16 @@ hooks.add('tableKeyboardModule', {
       return rangeRows;
     }
     const handleCheckboxRangeEvent = (evnt, params) => {
-      const {
-        elemStore
-      } = internalData;
-      const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
-      const leftScrollElem = (0, _util.getRefElem)(elemStore['left-body-scroll']);
-      const rightScrollElem = (0, _util.getRefElem)(elemStore['right-body-scroll']);
-      const {
-        column,
-        cell
-      } = params;
-      if (column.type === 'checkbox') {
+      const { elemStore } = internalData;
+      const bodyScrollElem = (0, import_util.getRefElem)(elemStore["main-body-scroll"]);
+      const leftScrollElem = (0, import_util.getRefElem)(elemStore["left-body-scroll"]);
+      const rightScrollElem = (0, import_util.getRefElem)(elemStore["right-body-scroll"]);
+      const { column, cell } = params;
+      if (column.type === "checkbox") {
         let bodyWrapperElem = bodyScrollElem;
-        if (leftScrollElem && column.fixed === 'left') {
+        if (leftScrollElem && column.fixed === "left") {
           bodyWrapperElem = leftScrollElem;
-        } else if (rightScrollElem && column.fixed === 'right') {
+        } else if (rightScrollElem && column.fixed === "right") {
           bodyWrapperElem = rightScrollElem;
         }
         if (!bodyWrapperElem) {
@@ -133,7 +117,7 @@ hooks.add('tableKeyboardModule', {
         const el = refElem.value;
         const disX = evnt.clientX;
         const disY = evnt.clientY;
-        const checkboxRangeElem = bodyWrapperElem.querySelector('.vxe-table--checkbox-range');
+        const checkboxRangeElem = bodyWrapperElem.querySelector(".vxe-table--checkbox-range");
         const trElem = cell.parentElement;
         const selectRecords = $xeTable.getCheckboxRecords();
         let lastRangeRows = [];
@@ -147,17 +131,14 @@ hooks.add('tableKeyboardModule', {
         let mouseScrollTimeout = null;
         let isMouseScrollDown = false;
         let mouseScrollSpaceSize = 1;
-        const triggerEvent = (type, evnt) => {
+        const triggerEvent = (type, evnt2) => {
           $xeTable.dispatchEvent(`checkbox-range-${type}`, {
             records: () => $xeTable.getCheckboxRecords(),
             reserves: () => $xeTable.getCheckboxReserveRecords()
-          }, evnt);
+          }, evnt2);
         };
-        const handleChecked = evnt => {
-          const {
-            clientX,
-            clientY
-          } = evnt;
+        const handleChecked = (evnt2) => {
+          const { clientX, clientY } = evnt2;
           const offsetLeft = clientX - disX;
           const offsetTop = clientY - disY + (bodyWrapperElem.scrollTop - startScrollTop);
           let rangeHeight = Math.abs(offsetTop);
@@ -165,78 +146,66 @@ hooks.add('tableKeyboardModule', {
           let rangeTop = startTop;
           let rangeLeft = startLeft;
           if (offsetTop < marginSize) {
-            // 向上
             rangeTop += offsetTop;
             if (rangeTop < marginSize) {
               rangeTop = marginSize;
               rangeHeight = startTop;
             }
           } else {
-            // 向下
             rangeHeight = Math.min(rangeHeight, bodyWrapperElem.scrollHeight - startTop - marginSize);
           }
           if (offsetLeft < marginSize) {
-            // 向左
             rangeLeft += offsetLeft;
             if (rangeWidth > startLeft) {
               rangeLeft = marginSize;
               rangeWidth = startLeft;
             }
           } else {
-            // 向右
             rangeWidth = Math.min(rangeWidth, bodyWrapperElem.clientWidth - startLeft - marginSize);
           }
           checkboxRangeElem.style.height = `${rangeHeight}px`;
           checkboxRangeElem.style.width = `${rangeWidth}px`;
           checkboxRangeElem.style.left = `${rangeLeft}px`;
           checkboxRangeElem.style.top = `${rangeTop}px`;
-          checkboxRangeElem.style.display = 'block';
-          const rangeRows = getCheckboxRangeRows(evnt, params, trElem, trRect, offsetClientTop, offsetTop < marginSize ? -rangeHeight : rangeHeight);
-          // 至少滑动 10px 才能有效匹配
+          checkboxRangeElem.style.display = "block";
+          const rangeRows = getCheckboxRangeRows(evnt2, params, trElem, trRect, offsetClientTop, offsetTop < marginSize ? -rangeHeight : rangeHeight);
           if (rangeHeight > 10 && rangeRows.length !== lastRangeRows.length) {
-            const isControlKey = (0, _dom.hasControlKey)(evnt);
+            const isControlKey = (0, import_dom.hasControlKey)(evnt2);
             lastRangeRows = rangeRows;
             if (isControlKey) {
-              rangeRows.forEach(row => {
+              rangeRows.forEach((row) => {
                 $xeTable.handleBatchSelectRows([row], selectRecords.indexOf(row) === -1);
               });
             } else {
               $xeTable.setAllCheckboxRow(false);
               $xeTable.handleCheckedCheckboxRow(rangeRows, true, false);
             }
-            triggerEvent('change', evnt);
+            triggerEvent("change", evnt2);
           }
         };
-        // 停止鼠标滚动
         const stopMouseScroll = () => {
           clearTimeout(mouseScrollTimeout);
           mouseScrollTimeout = null;
         };
-        // 开始鼠标滚动
-        const startMouseScroll = evnt => {
+        const startMouseScroll = (evnt2) => {
           stopMouseScroll();
           mouseScrollTimeout = setTimeout(() => {
             if (mouseScrollTimeout) {
-              const {
-                scrollLeft,
-                scrollTop,
-                clientHeight,
-                scrollHeight
-              } = bodyWrapperElem;
+              const { scrollLeft, scrollTop, clientHeight, scrollHeight } = bodyWrapperElem;
               const topSize = Math.ceil(mouseScrollSpaceSize * 50 / rowHeight);
               if (isMouseScrollDown) {
                 if (scrollTop + clientHeight < scrollHeight) {
                   $xeTable.scrollTo(scrollLeft, scrollTop + topSize);
-                  startMouseScroll(evnt);
-                  handleChecked(evnt);
+                  startMouseScroll(evnt2);
+                  handleChecked(evnt2);
                 } else {
                   stopMouseScroll();
                 }
               } else {
                 if (scrollTop) {
                   $xeTable.scrollTo(scrollLeft, scrollTop - topSize);
-                  startMouseScroll(evnt);
-                  handleChecked(evnt);
+                  startMouseScroll(evnt2);
+                  handleChecked(evnt2);
                 } else {
                   stopMouseScroll();
                 }
@@ -244,77 +213,62 @@ hooks.add('tableKeyboardModule', {
             }
           }, 50);
         };
-        (0, _dom.addClass)(el, 'drag--range');
-        document.onmousemove = evnt => {
-          evnt.preventDefault();
-          evnt.stopPropagation();
-          const {
-            clientY
-          } = evnt;
-          const {
-            boundingTop
-          } = (0, _dom.getAbsolutePos)(bodyWrapperElem);
-          // 如果超过可视区，触发滚动
+        (0, import_dom.addClass)(el, "drag--range");
+        document.onmousemove = (evnt2) => {
+          evnt2.preventDefault();
+          evnt2.stopPropagation();
+          const { clientY } = evnt2;
+          const { boundingTop } = (0, import_dom.getAbsolutePos)(bodyWrapperElem);
           if (clientY < boundingTop) {
             isMouseScrollDown = false;
             mouseScrollSpaceSize = boundingTop - clientY;
             if (!mouseScrollTimeout) {
-              startMouseScroll(evnt);
+              startMouseScroll(evnt2);
             }
           } else if (clientY > boundingTop + bodyWrapperElem.clientHeight) {
             isMouseScrollDown = true;
             mouseScrollSpaceSize = clientY - boundingTop - bodyWrapperElem.clientHeight;
             if (!mouseScrollTimeout) {
-              startMouseScroll(evnt);
+              startMouseScroll(evnt2);
             }
           } else if (mouseScrollTimeout) {
             stopMouseScroll();
           }
-          handleChecked(evnt);
+          handleChecked(evnt2);
         };
-        document.onmouseup = evnt => {
+        document.onmouseup = (evnt2) => {
           stopMouseScroll();
-          (0, _dom.removeClass)(el, 'drag--range');
-          checkboxRangeElem.removeAttribute('style');
+          (0, import_dom.removeClass)(el, "drag--range");
+          checkboxRangeElem.removeAttribute("style");
           document.onmousemove = null;
           document.onmouseup = null;
-          triggerEvent('end', evnt);
+          triggerEvent("end", evnt2);
         };
-        triggerEvent('start', evnt);
+        triggerEvent("start", evnt);
       }
     };
     const handleCellMousedownEvent = (evnt, params) => {
-      const {
-        editConfig,
-        checkboxConfig,
-        mouseConfig
-      } = props;
+      const { editConfig, checkboxConfig, mouseConfig } = props;
       const checkboxOpts = computeCheckboxOpts.value;
       const mouseOpts = computeMouseOpts.value;
       const editOpts = computeEditOpts.value;
-      if ((0, _utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.triggerClAaMnEvent) {
+      if ((0, import_utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.triggerClAaMnEvent) {
         return $xeTable.triggerClAaMnEvent(evnt, params);
       } else {
         if (checkboxConfig && checkboxOpts.range) {
           handleCheckboxRangeEvent(evnt, params);
         }
-        if ((0, _utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.selected) {
-          if (!editConfig || editOpts.mode === 'cell') {
+        if ((0, import_utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.selected) {
+          if (!editConfig || editOpts.mode === "cell") {
             $xeTable.handleSelected(params, evnt);
           }
         }
       }
     };
     const handleMoveSelected = (evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow) => {
-      const {
-        afterFullData,
-        visibleColumn
-      } = internalData;
+      const { afterFullData, visibleColumn } = internalData;
       const params = Object.assign({}, args);
-      const {
-        row,
-        column
-      } = params;
+      const { row, column } = params;
       const _rowIndex = $xeTable.getVTRowIndex(row);
       const _columnIndex = $xeTable.getVTColumnIndex(column);
       const tableBody = refTableBody.value;
@@ -327,19 +281,15 @@ hooks.add('tableKeyboardModule', {
         evnt.preventDefault();
       }
       if (isUpArrow && _rowIndex > 0) {
-        // 移动到上一行
         params.rowIndex = _rowIndex - 1;
         params.row = afterFullData[params.rowIndex];
       } else if (isDwArrow && _rowIndex < afterFullData.length - 1) {
-        // 移动到下一行
         params.rowIndex = _rowIndex + 1;
         params.row = afterFullData[params.rowIndex];
       } else if (isLeftArrow && _columnIndex) {
-        // 移动到左侧单元格
         params.columnIndex = _columnIndex - 1;
         params.column = visibleColumn[params.columnIndex];
       } else if (isRightArrow && _columnIndex < visibleColumn.length - 1) {
-        // 移动到右侧单元格
         params.columnIndex = _columnIndex + 1;
         params.column = visibleColumn[params.columnIndex];
       }
@@ -354,13 +304,8 @@ hooks.add('tableKeyboardModule', {
     const keyboardMethods = {
       // 处理 Tab 键移动
       moveTabSelected(args, isLeft, evnt) {
-        const {
-          editConfig
-        } = props;
-        const {
-          afterFullData,
-          visibleColumn
-        } = internalData;
+        const { editConfig } = props;
+        const { afterFullData, visibleColumn } = internalData;
         const editOpts = computeEditOpts.value;
         const rowOpts = computeRowOpts.value;
         const currentRowOpts = computeCurrentRowOpts.value;
@@ -374,9 +319,7 @@ hooks.add('tableKeyboardModule', {
         const _columnIndex = $xeTable.getVTColumnIndex(params.column);
         evnt.preventDefault();
         if (isLeft) {
-          // 向左
           if (_columnIndex <= 0) {
-            // 如果已经是第一列，则移动到上一行
             if (_rowIndex > 0) {
               targetRowIndex = _rowIndex - 1;
               targetRow = afterFullData[targetRowIndex];
@@ -387,7 +330,6 @@ hooks.add('tableKeyboardModule', {
           }
         } else {
           if (_columnIndex >= visibleColumn.length - 1) {
-            // 如果已经是第一列，则移动到上一行
             if (_rowIndex < afterFullData.length - 1) {
               targetRowIndex = _rowIndex + 1;
               targetRow = afterFullData[targetRowIndex];
@@ -415,8 +357,8 @@ hooks.add('tableKeyboardModule', {
             $xeTable.triggerCurrentColumnEvent(evnt, params);
           }
           if (editConfig) {
-            if (editOpts.trigger === 'click' || editOpts.trigger === 'dblclick') {
-              if (editOpts.mode === 'row') {
+            if (editOpts.trigger === "click" || editOpts.trigger === "dblclick") {
+              if (editOpts.mode === "row") {
                 $xeTable.handleEdit(params, evnt);
               } else {
                 $xeTable.scrollToRow(params.row, params.column).then(() => {
@@ -433,24 +375,14 @@ hooks.add('tableKeyboardModule', {
       },
       // 处理当前行方向键移动
       moveCurrentRow(isUpArrow, isDwArrow, evnt) {
-        const {
-          treeConfig
-        } = props;
-        const {
-          afterFullData,
-          currentRow
-        } = internalData;
+        const { treeConfig } = props;
+        const { afterFullData, currentRow } = internalData;
         const treeOpts = computeTreeOpts.value;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         let targetRow;
         if (currentRow) {
           if (treeConfig) {
-            const {
-              index,
-              items
-            } = _xeUtils.default.findTree(afterFullData, item => item === currentRow, {
-              children: childrenField
-            });
+            const { index, items } = import_xe_utils.default.findTree(afterFullData, (item) => item === currentRow, { children: childrenField });
             if (isUpArrow && index > 0) {
               targetRow = items[index - 1];
             } else if (isDwArrow && index < items.length - 1) {
@@ -480,10 +412,7 @@ hooks.add('tableKeyboardModule', {
       },
       // 处理当前列方向键移动
       moveCurrentColumn(isLeftArrow, isRightArrow, evnt) {
-        const {
-          currentCol,
-          visibleColumn
-        } = internalData;
+        const { currentCol, visibleColumn } = internalData;
         let targetCol = null;
         if (currentCol) {
           const _columnIndex = $xeTable.getVTColumnIndex(currentCol);
@@ -508,10 +437,7 @@ hooks.add('tableKeyboardModule', {
       },
       // 处理可编辑方向键移动
       moveArrowSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
-        const {
-          highlightCurrentRow,
-          highlightCurrentColumn
-        } = props;
+        const { highlightCurrentRow, highlightCurrentColumn } = props;
         const rowOpts = computeRowOpts.value;
         const currentRowOpts = computeCurrentRowOpts.value;
         const columnOpts = computeColumnOpts.value;
@@ -521,7 +447,6 @@ hooks.add('tableKeyboardModule', {
           if (currentRowOpts.isFollowSelected) {
             $xeTable.triggerCurrentRowEvent(evnt, params);
           } else {
-            // 当前行按键上下移动
             if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
               $xeTable.moveCurrentRow(isUpArrow, isDwArrow, evnt);
             }
@@ -531,7 +456,6 @@ hooks.add('tableKeyboardModule', {
           if (currentColumnOpts.isFollowSelected) {
             $xeTable.triggerCurrentColumnEvent(evnt, params);
           } else {
-            // 当前行按键左右移动
             if ((isLeftArrow || isRightArrow) && (columnOpts.isCurrent || highlightCurrentColumn)) {
               $xeTable.moveCurrentColumn(isLeftArrow, isRightArrow, evnt);
             }
@@ -539,10 +463,7 @@ hooks.add('tableKeyboardModule', {
         }
       },
       moveEnterSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
-        const {
-          highlightCurrentRow,
-          highlightCurrentColumn
-        } = props;
+        const { highlightCurrentRow, highlightCurrentColumn } = props;
         const rowOpts = computeRowOpts.value;
         const currentRowOpts = computeCurrentRowOpts.value;
         const columnOpts = computeColumnOpts.value;
@@ -563,4 +484,4 @@ hooks.add('tableKeyboardModule', {
     };
     return keyboardMethods;
   }
-});
+});