vxe-table 3.8.8-beta.6 → 3.8.8-beta.8

package/lib/table/src/methods.js

@@ -18,16 +18,16 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -1285,6 +1285,72 @@ var Methods = {
     }
     return this.$nextTick();
   },
+  getCellElement: function getCellElement(row, fieldOrColumn) {
+    var column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
+    if (!column) {
+      return null;
+    }
+    var $refs = this.$refs;
+    var rowid = (0, _util.getRowid)(this, row);
+    var bodyElem = null;
+    if (column) {
+      bodyElem = $refs["".concat(column.fixed || 'table', "Body")] || $refs.tableBody;
+    }
+    if (bodyElem && bodyElem.$el) {
+      return bodyElem.$el.querySelector(".vxe-body--row[rowid=\"".concat(rowid, "\"] .").concat(column.id));
+    }
+    return null;
+  },
+  getCellLabel: function getCellLabel(row, fieldOrColumn) {
+    var column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
+    if (!column) {
+      return null;
+    }
+    var formatter = column.formatter;
+    var cellValue = _utils.default.getCellValue(row, column);
+    var cellLabel = cellValue;
+    if (formatter) {
+      var rest, formatData;
+      var fullAllDataRowMap = this.fullAllDataRowMap;
+      var colid = column.id;
+      var cacheFormat = fullAllDataRowMap.has(row);
+      if (cacheFormat) {
+        rest = fullAllDataRowMap.get(row);
+        formatData = rest.formatData;
+        if (!formatData) {
+          formatData = fullAllDataRowMap.get(row).formatData = {};
+        }
+        if (rest && formatData[colid]) {
+          if (formatData[colid].value === cellValue) {
+            return formatData[colid].label;
+          }
+        }
+      }
+      var formatParams = {
+        cellValue: cellValue,
+        row: row,
+        rowIndex: this.getRowIndex(row),
+        column: column,
+        columnIndex: this.getColumnIndex(column)
+      };
+      if (_xeUtils.default.isString(formatter)) {
+        var gFormatOpts = _formats.formats.get(formatter);
+        cellLabel = gFormatOpts && gFormatOpts.cellFormatMethod ? gFormatOpts.cellFormatMethod(formatParams) : '';
+      } else if (_xeUtils.default.isArray(formatter)) {
+        var _gFormatOpts = _formats.formats.get(formatter[0]);
+        cellLabel = _gFormatOpts && _gFormatOpts.cellFormatMethod ? _gFormatOpts.cellFormatMethod.apply(_gFormatOpts, [formatParams].concat(_toConsumableArray(formatter.slice(1)))) : '';
+      } else {
+        cellLabel = formatter(formatParams);
+      }
+      if (formatData) {
+        formatData[colid] = {
+          value: cellValue,
+          label: cellLabel
+        };
+      }
+    }
+    return cellLabel;
+  },
   /**
    * 检查是否为临时行数据
    * @param {Row} row 行对象
@@ -1341,6 +1407,13 @@ var Methods = {
     var columns = this.visibleColumn;
     return _xeUtils.default.isUndefined(columnIndex) ? columns.slice(0) : columns[columnIndex];
   },
+  /**
+   * 根据列获取列的唯一主键
+   */
+  getColid: function getColid(fieldOrColumn) {
+    var column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
+    return column ? column.id : null;
+  },
   /**
    * 根据列的唯一主键获取列
    * @param {String} colid 列主键
@@ -1523,8 +1596,8 @@ var Methods = {
               filterRender = column.filterRender,
               field = column.field;
             var compConf = filterRender ? _vXETable.default.renderer.get(filterRender.name) : null;
-            var compFilterMethod = compConf && compConf.renderFilter ? compConf.filterMethod : null;
-            var defaultFilterMethod = compConf ? compConf.defaultFilterMethod : null;
+            var compFilterMethod = compConf && compConf.renderFilter ? compConf.tableFilterMethod || compConf.filterMethod : null;
+            var defaultFilterMethod = compConf ? compConf.defaultTableFilterMethod || compConf.defaultFilterMethod : null;
             var cellValue = _utils.default.getCellValue(row, column);
             if (filterMethod) {
               return itemList.some(function (item) {
@@ -1964,8 +2037,7 @@ var Methods = {
         this.clearCopyCellArea();
       }
     }
-    this.saveCustomVisible();
-    this.saveCustomSort();
+    this.saveCustomStore();
     this.analyColumnWidth();
     return this.refreshColumn(true);
   },
@@ -2237,6 +2309,12 @@ var Methods = {
     });
     return storeData;
   },
+  saveCustomStore: function saveCustomStore() {
+    this.saveCustomVisible();
+    this.saveCustomSort();
+    this.saveCustomFixed();
+    this.saveCustomResizable();
+  },
   saveCustomResizable: function saveCustomResizable(isReset) {
     var id = this.id,
       collectColumn = this.collectColumn,
@@ -3212,7 +3290,7 @@ var Methods = {
         var selected = editStore.selected,
           actived = editStore.actived;
         var keyCode = evnt.keyCode;
-        var isBack = keyCode === 8;
+        var hasBackspaceKey = keyCode === 8;
         var isTab = keyCode === 9;
         var isEnter = keyCode === 13;
         var isEsc = keyCode === 27;
@@ -3339,12 +3417,12 @@ var Methods = {
           } else if (actived.row || actived.column) {
             _this29.moveTabSelected(actived.args, hasShiftKey, evnt);
           }
-        } else if (keyboardConfig && (isDel || (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow ? isBack && keyboardOpts.isArrow : isBack))) {
+        } else if (keyboardConfig && (treeConfig || (0, _utils.isEnableConf)(editConfig)) && (isDel || (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow ? hasBackspaceKey && keyboardOpts.isArrow : hasBackspaceKey))) {
           if (!isEditStatus) {
             var delMethod = keyboardOpts.delMethod,
               backMethod = keyboardOpts.backMethod;
             // 如果是删除键
-            if (keyboardOpts.isDel && (selected.row || selected.column)) {
+            if (keyboardOpts.isDel && (0, _utils.isEnableConf)(editConfig) && (selected.row || selected.column)) {
               var delPaqrams = {
                 row: selected.row,
                 rowIndex: _this29.getRowIndex(selected.row),
@@ -3357,7 +3435,7 @@ var Methods = {
               } else {
                 setCellValue(selected.row, selected.column, null);
               }
-              if (isBack) {
+              if (hasBackspaceKey) {
                 if (backMethod) {
                   backMethod({
                     row: selected.row,
@@ -3374,7 +3452,7 @@ var Methods = {
                 _this29.updateFooter();
               }
               _this29.emitEvent('cell-delete-value', delPaqrams, evnt);
-            } else if (isBack && keyboardOpts.isArrow && treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
+            } else if (hasBackspaceKey && keyboardOpts.isArrow && treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
               // 如果树形表格回退键关闭当前行返回父节点
               var _XEUtils$findTree = _xeUtils.default.findTree(_this29.afterFullData, function (item) {
                   return item === currentRow;
@@ -3983,8 +4061,12 @@ var Methods = {
   handleToggleCheckRowEvent: function handleToggleCheckRowEvent(evnt, params) {
     var selectCheckboxMaps = this.selectCheckboxMaps,
       checkboxOpts = this.checkboxOpts;
-    var checkField = checkboxOpts.checkField;
+    var checkField = checkboxOpts.checkField,
+      trigger = checkboxOpts.trigger;
     var row = params.row;
+    if (trigger === 'manual') {
+      return;
+    }
     var value = false;
     if (checkField) {
       value = !_xeUtils.default.get(row, checkField);
@@ -4000,8 +4082,13 @@ var Methods = {
   triggerCheckRowEvent: function triggerCheckRowEvent(evnt, params, value) {
     var checkboxOpts = this.checkboxOpts,
       afterFullData = this.afterFullData;
-    var checkMethod = checkboxOpts.checkMethod;
+    var checkMethod = checkboxOpts.checkMethod,
+      trigger = checkboxOpts.trigger;
     var row = params.row;
+    if (trigger === 'manual') {
+      return;
+    }
+    evnt.stopPropagation();
     if (checkboxOpts.isShiftKey && evnt.shiftKey && !this.treeConfig) {
       var checkboxRecords = this.getCheckboxRecords();
       if (checkboxRecords.length) {
@@ -4446,23 +4533,36 @@ var Methods = {
       }
     }
   },
+  handleCheckAllEvent: function handleCheckAllEvent(evnt, value) {
+    this.handleCheckedAllCheckboxRow(value);
+    if (evnt) {
+      this.emitEvent('checkbox-all', {
+        records: this.getCheckboxRecords(),
+        reserves: this.getCheckboxReserveRecords(),
+        indeterminates: this.getCheckboxIndeterminateRecords(),
+        checked: value
+      }, evnt);
+    }
+  },
   /**
    * 多选，选中所有事件
    */
   triggerCheckAllEvent: function triggerCheckAllEvent(evnt, value) {
-    this.handleCheckedAllCheckboxRow(value);
-    this.emitEvent('checkbox-all', {
-      records: this.getCheckboxRecords(),
-      reserves: this.getCheckboxReserveRecords(),
-      indeterminates: this.getCheckboxIndeterminateRecords(),
-      checked: value
-    }, evnt);
+    var checkboxOpts = this.checkboxOpts;
+    var trigger = checkboxOpts.trigger;
+    if (trigger === 'manual') {
+      return;
+    }
+    if (evnt) {
+      evnt.stopPropagation();
+    }
+    this.handleCheckAllEvent(evnt, value);
   },
   /**
    * 多选，切换所有行的选中状态
    */
   toggleAllCheckboxRow: function toggleAllCheckboxRow() {
-    this.triggerCheckAllEvent(null, !this.isAllSelected);
+    this.handleCheckAllEvent(null, !this.isAllSelected);
     return this.$nextTick();
   },
   /**
@@ -4530,6 +4630,11 @@ var Methods = {
     var oldValue = this.selectRadioRow,
       radioOpts = this.radioOpts;
     var row = params.row;
+    var trigger = radioOpts.trigger;
+    if (trigger === 'manual') {
+      return;
+    }
+    evnt.stopPropagation();
     var newValue = row;
     var isChange = oldValue !== newValue;
     if (isChange) {
@@ -5213,7 +5318,12 @@ var Methods = {
       rowExpandLazyLoadedMaps = this.rowExpandLazyLoadedMaps,
       column = this.expandColumn;
     var row = params.row;
-    var lazy = expandOpts.lazy;
+    var lazy = expandOpts.lazy,
+      trigger = expandOpts.trigger;
+    if (trigger === 'manual') {
+      return;
+    }
+    evnt.stopPropagation();
     var rowid = (0, _util.getRowid)(this, row);
     if (!lazy || !rowExpandLazyLoadedMaps[rowid]) {
       var expanded = !this.isRowExpandByRow(row);
@@ -5543,7 +5653,12 @@ var Methods = {
       treeExpandLazyLoadedMaps = this.treeExpandLazyLoadedMaps;
     var row = params.row,
       column = params.column;
-    var lazy = treeOpts.lazy;
+    var lazy = treeOpts.lazy,
+      trigger = treeOpts.trigger;
+    if (trigger === 'manual') {
+      return;
+    }
+    evnt.stopPropagation();
     var rowid = (0, _util.getRowid)(this, row);
     if (!lazy || !treeExpandLazyLoadedMaps[rowid]) {
       var expanded = !this.isTreeExpandByRow(row);
@@ -6253,7 +6368,7 @@ var Methods = {
         var type = 'change';
         if (_this57.hasCellRules) {
           if (_this57.hasCellRules(type, row, column)) {
-            var cell = _this57.getCell(row, column);
+            var cell = _this57.getCellElement(row, column);
             if (cell) {
               return _this57.validCellRules(type, row, column, cellValue).then(function () {
                 if (customVal && validStore.visible) {
@@ -6414,63 +6529,12 @@ var Methods = {
   /*************************
    * Publish methods
    *************************/
