vxe-table 3.9.0-rc.9 → 3.9.0

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

@@ -10,66 +10,79 @@ var _dom = require("../../../ui/src/dom");
 var _log = require("../../../ui/src/log");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var getI18n = _ui.VxeUI.getI18n,
-  getIcon = _ui.VxeUI.getIcon;
+const {
+  getI18n,
+  getIcon,
+  renderEmptyElement
+} = _ui.VxeUI;
 function updateDropHint(_vm, evnt) {
-  var $refs = _vm.$refs;
-  var dragHintEl = $refs.dragHintElemRef;
-  var bodyEl = $refs.bodyElemRef;
+  const {
+    $refs
+  } = _vm;
+  const dragHintEl = $refs.dragHintElemRef;
+  const bodyEl = $refs.bodyElemRef;
   if (!bodyEl) {
     return;
   }
   if (dragHintEl) {
-    var wrapperEl = bodyEl.parentNode;
-    var wrapperRect = wrapperEl.getBoundingClientRect();
+    const wrapperEl = bodyEl.parentNode;
+    const wrapperRect = wrapperEl.getBoundingClientRect();
     dragHintEl.style.display = 'block';
-    dragHintEl.style.top = "".concat(Math.min(wrapperEl.clientHeight - wrapperEl.scrollTop - dragHintEl.clientHeight, evnt.clientY - wrapperRect.y), "px");
-    dragHintEl.style.left = "".concat(Math.min(wrapperEl.clientWidth - wrapperEl.scrollLeft - dragHintEl.clientWidth - 16, evnt.clientX - wrapperRect.x), "px");
+    dragHintEl.style.top = `${Math.min(wrapperEl.clientHeight - wrapperEl.scrollTop - dragHintEl.clientHeight, evnt.clientY - wrapperRect.y)}px`;
+    dragHintEl.style.left = `${Math.min(wrapperEl.clientWidth - wrapperEl.scrollLeft - dragHintEl.clientWidth - 16, evnt.clientX - wrapperRect.x)}px`;
   }
 }
