@fecp/mobile 1.1.49 → 1.1.51

package/es/node_modules/.pnpm/vxe-table@4.17.0_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/table/module/keyboard/hook.mjs

@@ -1,455 +0,0 @@
-import XEUtils from "../../../../../../../../../_virtual/index.mjs";
-import "../../../ui/index.mjs";
-import { getRefElem } from "../../src/util.mjs";
-import { addClass, getAbsolutePos, removeClass, hasControlKey } from "../../../ui/src/dom.mjs";
-import { VxeUI } from "../../../../../../../@vxe-ui_core@4.2.12_vue@3.5.13_typescript@5.7.3_/node_modules/@vxe-ui/core/es/index.esm.mjs";
-const { hooks } = VxeUI;
-hooks.add("tableKeyboardModule", {
-  setupTable($xeTable) {
-    const { props, reactData, internalData } = $xeTable;
-    const { refElem } = $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 rowOpts = computeRowOpts.value;
-      const cellOpts = computeCellOpts.value;
-      const defaultRowHeight = computeDefaultRowHeight.value;
-      const { row } = params;
-      let countHeight = 0;
-      let rangeRows = [];
-      let moveSize = 0;
-      const isDown = moveRange > 0;
-      const { scrollYLoad } = reactData;
-      const { afterFullData } = internalData;
-      if (isDown) {
-        moveSize = offsetClientTop + moveRange;
-      } else {
-        moveSize = trRect.height - offsetClientTop + Math.abs(moveRange);
-      }
-      if (scrollYLoad) {
-        const _rowIndex = $xeTable.getVTRowIndex(row);
-        const isCustomCellHeight = isResizeCellHeight || cellOpts.height || rowOpts.height;
-        if (!isCustomCellHeight && showOverflow) {
-          if (isDown) {
-            rangeRows = afterFullData.slice(_rowIndex, _rowIndex + Math.ceil(moveSize / defaultRowHeight));
-          } else {
-            rangeRows = afterFullData.slice(_rowIndex - Math.floor(moveSize / defaultRowHeight), _rowIndex + 1);
-          }
-        } else {
-          if (isDown) {
-            for (let i = _rowIndex; i < afterFullData.length; i++) {
-              const item = afterFullData[i];
-              const rowid = $xeTable.getRowid(item);
-              const rowRest = fullAllDataRowIdData[rowid] || {};
-              countHeight += rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
-              rangeRows.push(item);
-              if (countHeight > moveSize) {
-                return rangeRows;
-              }
-            }
-          } else {
-            for (let len = _rowIndex; len >= 0; len--) {
-              const item = afterFullData[len];
-              const rowid = $xeTable.getRowid(item);
-              const rowRest = fullAllDataRowIdData[rowid] || {};
-              countHeight += rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
-              rangeRows.push(item);
-              if (countHeight > moveSize) {
-                return rangeRows;
-              }
-            }
-          }
-        }
-      } else {
-        const siblingProp = isDown ? "next" : "previous";
-        while (targetTrElem && countHeight < moveSize) {
-          const rowNodeRest = $xeTable.getRowNode(targetTrElem);
-          if (rowNodeRest) {
-            rangeRows.push(rowNodeRest.item);
-            countHeight += targetTrElem.offsetHeight;
-            targetTrElem = targetTrElem[`${siblingProp}ElementSibling`];
-          }
-        }
-      }
-      return rangeRows;
-    }
-    const handleCheckboxRangeEvent = (evnt, params) => {
-      const { elemStore } = internalData;
-      const bodyScrollElem = getRefElem(elemStore["main-body-scroll"]);
-      const leftScrollElem = getRefElem(elemStore["left-body-scroll"]);
-      const rightScrollElem = getRefElem(elemStore["right-body-scroll"]);
-      const { column, cell } = params;
-      if (column.type === "checkbox") {
-        let bodyWrapperElem = bodyScrollElem;
-        if (leftScrollElem && column.fixed === "left") {
-          bodyWrapperElem = leftScrollElem;
-        } else if (rightScrollElem && column.fixed === "right") {
-          bodyWrapperElem = rightScrollElem;
-        }
-        if (!bodyWrapperElem) {
-          return;
-        }
-        const bodyRect = bodyWrapperElem.getBoundingClientRect();
-        const el = refElem.value;
-        const disX = evnt.clientX;
-        const disY = evnt.clientY;
-        const checkboxRangeElem = bodyWrapperElem.querySelector(".vxe-table--checkbox-range");
-        const trElem = cell.parentElement;
-        const selectRecords = $xeTable.getCheckboxRecords();
-        let lastRangeRows = [];
-        const marginSize = 1;
-        const startTop = evnt.clientY - bodyRect.y + bodyWrapperElem.scrollTop;
-        const startLeft = evnt.clientX - bodyRect.x + bodyWrapperElem.scrollLeft;
-        const startScrollTop = bodyWrapperElem.scrollTop;
-        const rowHeight = trElem.offsetHeight;
-        const trRect = trElem.getBoundingClientRect();
-        const offsetClientTop = disY - trRect.y;
-        let mouseScrollTimeout = null;
-        let isMouseScrollDown = false;
-        let mouseScrollSpaceSize = 1;
-        const triggerEvent = (type, evnt2) => {
-          $xeTable.dispatchEvent(`checkbox-range-${type}`, {
-            records: () => $xeTable.getCheckboxRecords(),
-            reserves: () => $xeTable.getCheckboxReserveRecords()
-          }, evnt2);
-        };
-        const handleChecked = (evnt2) => {
-          const { clientX, clientY } = evnt2;
-          const offsetLeft = clientX - disX;
-          const offsetTop = clientY - disY + (bodyWrapperElem.scrollTop - startScrollTop);
-          let rangeHeight = Math.abs(offsetTop);
-          let rangeWidth = Math.abs(offsetLeft);
-          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(evnt2, params, trElem, trRect, offsetClientTop, offsetTop < marginSize ? -rangeHeight : rangeHeight);
-          if (rangeHeight > 10 && rangeRows.length !== lastRangeRows.length) {
-            const isControlKey = hasControlKey(evnt2);
-            lastRangeRows = rangeRows;
-            if (isControlKey) {
-              rangeRows.forEach((row) => {
-                $xeTable.handleBatchSelectRows([row], selectRecords.indexOf(row) === -1);
-              });
-            } else {
-              $xeTable.setAllCheckboxRow(false);
-              $xeTable.handleCheckedCheckboxRow(rangeRows, true, false);
-            }
-            triggerEvent("change", evnt2);
-          }
-        };
-        const stopMouseScroll = () => {
-          clearTimeout(mouseScrollTimeout);
-          mouseScrollTimeout = null;
-        };
-        const startMouseScroll = (evnt2) => {
-          stopMouseScroll();
-          mouseScrollTimeout = setTimeout(() => {
-            if (mouseScrollTimeout) {
-              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(evnt2);
-                  handleChecked(evnt2);
-                } else {
-                  stopMouseScroll();
-                }
-              } else {
-                if (scrollTop) {
-                  $xeTable.scrollTo(scrollLeft, scrollTop - topSize);
-                  startMouseScroll(evnt2);
-                  handleChecked(evnt2);
-                } else {
-                  stopMouseScroll();
-                }
-              }
-            }
-          }, 50);
-        };
-        addClass(el, "drag--range");
-        document.onmousemove = (evnt2) => {
-          evnt2.preventDefault();
-          evnt2.stopPropagation();
-          const { clientY } = evnt2;
-          const { boundingTop } = getAbsolutePos(bodyWrapperElem);
-          if (clientY < boundingTop) {
-            isMouseScrollDown = false;
-            mouseScrollSpaceSize = boundingTop - clientY;
-            if (!mouseScrollTimeout) {
-              startMouseScroll(evnt2);
-            }
-          } else if (clientY > boundingTop + bodyWrapperElem.clientHeight) {
-            isMouseScrollDown = true;
-            mouseScrollSpaceSize = clientY - boundingTop - bodyWrapperElem.clientHeight;
-            if (!mouseScrollTimeout) {
-              startMouseScroll(evnt2);
-            }
-          } else if (mouseScrollTimeout) {
-            stopMouseScroll();
-          }
-          handleChecked(evnt2);
-        };
-        document.onmouseup = (evnt2) => {
-          stopMouseScroll();
-          removeClass(el, "drag--range");
-          checkboxRangeElem.removeAttribute("style");
-          document.onmousemove = null;
-          document.onmouseup = null;
-          triggerEvent("end", evnt2);
-        };
-        triggerEvent("start", evnt);
-      }
-    };
-    const handleCellMousedownEvent = (evnt, params) => {
-      const { editConfig, checkboxConfig, mouseConfig } = props;
-      const checkboxOpts = computeCheckboxOpts.value;
-      const mouseOpts = computeMouseOpts.value;
-      const editOpts = computeEditOpts.value;
-      if (mouseConfig && mouseOpts.area && $xeTable.triggerCellAreaModnEvent) {
-        return $xeTable.triggerCellAreaModnEvent(evnt, params);
-      } else {
-        if (checkboxConfig && checkboxOpts.range) {
-          handleCheckboxRangeEvent(evnt, params);
-        }
-        if (mouseConfig && mouseOpts.selected) {
-          if (!editConfig || editOpts.mode === "cell") {
-            $xeTable.handleSelected(params, evnt);
-          }
-        }
-      }
-    };
-    const handleMoveSelected = (evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow) => {
-      const { afterFullData, visibleColumn } = internalData;
-      const params = Object.assign({}, args);
-      const _rowIndex = $xeTable.getVTRowIndex(params.row);
-      const _columnIndex = $xeTable.getVTColumnIndex(params.column);
-      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];
-      }
-      $xeTable.scrollToRow(params.row, params.column).then(() => {
-        params.cell = $xeTable.getCellElement(params.row, params.column);
-        $xeTable.handleSelected(params, evnt);
-      });
-      return params;
-    };
-    const keyboardMethods = {
-      // 处理 Tab 键移动
-      moveTabSelected(args, isLeft, evnt) {
-        const { editConfig } = props;
-        const { afterFullData, visibleColumn } = internalData;
-        const editOpts = computeEditOpts.value;
-        const rowOpts = computeRowOpts.value;
-        const currentRowOpts = computeCurrentRowOpts.value;
-        const columnOpts = computeColumnOpts.value;
-        const currentColumnOpts = computeCurrentColumnOpts.value;
-        let targetRow;
-        let targetRowIndex;
-        let targetColumnIndex;
-        const params = Object.assign({}, args);
-        const _rowIndex = $xeTable.getVTRowIndex(params.row);
-        const _columnIndex = $xeTable.getVTColumnIndex(params.column);
-        evnt.preventDefault();
-        if (isLeft) {
-          if (_columnIndex <= 0) {
-            if (_rowIndex > 0) {
-              targetRowIndex = _rowIndex - 1;
-              targetRow = afterFullData[targetRowIndex];
-              targetColumnIndex = visibleColumn.length - 1;
-            }
-          } else {
-            targetColumnIndex = _columnIndex - 1;
-          }
-        } else {
-          if (_columnIndex >= visibleColumn.length - 1) {
-            if (_rowIndex < afterFullData.length - 1) {
-              targetRowIndex = _rowIndex + 1;
-              targetRow = afterFullData[targetRowIndex];
-              targetColumnIndex = 0;
-            }
-          } else {
-            targetColumnIndex = _columnIndex + 1;
-          }
-        }
-        const targetColumn = visibleColumn[targetColumnIndex];
-        if (targetColumn) {
-          if (targetRow) {
-            params.rowIndex = targetRowIndex;
-            params.row = targetRow;
-          } else {
-            params.rowIndex = _rowIndex;
-          }
-          params.columnIndex = targetColumnIndex;
-          params.column = targetColumn;
-          params.cell = $xeTable.getCellElement(params.row, params.column);
-          if (rowOpts.isCurrent && currentRowOpts.isFollowSelected) {
-            $xeTable.triggerCurrentRowEvent(evnt, params);
-          }
-          if (columnOpts.isCurrent && currentColumnOpts.isFollowSelected) {
-            $xeTable.triggerCurrentColumnEvent(evnt, params);
-          }
-          if (editConfig) {
-            if (editOpts.trigger === "click" || editOpts.trigger === "dblclick") {
-              if (editOpts.mode === "row") {
-                $xeTable.handleEdit(params, evnt);
-              } else {
-                $xeTable.scrollToRow(params.row, params.column).then(() => {
-                  $xeTable.handleSelected(params, evnt);
-                });
-              }
-            }
-          } else {
-            $xeTable.scrollToRow(params.row, params.column).then(() => {
-              $xeTable.handleSelected(params, evnt);
-            });
-          }
-        }
-      },
-      // 处理当前行方向键移动
-      moveCurrentRow(isUpArrow, isDwArrow, evnt) {
-        const { treeConfig } = props;
-        const { currentRow } = reactData;
-        const { afterFullData } = internalData;
-        const treeOpts = computeTreeOpts.value;
-        const childrenField = treeOpts.children || treeOpts.childrenField;
-        let targetRow;
-        if (currentRow) {
-          if (treeConfig) {
-            const { index, items } = XEUtils.findTree(afterFullData, (item) => item === currentRow, { children: childrenField });
-            if (isUpArrow && index > 0) {
-              targetRow = items[index - 1];
-            } else if (isDwArrow && index < items.length - 1) {
-              targetRow = items[index + 1];
-            }
-          } else {
-            const _rowIndex = $xeTable.getVTRowIndex(currentRow);
-            if (isUpArrow && _rowIndex > 0) {
-              targetRow = afterFullData[_rowIndex - 1];
-            } else if (isDwArrow && _rowIndex < afterFullData.length - 1) {
-              targetRow = afterFullData[_rowIndex + 1];
-            }
-          }
-        } else {
-          targetRow = afterFullData[0];
-        }
-        if (targetRow) {
-          evnt.preventDefault();
-          const params = {
-            $table: $xeTable,
-            row: targetRow,
-            rowIndex: $xeTable.getRowIndex(targetRow),
-            $rowIndex: $xeTable.getVMRowIndex(targetRow)
-          };
-          $xeTable.scrollToRow(targetRow).then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
-        }
-      },
-      // 处理当前列方向键移动
-      moveCurrentColumn(isLeftArrow, isRightArrow, evnt) {
-        const { currentColumn } = reactData;
-        const { visibleColumn } = internalData;
-        let targetCol = null;
-        if (currentColumn) {
-          const _columnIndex = $xeTable.getVTColumnIndex(currentColumn);
-          if (isLeftArrow && _columnIndex > 0) {
-            targetCol = visibleColumn[_columnIndex - 1];
-          } else if (isRightArrow && _columnIndex < visibleColumn.length - 1) {
-            targetCol = visibleColumn[_columnIndex + 1];
-          }
-        } else {
-          targetCol = visibleColumn[0];
-        }
-        if (targetCol) {
-          evnt.preventDefault();
-          const params = {
-            $table: $xeTable,
-            column: targetCol,
-            columnIndex: $xeTable.getColumnIndex(targetCol),
-            $columnIndex: $xeTable.getVMColumnIndex(targetCol)
-          };
-          $xeTable.scrollToColumn(targetCol).then(() => $xeTable.triggerCurrentColumnEvent(evnt, params));
-        }
-      },
-      // 处理可编辑方向键移动
-      moveArrowSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
-        const { highlightCurrentRow, highlightCurrentColumn } = props;
-        const rowOpts = computeRowOpts.value;
-        const currentRowOpts = computeCurrentRowOpts.value;
-        const columnOpts = computeColumnOpts.value;
-        const currentColumnOpts = computeCurrentColumnOpts.value;
-        const params = handleMoveSelected(evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow);
-        if (rowOpts.isCurrent || highlightCurrentRow) {
-          if (currentRowOpts.isFollowSelected) {
-            $xeTable.triggerCurrentRowEvent(evnt, params);
-          } else {
-            if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
-              $xeTable.moveCurrentRow(isUpArrow, isDwArrow, evnt);
-            }
-          }
-        }
-        if (columnOpts.isCurrent || highlightCurrentColumn) {
-          if (currentColumnOpts.isFollowSelected) {
-            $xeTable.triggerCurrentColumnEvent(evnt, params);
-          } else {
-            if ((isLeftArrow || isRightArrow) && (columnOpts.isCurrent || highlightCurrentColumn)) {
-              $xeTable.moveCurrentColumn(isLeftArrow, isRightArrow, evnt);
-            }
-          }
-        }
-      },
-      moveEnterSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
-        const { highlightCurrentRow, highlightCurrentColumn } = props;
-        const rowOpts = computeRowOpts.value;
-        const currentRowOpts = computeCurrentRowOpts.value;
-        const columnOpts = computeColumnOpts.value;
-        const currentColumnOpts = computeCurrentColumnOpts.value;
-        const params = handleMoveSelected(evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow);
-        if ((rowOpts.isCurrent || highlightCurrentRow) && currentRowOpts.isFollowSelected) {
-          $xeTable.triggerCurrentRowEvent(evnt, params);
-        }
-        if ((columnOpts.isCurrent || highlightCurrentColumn) && currentColumnOpts.isFollowSelected) {
-          $xeTable.triggerCurrentColumnEvent(evnt, params);
-        }
-      },
-      // 已废弃，待删除
-      moveSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
-        handleMoveSelected(evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow);
-      },
-      handleCellMousedownEvent
-    };
-    return keyboardMethods;
-  }
-});