vxe-table 3.9.0-rc.8 → 3.9.0

package/lib/table/src/cell.js

@@ -11,62 +11,68 @@ var _dom = require("../../ui/src/dom");
 var _util = require("./util");
 var _vn = require("../../ui/src/vn");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var getI18n = _ui.VxeUI.getI18n,
-  getIcon = _ui.VxeUI.getIcon,
-  renderer = _ui.VxeUI.renderer,
-  formats = _ui.VxeUI.formats;
+const {
+  getI18n,
+  getIcon,
+  renderer,
+  formats
+} = _ui.VxeUI;
 function renderTitlePrefixIcon(h, params) {
-  var $table = params.$table,
-    column = params.column;
-  var titlePrefix = column.titlePrefix || column.titleHelp;
+  const {
+    $table,
+    column
+  } = params;
+  const titlePrefix = column.titlePrefix || column.titleHelp;
   return titlePrefix ? [h('i', {
     class: ['vxe-cell-title-prefix-icon', titlePrefix.icon || getIcon().TABLE_TITLE_PREFIX],
     on: {
-      mouseenter: function mouseenter(evnt) {
+      mouseenter(evnt) {
         $table.triggerHeaderTitleEvent(evnt, titlePrefix, params);
       },
-      mouseleave: function mouseleave(evnt) {
+      mouseleave(evnt) {
         $table.handleTargetLeaveEvent(evnt);
       }
     }
   })] : [];
 }
 function renderTitleSuffixIcon(h, params) {
-  var $table = params.$table,
-    column = params.column;
-  var titleSuffix = column.titleSuffix;
+  const {
+    $table,
+    column
+  } = params;
+  const titleSuffix = column.titleSuffix;
   return titleSuffix ? [h('i', {
     class: ['vxe-cell-title-suffix-icon', titleSuffix.icon || getIcon().TABLE_TITLE_SUFFIX],
     on: {
-      mouseenter: function mouseenter(evnt) {
+      mouseenter(evnt) {
         $table.triggerHeaderTitleEvent(evnt, titleSuffix, params);
       },
-      mouseleave: function mouseleave(evnt) {
+      mouseleave(evnt) {
         $table.handleTargetLeaveEvent(evnt);
       }
     }
   })] : [];
 }
 function renderTitleContent(h, params, content) {
-  var $table = params.$table,
-    column = params.column;
-  var type = column.type,
-    showHeaderOverflow = column.showHeaderOverflow;
-  var allColumnHeaderOverflow = $table.showHeaderOverflow,
-    tooltipOpts = $table.tooltipOpts;
-  var showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
-  var headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-  var showTitle = headOverflow === 'title';
-  var showTooltip = headOverflow === true || headOverflow === 'tooltip';
-  var ons = {};
+  const {
+    $table,
+    column
+  } = params;
+  const {
+    type,
+    showHeaderOverflow
+  } = column;
+  const {
+    showHeaderOverflow: allColumnHeaderOverflow,
+    tooltipOpts
+  } = $table;
+  const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
+  const headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+  const showTitle = headOverflow === 'title';
+  const showTooltip = headOverflow === true || headOverflow === 'tooltip';
+  const ons = {};
   if (showTitle || showTooltip || showAllTip) {
-    ons.mouseenter = function (evnt) {
+    ons.mouseenter = evnt => {
       if ($table._isResize) {
         return;
       }
@@ -78,7 +84,7 @@ function renderTitleContent(h, params, content) {
     };
   }
   if (showTooltip || showAllTip) {
-    ons.mouseleave = function (evnt) {
+    ons.mouseleave = evnt => {
       if ($table._isResize) {
         return;
       }
@@ -102,74 +108,84 @@ function formatFooterLabel(footerFormatter, params) {
   if (_xeUtils.default.isFunction(footerFormatter)) {
     return footerFormatter(params);
   }
-  var isArr = _xeUtils.default.isArray(footerFormatter);
-  var gFormatOpts = isArr ? formats.get(footerFormatter[0]) : formats.get(footerFormatter);
-  var footerFormatMethod = gFormatOpts ? gFormatOpts.tableFooterCellFormatMethod : null;
+  const isArr = _xeUtils.default.isArray(footerFormatter);
+  const gFormatOpts = isArr ? formats.get(footerFormatter[0]) : formats.get(footerFormatter);
+  const footerFormatMethod = gFormatOpts ? gFormatOpts.tableFooterCellFormatMethod : null;
   if (footerFormatMethod) {
-    return isArr ? footerFormatMethod.apply(void 0, [params].concat(_toConsumableArray(footerFormatter.slice(1)))) : footerFormatMethod(params);
+    return isArr ? footerFormatMethod(params, ...footerFormatter.slice(1)) : footerFormatMethod(params);
   }
   return '';
 }
 function getFooterContent(h, params) {
-  var $table = params.$table,
-    column = params.column,
-    _columnIndex = params._columnIndex,
-    row = params.row,
-    items = params.items;
-  var slots = column.slots,
-    editRender = column.editRender,
-    cellRender = column.cellRender,
-    footerFormatter = column.footerFormatter;
-  var renderOpts = editRender || cellRender;
+  const {
+    $table,
+    column,
+    _columnIndex,
+    row,
+    items
+  } = params;
+  const {
+    slots,
+    editRender,
+    cellRender,
+    footerFormatter
+  } = column;
+  const renderOpts = editRender || cellRender;
   if (slots && slots.footer) {
     return $table.callSlot(slots.footer, params, h);
   }
   if (renderOpts) {
-    var compConf = renderer.get(renderOpts.name);
-    var rtFooter = compConf ? compConf.renderTableFooter || compConf.renderFooter : null;
+    const compConf = renderer.get(renderOpts.name);
+    const rtFooter = compConf ? compConf.renderTableFooter || compConf.renderFooter : null;
     if (rtFooter) {
       return (0, _vn.getSlotVNs)(rtFooter.call($table, h, renderOpts, params));
     }
   }
-  var itemValue = '';
+  let itemValue = '';
   // 兼容老模式
   if (_xeUtils.default.isArray(items)) {
     itemValue = items[_columnIndex];
     return [footerFormatter ? formatFooterLabel(footerFormatter, {
-      itemValue: itemValue,
-      column: column,
-      row: row,
-      items: items,
-      _columnIndex: _columnIndex
+      itemValue,
+      column,
+      row,
+      items,
+      _columnIndex
     }) : (0, _utils.formatText)(itemValue, 1)];
   }
   itemValue = _xeUtils.default.get(row, column.field);
   return [footerFormatter ? formatFooterLabel(footerFormatter, {
-    itemValue: itemValue,
-    column: column,
-    row: row,
-    items: items,
-    _columnIndex: _columnIndex
+    itemValue,
+    column,
+    row,
+    items,
+    _columnIndex
   }) : (0, _utils.formatText)(itemValue, 1)];
 }
 function getDefaultCellLabel(params) {
-  var $table = params.$table,
-    row = params.row,
-    column = params.column;
+  const {
+    $table,
+    row,
+    column
+  } = params;
   return (0, _utils.formatText)($table.getCellLabel(row, column), 1);
 }
-var Cell = exports.Cell = {
-  createColumn: function createColumn($xetable, _vm) {
-    var type = _vm.type,
-      sortable = _vm.sortable,
-      remoteSort = _vm.remoteSort,
-      filters = _vm.filters,
-      editRender = _vm.editRender,
-      treeNode = _vm.treeNode;
-    var editConfig = $xetable.editConfig,
-      editOpts = $xetable.editOpts,
-      checkboxOpts = $xetable.checkboxOpts;
-    var renMaps = {
+const Cell = exports.Cell = {
+  createColumn($xetable, _vm) {
+    const {
+      type,
+      sortable,
+      remoteSort,
+      filters,
+      editRender,
+      treeNode
+    } = _vm;
+    const {
+      editConfig,
+      editOpts,
+      checkboxOpts
+    } = $xetable;
+    const renMaps = {
       renderHeader: this.renderDefaultHeader,
       renderCell: treeNode ? this.renderTreeCell : this.renderDefaultCell,
       renderFooter: this.renderDefaultFooter
@@ -218,52 +234,60 @@ var Cell = exports.Cell = {
   /**
    * 单元格
    */
-  renderHeaderTitle: function renderHeaderTitle(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var slots = column.slots,
-      editRender = column.editRender,
-      cellRender = column.cellRender;
-    var renderOpts = editRender || cellRender;
+  renderHeaderTitle(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      slots,
+      editRender,
+      cellRender
+    } = column;
+    const renderOpts = editRender || cellRender;
     if (slots && slots.header) {
       return renderTitleContent(h, params, $table.callSlot(slots.header, params, h));
     }
     if (renderOpts) {
-      var compConf = renderer.get(renderOpts.name);
-      var rtHeader = compConf ? compConf.renderTableHeader || compConf.renderHeader : null;
+      const compConf = renderer.get(renderOpts.name);
+      const rtHeader = compConf ? compConf.renderTableHeader || compConf.renderHeader : null;
       if (rtHeader) {
         return (0, _vn.getSlotVNs)(renderTitleContent(h, params, rtHeader.call($table, h, renderOpts, params)));
       }
     }
     return renderTitleContent(h, params, (0, _utils.formatText)(column.getTitle(), 1));
   },
-  renderDefaultHeader: function renderDefaultHeader(h, params) {
+  renderDefaultHeader(h, params) {
     return renderTitlePrefixIcon(h, params).concat(Cell.renderHeaderTitle(h, params)).concat(renderTitleSuffixIcon(h, params));
   },
-  renderDefaultCell: function renderDefaultCell(h, params) {
-    var $table = params.$table,
-      row = params.row,
-      column = params.column;
-    var slots = column.slots,
-      editRender = column.editRender,
-      cellRender = column.cellRender;
-    var renderOpts = editRender || cellRender;
+  renderDefaultCell(h, params) {
+    const {
+      $table,
+      row,
+      column
+    } = params;
+    const {
+      slots,
+      editRender,
+      cellRender
+    } = column;
+    const renderOpts = editRender || cellRender;
     if (slots && slots.default) {
       return $table.callSlot(slots.default, params, h);
     }
     if (renderOpts) {
-      var compConf = renderer.get(renderOpts.name);
-      var rtDefault = compConf ? compConf.renderTableDefault || compConf.renderDefault : null;
-      var rtCell = compConf ? compConf.renderTableCell || compConf.renderCell : null;
-      var renderFn = editRender ? rtCell : rtDefault;
+      const compConf = renderer.get(renderOpts.name);
+      const rtDefault = compConf ? compConf.renderTableDefault || compConf.renderDefault : null;
+      const rtCell = compConf ? compConf.renderTableCell || compConf.renderCell : null;
+      const renderFn = editRender ? rtCell : rtDefault;
       if (renderFn) {
         return (0, _vn.getSlotVNs)(renderFn.call($table, h, renderOpts, Object.assign({
           $type: editRender ? 'edit' : 'cell'
         }, params)));
       }
     }
-    var cellValue = $table.getCellLabel(row, column);
-    var cellPlaceholder = editRender ? editRender.placeholder : '';
+    const cellValue = $table.getCellLabel(row, column);
+    const cellPlaceholder = editRender ? editRender.placeholder : '';
     return [h('span', {
       class: 'vxe-cell--label'
     }, [
@@ -272,10 +296,10 @@ var Cell = exports.Cell = {
       class: 'vxe-cell--placeholder'
     }, (0, _utils.formatText)((0, _utils.getFuncText)(cellPlaceholder), 1)) : h('span', (0, _utils.formatText)(cellValue, 1))])];
   },
-  renderTreeCell: function renderTreeCell(h, params) {
+  renderTreeCell(h, params) {
     return Cell.renderTreeIcon(h, params, Cell.renderDefaultCell.call(this, h, params));
   },
-  renderDefaultFooter: function renderDefaultFooter(h, params) {
+  renderDefaultFooter(h, params) {
     return [h('span', {
       class: 'vxe-cell--item'
     }, getFooterContent(h, params))];
@@ -283,48 +307,58 @@ var Cell = exports.Cell = {
   /**
    * 树节点
    */
-  renderTreeIcon: function renderTreeIcon(h, params, cellVNodes) {
-    var $table = params.$table,
-      isHidden = params.isHidden;
-    var treeOpts = $table.treeOpts,
-      treeExpandedMaps = $table.treeExpandedMaps,
-      treeExpandLazyLoadedMaps = $table.treeExpandLazyLoadedMaps,
-      fullAllDataRowIdData = $table.fullAllDataRowIdData;
-    var row = params.row,
-      column = params.column,
-      level = params.level;
-    var slots = column.slots;
-    var indent = treeOpts.indent,
-      lazy = treeOpts.lazy,
-      trigger = treeOpts.trigger,
-      iconLoaded = treeOpts.iconLoaded,
-      showIcon = treeOpts.showIcon,
-      iconOpen = treeOpts.iconOpen,
-      iconClose = treeOpts.iconClose;
-    var childrenField = treeOpts.children || treeOpts.childrenField;
-    var hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
-    var rowChilds = row[childrenField];
-    var hasChild = rowChilds && rowChilds.length;
-    var hasLazyChilds = false;
-    var isAceived = false;
-    var isLazyLoading = false;
-    var isLazyLoaded = false;
-    var on = {};
+  renderTreeIcon(h, params, cellVNodes) {
+    const {
+      $table,
+      isHidden
+    } = params;
+    const {
+      treeOpts,
+      treeExpandedMaps,
+      treeExpandLazyLoadedMaps,
+      fullAllDataRowIdData
+    } = $table;
+    const {
+      row,
+      column,
+      level
+    } = params;
+    const {
+      slots
+    } = column;
+    const {
+      indent,
+      lazy,
+      trigger,
+      iconLoaded,
+      showIcon,
+      iconOpen,
+      iconClose
+    } = treeOpts;
+    const childrenField = treeOpts.children || treeOpts.childrenField;
+    const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
+    const rowChilds = row[childrenField];
+    const hasChild = rowChilds && rowChilds.length;
+    let hasLazyChilds = false;
+    let isAceived = false;
+    let isLazyLoading = false;
+    let isLazyLoaded = false;
+    const on = {};
     if (slots && slots.icon) {
       return $table.callSlot(slots.icon, params, h, cellVNodes);
     }
     if (!isHidden) {
-      var rowid = (0, _util.getRowid)($table, row);
+      const rowid = (0, _util.getRowid)($table, row);
       isAceived = !!treeExpandedMaps[rowid];
       if (lazy) {
-        var rest = fullAllDataRowIdData[rowid];
+        const rest = fullAllDataRowIdData[rowid];
         isLazyLoading = !!treeExpandLazyLoadedMaps[rowid];
         hasLazyChilds = row[hasChildField];
         isLazyLoaded = !!rest.treeLoaded;
       }
     }
     if (!trigger || trigger === 'default') {
-      on.click = function (evnt) {
+      on.click = evnt => {
         $table.triggerTreeExpandEvent(evnt, params);
       };
     }
@@ -333,11 +367,11 @@ var Cell = exports.Cell = {
         'is--active': isAceived
       }],
       style: {
-        paddingLeft: "".concat(level * indent, "px")
+        paddingLeft: `${level * indent}px`
       }
     }, [showIcon && (lazy ? isLazyLoaded ? hasChild : hasLazyChilds : hasChild) ? [h('div', {
       class: 'vxe-tree--btn-wrapper',
-      on: on
+      on
     }, [h('i', {
       class: ['vxe-tree--node-btn', isLazyLoading ? iconLoaded || getIcon().TABLE_TREE_LOADED : isAceived ? iconOpen || getIcon().TABLE_TREE_OPEN : iconClose || getIcon().TABLE_TREE_CLOSE]
     })])] : null, h('div', {
@@ -347,63 +381,89 @@ var Cell = exports.Cell = {
   /**
    * 索引
    */
-  renderSeqHeader: function renderSeqHeader(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var slots = column.slots;
+  renderSeqHeader(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      slots
+    } = column;
     return renderTitleContent(h, params, slots && slots.header ? $table.callSlot(slots.header, params, h) : (0, _utils.formatText)(column.getTitle(), 1));
   },
-  renderSeqCell: function renderSeqCell(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var treeConfig = $table.treeConfig,
-      seqOpts = $table.seqOpts;
-    var slots = column.slots;
+  renderSeqCell(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      treeConfig,
+      seqOpts
+    } = $table;
+    const {
+      slots
+    } = column;
     if (slots && slots.default) {
       return $table.callSlot(slots.default, params, h);
     }
-    var seq = params.seq;
-    var seqMethod = seqOpts.seqMethod;
+    const {
+      seq
+    } = params;
+    const seqMethod = seqOpts.seqMethod;
     return [(0, _utils.formatText)(seqMethod ? seqMethod(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)];
   },
-  renderTreeIndexCell: function renderTreeIndexCell(h, params) {
+  renderTreeIndexCell(h, params) {
     return Cell.renderTreeIcon(h, params, Cell.renderSeqCell(h, params));
   },
   /**
    * 单选
    */
-  renderRadioHeader: function renderRadioHeader(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var slots = column.slots;
-    var headerSlot = slots ? slots.header : null;
-    var titleSlot = slots ? slots.title : null;
+  renderRadioHeader(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      slots
+    } = column;
+    const headerSlot = slots ? slots.header : null;
+    const titleSlot = slots ? slots.title : null;
     return renderTitleContent(h, params, headerSlot ? $table.callSlot(headerSlot, params, h) : [h('span', {
       class: 'vxe-radio--label'
     }, titleSlot ? $table.callSlot(titleSlot, params, h) : (0, _utils.formatText)(column.getTitle(), 1))]);
   },
-  renderRadioCell: function renderRadioCell(h, params) {
-    var $table = params.$table,
-      column = params.column,
-      isHidden = params.isHidden;
-    var radioOpts = $table.radioOpts,
-      selectRadioRow = $table.selectRadioRow;
-    var slots = column.slots;
-    var labelField = radioOpts.labelField,
-      checkMethod = radioOpts.checkMethod,
-      visibleMethod = radioOpts.visibleMethod;
-    var row = params.row;
-    var defaultSlot = slots ? slots.default : null;
-    var radioSlot = slots ? slots.radio : null;
-    var isChecked = row === selectRadioRow;
-    var isVisible = !visibleMethod || visibleMethod({
-      row: row
+  renderRadioCell(h, params) {
+    const {
+      $table,
+      column,
+      isHidden
+    } = params;
+    const {
+      radioOpts,
+      selectRadioRow
+    } = $table;
+    const {
+      slots
+    } = column;
+    const {
+      labelField,
+      checkMethod,
+      visibleMethod
+    } = radioOpts;
+    const {
+      row
+    } = params;
+    const defaultSlot = slots ? slots.default : null;
+    const radioSlot = slots ? slots.radio : null;
+    const isChecked = row === selectRadioRow;
+    const isVisible = !visibleMethod || visibleMethod({
+      row
     });
-    var isDisabled = !!checkMethod;
-    var on;
+    let isDisabled = !!checkMethod;
+    let on;
     if (!isHidden) {
       on = {
-        click: function click(evnt) {
+        click(evnt) {
           if (!isDisabled && isVisible) {
             $table.triggerRadioRowEvent(evnt, params);
           }
@@ -411,11 +471,11 @@ var Cell = exports.Cell = {
       };
       if (checkMethod) {
         isDisabled = !checkMethod({
-          row: row
+          row
         });
       }
     }
-    var radioParams = Object.assign(Object.assign({}, params), {
+    const radioParams = Object.assign(Object.assign({}, params), {
       checked: isChecked,
       disabled: isDisabled,
       visible: isVisible
@@ -423,7 +483,7 @@ var Cell = exports.Cell = {
     if (radioSlot) {
       return $table.callSlot(radioSlot, radioParams, h);
     }
-    var radioVNs = [];
+    const radioVNs = [];
     if (isVisible) {
       radioVNs.push(h('span', {
         class: ['vxe-radio--icon', isChecked ? getIcon().TABLE_RADIO_CHECKED : getIcon().TABLE_RADIO_UNCHECKED]
@@ -439,38 +499,44 @@ var Cell = exports.Cell = {
         'is--checked': isChecked,
         'is--disabled': isDisabled
       }],
-      on: on
+      on
     }, radioVNs)];
   },
-  renderTreeRadioCell: function renderTreeRadioCell(h, params) {
+  renderTreeRadioCell(h, params) {
     return Cell.renderTreeIcon(h, params, Cell.renderRadioCell(h, params));
   },
   /**
    * 多选
    */
-  renderCheckboxHeader: function renderCheckboxHeader(h, params) {
-    var $table = params.$table,
-      column = params.column,
-      isHidden = params.isHidden;
-    var isAllCheckboxSelected = $table.isAllSelected,
-      isAllCheckboxIndeterminate = $table.isIndeterminate,
-      isAllCheckboxDisabled = $table.isAllCheckboxDisabled;
-    var slots = column.slots;
-    var headerSlot = slots ? slots.header : null;
-    var titleSlot = slots ? slots.title : null;
-    var checkboxOpts = $table.checkboxOpts;
-    var headerTitle = column.getTitle();
-    var on;
+  renderCheckboxHeader(h, params) {
+    const {
+      $table,
+      column,
+      isHidden
+    } = params;
+    const {
+      isAllSelected: isAllCheckboxSelected,
+      isIndeterminate: isAllCheckboxIndeterminate,
+      isAllCheckboxDisabled
+    } = $table;
+    const {
+      slots
+    } = column;
+    const headerSlot = slots ? slots.header : null;
+    const titleSlot = slots ? slots.title : null;
+    const checkboxOpts = $table.checkboxOpts;
+    const headerTitle = column.getTitle();
+    let on;
     if (!isHidden) {
       on = {
-        click: function click(evnt) {
+        click(evnt) {
           if (!isAllCheckboxDisabled) {
             $table.triggerCheckAllEvent(evnt, !isAllCheckboxSelected);
           }
         }
       };
     }
-    var checkboxParams = Object.assign(Object.assign({}, params), {
+    const checkboxParams = Object.assign(Object.assign({}, params), {
       checked: isAllCheckboxSelected,
       disabled: isAllCheckboxDisabled,
       indeterminate: isAllCheckboxIndeterminate
@@ -492,40 +558,47 @@ var Cell = exports.Cell = {
       attrs: {
         title: getI18n('vxe.table.allTitle')
       },
-      on: on
+      on
     }, [h('span', {
       class: ['vxe-checkbox--icon', isAllCheckboxIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllCheckboxSelected ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
     })].concat(titleSlot || headerTitle ? [h('span', {
       class: 'vxe-checkbox--label'
     }, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)] : []))]);
   },
-  renderCheckboxCell: function renderCheckboxCell(h, params) {
-    var $table = params.$table,
-      row = params.row,
-      column = params.column,
-      isHidden = params.isHidden;
-    var treeConfig = $table.treeConfig,
-      treeIndeterminateMaps = $table.treeIndeterminateMaps,
-      selectCheckboxMaps = $table.selectCheckboxMaps;
-    var _$table$checkboxOpts = $table.checkboxOpts,
-      labelField = _$table$checkboxOpts.labelField,
-      checkMethod = _$table$checkboxOpts.checkMethod,
-      visibleMethod = _$table$checkboxOpts.visibleMethod;
-    var slots = column.slots;
-    var defaultSlot = slots ? slots.default : null;
-    var checkboxSlot = slots ? slots.checkbox : null;
-    var indeterminate = false;
-    var isChecked = false;
-    var isVisible = !visibleMethod || visibleMethod({
-      row: row
+  renderCheckboxCell(h, params) {
+    const {
+      $table,
+      row,
+      column,
+      isHidden
+    } = params;
+    const {
+      treeConfig,
+      treeIndeterminateMaps,
+      selectCheckboxMaps
+    } = $table;
+    const {
+      labelField,
+      checkMethod,
+      visibleMethod
+    } = $table.checkboxOpts;
+    const {
+      slots
+    } = column;
+    const defaultSlot = slots ? slots.default : null;
+    const checkboxSlot = slots ? slots.checkbox : null;
+    let indeterminate = false;
+    let isChecked = false;
+    const isVisible = !visibleMethod || visibleMethod({
+      row
     });
-    var isDisabled = !!checkMethod;
-    var on;
+    let isDisabled = !!checkMethod;
+    let on;
     if (!isHidden) {
-      var rowid = (0, _util.getRowid)($table, row);
+      const rowid = (0, _util.getRowid)($table, row);
       isChecked = !!selectCheckboxMaps[rowid];
       on = {
-        click: function click(evnt) {
+        click(evnt) {
           if (!isDisabled && isVisible) {
             $table.triggerCheckRowEvent(evnt, params, !isChecked);
           }
@@ -533,23 +606,23 @@ var Cell = exports.Cell = {
       };
       if (checkMethod) {
         isDisabled = !checkMethod({
-          row: row
+          row
         });
       }
       if (treeConfig) {
         indeterminate = !!treeIndeterminateMaps[rowid];
       }
     }
-    var checkboxParams = Object.assign(Object.assign({}, params), {
+    const checkboxParams = Object.assign(Object.assign({}, params), {
       checked: isChecked,
       disabled: isDisabled,
       visible: isVisible,
-      indeterminate: indeterminate
+      indeterminate
     });
     if (checkboxSlot) {
       return $table.callSlot(checkboxSlot, checkboxParams, h);
     }
-    var checkVNs = [];
+    const checkVNs = [];
     if (isVisible) {
       checkVNs.push(h('span', {
         class: ['vxe-checkbox--icon', indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
@@ -567,40 +640,48 @@ var Cell = exports.Cell = {
         'is--indeterminate': indeterminate,
         'is--hidden': !isVisible
       }],
-      on: on
+      on
     }, checkVNs)];
   },
-  renderTreeSelectionCell: function renderTreeSelectionCell(h, params) {
+  renderTreeSelectionCell(h, params) {
     return Cell.renderTreeIcon(h, params, Cell.renderCheckboxCell(h, params));
   },
-  renderCheckboxCellByProp: function renderCheckboxCellByProp(h, params) {
-    var $table = params.$table,
-      row = params.row,
-      column = params.column,
-      isHidden = params.isHidden;
-    var treeConfig = $table.treeConfig,
-      treeIndeterminateMaps = $table.treeIndeterminateMaps,
-      checkboxOpts = $table.checkboxOpts;
-    var labelField = checkboxOpts.labelField,
-      checkField = checkboxOpts.checkField,
-      checkMethod = checkboxOpts.checkMethod,
-      visibleMethod = checkboxOpts.visibleMethod;
-    var indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
-    var slots = column.slots;
-    var defaultSlot = slots ? slots.default : null;
-    var checkboxSlot = slots ? slots.checkbox : null;
-    var isIndeterminate = false;
-    var isChecked = false;
-    var isVisible = !visibleMethod || visibleMethod({
-      row: row
+  renderCheckboxCellByProp(h, params) {
+    const {
+      $table,
+      row,
+      column,
+      isHidden
+    } = params;
+    const {
+      treeConfig,
+      treeIndeterminateMaps,
+      checkboxOpts
+    } = $table;
+    const {
+      labelField,
+      checkField,
+      checkMethod,
+      visibleMethod
+    } = checkboxOpts;
+    const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
+    const {
+      slots
+    } = column;
+    const defaultSlot = slots ? slots.default : null;
+    const checkboxSlot = slots ? slots.checkbox : null;
+    let isIndeterminate = false;
+    let isChecked = false;
+    const isVisible = !visibleMethod || visibleMethod({
+      row
     });
-    var isDisabled = !!checkMethod;
-    var on;
+    let isDisabled = !!checkMethod;
+    let on;
     if (!isHidden) {
-      var rowid = (0, _util.getRowid)($table, row);
+      const rowid = (0, _util.getRowid)($table, row);
       isChecked = _xeUtils.default.get(row, checkField);
       on = {
-        click: function click(evnt) {
+        click(evnt) {
           if (!isDisabled && isVisible) {
             $table.triggerCheckRowEvent(evnt, params, !isChecked);
           }
@@ -608,14 +689,14 @@ var Cell = exports.Cell = {
       };
       if (checkMethod) {
         isDisabled = !checkMethod({
-          row: row
+          row
         });
       }
       if (treeConfig) {
         isIndeterminate = !!treeIndeterminateMaps[rowid];
       }
     }
-    var checkboxParams = Object.assign(Object.assign({}, params), {
+    const checkboxParams = Object.assign(Object.assign({}, params), {
       checked: isChecked,
       disabled: isDisabled,
       visible: isVisible,
@@ -624,7 +705,7 @@ var Cell = exports.Cell = {
     if (checkboxSlot) {
       return $table.callSlot(checkboxSlot, checkboxParams, h);
     }
-    var checkVNs = [];
+    const checkVNs = [];
     if (isVisible) {
       checkVNs.push(h('span', {
         class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
@@ -642,39 +723,47 @@ var Cell = exports.Cell = {
         'is--indeterminate': indeterminateField && !isChecked ? row[indeterminateField] : isIndeterminate,
         'is--hidden': !isVisible
       }],
-      on: on
+      on
     }, checkVNs)];
   },
-  renderTreeSelectionCellByProp: function renderTreeSelectionCellByProp(h, params) {
+  renderTreeSelectionCellByProp(h, params) {
     return Cell.renderTreeIcon(h, params, Cell.renderCheckboxCellByProp(h, params));
   },
   /**
    * 展开行
    */
-  renderExpandCell: function renderExpandCell(h, params) {
-    var $table = params.$table,
-      isHidden = params.isHidden,
-      row = params.row,
-      column = params.column;
-    var expandOpts = $table.expandOpts,
-      rowExpandedMaps = $table.rowExpandedMaps,
-      rowExpandLazyLoadedMaps = $table.rowExpandLazyLoadedMaps;
-    var lazy = expandOpts.lazy,
-      labelField = expandOpts.labelField,
-      iconLoaded = expandOpts.iconLoaded,
-      showIcon = expandOpts.showIcon,
-      iconOpen = expandOpts.iconOpen,
-      iconClose = expandOpts.iconClose,
-      visibleMethod = expandOpts.visibleMethod;
-    var slots = column.slots;
-    var defaultSlot = slots ? slots.default : null;
-    var isAceived = false;
-    var isLazyLoading = false;
+  renderExpandCell(h, params) {
+    const {
+      $table,
+      isHidden,
+      row,
+      column
+    } = params;
+    const {
+      expandOpts,
+      rowExpandedMaps,
+      rowExpandLazyLoadedMaps
+    } = $table;
+    const {
+      lazy,
+      labelField,
+      iconLoaded,
+      showIcon,
+      iconOpen,
+      iconClose,
+      visibleMethod
+    } = expandOpts;
+    const {
+      slots
+    } = column;
+    const defaultSlot = slots ? slots.default : null;
+    let isAceived = false;
+    let isLazyLoading = false;
     if (slots && slots.icon) {
       return $table.callSlot(slots.icon, params, h);
     }
     if (!isHidden) {
-      var rowid = (0, _util.getRowid)($table, row);
+      const rowid = (0, _util.getRowid)($table, row);
       isAceived = !!rowExpandedMaps[rowid];
       if (lazy) {
         isLazyLoading = !!rowExpandLazyLoadedMaps[rowid];
@@ -685,7 +774,7 @@ var Cell = exports.Cell = {
         'is--active': isAceived
       }],
       on: {
-        click: function click(evnt) {
+        click(evnt) {
           $table.triggerRowExpandEvent(evnt, params);
         }
       }
@@ -695,17 +784,21 @@ var Cell = exports.Cell = {
       class: 'vxe-table--expand-label'
     }, defaultSlot ? $table.callSlot(defaultSlot, params, h) : _xeUtils.default.get(row, labelField)) : null];
   },
-  renderExpandData: function renderExpandData(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var slots = column.slots,
-      contentRender = column.contentRender;
+  renderExpandData(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      slots,
+      contentRender
+    } = column;
     if (slots && slots.content) {
       return $table.callSlot(slots.content, params, h);
     }
     if (contentRender) {
-      var compConf = renderer.get(contentRender.name);
-      var rtExpand = compConf ? compConf.renderTableExpand || compConf.renderExpand : null;
+      const compConf = renderer.get(contentRender.name);
+      const rtExpand = compConf ? compConf.renderTableExpand || compConf.renderExpand : null;
       if (rtExpand) {
         return (0, _vn.getSlotVNs)(rtExpand.call($table, h, contentRender, params));
       }
@@ -715,10 +808,14 @@ var Cell = exports.Cell = {
   /**
    * HTML 标签
    */
-  renderHTMLCell: function renderHTMLCell(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var slots = column.slots;
+  renderHTMLCell(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      slots
+    } = column;
     if (slots && slots.default) {
       return $table.callSlot(slots.default, params, h);
     }
@@ -729,31 +826,34 @@ var Cell = exports.Cell = {
       }
     })];
   },
-  renderTreeHTMLCell: function renderTreeHTMLCell(h, params) {
+  renderTreeHTMLCell(h, params) {
     return Cell.renderTreeIcon(h, params, Cell.renderHTMLCell(h, params));
   },
   /**
    * 排序和筛选
    */
-  renderSortAndFilterHeader: function renderSortAndFilterHeader(h, params) {
+  renderSortAndFilterHeader(h, params) {
     return Cell.renderDefaultHeader(h, params).concat(Cell.renderSortIcon(h, params)).concat(Cell.renderFilterIcon(h, params));
   },
   /**
    * 排序
    */
-  renderSortHeader: function renderSortHeader(h, params) {
+  renderSortHeader(h, params) {
     return Cell.renderDefaultHeader(h, params).concat(Cell.renderSortIcon(h, params));
   },
-  renderSortIcon: function renderSortIcon(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var _$table$sortOpts = $table.sortOpts,
-      showIcon = _$table$sortOpts.showIcon,
-      iconLayout = _$table$sortOpts.iconLayout,
-      iconAsc = _$table$sortOpts.iconAsc,
-      iconDesc = _$table$sortOpts.iconDesc;
+  renderSortIcon(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      showIcon,
+      iconLayout,
+      iconAsc,
+      iconDesc
+    } = $table.sortOpts;
     return showIcon ? [h('span', {
-      class: ['vxe-cell--sort', "vxe-cell--sort-".concat(iconLayout, "-layout")]
+      class: ['vxe-cell--sort', `vxe-cell--sort-${iconLayout}-layout`]
     }, [h('i', {
       class: ['vxe-sort--asc-btn', iconAsc || getIcon().TABLE_SORT_ASC, {
         'sort--active': column.order === 'asc'
@@ -762,7 +862,7 @@ var Cell = exports.Cell = {
         title: getI18n('vxe.table.sortAsc')
       },
       on: {
-        click: function click(evnt) {
+        click(evnt) {
           evnt.stopPropagation();
           $table.triggerSortEvent(evnt, column, 'asc');
         }
@@ -775,7 +875,7 @@ var Cell = exports.Cell = {
         title: getI18n('vxe.table.sortDesc')
       },
       on: {
-        click: function click(evnt) {
+        click(evnt) {
           evnt.stopPropagation();
           $table.triggerSortEvent(evnt, column, 'desc');
         }
@@ -785,18 +885,24 @@ var Cell = exports.Cell = {
   /**
    * 筛选
    */
-  renderFilterHeader: function renderFilterHeader(h, params) {
+  renderFilterHeader(h, params) {
     return Cell.renderDefaultHeader(h, params).concat(Cell.renderFilterIcon(h, params));
   },
-  renderFilterIcon: function renderFilterIcon(h, params) {
-    var $table = params.$table,
-      column = params.column,
-      hasFilter = params.hasFilter;
-    var filterStore = $table.filterStore,
-      filterOpts = $table.filterOpts;
-    var showIcon = filterOpts.showIcon,
-      iconNone = filterOpts.iconNone,
-      iconMatch = filterOpts.iconMatch;
+  renderFilterIcon(h, params) {
+    const {
+      $table,
+      column,
+      hasFilter
+    } = params;
+    const {
+      filterStore,
+      filterOpts
+    } = $table;
+    const {
+      showIcon,
+      iconNone,
+      iconMatch
+    } = filterOpts;
     return showIcon ? [h('span', {
       class: ['vxe-cell--filter', {
         'is--active': filterStore.visible && filterStore.column === column
@@ -807,7 +913,7 @@ var Cell = exports.Cell = {
         title: getI18n('vxe.table.filter')
       },
       on: {
-        click: function click(evnt) {
+        click(evnt) {
           if ($table.triggerFilterEvent) {
             $table.triggerFilterEvent(evnt, params.column, params);
           }
@@ -818,23 +924,27 @@ var Cell = exports.Cell = {
   /**
    * 可编辑
    */
-  renderEditHeader: function renderEditHeader(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var editConfig = $table.editConfig,
-      editRules = $table.editRules,
-      editOpts = $table.editOpts;
-    var sortable = column.sortable,
-      remoteSort = column.remoteSort,
-      filters = column.filters,
-      editRender = column.editRender;
-    var isRequired = false;
+  renderEditHeader(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      editConfig,
+      editRules,
+      editOpts
+    } = $table;
+    const {
+      sortable,
+      remoteSort,
+      filters,
+      editRender
+    } = column;
+    let isRequired = false;
     if (editRules) {
-      var columnRules = _xeUtils.default.get(editRules, column.field);
+      const columnRules = _xeUtils.default.get(editRules, column.field);
       if (columnRules) {
-        isRequired = columnRules.some(function (rule) {
-          return rule.required;
-        });
+        isRequired = columnRules.some(rule => rule.required);
       }
     }
     return ((0, _utils.isEnableConf)(editConfig) ? [isRequired && editOpts.showAsterisk ? h('i', {
@@ -844,38 +954,54 @@ var Cell = exports.Cell = {
     }) : null] : []).concat(Cell.renderDefaultHeader(h, params)).concat(sortable || remoteSort ? Cell.renderSortIcon(h, params) : []).concat(filters ? Cell.renderFilterIcon(h, params) : []);
   },
   // 行格编辑模式
-  renderRowEdit: function renderRowEdit(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var editRender = column.editRender;
-    var actived = $table.editStore.actived;
+  renderRowEdit(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      editRender
+    } = column;
+    const {
+      actived
+    } = $table.editStore;
     return Cell.runRenderer(h, params, this, (0, _utils.isEnableConf)(editRender) && actived && actived.row === params.row);
   },
-  renderTreeRowEdit: function renderTreeRowEdit(h, params) {
+  renderTreeRowEdit(h, params) {
     return Cell.renderTreeIcon(h, params, Cell.renderRowEdit(h, params));
   },
   // 单元格编辑模式
-  renderCellEdit: function renderCellEdit(h, params) {
-    var $table = params.$table,
-      column = params.column;
-    var editRender = column.editRender;
-    var actived = $table.editStore.actived;
+  renderCellEdit(h, params) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      editRender
+    } = column;
+    const {
+      actived
+    } = $table.editStore;
     return Cell.runRenderer(h, params, this, (0, _utils.isEnableConf)(editRender) && actived && actived.row === params.row && actived.column === params.column);
   },
-  renderTreeCellEdit: function renderTreeCellEdit(h, params) {
+  renderTreeCellEdit(h, params) {
     return Cell.renderTreeIcon(h, params, Cell.renderCellEdit(h, params));
   },
-  runRenderer: function runRenderer(h, params, _vm, isEdit) {
-    var $table = params.$table,
-      column = params.column;
-    var slots = column.slots,
-      editRender = column.editRender,
-      formatter = column.formatter;
-    var compConf = renderer.get(editRender.name);
-    var rtEdit = compConf ? compConf.renderTableEdit || compConf.renderEdit : null;
-    var cellParams = Object.assign({
+  runRenderer(h, params, _vm, isEdit) {
+    const {
+      $table,
+      column
+    } = params;
+    const {
+      slots,
+      editRender,
+      formatter
+    } = column;
+    const compConf = renderer.get(editRender.name);
+    const rtEdit = compConf ? compConf.renderTableEdit || compConf.renderEdit : null;
+    const cellParams = Object.assign({
       $type: '',
-      isEdit: isEdit
+      isEdit
     }, params);
     if (isEdit) {
       if (slots && slots.edit) {