vxe-table 4.16.16 → 4.16.17

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

@@ -1,579 +0,0 @@
-"use strict";
-
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _ui = require("../../../ui");
-var _util = require("../../src/util");
-var _dom = require("../../../ui/src/dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  hooks
-} = _ui.VxeUI;
-const browseObj = _xeUtils.default.browse();
-function getTargetOffset(target, container) {
-  let offsetTop = 0;
-  let offsetLeft = 0;
-  const triggerCheckboxLabel = !browseObj.firefox && (0, _dom.hasClass)(target, 'vxe-checkbox--label');
-  if (triggerCheckboxLabel) {
-    const checkboxLabelStyle = getComputedStyle(target);
-    offsetTop -= _xeUtils.default.toNumber(checkboxLabelStyle.paddingTop);
-    offsetLeft -= _xeUtils.default.toNumber(checkboxLabelStyle.paddingLeft);
-  }
-  while (target && target !== container) {
-    offsetTop += target.offsetTop;
-    offsetLeft += target.offsetLeft;
-    target = target.offsetParent;
-    if (triggerCheckboxLabel) {
-      const checkboxStyle = getComputedStyle(target);
-      offsetTop -= _xeUtils.default.toNumber(checkboxStyle.paddingTop);
-      offsetLeft -= _xeUtils.default.toNumber(checkboxStyle.paddingLeft);
-    }
-  }
-  return {
-    offsetTop,
-    offsetLeft
-  };
-}
-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 = (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') {
-        let bodyWrapperElem = bodyScrollElem;
-        if (leftScrollElem && column.fixed === 'left') {
-          bodyWrapperElem = leftScrollElem;
-        } else if (rightScrollElem && column.fixed === 'right') {
-          bodyWrapperElem = rightScrollElem;
-        }
-        if (!bodyWrapperElem) {
-          return;
-        }
-        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 offsetRest = getTargetOffset(evnt.target, bodyWrapperElem);
-        const startTop = offsetRest.offsetTop + evnt.offsetY;
-        const startLeft = offsetRest.offsetLeft + evnt.offsetX;
-        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, evnt) => {
-          $xeTable.dispatchEvent(`checkbox-range-${type}`, {
-            records: () => $xeTable.getCheckboxRecords(),
-            reserves: () => $xeTable.getCheckboxReserveRecords()
-          }, evnt);
-        };
-        const handleChecked = evnt => {
-          const {
-            clientX,
-            clientY
-          } = evnt;
-          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(evnt, params, trElem, trRect, offsetClientTop, offsetTop < marginSize ? -rangeHeight : rangeHeight);
-          // 至少滑动 10px 才能有效匹配
-          if (rangeHeight > 10 && rangeRows.length !== lastRangeRows.length) {
-            const isControlKey = (0, _dom.hasControlKey)(evnt);
-            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', evnt);
-          }
-        };
-        // 停止鼠标滚动
-        const stopMouseScroll = () => {
-          clearTimeout(mouseScrollTimeout);
-          mouseScrollTimeout = null;
-        };
-        // 开始鼠标滚动
-        const startMouseScroll = evnt => {
-          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(evnt);
-                  handleChecked(evnt);
-                } else {
-                  stopMouseScroll();
-                }
-              } else {
-                if (scrollTop) {
-                  $xeTable.scrollTo(scrollLeft, scrollTop - topSize);
-                  startMouseScroll(evnt);
-                  handleChecked(evnt);
-                } else {
-                  stopMouseScroll();
-                }
-              }
-            }
-          }, 50);
-        };
-        (0, _dom.addClass)(el, 'drag--range');
-        document.onmousemove = evnt => {
-          evnt.preventDefault();
-          evnt.stopPropagation();
-          const {
-            clientY
-          } = evnt;
-          const {
-            boundingTop
-          } = (0, _dom.getAbsolutePos)(bodyWrapperElem);
-          // 如果超过可视区，触发滚动
-          if (clientY < boundingTop) {
-            isMouseScrollDown = false;
-            mouseScrollSpaceSize = boundingTop - clientY;
-            if (!mouseScrollTimeout) {
-              startMouseScroll(evnt);
-            }
-          } else if (clientY > boundingTop + bodyWrapperElem.clientHeight) {
-            isMouseScrollDown = true;
-            mouseScrollSpaceSize = clientY - boundingTop - bodyWrapperElem.clientHeight;
-            if (!mouseScrollTimeout) {
-              startMouseScroll(evnt);
-            }
-          } else if (mouseScrollTimeout) {
-            stopMouseScroll();
-          }
-          handleChecked(evnt);
-        };
-        document.onmouseup = evnt => {
-          stopMouseScroll();
-          (0, _dom.removeClass)(el, 'drag--range');
-          checkboxRangeElem.removeAttribute('style');
-          document.onmousemove = null;
-          document.onmouseup = null;
-          triggerEvent('end', evnt);
-        };
-        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.default.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;
-  }
-});

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