-var renderSimplePanel = function renderSimplePanel(h, _vm) {
-  var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-  var _e = _vm._e,
-    $xetable = _vm.$xetable,
-    customStore = _vm.customStore,
-    dragColumn = _vm.dragColumn;
-  var customColumnList = $xetable.customColumnList,
-    customOpts = $xetable.customOpts,
-    isMaxFixedColumn = $xetable.isMaxFixedColumn;
-  var maxHeight = customStore.maxHeight;
-  var checkMethod = customOpts.checkMethod,
-    visibleMethod = customOpts.visibleMethod,
-    allowVisible = customOpts.allowVisible,
-    allowSort = customOpts.allowSort,
-    allowFixed = customOpts.allowFixed,
-    trigger = customOpts.trigger,
-    placement = customOpts.placement;
-  var colVNs = [];
-  var customWrapperOns = {};
+const renderSimplePanel = (h, _vm) => {
+  const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+  const {
+    _e,
+    $xetable,
+    customStore,
+    dragColumn
+  } = _vm;
+  const {
+    customColumnList,
+    customOpts,
+    isMaxFixedColumn
+  } = $xetable;
+  const {
+    maxHeight
+  } = customStore;
+  const {
+    checkMethod,
+    visibleMethod,
+    allowVisible,
+    allowSort,
+    allowFixed,
+    trigger,
+    placement
+  } = customOpts;
+  const colVNs = [];
+  const customWrapperOns = {};
   // hover 触发
   if (trigger === 'hover') {
     customWrapperOns.mouseenter = _vm.handleWrapperMouseenterEvent;
     customWrapperOns.mouseleave = _vm.handleWrapperMouseleaveEvent;
   }
-  _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
-    var isVisible = visibleMethod ? visibleMethod({
-      column: column
+  _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parent) => {
+    const isVisible = visibleMethod ? visibleMethod({
+      column
     }) : true;
     if (isVisible) {
-      var isChecked = column.renderVisible;
-      var isIndeterminate = column.halfVisible;
-      var isColGroup = column.children && column.children.length;
-      var colTitle = (0, _utils.formatText)(column.getTitle(), 1);
-      var isDisabled = checkMethod ? !checkMethod({
-        column: column
+      const isChecked = column.renderVisible;
+      const isIndeterminate = column.halfVisible;
+      const isColGroup = column.children && column.children.length;
+      const colTitle = (0, _utils.formatText)(column.getTitle(), 1);
+      const isDisabled = checkMethod ? !checkMethod({
+        column
       }) : false;
-      var isHidden = !isChecked;
+      const isHidden = !isChecked;
       colVNs.push(h('li', {
         key: column.id,
         attrs: {
           colid: column.id
         },
-        class: ['vxe-table-custom--option', "level--".concat(column.level), {
+        class: ['vxe-table-custom--option', `level--${column.level}`, {
           'is--hidden': isHidden,
           'is--group': isColGroup
         }],
@@ -88,7 +101,7 @@ var renderSimplePanel = function renderSimplePanel(h, _vm) {
           title: getI18n('vxe.custom.setting.colVisible')
         },
         on: {
-          click: function click() {
+          click: () => {
             if (!isDisabled) {
               _vm.changeCheckboxOption(column);
             }
@@ -134,7 +147,7 @@ var renderSimplePanel = function renderSimplePanel(h, _vm) {
           title: getI18n(column.renderFixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft')
         },
         on: {
-          click: function click() {
+          click: () => {
             _vm.changeFixedOption(column, 'left');
           }
         }
@@ -147,22 +160,22 @@ var renderSimplePanel = function renderSimplePanel(h, _vm) {
           title: getI18n(column.renderFixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight')
         },
         on: {
-          click: function click() {
+          click: () => {
             _vm.changeFixedOption(column, 'right');
           }
         }
       })]) : _e()]));
     }
   });
-  var isAllChecked = customStore.isAll;
-  var isAllIndeterminate = customStore.isIndeterminate;
+  const isAllChecked = customStore.isAll;
+  const isAllIndeterminate = customStore.isIndeterminate;
   return h('div', {
     key: 'simple',
-    class: ['vxe-table-custom-wrapper', "placement--".concat(placement), {
+    class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
       'is--active': customStore.visible
     }],
     style: maxHeight && !['left', 'right'].includes(placement) ? {
-      maxHeight: "".concat(maxHeight, "px")
+      maxHeight: `${maxHeight}px`
     } : {}
   }, customStore.visible ? [h('ul', {
     class: 'vxe-table-custom--header'
@@ -235,44 +248,56 @@ var renderSimplePanel = function renderSimplePanel(h, _vm) {
     }
   })]) : null] : []);
 };
-var renderPopupPanel = function renderPopupPanel(h, _vm) {
-  var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-  var _e = _vm._e,
-    $xetable = _vm.$xetable,
-    customStore = _vm.customStore;
-  var customOpts = $xetable.customOpts,
-    customColumnList = $xetable.customColumnList,
-    columnOpts = $xetable.columnOpts,
-    isMaxFixedColumn = $xetable.isMaxFixedColumn;
-  var modalOptions = customOpts.modalOptions,
-    allowVisible = customOpts.allowVisible,
-    allowSort = customOpts.allowSort,
-    allowFixed = customOpts.allowFixed,
-    allowResizable = customOpts.allowResizable,
-    checkMethod = customOpts.checkMethod,
-    visibleMethod = customOpts.visibleMethod;
-  var maxFixedSize = columnOpts.maxFixedSize;
-  var modalOpts = Object.assign({}, modalOptions);
-  var trVNs = [];
-  _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
-    var isVisible = visibleMethod ? visibleMethod({
-      column: column
+const renderPopupPanel = (h, _vm) => {
+  const VxeUIModalComponent = _ui.VxeUI.getComponent('VxeModal');
+  const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+  const VxeUIInputComponent = _ui.VxeUI.getComponent('VxeInput');
+  const VxeUITooltipComponent = _ui.VxeUI.getComponent('VxeTooltip');
+  const $xeTableCustomPanel = _vm;
+  const {
+    _e,
+    $xetable,
+    customStore
+  } = _vm;
+  const {
+    customOpts,
+    customColumnList,
+    columnOpts,
+    isMaxFixedColumn
+  } = $xetable;
+  const {
+    modalOptions,
+    allowVisible,
+    allowSort,
+    allowFixed,
+    allowResizable,
+    checkMethod,
+    visibleMethod
+  } = customOpts;
+  const {
+    maxFixedSize
+  } = columnOpts;
+  const modalOpts = Object.assign({}, modalOptions);
+  const trVNs = [];
+  _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parent) => {
+    const isVisible = visibleMethod ? visibleMethod({
+      column
     }) : true;
     if (isVisible) {
-      var isChecked = column.renderVisible;
-      var isIndeterminate = column.halfVisible;
-      var colTitle = (0, _utils.formatText)(column.getTitle(), 1);
-      var isColGroup = column.children && column.children.length;
-      var isDisabled = checkMethod ? !checkMethod({
-        column: column
+      const isChecked = column.renderVisible;
+      const isIndeterminate = column.halfVisible;
+      const colTitle = (0, _utils.formatText)(column.getTitle(), 1);
+      const isColGroup = column.children && column.children.length;
+      const isDisabled = checkMethod ? !checkMethod({
+        column
       }) : false;
-      var isHidden = !isChecked;
+      const isHidden = !isChecked;
       trVNs.push(h('tr', {
         key: column.id,
         attrs: {
           colid: column.id
         },
-        class: ["vxe-table-custom-popup--row level--".concat(column.level), {
+        class: [`vxe-table-custom-popup--row level--${column.level}`, {
           'is--group': isColGroup
         }],
         on: {
@@ -292,7 +317,7 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           title: getI18n('vxe.custom.setting.colVisible')
         },
         on: {
-          click: function click() {
+          click: () => {
             if (!isDisabled) {
               _vm.changeCheckboxOption(column);
             }
@@ -331,18 +356,18 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
         }
       }, colTitle)]), allowResizable ? h('td', {
         class: 'vxe-table-custom-popup--column-item col--resizable'
-      }, [column.children && column.children.length ? h('span', '-') : h('vxe-input', {
+      }, [column.children && column.children.length ? h('span', '-') : VxeUIInputComponent ? h(VxeUIInputComponent, {
         props: {
           type: 'integer',
           disabled: isHidden,
           value: column.renderResizeWidth
         },
         on: {
-          modelValue: function modelValue(value) {
+          modelValue(value) {
             column.renderResizeWidth = Math.max(0, Number(value));
           }
         }
-      })]) : _e(), allowFixed ? h('td', {
+      }) : renderEmptyElement($xeTableCustomPanel)]) : _e(), allowFixed ? h('td', {
         class: 'vxe-table-custom-popup--column-item col--fixed'
       }, [parent ? h('span', '-') : h('vxe-radio-group', {
         props: {
@@ -365,16 +390,16 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           }]
         },
         on: {
-          input: function input(value) {
+          input(value) {
             column.renderFixed = value;
           }
         }
       })]) : _e()]));
     }
   });
-  var isAllChecked = customStore.isAll;
-  var isAllIndeterminate = customStore.isIndeterminate;
-  return h('vxe-modal', {
+  const isAllChecked = customStore.isAll;
+  const isAllIndeterminate = customStore.isIndeterminate;
+  return VxeUIModalComponent ? h(VxeUIModalComponent, {
     key: 'modal',
     props: {
       className: ['vxe-table-custom-popup-wrapper', 'vxe-table--ignore-clear', modalOpts.className || ''].join(' '),
@@ -393,12 +418,12 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
       showFooter: true
     },
     on: {
-      input: function input(value) {
+      input(value) {
         customStore.visible = value;
       }
     },
     scopedSlots: {
-      default: function _default() {
+      default: () => {
         return h('div', {
           ref: 'bodyElemRef',
           class: 'vxe-table-custom-popup--body'
@@ -441,20 +466,20 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           class: 'vxe-checkbox--label'
         }, getI18n('vxe.toolbar.customAll'))])]) : _e(), allowSort ? h('th', {}, [h('span', {
           class: 'vxe-table-custom-popup--table-sort-help-title'
-        }, getI18n('vxe.custom.setting.colSort')), h('vxe-tooltip', {
+        }, getI18n('vxe.custom.setting.colSort')), VxeUITooltipComponent ? h(VxeUITooltipComponent, {
           props: {
             enterable: true,
             content: getI18n('vxe.custom.setting.sortHelpTip'),
             popupClassName: 'vxe-table--ignore-clear'
           },
           scopedSlots: {
-            default: function _default() {
+            default: () => {
               return h('i', {
                 class: 'vxe-table-custom-popup--table-sort-help-icon vxe-icon-question-circle-fill'
               });
             }
           }
-        })]) : _e(), h('th', {}, getI18n('vxe.custom.setting.colTitle')), allowResizable ? h('th', {}, getI18n('vxe.custom.setting.colResizable')) : _e(), allowFixed ? h('th', {}, getI18n("vxe.custom.setting.".concat(maxFixedSize ? 'colFixedMax' : 'colFixed'), [maxFixedSize])) : _e()])]), h('transition-group', {
+        }) : renderEmptyElement($xeTableCustomPanel)]) : _e(), h('th', {}, getI18n('vxe.custom.setting.colTitle')), allowResizable ? h('th', {}, getI18n('vxe.custom.setting.colResizable')) : _e(), allowFixed ? h('th', {}, getI18n(`vxe.custom.setting.${maxFixedSize ? 'colFixedMax' : 'colFixed'}`, [maxFixedSize])) : _e()])]), h('transition-group', {
           class: 'vxe-table-custom--body',
           props: {
             tag: 'tbody',
@@ -465,7 +490,7 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
           class: 'vxe-table-custom-popup--drag-hint'
         }, getI18n('vxe.custom.cstmDragTarget', [_vm.dragColumn ? _vm.dragColumn.getTitle() : '']))]);
       },
-      footer: function footer() {
+      footer: () => {
         return h('div', {
           class: 'vxe-table-custom-popup--footer'
         }, [h(VxeUIButtonComponent, {
@@ -493,16 +518,14 @@ var renderPopupPanel = function renderPopupPanel(h, _vm) {
         })]);
       }
     }
-  });
+  }) : renderEmptyElement($xeTableCustomPanel);
 };
