vxe-table 3.8.23 → 3.9.0-rc.0

package/lib/table/module/filter/panel.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("../../../ui");
+var _utils = require("../../../ui/src/utils");
+var _vn = require("../../../ui/src/vn");
+var getI18n = _ui.VxeUI.getI18n,
+  getIcon = _ui.VxeUI.getIcon,
+  renderer = _ui.VxeUI.renderer;
+var _default = exports.default = {
+  name: 'VxeTableFilterPanel',
+  props: {
+    filterStore: Object
+  },
+  computed: {
+    hasCheckOption: function hasCheckOption() {
+      var filterStore = this.filterStore;
+      return filterStore && filterStore.options.some(function (option) {
+        return option.checked;
+      });
+    }
+  },
+  render: function render(h) {
+    var $xetable = this.$parent,
+      filterStore = this.filterStore;
+    var args = filterStore.args,
+      column = filterStore.column;
+    var filterRender = column ? column.filterRender : null;
+    var compConf = (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
+    var filterClassName = compConf ? compConf.tableFilterClassName || compConf.filterClassName : '';
+    return h('div', {
+      class: ['vxe-table--filter-wrapper', 'filter--prevent-default', compConf && compConf.className ? compConf.className : '', (0, _utils.getClass)(filterClassName, Object.assign({
+        $panel: this,
+        $table: $xetable
+      }, args)), {
+        'is--animat': $xetable.animat,
+        'is--multiple': filterStore.multiple,
+        'is--active': filterStore.visible
+      }],
+      style: filterStore.style
+    }, filterStore.visible && column ? this.renderOptions(h, filterRender, compConf).concat(this.renderFooter(h)) : []);
+  },
+  methods: {
+    renderOptions: function renderOptions(h, filterRender, compConf) {
+      var _this = this;
+      var $xetable = this.$parent,
+        filterStore = this.filterStore;
+      var args = filterStore.args,
+        column = filterStore.column,
+        multiple = filterStore.multiple,
+        maxHeight = filterStore.maxHeight;
+      var slots = column ? column.slots : null;
+      var rtFilter = compConf ? compConf.renderTableFilter || compConf.renderFilter : null;
+      if (slots && slots.filter) {
+        return [h('div', {
+          class: 'vxe-table--filter-template'
+        }, $xetable.callSlot(slots.filter, Object.assign({
+          $panel: this,
+          context: this
+        }, args), h))];
+      } else if (rtFilter) {
+        return [h('div', {
+          class: 'vxe-table--filter-template'
+        }, (0, _vn.getSlotVNs)(rtFilter.call($xetable, h, filterRender, Object.assign({
+          $panel: this,
+          context: this
+        }, args))))];
+      }
+      var isAllChecked = multiple ? filterStore.isAllSelected : !filterStore.options.some(function (item) {
+        return item._checked;
+      });
+      var isAllIndeterminate = multiple && filterStore.isIndeterminate;
+      return [h('ul', {
+        class: 'vxe-table--filter-header'
+      }, [h('li', {
+        class: ['vxe-table--filter-option', {
+          'is--checked': isAllChecked,
+          'is--indeterminate': isAllIndeterminate
+        }],
+        attrs: {
+          title: getI18n(multiple ? 'vxe.table.allTitle' : 'vxe.table.allFilter')
+        },
+        on: {
+          click: function click(evnt) {
+            _this.changeAllOption(evnt, !filterStore.isAllSelected);
+          }
+        }
+      }, (multiple ? [h('span', {
+        class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+      })] : []).concat([h('span', {
+        class: 'vxe-checkbox--label'
+      }, getI18n('vxe.table.allFilter'))]))]), h('ul', {
+        class: 'vxe-table--filter-body',
+        style: maxHeight ? {
+          maxHeight: "".concat(maxHeight, "px")
+        } : {}
+      }, filterStore.options.map(function (item) {
+        var isChecked = item._checked;
+        var isIndeterminate = false;
+        return h('li', {
+          class: ['vxe-table--filter-option', {
+            'is--checked': isChecked
+          }],
+          attrs: {
+            title: item.label
+          },
+          on: {
+            click: function click(evnt) {
+              _this.changeOption(evnt, !item._checked, item);
+            }
+          }
+        }, (multiple ? [h('span', {
+          class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+        })] : []).concat([h('span', {
+          class: 'vxe-checkbox--label'
+        }, (0, _utils.formatText)(item.label, 1))]));
+      }))];
+    },
+    renderFooter: function renderFooter(h) {
+      var $xetable = this.$parent,
+        hasCheckOption = this.hasCheckOption,
+        filterStore = this.filterStore;
+      var filterOpts = $xetable.filterOpts;
+      var column = filterStore.column,
+        multiple = filterStore.multiple;
+      var filterRender = column.filterRender;
+      var compConf = (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
+      var isDisabled = !hasCheckOption && !filterStore.isAllSelected && !filterStore.isIndeterminate;
+      return multiple && (compConf ? !(compConf.showTableFilterFooter === false || compConf.showFilterFooter === false || compConf.isFooter === false) : true) ? [h('div', {
+        class: 'vxe-table--filter-footer'
+      }, [h('button', {
+        class: {
+          'is--disabled': isDisabled
+        },
+        attrs: {
+          disabled: isDisabled
+        },
+        on: {
+          click: this.confirmFilter
+        }
+      }, filterOpts.confirmButtonText || getI18n('vxe.table.confirmFilter')), h('button', {
+        on: {
+          click: this.resetFilter
+        }
+      }, filterOpts.resetButtonText || getI18n('vxe.table.resetFilter'))])] : [];
+    },
+    // 全部筛选事件
+    filterCheckAllEvent: function filterCheckAllEvent(evnt, value) {
+      var filterStore = this.filterStore;
+      filterStore.options.forEach(function (option) {
+        option._checked = value;
+        option.checked = value;
+      });
+      filterStore.isAllSelected = value;
+      filterStore.isIndeterminate = false;
+    },
+    /*************************
+     * Publish methods
+     *************************/
+    // （单选）筛选发生改变
+    changeRadioOption: function changeRadioOption(evnt, checked, item) {
+      var $xetable = this.$parent,
+        filterStore = this.filterStore;
+      filterStore.options.forEach(function (option) {
+        option._checked = false;
+      });
+      item._checked = checked;
+      $xetable.checkFilterOptions();
+      this.confirmFilter(evnt);
+    },
+    // （多选）筛选发生改变
+    changeMultipleOption: function changeMultipleOption(evnt, checked, item) {
+      var $xetable = this.$parent;
+      item._checked = checked;
+      $xetable.checkFilterOptions();
+    },
+    changeAllOption: function changeAllOption(evnt, checked) {
+      if (this.filterStore.multiple) {
+        this.filterCheckAllEvent(evnt, checked);
+      } else {
+        this.resetFilter(evnt);
+      }
+    },
+    // 筛选发生改变
+    changeOption: function changeOption(evnt, checked, item) {
+      if (this.filterStore.multiple) {
+        this.changeMultipleOption(evnt, checked, item);
+      } else {
+        this.changeRadioOption(evnt, checked, item);
+      }
+    },
+    // 确认筛选
+    confirmFilter: function confirmFilter(evnt) {
+      var $xetable = this.$parent,
+        filterStore = this.filterStore;
+      filterStore.options.forEach(function (option) {
+        option.checked = option._checked;
+      });
+      $xetable.confirmFilterEvent(evnt);
+    },
+    // 重置筛选
+    resetFilter: function resetFilter(evnt) {
+      var $xetable = this.$parent;
+      $xetable.resetFilterEvent(evnt);
+    }
+    /*************************
+     * Publish methods
+     *************************/
+  }
+};

package/lib/table/module/filter/panel.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn"),getI18n=_ui.VxeUI.getI18n,getIcon=_ui.VxeUI.getIcon,renderer=_ui.VxeUI.renderer,_default=exports.default={name:"VxeTableFilterPanel",props:{filterStore:Object},computed:{hasCheckOption:function(){var e=this.filterStore;return e&&e.options.some(function(e){return e.checked})}},render:function(e){var t=this.$parent,i=this.filterStore,l=i.args,n=i.column,r=n?n.filterRender:null,s=(0,_utils.isEnableConf)(r)?renderer.get(r.name):null,c=s?s.tableFilterClassName||s.filterClassName:"";return e("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",s&&s.className?s.className:"",(0,_utils.getClass)(c,Object.assign({$panel:this,$table:t},l)),{"is--animat":t.animat,"is--multiple":i.multiple,"is--active":i.visible}],style:i.style},i.visible&&n?this.renderOptions(e,r,s).concat(this.renderFooter(e)):[])},methods:{renderOptions:function(i,e,t){var l=this,n=this.$parent,r=this.filterStore,s=r.args,c=r.column,o=r.multiple,a=r.maxHeight,c=c?c.slots:null,t=t?t.renderTableFilter||t.renderFilter:null;return c&&c.filter?[i("div",{class:"vxe-table--filter-template"},n.callSlot(c.filter,Object.assign({$panel:this,context:this},s),i))]:t?[i("div",{class:"vxe-table--filter-template"},(0,_vn.getSlotVNs)(t.call(n,i,e,Object.assign({$panel:this,context:this},s))))]:(c=o?r.isAllSelected:!r.options.some(function(e){return e._checked}),t=o&&r.isIndeterminate,[i("ul",{class:"vxe-table--filter-header"},[i("li",{class:["vxe-table--filter-option",{"is--checked":c,"is--indeterminate":t}],attrs:{title:getI18n(o?"vxe.table.allTitle":"vxe.table.allFilter")},on:{click:function(e){l.changeAllOption(e,!r.isAllSelected)}}},(o?[i("span",{class:["vxe-checkbox--icon",t?getIcon().TABLE_CHECKBOX_INDETERMINATE:c?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([i("span",{class:"vxe-checkbox--label"},getI18n("vxe.table.allFilter"))]))]),i("ul",{class:"vxe-table--filter-body",style:a?{maxHeight:"".concat(a,"px")}:{}},r.options.map(function(t){var e=t._checked;return i("li",{class:["vxe-table--filter-option",{"is--checked":e}],attrs:{title:t.label},on:{click:function(e){l.changeOption(e,!t._checked,t)}}},(o?[i("span",{class:["vxe-checkbox--icon",e?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([i("span",{class:"vxe-checkbox--label"},(0,_utils.formatText)(t.label,1))]))}))])},renderFooter:function(e){var t=this.$parent,i=this.hasCheckOption,l=this.filterStore,t=t.filterOpts,n=l.column,r=l.multiple,n=n.filterRender,n=(0,_utils.isEnableConf)(n)?renderer.get(n.name):null,i=!i&&!l.isAllSelected&&!l.isIndeterminate;return r&&(!n||!1!==n.showTableFilterFooter&&!1!==n.showFilterFooter&&!1!==n.isFooter)?[e("div",{class:"vxe-table--filter-footer"},[e("button",{class:{"is--disabled":i},attrs:{disabled:i},on:{click:this.confirmFilter}},t.confirmButtonText||getI18n("vxe.table.confirmFilter")),e("button",{on:{click:this.resetFilter}},t.resetButtonText||getI18n("vxe.table.resetFilter"))])]:[]},filterCheckAllEvent:function(e,t){var i=this.filterStore;i.options.forEach(function(e){e._checked=t,e.checked=t}),i.isAllSelected=t,i.isIndeterminate=!1},changeRadioOption:function(e,t,i){var l=this.$parent;this.filterStore.options.forEach(function(e){e._checked=!1}),i._checked=t,l.checkFilterOptions(),this.confirmFilter(e)},changeMultipleOption:function(e,t,i){var l=this.$parent;i._checked=t,l.checkFilterOptions()},changeAllOption:function(e,t){this.filterStore.multiple?this.filterCheckAllEvent(e,t):this.resetFilter(e)},changeOption:function(e,t,i){this.filterStore.multiple?this.changeMultipleOption(e,t,i):this.changeRadioOption(e,t,i)},confirmFilter:function(e){var t=this.$parent;this.filterStore.options.forEach(function(e){e.checked=e._checked}),t.confirmFilterEvent(e)},resetFilter:function(e){this.$parent.resetFilterEvent(e)}}};

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

@@ -0,0 +1,410 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _dom = require("../../../ui/src/dom");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getTargetOffset(target, container) {
+  var offsetTop = 0;
+  var offsetLeft = 0;
+  var triggerCheckboxLabel = !_dom.browse.firefox && (0, _dom.hasClass)(target, 'vxe-checkbox--label');
+  if (triggerCheckboxLabel) {
+    var 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) {
+      var checkboxStyle = getComputedStyle(target);
+      offsetTop -= _xeUtils.default.toNumber(checkboxStyle.paddingTop);
+      offsetLeft -= _xeUtils.default.toNumber(checkboxStyle.paddingLeft);
+    }
+  }
+  return {
+    offsetTop: offsetTop,
+    offsetLeft: offsetLeft
+  };
+}
+function getCheckboxRangeRows(_vm, params, targetTrElem, moveRange) {
+  var countHeight = 0;
+  var rangeRows = [];
+  var isDown = moveRange > 0;
+  var moveSize = moveRange > 0 ? moveRange : Math.abs(moveRange) + targetTrElem.offsetHeight;
+  var afterFullData = _vm.afterFullData,
+    scrollYStore = _vm.scrollYStore,
+    scrollYLoad = _vm.scrollYLoad;
+  if (scrollYLoad) {
+    var _rowIndex = _vm.getVTRowIndex(params.row);
+    if (isDown) {
+      rangeRows = afterFullData.slice(_rowIndex, _rowIndex + Math.ceil(moveSize / scrollYStore.rowHeight));
+    } else {
+      rangeRows = afterFullData.slice(_rowIndex - Math.floor(moveSize / scrollYStore.rowHeight) + 1, _rowIndex + 1);
+    }
+  } else {
+    var siblingProp = isDown ? 'next' : 'previous';
+    while (targetTrElem && countHeight < moveSize) {
+      rangeRows.push(_vm.getRowNode(targetTrElem).item);
+      countHeight += targetTrElem.offsetHeight;
+      targetTrElem = targetTrElem["".concat(siblingProp, "ElementSibling")];
+    }
+  }
+  return rangeRows;
+}
+var _default = exports.default = {
+  methods: {
+    // 处理 Tab 键移动
+    moveTabSelected: function moveTabSelected(args, isLeft, evnt) {
+      var _this = this;
+      var afterFullData = this.afterFullData,
+        visibleColumn = this.visibleColumn,
+        editConfig = this.editConfig,
+        editOpts = this.editOpts;
+      var targetRow;
+      var targetRowIndex;
+      var targetColumnIndex;
+      var params = Object.assign({}, args);
+      var _rowIndex = this.getVTRowIndex(params.row);
+      var _columnIndex = this.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;
+        }
+      }
+      var 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 = this.getCellElement(params.row, params.column);
+        if (editConfig) {
+          if (editOpts.trigger === 'click' || editOpts.trigger === 'dblclick') {
+            if (editOpts.mode === 'row') {
+              this.handleEdit(params, evnt);
+            } else {
+              this.scrollToRow(params.row, params.column).then(function () {
+                return _this.handleSelected(params, evnt);
+              });
+            }
+          }
+        } else {
+          this.scrollToRow(params.row, params.column).then(function () {
+            return _this.handleSelected(params, evnt);
+          });
+        }
+      }
+    },
+    // 处理当前行方向键移动
+    moveCurrentRow: function moveCurrentRow(isUpArrow, isDwArrow, evnt) {
+      var _this2 = this;
+      var currentRow = this.currentRow,
+        treeConfig = this.treeConfig,
+        treeOpts = this.treeOpts,
+        afterFullData = this.afterFullData;
+      var childrenField = treeOpts.children || treeOpts.childrenField;
+      var targetRow;
+      evnt.preventDefault();
+      if (currentRow) {
+        if (treeConfig) {
+          var _XEUtils$findTree = _xeUtils.default.findTree(afterFullData, function (item) {
+              return item === currentRow;
+            }, {
+              children: childrenField
+            }),
+            index = _XEUtils$findTree.index,
+            items = _XEUtils$findTree.items;
+          if (isUpArrow && index > 0) {
+            targetRow = items[index - 1];
+          } else if (isDwArrow && index < items.length - 1) {
+            targetRow = items[index + 1];
+          }
+        } else {
+          var _rowIndex = this.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) {
+        var params = {
+          $table: this,
+          row: targetRow
+        };
+        this.scrollToRow(targetRow).then(function () {
+          return _this2.triggerCurrentRowEvent(evnt, params);
+        });
+      }
+    },
+    // 处理可编辑方向键移动
+    moveSelected: function moveSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
+      var _this3 = this;
+      var afterFullData = this.afterFullData,
+        visibleColumn = this.visibleColumn;
+      var params = Object.assign({}, args);
+      var _rowIndex = this.getVTRowIndex(params.row);
+      var _columnIndex = this.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];
+      }
+      this.scrollToRow(params.row, params.column).then(function () {
+        params.cell = _this3.getCellElement(params.row, params.column);
+        _this3.handleSelected(params, evnt);
+      });
+    },
+    /**
+     * 表头单元格按下事件
+     */
+    triggerHeaderCellMousedownEvent: function triggerHeaderCellMousedownEvent(evnt, params) {
+      var mouseConfig = this.mouseConfig,
+        mouseOpts = this.mouseOpts;
+      if (mouseConfig && mouseOpts.area && this.handleHeaderCellAreaEvent) {
+        var cell = evnt.currentTarget;
+        var triggerSort = (0, _dom.getEventTargetNode)(evnt, cell, 'vxe-cell--sort').flag;
+        var triggerFilter = (0, _dom.getEventTargetNode)(evnt, cell, 'vxe-cell--filter').flag;
+        this.handleHeaderCellAreaEvent(evnt, Object.assign({
+          cell: cell,
+          triggerSort: triggerSort,
+          triggerFilter: triggerFilter
+        }, params));
+      }
+      this.focus();
+      this.closeMenu();
+    },
+    /**
+     * 单元格按下事件
+     */
+    triggerCellMousedownEvent: function triggerCellMousedownEvent(evnt, params) {
+      var cell = evnt.currentTarget;
+      params.cell = cell;
+      this.handleCellMousedownEvent(evnt, params);
+      this.focus();
+      this.closeFilter();
+      this.closeMenu();
+    },
+    handleCellMousedownEvent: function handleCellMousedownEvent(evnt, params) {
+      var editConfig = this.editConfig,
+        editOpts = this.editOpts,
+        handleSelected = this.handleSelected,
+        checkboxConfig = this.checkboxConfig,
+        checkboxOpts = this.checkboxOpts,
+        mouseConfig = this.mouseConfig,
+        mouseOpts = this.mouseOpts;
+      if (mouseConfig && mouseOpts.area && this.handleCellAreaEvent) {
+        return this.handleCellAreaEvent(evnt, params);
+      } else {
+        if (checkboxConfig && checkboxOpts.range) {
+          this.handleCheckboxRangeEvent(evnt, params);
+        }
+        if (mouseConfig && mouseOpts.selected) {
+          if (!editConfig || editOpts.mode === 'cell') {
+            handleSelected(params, evnt);
+          }
+        }
+      }
+    },
+    handleCheckboxRangeEvent: function handleCheckboxRangeEvent(evnt, params) {
+      var _this4 = this;
+      var column = params.column,
+        cell = params.cell;
+      if (column.type === 'checkbox') {
+        var $el = this.$el,
+          elemStore = this.elemStore;
+        var disX = evnt.clientX;
+        var disY = evnt.clientY;
+        var bodyWrapperElem = elemStore["".concat(column.fixed || 'main', "-body-wrapper")] || elemStore['main-body-wrapper'];
+        var checkboxRangeElem = bodyWrapperElem.querySelector('.vxe-table--checkbox-range');
+        var domMousemove = document.onmousemove;
+        var domMouseup = document.onmouseup;
+        var trElem = cell.parentNode;
+        var selectRecords = this.getCheckboxRecords();
+        var lastRangeRows = [];
+        var marginSize = 1;
+        var offsetRest = getTargetOffset(evnt.target, bodyWrapperElem);
+        var startTop = offsetRest.offsetTop + evnt.offsetY;
+        var startLeft = offsetRest.offsetLeft + evnt.offsetX;
+        var startScrollTop = bodyWrapperElem.scrollTop;
+        var rowHeight = trElem.offsetHeight;
+        var mouseScrollTimeout = null;
+        var isMouseScrollDown = false;
+        var mouseScrollSpaceSize = 1;
+        var triggerEvent = function triggerEvent(type, evnt) {
+          _this4.emitEvent("checkbox-range-".concat(type), {
+            records: _this4.getCheckboxRecords(),
+            reserves: _this4.getCheckboxReserveRecords()
+          }, evnt);
+        };
+        var handleChecked = function handleChecked(evnt) {
+          var clientX = evnt.clientX,
+            clientY = evnt.clientY;
+          var offsetLeft = clientX - disX;
+          var offsetTop = clientY - disY + (bodyWrapperElem.scrollTop - startScrollTop);
+          var rangeHeight = Math.abs(offsetTop);
+          var rangeWidth = Math.abs(offsetLeft);
+          var rangeTop = startTop;
+          var 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 = "".concat(rangeHeight, "px");
+          checkboxRangeElem.style.width = "".concat(rangeWidth, "px");
+          checkboxRangeElem.style.left = "".concat(rangeLeft, "px");
+          checkboxRangeElem.style.top = "".concat(rangeTop, "px");
+          checkboxRangeElem.style.display = 'block';
+          var rangeRows = getCheckboxRangeRows(_this4, params, trElem, offsetTop < marginSize ? -rangeHeight : rangeHeight);
+          // 至少滑动 10px 才能有效匹配
+          if (rangeHeight > 10 && rangeRows.length !== lastRangeRows.length) {
+            lastRangeRows = rangeRows;
+            if (evnt.ctrlKey) {
+              rangeRows.forEach(function (row) {
+                _this4.handleSelectRow({
+                  row: row
+                }, selectRecords.indexOf(row) === -1);
+              });
+            } else {
+              _this4.setAllCheckboxRow(false);
+              _this4.handleCheckedCheckboxRow(rangeRows, true, false);
+            }
+            triggerEvent('change', evnt);
+          }
+        };
+        // 停止鼠标滚动
+        var stopMouseScroll = function stopMouseScroll() {
+          clearTimeout(mouseScrollTimeout);
+          mouseScrollTimeout = null;
+        };
+        // 开始鼠标滚动
+        var _startMouseScroll = function startMouseScroll(evnt) {
+          stopMouseScroll();
+          mouseScrollTimeout = setTimeout(function () {
+            if (mouseScrollTimeout) {
+              var scrollLeft = bodyWrapperElem.scrollLeft,
+                scrollTop = bodyWrapperElem.scrollTop,
+                clientHeight = bodyWrapperElem.clientHeight,
+                scrollHeight = bodyWrapperElem.scrollHeight;
+              var topSize = Math.ceil(mouseScrollSpaceSize * 50 / rowHeight);
+              if (isMouseScrollDown) {
+                if (scrollTop + clientHeight < scrollHeight) {
+                  _this4.scrollTo(scrollLeft, scrollTop + topSize);
+                  _startMouseScroll(evnt);
+                  handleChecked(evnt);
+                } else {
+                  stopMouseScroll();
+                }
+              } else {
+                if (scrollTop) {
+                  _this4.scrollTo(scrollLeft, scrollTop - topSize);
+                  _startMouseScroll(evnt);
+                  handleChecked(evnt);
+                } else {
+                  stopMouseScroll();
+                }
+              }
+            }
+          }, 50);
+        };
+        (0, _dom.addClass)($el, 'drag--range');
+        document.onmousemove = function (evnt) {
+          evnt.preventDefault();
+          evnt.stopPropagation();
+          var clientY = evnt.clientY;
+          var _getAbsolutePos = (0, _dom.getAbsolutePos)(bodyWrapperElem),
+            boundingTop = _getAbsolutePos.boundingTop;
+          // 如果超过可视区，触发滚动
+          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 = function (evnt) {
+          stopMouseScroll();
+          (0, _dom.removeClass)($el, 'drag--range');
+          checkboxRangeElem.removeAttribute('style');
+          document.onmousemove = domMousemove;
+          document.onmouseup = domMouseup;
+          triggerEvent('end', evnt);
+        };
+        triggerEvent('start', evnt);
+      }
+    }
+  }
+};

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getTargetOffset(e,t){var o,n,l=0,r=0,i=!_dom.browse.firefox&&(0,_dom.hasClass)(e,"vxe-checkbox--label");for(i&&(o=getComputedStyle(e),l-=_xeUtils.default.toNumber(o.paddingTop),r-=_xeUtils.default.toNumber(o.paddingLeft));e&&e!==t;)l+=e.offsetTop,r+=e.offsetLeft,e=e.offsetParent,i&&(n=getComputedStyle(e),l-=_xeUtils.default.toNumber(n.paddingTop),r-=_xeUtils.default.toNumber(n.paddingLeft));return{offsetTop:l,offsetLeft:r}}function getCheckboxRangeRows(e,t,o,n){var l=0,r=[],i=0<n,s=0<n?n:Math.abs(n)+o.offsetHeight,n=e.afterFullData,c=e.scrollYStore;if(e.scrollYLoad)t=e.getVTRowIndex(t.row),r=i?n.slice(t,t+Math.ceil(s/c.rowHeight)):n.slice(t-Math.floor(s/c.rowHeight)+1,t+1);else for(var a=i?"next":"previous";o&&l<s;)r.push(e.getRowNode(o).item),l+=o.offsetHeight,o=o["".concat(a,"ElementSibling")];return r}var _default=exports.default={methods:{moveTabSelected:function(e,t,o){var n,l,r,i=this,s=this.afterFullData,c=this.visibleColumn,a=this.editConfig,u=this.editOpts,h=Object.assign({},e),e=this.getVTRowIndex(h.row),d=this.getVTColumnIndex(h.column),t=(o.preventDefault(),t?d<=0?0<e&&(n=s[l=e-1],r=c.length-1):r=d-1:d>=c.length-1?e<s.length-1&&(n=s[l=e+1],r=0):r=d+1,c[r]);t&&(n?(h.rowIndex=l,h.row=n):h.rowIndex=e,h.columnIndex=r,h.column=t,h.cell=this.getCellElement(h.row,h.column),a?"click"!==u.trigger&&"dblclick"!==u.trigger||("row"===u.mode?this.handleEdit(h,o):this.scrollToRow(h.row,h.column).then(function(){return i.handleSelected(h,o)})):this.scrollToRow(h.row,h.column).then(function(){return i.handleSelected(h,o)}))},moveCurrentRow:function(e,t,o){var n,l,r=this,i=this.currentRow,s=this.treeConfig,c=this.treeOpts,a=this.afterFullData,c=c.children||c.childrenField;o.preventDefault(),i?s?(c=(s=_xeUtils.default.findTree(a,function(e){return e===i},{children:c})).index,s=s.items,e&&0<c?n=s[c-1]:t&&c<s.length-1&&(n=s[c+1])):(s=this.getVTRowIndex(i),e&&0<s?n=a[s-1]:t&&s<a.length-1&&(n=a[s+1])):n=a[0],n&&(l={$table:this,row:n},this.scrollToRow(n).then(function(){return r.triggerCurrentRowEvent(o,l)}))},moveSelected:function(e,t,o,n,l,r){var i=this,s=this.afterFullData,c=this.visibleColumn,a=Object.assign({},e),e=this.getVTRowIndex(a.row),u=this.getVTColumnIndex(a.column);r.preventDefault(),o&&0<e?(a.rowIndex=e-1,a.row=s[a.rowIndex]):l&&e<s.length-1?(a.rowIndex=e+1,a.row=s[a.rowIndex]):t&&u?(a.columnIndex=u-1,a.column=c[a.columnIndex]):n&&u<c.length-1&&(a.columnIndex=u+1,a.column=c[a.columnIndex]),this.scrollToRow(a.row,a.column).then(function(){a.cell=i.getCellElement(a.row,a.column),i.handleSelected(a,r)})},triggerHeaderCellMousedownEvent:function(e,t){var o,n=this.mouseConfig,l=this.mouseOpts;n&&l.area&&this.handleHeaderCellAreaEvent&&(n=e.currentTarget,l=(0,_dom.getEventTargetNode)(e,n,"vxe-cell--sort").flag,o=(0,_dom.getEventTargetNode)(e,n,"vxe-cell--filter").flag,this.handleHeaderCellAreaEvent(e,Object.assign({cell:n,triggerSort:l,triggerFilter:o},t))),this.focus(),this.closeMenu()},triggerCellMousedownEvent:function(e,t){var o=e.currentTarget;t.cell=o,this.handleCellMousedownEvent(e,t),this.focus(),this.closeFilter(),this.closeMenu()},handleCellMousedownEvent:function(e,t){var o=this.editConfig,n=this.editOpts,l=this.handleSelected,r=this.checkboxConfig,i=this.checkboxOpts,s=this.mouseConfig,c=this.mouseOpts;if(s&&c.area&&this.handleCellAreaEvent)return this.handleCellAreaEvent(e,t);r&&i.range&&this.handleCheckboxRangeEvent(e,t),s&&c.selected&&(o&&"cell"!==n.mode||l(t,e))},handleCheckboxRangeEvent:function(e,s){var t,o,c,a,u,h,n,l,d,f,g,m,x,v,p,i,w,b,C,T,R,_,k,E=this,r=s.column,I=s.cell;"checkbox"===r.type&&(t=this.$el,o=this.elemStore,c=e.clientX,a=e.clientY,u=o["".concat(r.fixed||"main","-body-wrapper")]||o["main-body-wrapper"],h=u.querySelector(".vxe-table--checkbox-range"),n=document.onmousemove,l=document.onmouseup,d=I.parentNode,f=this.getCheckboxRecords(),g=[],m=1,r=getTargetOffset(e.target,u),x=r.offsetTop+e.offsetY,v=r.offsetLeft+e.offsetX,p=u.scrollTop,i=d.offsetHeight,w=null,C=1,T=function(e,t){E.emitEvent("checkbox-range-".concat(e),{records:E.getCheckboxRecords(),reserves:E.getCheckboxReserveRecords()},t)},R=function(e){var t=e.clientX-c,o=e.clientY-a+(u.scrollTop-p),n=Math.abs(o),l=Math.abs(t),r=x,i=v,t=(o<m?(r+=o)<m&&(r=m,n=x):n=Math.min(n,u.scrollHeight-x-m),t<m?(i+=t,v<l&&(i=m,l=v)):l=Math.min(l,u.clientWidth-v-m),h.style.height="".concat(n,"px"),h.style.width="".concat(l,"px"),h.style.left="".concat(i,"px"),h.style.top="".concat(r,"px"),h.style.display="block",getCheckboxRangeRows(E,s,d,o<m?-n:n));10<n&&t.length!==g.length&&(g=t,e.ctrlKey?t.forEach(function(e){E.handleSelectRow({row:e},-1===f.indexOf(e))}):(E.setAllCheckboxRow(!1),E.handleCheckedCheckboxRow(t,!0,!1)),T("change",e))},_=function(){clearTimeout(w),w=null},(b=!(k=function(r){_(),w=setTimeout(function(){var e,t,o,n,l;w&&(e=u.scrollLeft,t=u.scrollTop,o=u.clientHeight,n=u.scrollHeight,l=Math.ceil(50*C/i),b?t+o<n?(E.scrollTo(e,t+l),k(r),R(r)):_():t?(E.scrollTo(e,t-l),k(r),R(r)):_())},50)}),_dom.addClass)(t,"drag--range"),document.onmousemove=function(e){e.preventDefault(),e.stopPropagation();var t=e.clientY,o=(0,_dom.getAbsolutePos)(u).boundingTop;t<o?(b=!1,C=o-t,w||k(e)):t>o+u.clientHeight?(b=!0,C=t-o-u.clientHeight,w||k(e)):w&&_(),R(e)},document.onmouseup=function(e){_(),(0,_dom.removeClass)(t,"drag--range"),h.removeAttribute("style"),document.onmousemove=n,document.onmouseup=l,T("end",e)},T("start",e))}}};