vxe-table 4.16.17 → 4.16.19

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

@@ -0,0 +1,579 @@
+"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

@@ -0,0 +1 @@
+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))}}}});