-var _default2 = exports.default = {
+var _default = exports.default = {
   name: 'VxeTableCustomPanel',
   props: {
     customStore: {
       type: Object,
-      default: function _default() {
-        return {};
-      }
+      default: () => ({})
     }
   },
   inject: {
@@ -510,25 +533,30 @@ var _default2 = exports.default = {
       default: null
     }
   },
-  data: function data() {
+  data() {
     return {
       dragColumn: null
     };
   },
   computed: {},
-  created: function created() {
-    var _this = this;
+  created() {
     if (process.env.NODE_ENV === 'development') {
-      var VxeUIModalComponent = _ui.VxeUI.getComponent('VxeModal');
-      var VxeUIDrawerComponent = _ui.VxeUI.getComponent('VxeDrawer');
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var VxeUIInputComponent = _ui.VxeUI.getComponent('VxeInput');
-      var VxeUITooltipComponent = _ui.VxeUI.getComponent('VxeTooltip');
-      var VxeUIRadioGroupComponent = _ui.VxeUI.getComponent('VxeRadioGroup');
-      this.$nextTick(function () {
-        var $xetable = _this.$xetable;
-        var customOpts = $xetable.customOpts;
-        var mode = customOpts.mode;
+      const VxeUIModalComponent = _ui.VxeUI.getComponent('VxeModal');
+      const VxeUIDrawerComponent = _ui.VxeUI.getComponent('VxeDrawer');
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const VxeUIInputComponent = _ui.VxeUI.getComponent('VxeInput');
+      const VxeUITooltipComponent = _ui.VxeUI.getComponent('VxeTooltip');
+      const VxeUIRadioGroupComponent = _ui.VxeUI.getComponent('VxeRadioGroup');
+      this.$nextTick(() => {
+        const {
+          $xetable
+        } = this;
+        const {
+          customOpts
+        } = $xetable;
+        const {
+          mode
+        } = customOpts;
         if (!VxeUIModalComponent) {
           (0, _log.errLog)('vxe.error.reqComp', ['vxe-modal']);
         }
@@ -550,49 +578,63 @@ var _default2 = exports.default = {
       });
     }
   },
-  render: function render(h) {
-    var $xetable = this.$xetable;
-    var customOpts = $xetable.customOpts;
-    if (['modal', 'popup'].includes("".concat(customOpts.mode))) {
+  render(h) {
+    const {
+      $xetable
+    } = this;
+    const {
+      customOpts
+    } = $xetable;
+    if (['modal', 'popup'].includes(`${customOpts.mode}`)) {
       return renderPopupPanel(h, this);
     }
     return renderSimplePanel(h, this);
   },
   methods: {
-    handleWrapperMouseenterEvent: function handleWrapperMouseenterEvent(evnt) {
-      var $xetable = this.$xetable,
-        customStore = this.customStore;
+    handleWrapperMouseenterEvent(evnt) {
+      const {
+        $xetable,
+        customStore
+      } = this;
       customStore.activeWrapper = true;
       $xetable.customOpenEvent(evnt);
     },
-    handleWrapperMouseleaveEvent: function handleWrapperMouseleaveEvent(evnt) {
-      var $xetable = this.$xetable,
-        customStore = this.customStore;
+    handleWrapperMouseleaveEvent(evnt) {
+      const {
+        $xetable,
+        customStore
+      } = this;
       customStore.activeWrapper = false;
-      setTimeout(function () {
+      setTimeout(() => {
         if (!customStore.activeBtn && !customStore.activeWrapper) {
           $xetable.customColseEvent(evnt);
         }
       }, 300);
     },
-    getStoreData: function getStoreData() {
+    getStoreData() {
       return {};
     },
-    confirmCustomEvent: function confirmCustomEvent(evnt) {
-      var $xetable = this.$xetable;
-      var customOpts = $xetable.customOpts,
-        customColumnList = $xetable.customColumnList;
-      var allowVisible = customOpts.allowVisible,
-        allowSort = customOpts.allowSort,
-        allowFixed = customOpts.allowFixed,
-        allowResizable = customOpts.allowResizable;
-      _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
+    confirmCustomEvent(evnt) {
+      const {
+        $xetable
+      } = this;
+      const {
+        customOpts,
+        customColumnList
+      } = $xetable;
+      const {
+        allowVisible,
+        allowSort,
+        allowFixed,
+        allowResizable
+      } = customOpts;
+      _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parent) => {
         if (parent) {
           // 更新子列信息
           column.fixed = parent.fixed;
         } else {
           if (allowSort) {
-            var sortIndex = index + 1;
+            const sortIndex = index + 1;
             column.renderSortNumber = sortIndex;
           }
           if (allowFixed) {
@@ -615,28 +657,39 @@ var _default2 = exports.default = {
       $xetable.emitCustomEvent('confirm', evnt);
       $xetable.saveCustomStore('confirm');
     },
-    cancelCloseEvent: function cancelCloseEvent(_ref) {
-      var $event = _ref.$event;
-      var $xetable = this.$xetable;
+    cancelCloseEvent({
+      $event
+    }) {
+      const {
+        $xetable
+      } = this;
       $xetable.closeCustom();
       $xetable.emitCustomEvent('cancel', $event);
     },
-    cancelCustomEvent: function cancelCustomEvent(evnt) {
-      var $xetable = this.$xetable;
-      var customStore = $xetable.customStore,
-        customOpts = $xetable.customOpts,
-        customColumnList = $xetable.customColumnList;
-      var oldSortMaps = customStore.oldSortMaps,
-        oldFixedMaps = customStore.oldFixedMaps,
-        oldVisibleMaps = customStore.oldVisibleMaps;
-      var allowVisible = customOpts.allowVisible,
-        allowSort = customOpts.allowSort,
-        allowFixed = customOpts.allowFixed,
-        allowResizable = customOpts.allowResizable;
-      _xeUtils.default.eachTree(customColumnList, function (column) {
-        var colid = column.getKey();
-        var visible = !!oldVisibleMaps[colid];
-        var fixed = oldFixedMaps[colid] || '';
+    cancelCustomEvent(evnt) {
+      const {
+        $xetable
+      } = this;
+      const {
+        customStore,
+        customOpts,
+        customColumnList
+      } = $xetable;
+      const {
+        oldSortMaps,
+        oldFixedMaps,
+        oldVisibleMaps
+      } = customStore;
+      const {
+        allowVisible,
+        allowSort,
+        allowFixed,
+        allowResizable
+      } = customOpts;
+      _xeUtils.default.eachTree(customColumnList, column => {
+        const colid = column.getKey();
+        const visible = !!oldVisibleMaps[colid];
+        const fixed = oldFixedMaps[colid] || '';
         if (allowVisible) {
           column.renderVisible = visible;
           column.visible = visible;
@@ -657,69 +710,73 @@ var _default2 = exports.default = {
       $xetable.closeCustom();
       $xetable.emitCustomEvent('cancel', evnt);
     },
-    handleResetCustomEvent: function handleResetCustomEvent(evnt) {
-      var $xetable = this.$xetable;
+    handleResetCustomEvent(evnt) {
+      const {
+        $xetable
+      } = this;
       $xetable.resetColumn(true);
       $xetable.closeCustom();
       $xetable.emitCustomEvent('reset', evnt);
     },
-    resetCustomEvent: function resetCustomEvent(evnt) {
-      var _this2 = this;
+    resetCustomEvent(evnt) {
       if (_ui.VxeUI.modal) {
         _ui.VxeUI.modal.confirm({
           content: getI18n('vxe.custom.cstmConfirmRestore'),
           className: 'vxe-table--ignore-clear',
           escClosable: true
-        }).then(function (type) {
+        }).then(type => {
           if (type === 'confirm') {
-            _this2.handleResetCustomEvent(evnt);
+            this.handleResetCustomEvent(evnt);
           }
         });
       } else {
         this.handleResetCustomEvent(evnt);
       }
     },
-    resetPopupCustomEvent: function resetPopupCustomEvent(evnt) {
-      var _this3 = this;
+    resetPopupCustomEvent(evnt) {
       if (_ui.VxeUI.modal) {
         _ui.VxeUI.modal.confirm({
           content: getI18n('vxe.custom.cstmConfirmRestore'),
           className: 'vxe-table--ignore-clear',
           escClosable: true
-        }).then(function (type) {
+        }).then(type => {
           if (type === 'confirm') {
-            _this3.resetCustomEvent(evnt);
+            this.resetCustomEvent(evnt);
           }
         });
       } else {
         this.resetCustomEvent(evnt);
       }
     },
-    handleOptionCheck: function handleOptionCheck(column) {
-      var $xetable = this.$xetable;
-      var customColumnList = $xetable.customColumnList;
-      var matchObj = _xeUtils.default.findTree(customColumnList, function (item) {
-        return item === column;
-      });
+    handleOptionCheck(column) {
+      const {
+        $xetable
+      } = this;
+      const {
+        customColumnList
+      } = $xetable;
+      const matchObj = _xeUtils.default.findTree(customColumnList, item => item === column);
       if (matchObj && matchObj.parent) {
-        var parent = matchObj.parent;
+        const {
+          parent
+        } = matchObj;
         if (parent.children && parent.children.length) {
-          parent.visible = parent.children.every(function (column) {
-            return column.visible;
-          });
-          parent.halfVisible = !parent.visible && parent.children.some(function (column) {
-            return column.visible || column.halfVisible;
-          });
+          parent.visible = parent.children.every(column => column.visible);
+          parent.halfVisible = !parent.visible && parent.children.some(column => column.visible || column.halfVisible);
           this.handleOptionCheck(parent);
         }
       }
     },
-    changeCheckboxOption: function changeCheckboxOption(column) {
-      var $xetable = this.$xetable;
-      var customOpts = $xetable.customOpts;
-      var isChecked = !column.renderVisible;
+    changeCheckboxOption(column) {
+      const {
+        $xetable
+      } = this;
+      const {
+        customOpts
+      } = $xetable;
+      const isChecked = !column.renderVisible;
       if (customOpts.immediate) {
-        _xeUtils.default.eachTree([column], function (item) {
+        _xeUtils.default.eachTree([column], item => {
           item.visible = isChecked;
           item.renderVisible = isChecked;
           item.halfVisible = false;
@@ -727,7 +784,7 @@ var _default2 = exports.default = {
         $xetable.handleCustom();
         $xetable.saveCustomStore('update:visible');
       } else {
-        _xeUtils.default.eachTree([column], function (item) {
+        _xeUtils.default.eachTree([column], item => {
           item.renderVisible = isChecked;
           item.halfVisible = false;
         });
@@ -735,19 +792,23 @@ var _default2 = exports.default = {
       this.handleOptionCheck(column);
       $xetable.checkCustomStatus();
     },
-    changeFixedOption: function changeFixedOption(column, colFixed) {
-      var $xetable = this.$xetable;
-      var isMaxFixedColumn = $xetable.isMaxFixedColumn,
-        customOpts = $xetable.customOpts;
+    changeFixedOption(column, colFixed) {
+      const {
+        $xetable
+      } = this;
+      const {
+        isMaxFixedColumn,
+        customOpts
+      } = $xetable;
       if (customOpts.immediate) {
         if (column.renderFixed === colFixed) {
-          _xeUtils.default.eachTree([column], function (col) {
+          _xeUtils.default.eachTree([column], col => {
             col.fixed = '';
             col.renderFixed = '';
           });
         } else {
           if (!isMaxFixedColumn || column.renderFixed) {
-            _xeUtils.default.eachTree([column], function (col) {
+            _xeUtils.default.eachTree([column], col => {
               col.fixed = colFixed;
               col.renderFixed = colFixed;
             });
@@ -757,29 +818,35 @@ var _default2 = exports.default = {
         $xetable.saveCustomStore('update:fixed');
       } else {
         if (column.renderFixed === colFixed) {
-          _xeUtils.default.eachTree([column], function (col) {
+          _xeUtils.default.eachTree([column], col => {
             col.renderFixed = '';
           });
         } else {
           if (!isMaxFixedColumn || column.renderFixed) {
-            _xeUtils.default.eachTree([column], function (col) {
+            _xeUtils.default.eachTree([column], col => {
               col.renderFixed = colFixed;
             });
           }
         }
       }
     },
-    allOptionEvent: function allOptionEvent() {
-      var $xetable = this.$xetable,
-        customStore = this.customStore;
-      var customColumnList = $xetable.customColumnList,
-        customOpts = $xetable.customOpts;
-      var checkMethod = customOpts.checkMethod;
-      var isAll = !customStore.isAll;
+    allOptionEvent() {
+      const {
+        $xetable,
+        customStore
+      } = this;
+      const {
+        customColumnList,
+        customOpts
+      } = $xetable;
+      const {
+        checkMethod
+      } = customOpts;
+      const isAll = !customStore.isAll;
       if (customOpts.immediate) {
-        _xeUtils.default.eachTree(customColumnList, function (column) {
+        _xeUtils.default.eachTree(customColumnList, column => {
           if (!checkMethod || checkMethod({
-            column: column
+            column
           })) {
             column.visible = isAll;
             column.renderVisible = isAll;
@@ -790,9 +857,9 @@ var _default2 = exports.default = {
         $xetable.handleCustom();
         $xetable.saveCustomStore('update:visible');
       } else {
-        _xeUtils.default.eachTree(customColumnList, function (column) {
+        _xeUtils.default.eachTree(customColumnList, column => {
           if (!checkMethod || checkMethod({
-            column: column
+            column
           })) {
             column.renderVisible = isAll;
             column.halfVisible = false;
@@ -802,22 +869,24 @@ var _default2 = exports.default = {
       }
       $xetable.checkCustomStatus();
     },
-    sortMousedownEvent: function sortMousedownEvent(evnt) {
-      var $xetable = this.$xetable;
-      var btnEl = evnt.currentTarget;
-      var tdEl = btnEl.parentNode;
-      var trEl = tdEl.parentNode;
-      var colid = trEl.getAttribute('colid');
-      var column = $xetable.getColumnById(colid);
+    sortMousedownEvent(evnt) {
+      const {
+        $xetable
+      } = this;
+      const btnEl = evnt.currentTarget;
+      const tdEl = btnEl.parentNode;
+      const trEl = tdEl.parentNode;
+      const colid = trEl.getAttribute('colid');
+      const column = $xetable.getColumnById(colid);
       trEl.draggable = true;
       this.dragColumn = column;
       (0, _dom.addClass)(trEl, 'active--drag-origin');
     },
-    sortMouseupEvent: function sortMouseupEvent(evnt) {
-      var btnEl = evnt.currentTarget;
-      var tdEl = btnEl.parentNode;
-      var trEl = tdEl.parentNode;
-      var dragHintEl = this.$refs.dragHintElemRef;
+    sortMouseupEvent(evnt) {
+      const btnEl = evnt.currentTarget;
+      const tdEl = btnEl.parentNode;
+      const trEl = tdEl.parentNode;
+      const dragHintEl = this.$refs.dragHintElemRef;
       trEl.draggable = false;
       this.dragColumn = null;
       (0, _dom.removeClass)(trEl, 'active--drag-origin');
@@ -825,41 +894,41 @@ var _default2 = exports.default = {
         dragHintEl.style.display = '';
       }
     },
-    sortDragstartEvent: function sortDragstartEvent(evnt) {
-      var img = new Image();
+    sortDragstartEvent(evnt) {
+      const img = new Image();
       if (evnt.dataTransfer) {
         evnt.dataTransfer.setDragImage(img, 0, 0);
       }
     },
-    sortDragendEvent: function sortDragendEvent(evnt) {
-      var $xetable = this.$xetable,
-        prevDropTrEl = this.prevDropTrEl;
-      var customColumnList = $xetable.customColumnList,
-        customOpts = $xetable.customOpts;
-      var trEl = evnt.currentTarget;
-      var dragHintEl = this.$refs.dragHintElemRef;
+    sortDragendEvent(evnt) {
+      const {
+        $xetable,
+        prevDropTrEl
+      } = this;
+      const {
+        customColumnList,
+        customOpts
+      } = $xetable;
+      const trEl = evnt.currentTarget;
+      const dragHintEl = this.$refs.dragHintElemRef;
       if (prevDropTrEl) {
         // 判断是否有拖动
         if (prevDropTrEl !== trEl) {
-          var dragOffset = prevDropTrEl.getAttribute('drag-pos');
-          var colid = trEl.getAttribute('colid');
-          var column = $xetable.getColumnById(colid);
+          const dragOffset = prevDropTrEl.getAttribute('drag-pos');
+          const colid = trEl.getAttribute('colid');
+          const column = $xetable.getColumnById(colid);
           if (!column) {
             return;
           }
-          var cIndex = _xeUtils.default.findIndexOf(customColumnList, function (item) {
-            return item.id === column.id;
-          });
-          var targetColid = prevDropTrEl.getAttribute('colid');
-          var targetColumn = $xetable.getColumnById(targetColid);
+          const cIndex = _xeUtils.default.findIndexOf(customColumnList, item => item.id === column.id);
+          const targetColid = prevDropTrEl.getAttribute('colid');
+          const targetColumn = $xetable.getColumnById(targetColid);
           if (!targetColumn) {
             return;
           }
           // 移出源位置
           customColumnList.splice(cIndex, 1);
-          var tcIndex = _xeUtils.default.findIndexOf(customColumnList, function (item) {
-            return item.id === targetColumn.id;
-          });
+          const tcIndex = _xeUtils.default.findIndexOf(customColumnList, item => item.id === targetColumn.id);
           // 插新位置
           customColumnList.splice(tcIndex + (dragOffset === 'bottom' ? 1 : 0), 0, column);
         }
@@ -876,9 +945,9 @@ var _default2 = exports.default = {
       (0, _dom.removeClass)(trEl, 'active--drag-target');
       (0, _dom.removeClass)(trEl, 'active--drag-origin');
       if (customOpts.immediate) {
-        _xeUtils.default.eachTree(customColumnList, function (column, index, items, path, parent) {
+        _xeUtils.default.eachTree(customColumnList, (column, index, items, path, parent) => {
           if (!parent) {
-            var sortIndex = index + 1;
+            const sortIndex = index + 1;
             column.renderSortNumber = sortIndex;
           }
         });
@@ -886,20 +955,22 @@ var _default2 = exports.default = {
         $xetable.saveCustomStore('update:sort');
       }
     },
-    sortDragoverEvent: function sortDragoverEvent(evnt) {
-      var $xetable = this.$xetable,
-        prevDropTrEl = this.prevDropTrEl;
-      var trEl = evnt.currentTarget;
+    sortDragoverEvent(evnt) {
+      const {
+        $xetable,
+        prevDropTrEl
+      } = this;
+      const trEl = evnt.currentTarget;
       if (prevDropTrEl !== trEl) {
         (0, _dom.removeClass)(prevDropTrEl, 'active--drag-target');
       }
-      var colid = trEl.getAttribute('colid');
-      var column = $xetable.getColumnById(colid);
+      const colid = trEl.getAttribute('colid');
+      const column = $xetable.getColumnById(colid);
       // 是否移入有效元行
       if (column && column.level === 1) {
         evnt.preventDefault();
-        var offsetY = evnt.clientY - trEl.getBoundingClientRect().y;
-        var dragOffset = offsetY < trEl.clientHeight / 2 ? 'top' : 'bottom';
+        const offsetY = evnt.clientY - trEl.getBoundingClientRect().y;
+        const dragOffset = offsetY < trEl.clientHeight / 2 ? 'top' : 'bottom';
         (0, _dom.addClass)(trEl, 'active--drag-target');
         trEl.setAttribute('drag-pos', dragOffset);
         this.prevDropTrEl = trEl;