@@ -1 +0,0 @@
-var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_util=require("../../src/util"),_dom=require("../../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let hooks=_ui.VxeUI.hooks,browseObj=_xeUtils.default.browse();function getTargetOffset(e,t){let l=0,o=0;var r,n,u=!browseObj.firefox&&(0,_dom.hasClass)(e,"vxe-checkbox--label");for(u&&(r=getComputedStyle(e),l-=_xeUtils.default.toNumber(r.paddingTop),o-=_xeUtils.default.toNumber(r.paddingLeft));e&&e!==t;)l+=e.offsetTop,o+=e.offsetLeft,e=e.offsetParent,u&&(n=getComputedStyle(e),l-=_xeUtils.default.toNumber(n.paddingTop),o-=_xeUtils.default.toNumber(n.paddingLeft));return{offsetTop:l,offsetLeft:o}}hooks.add("tableKeyboardModule",{setupTable(k){let{props:M,reactData:y,internalData:O}=k,D=k.getRefMaps().refElem,{computeEditOpts:v,computeCheckboxOpts:a,computeMouseOpts:s,computeTreeOpts:c,computeRowOpts:F,computeColumnOpts:C,computeCellOpts:H,computeDefaultRowHeight:V,computeCurrentRowOpts:p,computeCurrentColumnOpts:w}=k.getComputeMaps();let d=(e,S)=>{var t=O.elemStore,l=(0,_util.getRefElem)(t["main-body-scroll"]),o=(0,_util.getRefElem)(t["left-body-scroll"]),t=(0,_util.getRefElem)(t["right-body-scroll"]),{column:r,cell:n}=S;if("checkbox"===r.type){let _=l;if(o&&"left"===r.fixed?_=o:t&&"right"===r.fixed&&(_=t),_){let t=D.value,i=e.clientX,a=e.clientY,s=_.querySelector(".vxe-table--checkbox-range"),c=n.parentElement,d=k.getCheckboxRecords(),g=[],h=1;l=getTargetOffset(e.target,_);let m=l.offsetTop+e.offsetY,f=l.offsetLeft+e.offsetX,v=_.scrollTop,u=c.offsetHeight,C=c.getBoundingClientRect(),p=a-C.y,w=null,x=!1,b=1,R=(e,t)=>{k.dispatchEvent("checkbox-range-"+e,{records:()=>k.getCheckboxRecords(),reserves:()=>k.getCheckboxReserveRecords()},t)},T=e=>{var{clientX:t,clientY:l}=e,t=t-i,l=l-a+(_.scrollTop-v);let o=Math.abs(l),r=Math.abs(t),n=m,u=f;l<h?(n+=l)<h&&(n=h,o=m):o=Math.min(o,_.scrollHeight-m-h),t<h?(u+=t,r>f&&(u=h,r=f)):r=Math.min(r,_.clientWidth-f-h),s.style.height=o+"px",s.style.width=r+"px",s.style.left=u+"px",s.style.top=n+"px",s.style.display="block";t=((e,t,l,o,r)=>{var n=M.showOverflow,{fullAllDataRowIdData:u,isResizeCellHeight:i}=O,a=F.value,s=H.value,c=V.value,e=e.row;let d=0,g=[],h=0;var m=0<r,f=y.scrollYLoad,v=O.afterFullData;if(h=m?o+r:l.height-o+Math.abs(r),f){l=k.getVTRowIndex(e);if(!(i||s.height||a.height)&&n)g=m?v.slice(l,l+Math.ceil(h/c)):v.slice(l-Math.floor(h/c),l+1);else if(m)for(let e=l;e<v.length;e++){var C=v[e],p=u[k.getRowid(C)]||{};if(d+=p.resizeHeight||s.height||a.height||p.height||c,g.push(C),d>h)return g}else for(let e=l;0<=e;e--){var w=v[e],x=u[k.getRowid(w)]||{};if(d+=x.resizeHeight||s.height||a.height||x.height||c,g.push(w),d>h)return g}}else for(var b=m?"next":"previous";t&&d<h;){var R=k.getRowNode(t);R&&(g.push(R.item),d+=t.offsetHeight,t=t[b+"ElementSibling"])}return g})(S,c,C,p,l<h?-o:o);10<o&&t.length!==g.length&&(l=(0,_dom.hasControlKey)(e),g=t,l?t.forEach(e=>{k.handleBatchSelectRows([e],-1===d.indexOf(e))}):(k.setAllCheckboxRow(!1),k.handleCheckedCheckboxRow(t,!0,!1)),R("change",e))},I=()=>{clearTimeout(w),w=null},E=n=>{I(),w=setTimeout(()=>{var e,t,l,o,r;w&&({scrollLeft:e,scrollTop:t,clientHeight:l,scrollHeight:o}=_,r=Math.ceil(50*b/u),x?t+l<o?(k.scrollTo(e,t+r),E(n),T(n)):I():t?(k.scrollTo(e,t-r),E(n),T(n)):I())},50)};(0,_dom.addClass)(t,"drag--range"),document.onmousemove=e=>{e.preventDefault(),e.stopPropagation();var t=e.clientY,l=(0,_dom.getAbsolutePos)(_).boundingTop;t<l?(x=!1,b=l-t,w||E(e)):t>l+_.clientHeight?(x=!0,b=t-l-_.clientHeight,w||E(e)):w&&I(),T(e)},document.onmouseup=e=>{I(),(0,_dom.removeClass)(t,"drag--range"),s.removeAttribute("style"),document.onmousemove=null,document.onmouseup=null,R("end",e)},R("start",e)}}};let g=(e,t,l,o,r,n)=>{var{afterFullData:u,visibleColumn:i}=O;let a=Object.assign({},t);var t=k.getVTRowIndex(a.row),s=k.getVTColumnIndex(a.column);return e.preventDefault(),o&&0<t?(a.rowIndex=t-1,a.row=u[a.rowIndex]):n&&t<u.length-1?(a.rowIndex=t+1,a.row=u[a.rowIndex]):l&&s?(a.columnIndex=s-1,a.column=i[a.columnIndex]):r&&s<i.length-1&&(a.columnIndex=s+1,a.column=i[a.columnIndex]),k.scrollToRow(a.row,a.column).then(()=>{a.cell=k.getCellElement(a.row,a.column),k.handleSelected(a,e)}),a};return{moveTabSelected(e,t,l){var o=M.editConfig,{afterFullData:r,visibleColumn:n}=O,u=v.value,i=F.value,a=p.value,s=C.value,c=w.value;let d,g,h,m=Object.assign({},e);var e=k.getVTRowIndex(m.row),f=k.getVTColumnIndex(m.column),t=(l.preventDefault(),t?f<=0?0<e&&(g=e-1,d=r[g],h=n.length-1):h=f-1:f>=n.length-1?e<r.length-1&&(g=e+1,d=r[g],h=0):h=f+1,n[h]);t&&(d?(m.rowIndex=g,m.row=d):m.rowIndex=e,m.columnIndex=h,m.column=t,m.cell=k.getCellElement(m.row,m.column),i.isCurrent&&a.isFollowSelected&&k.triggerCurrentRowEvent(l,m),s.isCurrent&&c.isFollowSelected&&k.triggerCurrentColumnEvent(l,m),o?"click"!==u.trigger&&"dblclick"!==u.trigger||("row"===u.mode?k.handleEdit(m,l):k.scrollToRow(m.row,m.column).then(()=>{k.handleSelected(m,l)})):k.scrollToRow(m.row,m.column).then(()=>{k.handleSelected(m,l)}))},moveCurrentRow(e,t,l){var o=M.treeConfig;let r=y.currentRow;var n=O.afterFullData,u=c.value,u=u.children||u.childrenField;let i;if(r?o?({index:o,items:u}=_xeUtils.default.findTree(n,e=>e===r,{children:u}),e&&0<o?i=u[o-1]:t&&o<u.length-1&&(i=u[o+1])):(u=k.getVTRowIndex(r),e&&0<u?i=n[u-1]:t&&u<n.length-1&&(i=n[u+1])):i=n[0],i){l.preventDefault();let e={$table:k,row:i,rowIndex:k.getRowIndex(i),$rowIndex:k.getVMRowIndex(i)};k.scrollToRow(i).then(()=>k.triggerCurrentRowEvent(l,e))}},moveCurrentColumn(e,t,l){var o=y.currentColumn,r=O.visibleColumn;let n=null;if(o?(o=k.getVTColumnIndex(o),e&&0<o?n=r[o-1]:t&&o<r.length-1&&(n=r[o+1])):n=r[0],n){l.preventDefault();let e={$table:k,column:n,columnIndex:k.getColumnIndex(n),$columnIndex:k.getVMColumnIndex(n)};k.scrollToColumn(n).then(()=>k.triggerCurrentColumnEvent(l,e))}},moveArrowSelected(e,t,l,o,r,n){var{highlightCurrentRow:u,highlightCurrentColumn:i}=M,a=F.value,s=p.value,c=C.value,d=w.value,e=g(n,e,t,l,o,r);(a.isCurrent||u)&&(s.isFollowSelected?k.triggerCurrentRowEvent(n,e):(l||r)&&(a.isCurrent||u)&&k.moveCurrentRow(l,r,n)),(c.isCurrent||i)&&(d.isFollowSelected?k.triggerCurrentColumnEvent(n,e):(t||o)&&(c.isCurrent||i)&&k.moveCurrentColumn(t,o,n))},moveEnterSelected(e,t,l,o,r,n){var{highlightCurrentRow:u,highlightCurrentColumn:i}=M,a=F.value,s=p.value,c=C.value,d=w.value,e=g(n,e,t,l,o,r);(a.isCurrent||u)&&s.isFollowSelected&&k.triggerCurrentRowEvent(n,e),(c.isCurrent||i)&&d.isFollowSelected&&k.triggerCurrentColumnEvent(n,e)},moveSelected(e,t,l,o,r,n){g(n,e,t,l,o,r)},handleCellMousedownEvent:(e,t)=>{var{editConfig:l,checkboxConfig:o,mouseConfig:r}=M,n=a.value,u=s.value,i=v.value;if(r&&u.area&&k.triggerCellAreaModnEvent)return k.triggerCellAreaModnEvent(e,t);o&&n.range&&d(e,t),r&&u.selected&&(l&&"cell"!==i.mode||k.handleSelected(t,e))}}}});