+  /**
+   * 已废弃，被 getCellElement 替换
+   * @deprecated
+   */
   getCell: function getCell(row, column) {
-    var $refs = this.$refs;
-    var rowid = (0, _util.getRowid)(this, row);
-    var bodyElem = null;
-    if (column) {
-      bodyElem = $refs["".concat(column.fixed || 'table', "Body")] || $refs.tableBody;
-    }
-    if (bodyElem && bodyElem.$el) {
-      return bodyElem.$el.querySelector(".vxe-body--row[rowid=\"".concat(rowid, "\"] .").concat(column.id));
-    }
-    return null;
-  },
-  getCellLabel: function getCellLabel(row, column) {
-    var formatter = column.formatter;
-    var cellValue = _utils.default.getCellValue(row, column);
-    var cellLabel = cellValue;
-    if (formatter) {
-      var rest, formatData;
-      var fullAllDataRowMap = this.fullAllDataRowMap;
-      var colid = column.id;
-      var cacheFormat = fullAllDataRowMap.has(row);
-      if (cacheFormat) {
-        rest = fullAllDataRowMap.get(row);
-        formatData = rest.formatData;
-        if (!formatData) {
-          formatData = fullAllDataRowMap.get(row).formatData = {};
-        }
-        if (rest && formatData[colid]) {
-          if (formatData[colid].value === cellValue) {
-            return formatData[colid].label;
-          }
-        }
-      }
-      var formatParams = {
-        cellValue: cellValue,
-        row: row,
-        rowIndex: this.getRowIndex(row),
-        column: column,
-        columnIndex: this.getColumnIndex(column)
-      };
-      if (_xeUtils.default.isString(formatter)) {
-        var gFormatOpts = _formats.formats.get(formatter);
-        cellLabel = gFormatOpts && gFormatOpts.cellFormatMethod ? gFormatOpts.cellFormatMethod(formatParams) : '';
-      } else if (_xeUtils.default.isArray(formatter)) {
-        var _gFormatOpts = _formats.formats.get(formatter[0]);
-        cellLabel = _gFormatOpts && _gFormatOpts.cellFormatMethod ? _gFormatOpts.cellFormatMethod.apply(_gFormatOpts, [formatParams].concat(_toConsumableArray(formatter.slice(1)))) : '';
-      } else {
-        cellLabel = formatter(formatParams);
-      }
-      if (formatData) {
-        formatData[colid] = {
-          value: cellValue,
-          label: cellLabel
-        };
-      }
-    }
-    return cellLabel;
+    return this.getCellElement(row, column);
   },
   findRowIndexOf: function findRowIndexOf(list, row) {
     var _this64 = this;