vxe-table 3.9.0-rc.9 → 3.9.0

package/lib/toolbar/src/toolbar.js

@@ -10,19 +10,17 @@ var _ui = require("../../ui");
 var _vn = require("../../ui/src/vn");
 var _log = require("../../ui/src/log");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getConfig = _ui.VxeUI.getConfig,
-  getIcon = _ui.VxeUI.getIcon,
-  getI18n = _ui.VxeUI.getI18n,
-  renderer = _ui.VxeUI.renderer,
-  commands = _ui.VxeUI.commands,
-  createEvent = _ui.VxeUI.createEvent,
-  globalMixins = _ui.VxeUI.globalMixins,
-  renderEmptyElement = _ui.VxeUI.renderEmptyElement;
-var _default2 = exports.default = (0, _comp.defineVxeComponent)({
+const {
+  getConfig,
+  getIcon,
+  getI18n,
+  renderer,
+  commands,
+  createEvent,
+  globalMixins,
+  renderEmptyElement
+} = _ui.VxeUI;
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeToolbar',
   mixins: [globalMixins.sizeMixin],
   props: {
@@ -35,27 +33,19 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     custom: [Boolean, Object],
     buttons: {
       type: Array,
-      default: function _default() {
-        return getConfig().toolbar.buttons;
-      }
+      default: () => getConfig().toolbar.buttons
     },
     tools: {
       type: Array,
-      default: function _default() {
-        return getConfig().toolbar.tools;
-      }
+      default: () => getConfig().toolbar.tools
     },
     perfect: {
       type: Boolean,
-      default: function _default() {
-        return getConfig().toolbar.perfect;
-      }
+      default: () => getConfig().toolbar.perfect
     },
     size: {
       type: String,
-      default: function _default() {
-        return getConfig().toolbar.size || getConfig().size;
-      }
+      default: () => getConfig().toolbar.size || getConfig().size
     },
     className: [String, Function]
   },
@@ -64,59 +54,61 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       default: null
     }
   },
-  data: function data() {
-    var xID = _xeUtils.default.uniqueId();
-    var reactData = {
+  data() {
+    const xID = _xeUtils.default.uniqueId();
+    const reactData = {
       isRefresh: false,
       connectFlag: 0,
       columns: []
     };
-    var internalData = {
+    const internalData = {
       connectTable: null
     };
     return {
-      xID: xID,
-      reactData: reactData,
-      internalData: internalData
+      xID,
+      reactData,
+      internalData
     };
   },
   computed: Object.assign(Object.assign({}, {}), {
-    computeRefreshOpts: function computeRefreshOpts() {
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      return Object.assign({}, getConfig().toolbar.refresh, props.refresh);
-    },
-    computeImportOpts: function computeImportOpts() {
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      return Object.assign({}, getConfig().toolbar.import, props.import);
-    },
-    computeExportOpts: function computeExportOpts() {
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      return Object.assign({}, getConfig().toolbar.export, props.export);
-    },
-    computePrintOpts: function computePrintOpts() {
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      return Object.assign({}, getConfig().toolbar.print, props.print);
-    },
-    computeZoomOpts: function computeZoomOpts() {
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      return Object.assign({}, getConfig().toolbar.zoom, props.zoom);
-    },
-    computeCustomOpts: function computeCustomOpts() {
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      return Object.assign({}, getConfig().toolbar.custom, props.custom);
-    },
-    computeTableCustomOpts: function computeTableCustomOpts() {
-      var $xeToolbar = this;
-      var reactData = $xeToolbar.reactData;
-      var internalData = $xeToolbar.internalData;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
+    computeRefreshOpts() {
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.refresh, true), props.refresh);
+    },
+    computeImportOpts() {
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.import, true), props.import);
+    },
+    computeExportOpts() {
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.export, true), props.export);
+    },
+    computePrintOpts() {
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.print, true), props.print);
+    },
+    computeZoomOpts() {
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.zoom, true), props.zoom);
+    },
+    computeCustomOpts() {
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.custom, true), props.custom);
+    },
+    computeTableCustomOpts() {
+      const $xeToolbar = this;
+      const reactData = $xeToolbar.reactData;
+      const internalData = $xeToolbar.internalData;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if (reactData.connectFlag || $table) {
         if ($table) {
           return $table.computeCustomOpts;
@@ -126,9 +118,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         trigger: ''
       };
     },
-    computeTrigger: function computeTrigger() {
-      var $xeToolbar = this;
-      var tableCustomOpts = $xeToolbar.computeTableCustomOpts;
+    computeTrigger() {
+      const $xeToolbar = this;
+      const tableCustomOpts = $xeToolbar.computeTableCustomOpts;
       return tableCustomOpts.trigger;
     }
   }),
@@ -136,43 +128,48 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     //
     // Method
     //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeToolbar = this;
+    dispatchEvent(type, params, evnt) {
+      const $xeToolbar = this;
       $xeToolbar.$emit(type, createEvent(evnt, {
         $toolbar: $xeToolbar
       }, params));
     },
-    fintTable: function fintTable() {
-      var $children = this.$parent.$children;
-      var selfIndex = $children.indexOf(this);
-      return _xeUtils.default.find($children, function (comp, index) {
-        return comp && comp.loadData && index > selfIndex && comp.$vnode.componentOptions.tag === 'vxe-table';
-      });
-    },
-    syncUpdate: function syncUpdate(params) {
-      var $xeToolbar = this;
-      var reactData = $xeToolbar.reactData;
-      var internalData = $xeToolbar.internalData;
+    fintTable() {
+      const {
+        $children
+      } = this.$parent;
+      const selfIndex = $children.indexOf(this);
+      return _xeUtils.default.find($children, (comp, index) => comp && comp.loadData && index > selfIndex && comp.$vnode.componentOptions.tag === 'vxe-table');
+    },
+    syncUpdate(params) {
+      const $xeToolbar = this;
+      const reactData = $xeToolbar.reactData;
+      const internalData = $xeToolbar.internalData;
       internalData.connectTable = params.$table;
       reactData.columns = params.collectColumn;
       reactData.connectFlag++;
     },
-    checkTable: function checkTable() {
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
+    checkTable() {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if ($table) {
         return true;
       }
       (0, _log.errLog)('vxe.error.barUnableLink');
     },
-    handleClickSettingEvent: function handleClickSettingEvent(_ref) {
-      var $event = _ref.$event;
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
+    handleClickSettingEvent({
+      $event
+    }) {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if ($table) {
         if ($table.triggerCustomEvent) {
           $table.triggerCustomEvent($event);
@@ -181,49 +178,58 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
       }
     },
-    handleMouseenterSettingEvent: function handleMouseenterSettingEvent(_ref2) {
-      var $event = _ref2.$event;
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
+    handleMouseenterSettingEvent({
+      $event
+    }) {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if ($table) {
         $table.customOpenEvent($event);
       } else {
         (0, _log.errLog)('vxe.error.reqModule', ['VxeTableCustomModule']);
       }
     },
-    handleMouseleaveSettingEvent: function handleMouseleaveSettingEvent(_ref3) {
-      var $event = _ref3.$event;
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
+    handleMouseleaveSettingEvent({
+      $event
+    }) {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if ($table) {
-        var customStore = $table.reactData.customStore;
+        const {
+          customStore
+        } = $table.reactData;
         customStore.activeBtn = false;
-        setTimeout(function () {
+        setTimeout(() => {
           if (!customStore.activeBtn && !customStore.activeWrapper) {
             $table.customCloseEvent($event);
           }
         }, 350);
       }
     },
-    refreshEvent: function refreshEvent(_ref4) {
-      var $event = _ref4.$event;
-      var $xeToolbar = this;
-      var reactData = $xeToolbar.reactData;
-      var $xeGrid = $xeToolbar.$xeGrid;
-      var isRefresh = reactData.isRefresh;
-      var refreshOpts = $xeToolbar.computeRefreshOpts;
+    refreshEvent({
+      $event
+    }) {
+      const $xeToolbar = this;
+      const reactData = $xeToolbar.reactData;
+      const $xeGrid = $xeToolbar.$xeGrid;
+      const {
+        isRefresh
+      } = reactData;
+      const refreshOpts = $xeToolbar.computeRefreshOpts;
       if (!isRefresh) {
-        var queryMethod = refreshOpts.queryMethod || refreshOpts.query;
+        const queryMethod = refreshOpts.queryMethod || refreshOpts.query;
         if (queryMethod) {
           reactData.isRefresh = true;
           try {
-            Promise.resolve(queryMethod({})).catch(function (e) {
-              return e;
-            }).then(function () {
+            Promise.resolve(queryMethod({})).catch(e => e).then(() => {
               reactData.isRefresh = false;
             });
           } catch (e) {
@@ -233,43 +239,46 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
           reactData.isRefresh = true;
           $xeGrid.triggerToolbarCommitEvent({
             code: refreshOpts.code || 'reload'
-          }, $event).catch(function (e) {
-            return e;
-          }).then(function () {
+          }, $event).catch(e => e).then(() => {
             reactData.isRefresh = false;
           });
         }
       }
     },
-    zoomEvent: function zoomEvent(_ref5) {
-      var $event = _ref5.$event;
-      var $xeToolbar = this;
-      var $xeGrid = $xeToolbar.$xeGrid;
+    zoomEvent({
+      $event
+    }) {
+      const $xeToolbar = this;
+      const $xeGrid = $xeToolbar.$xeGrid;
       if ($xeGrid) {
         $xeGrid.triggerZoomEvent($event);
       }
     },
-    btnEvent: function btnEvent(evnt, item) {
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
-      var $xeGrid = $xeToolbar.$xeGrid;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
-      var code = item.code;
+    btnEvent(evnt, item) {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
+      const $xeGrid = $xeToolbar.$xeGrid;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
+      const {
+        code
+      } = item;
       if (code) {
         if ($xeGrid) {
           $xeGrid.triggerToolbarBtnEvent(item, evnt);
         } else {
-          var gCommandOpts = commands.get(code);
-          var params = {
-            code: code,
+          const gCommandOpts = commands.get(code);
+          const params = {
+            code,
             button: item,
             $table: $table,
             $grid: $xeGrid,
             $event: evnt
           };
           if (gCommandOpts) {
-            var tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
+            const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
             if (tCommandMethod) {
               tCommandMethod(params);
             } else {
@@ -282,27 +291,31 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
       }
     },
-    tolEvent: function tolEvent(evnt, item) {
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
-      var $xeGrid = $xeToolbar.$xeGrid;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
-      var code = item.code;
+    tolEvent(evnt, item) {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
+      const $xeGrid = $xeToolbar.$xeGrid;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
+      const {
+        code
+      } = item;
       if (code) {
         if ($xeGrid) {
           $xeGrid.triggerToolbarTolEvent(item, evnt);
         } else {
-          var gCommandOpts = commands.get(code);
-          var params = {
-            code: code,
+          const gCommandOpts = commands.get(code);
+          const params = {
+            code,
             tool: item,
             $table: $table,
             $grid: $xeGrid,
             $event: evnt
           };
           if (gCommandOpts) {
-            var tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
+            const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
             if (tCommandMethod) {
               tCommandMethod(params);
             } else {
@@ -315,34 +328,40 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
       }
     },
-    importEvent: function importEvent() {
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
+    importEvent() {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
       if ($xeToolbar.checkTable()) {
-        var connectTable = internalData.connectTable;
-        var $table = connectTable;
+        const {
+          connectTable
+        } = internalData;
+        const $table = connectTable;
         if ($table) {
           $table.openImport();
         }
       }
     },
-    exportEvent: function exportEvent() {
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
+    exportEvent() {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
       if ($xeToolbar.checkTable()) {
-        var connectTable = internalData.connectTable;
-        var $table = connectTable;
+        const {
+          connectTable
+        } = internalData;
+        const $table = connectTable;
         if ($table) {
           $table.openExport();
         }
       }
     },
-    printEvent: function printEvent() {
-      var $xeToolbar = this;
-      var internalData = $xeToolbar.internalData;
+    printEvent() {
+      const $xeToolbar = this;
+      const internalData = $xeToolbar.internalData;
       if ($xeToolbar.checkTable()) {
-        var connectTable = internalData.connectTable;
-        var $table = connectTable;
+        const {
+          connectTable
+        } = internalData;
+        const $table = connectTable;
         if ($table) {
           $table.openPrint();
         }
@@ -351,14 +370,16 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     //
     // Render
     //
-    renderDropdowns: function renderDropdowns(h, item, isBtn) {
+    renderDropdowns(h, item, isBtn) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var dropdowns = item.dropdowns;
-      var downVNs = [];
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const {
+        dropdowns
+      } = item;
+      const downVNs = [];
       if (dropdowns) {
-        return dropdowns.map(function (child, index) {
+        return dropdowns.map((child, index) => {
           if (child.visible === false) {
             return renderEmptyElement($xeToolbar);
           }
@@ -373,13 +394,17 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
               circle: child.circle,
               round: child.round,
               status: child.status,
-              content: child.name
+              content: child.name,
+              title: child.title,
+              routerLink: child.routerLink,
+              permissionCode: child.permissionCode,
+              prefixTooltip: child.prefixTooltip,
+              suffixTooltip: child.suffixTooltip
             },
             on: {
-              click: function click(_ref6) {
-                var $event = _ref6.$event;
-                return isBtn ? $xeToolbar.btnEvent($event, child) : $xeToolbar.tolEvent($event, child);
-              }
+              click: ({
+                $event
+              }) => isBtn ? $xeToolbar.btnEvent($event, child) : $xeToolbar.tolEvent($event, child)
             }
           }) : renderEmptyElement($xeToolbar);
         });
@@ -389,27 +414,32 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     /**
      * 渲染按钮
      */
-    renderBtns: function renderBtns(h) {
-      var _this = this;
+    renderBtns(h) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      var internalData = $xeToolbar.internalData;
-      var $xeGrid = $xeToolbar.$xeGrid;
-      var buttons = props.buttons;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
-      var btnVNs = [];
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      const internalData = $xeToolbar.internalData;
+      const $xeGrid = $xeToolbar.$xeGrid;
+      const {
+        buttons
+      } = props;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
+      const btnVNs = [];
       if (buttons) {
-        buttons.forEach(function (item) {
-          var dropdowns = item.dropdowns,
-            buttonRender = item.buttonRender;
+        buttons.forEach(item => {
+          const {
+            dropdowns,
+            buttonRender
+          } = item;
           if (item.visible !== false) {
-            var compConf = buttonRender ? renderer.get(buttonRender.name) : null;
+            const compConf = buttonRender ? renderer.get(buttonRender.name) : null;
             if (buttonRender && compConf && compConf.renderToolbarButton) {
-              var toolbarButtonClassName = compConf.toolbarButtonClassName;
-              var params = {
+              const toolbarButtonClassName = compConf.toolbarButtonClassName;
+              const params = {
                 $grid: $xeGrid,
                 $table: $table,
                 button: item
@@ -430,21 +460,22 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
                     round: item.round,
                     status: item.status,
                     content: item.name,
+                    title: item.title,
+                    routerLink: item.routerLink,
                     permissionCode: item.permissionCode,
+                    prefixTooltip: item.prefixTooltip,
+                    suffixTooltip: item.suffixTooltip,
                     destroyOnClose: item.destroyOnClose,
                     placement: item.placement,
                     transfer: item.transfer
                   },
                   on: {
-                    click: function click(_ref7) {
-                      var $event = _ref7.$event;
-                      return _this.btnEvent($event, item);
-                    }
+                    click: ({
+                      $event
+                    }) => this.btnEvent($event, item)
                   },
                   scopedSlots: dropdowns && dropdowns.length ? {
-                    dropdowns: function dropdowns() {
-                      return _this.renderDropdowns(h, item, true);
-                    }
+                    dropdowns: () => this.renderDropdowns(h, item, true)
                   } : {}
                 }));
               }
@@ -457,27 +488,33 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     /**
      * 渲染右侧工具
      */
-    renderRightTools: function renderRightTools(h) {
+    renderRightTools(h) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      var internalData = $xeToolbar.internalData;
-      var $xeGrid = $xeToolbar.$xeGrid;
-      var tools = props.tools;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
-      var btnVNs = [];
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      const internalData = $xeToolbar.internalData;
+      const $xeGrid = $xeToolbar.$xeGrid;
+      const {
+        tools
+      } = props;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
+      const btnVNs = [];
       if (tools) {
-        tools.forEach(function (item, tIndex) {
-          var dropdowns = item.dropdowns,
-            toolRender = item.toolRender;
+        tools.forEach((item, tIndex) => {
+          const {
+            dropdowns,
+            toolRender
+          } = item;
           if (item.visible !== false) {
-            var rdName = toolRender ? toolRender.name : null;
-            var compConf = toolRender ? renderer.get(rdName) : null;
+            const rdName = toolRender ? toolRender.name : null;
+            const compConf = toolRender ? renderer.get(rdName) : null;
             if (toolRender && compConf && compConf.renderToolbarTool) {
-              var toolbarToolClassName = compConf.toolbarToolClassName;
-              var params = {
+              const toolbarToolClassName = compConf.toolbarToolClassName;
+              const params = {
                 $grid: $xeGrid,
                 $table: $table,
                 tool: item
@@ -500,20 +537,22 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
                     round: item.round,
                     status: item.status,
                     content: item.name,
+                    title: item.title,
+                    routerLink: item.routerLink,
+                    permissionCode: item.permissionCode,
+                    prefixTooltip: item.prefixTooltip,
+                    suffixTooltip: item.suffixTooltip,
                     destroyOnClose: item.destroyOnClose,
                     placement: item.placement,
                     transfer: item.transfer
                   },
                   on: {
-                    click: function click(_ref8) {
-                      var $event = _ref8.$event;
-                      return $xeToolbar.tolEvent($event, item);
-                    }
+                    click: ({
+                      $event
+                    }) => $xeToolbar.tolEvent($event, item)
                   },
                   scopedSlots: dropdowns && dropdowns.length ? {
-                    dropdowns: function dropdowns() {
-                      return $xeToolbar.renderDropdowns(h, item, false);
-                    }
+                    dropdowns: () => $xeToolbar.renderDropdowns(h, item, false)
                   } : {}
                 }));
               }
@@ -523,11 +562,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       }
       return btnVNs;
     },
-    renderToolImport: function renderToolImport(h) {
+    renderToolImport(h) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var importOpts = $xeToolbar.computeImportOpts;
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const importOpts = $xeToolbar.computeImportOpts;
       return VxeUIButtonComponent ? h(VxeUIButtonComponent, {
         key: 'import',
         props: {
@@ -540,11 +579,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
       }) : renderEmptyElement($xeToolbar);
     },
-    renderToolExport: function renderToolExport(h) {
+    renderToolExport(h) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var exportOpts = $xeToolbar.computeExportOpts;
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const exportOpts = $xeToolbar.computeExportOpts;
       return VxeUIButtonComponent ? h(VxeUIButtonComponent, {
         key: 'export',
         props: {
@@ -557,11 +596,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
       }) : renderEmptyElement($xeToolbar);
     },
-    renderToolPrint: function renderToolPrint(h) {
+    renderToolPrint(h) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var printOpts = $xeToolbar.computePrintOpts;
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const printOpts = $xeToolbar.computePrintOpts;
       return VxeUIButtonComponent ? h(VxeUIButtonComponent, {
         key: 'print',
         props: {
@@ -574,12 +613,12 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
       }) : renderEmptyElement($xeToolbar);
     },
-    renderToolRefresh: function renderToolRefresh(h) {
+    renderToolRefresh(h) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var reactData = $xeToolbar.reactData;
-      var refreshOpts = $xeToolbar.computeRefreshOpts;
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const reactData = $xeToolbar.reactData;
+      const refreshOpts = $xeToolbar.computeRefreshOpts;
       return VxeUIButtonComponent ? h(VxeUIButtonComponent, {
         key: 'refresh',
         props: {
@@ -592,31 +631,31 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         }
       }) : renderEmptyElement($xeToolbar);
     },
-    renderToolZoom: function renderToolZoom(h) {
+    renderToolZoom(h) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var $xeGrid = $xeToolbar.$xeGrid;
-      var zoomOpts = $xeToolbar.computeZoomOpts;
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const $xeGrid = $xeToolbar.$xeGrid;
+      const zoomOpts = $xeToolbar.computeZoomOpts;
       return $xeGrid && VxeUIButtonComponent ? h(VxeUIButtonComponent, {
         key: 'zoom',
         props: {
           circle: true,
           icon: $xeGrid.isMaximized() ? zoomOpts.iconOut || getIcon().TOOLBAR_TOOLS_MINIMIZE : zoomOpts.iconIn || getIcon().TOOLBAR_TOOLS_FULLSCREEN,
-          title: getI18n("vxe.toolbar.zoom".concat($xeGrid.isMaximized() ? 'Out' : 'In'))
+          title: getI18n(`vxe.toolbar.zoom${$xeGrid.isMaximized() ? 'Out' : 'In'}`)
         },
         on: {
           click: $xeToolbar.zoomEvent
         }
       }) : renderEmptyElement($xeToolbar);
     },
-    renderToolCustom: function renderToolCustom(h) {
+    renderToolCustom(h) {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-      var $xeToolbar = this;
-      var customOpts = $xeToolbar.computeCustomOpts;
-      var btnTrigger = $xeToolbar.computeTrigger;
-      var customBtnOns = {};
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const $xeToolbar = this;
+      const customOpts = $xeToolbar.computeCustomOpts;
+      const btnTrigger = $xeToolbar.computeTrigger;
+      const customBtnOns = {};
       if (btnTrigger === 'manual') {
         // 手动触发
       } else if (btnTrigger === 'hover') {
@@ -638,28 +677,36 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         on: customBtnOns
       }) : renderEmptyElement($xeToolbar);
     },
-    renderVN: function renderVN(h) {
-      var $xeToolbar = this;
-      var props = $xeToolbar;
-      var slots = $xeToolbar.$scopedSlots;
-      var internalData = $xeToolbar.internalData;
-      var $xeGrid = $xeToolbar.$xeGrid;
-      var perfect = props.perfect,
-        loading = props.loading,
-        refresh = props.refresh,
-        zoom = props.zoom,
-        custom = props.custom,
-        className = props.className;
-      var connectTable = internalData.connectTable;
-      var $table = connectTable;
-      var toolsSlot = slots.tools;
-      var buttonsSlot = slots.buttons;
-      var vSize = $xeToolbar.computeSize;
+    renderVN(h) {
+      const $xeToolbar = this;
+      const props = $xeToolbar;
+      const slots = $xeToolbar.$scopedSlots;
+      const internalData = $xeToolbar.internalData;
+      const $xeGrid = $xeToolbar.$xeGrid;
+      const {
+        perfect,
+        loading,
+        refresh,
+        zoom,
+        custom,
+        className
+      } = props;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
+      const toolsSlot = slots.tools;
+      const buttonsSlot = slots.buttons;
+      const vSize = $xeToolbar.computeSize;
       return h('div', {
         ref: 'refElem',
         class: ['vxe-toolbar', className ? _xeUtils.default.isFunction(className) ? className({
           $toolbar: $xeToolbar
-        }) : className : '', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--perfect', perfect), 'is--loading', loading)]
+        }) : className : '', {
+          [`size--${vSize}`]: vSize,
+          'is--perfect': perfect,
+          'is--loading': loading
+        }]
       }, [h('div', {
         class: 'vxe-buttons--wrapper'
       }, buttonsSlot ? buttonsSlot({
@@ -675,23 +722,24 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       }, [props.import ? $xeToolbar.renderToolImport(h) : renderEmptyElement($xeToolbar), props.export ? $xeToolbar.renderToolExport(h) : renderEmptyElement($xeToolbar), props.print ? $xeToolbar.renderToolPrint(h) : renderEmptyElement($xeToolbar), refresh ? $xeToolbar.renderToolRefresh(h) : renderEmptyElement($xeToolbar), zoom && $xeGrid ? $xeToolbar.renderToolZoom(h) : renderEmptyElement($xeToolbar), custom ? $xeToolbar.renderToolCustom(h) : renderEmptyElement($xeToolbar)])]);
     }
   },
-  created: function created() {
-    var _this2 = this;
-    var $xeToolbar = this;
-    var props = $xeToolbar;
-    var $xeGrid = $xeToolbar.$xeGrid;
-    $xeToolbar.$nextTick(function () {
-      var refresh = props.refresh;
-      var refreshOpts = $xeToolbar.computeRefreshOpts;
-      var $xetable = _this2.fintTable();
-      var queryMethod = refreshOpts.queryMethod || refreshOpts.query;
+  created() {
+    const $xeToolbar = this;
+    const props = $xeToolbar;
+    const $xeGrid = $xeToolbar.$xeGrid;
+    $xeToolbar.$nextTick(() => {
+      const {
+        refresh
+      } = props;
+      const refreshOpts = $xeToolbar.computeRefreshOpts;
+      const $xetable = this.fintTable();
+      const queryMethod = refreshOpts.queryMethod || refreshOpts.query;
       if (refresh && !$xeGrid && !queryMethod) {
         (0, _log.warnLog)('vxe.error.notFunc', ['queryMethod']);
       }
       if ($xetable) {
-        $xetable.connect(_this2);
+        $xetable.connect(this);
       }
-      var customOpts = $xeToolbar.computeCustomOpts;
+      const customOpts = $xeToolbar.computeCustomOpts;
       if (process.env.NODE_ENV === 'development') {
         if (customOpts.isFooter) {
           (0, _log.warnLog)('vxe.error.delProp', ['toolbar.custom.isFooter', 'table.custom-config.showFooter']);
@@ -709,7 +757,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
     });
     if (process.env.NODE_ENV === 'development') {
       // 使用已安装的组件，如果未安装则不渲染
-      var VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
       if (props.refresh || props.import || props.export || props.print || props.zoom) {
         if (!VxeUIButtonComponent) {
           (0, _log.errLog)('vxe.error.reqComp', ['vxe-button']);
@@ -717,7 +765,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       }
     }
   },
-  render: function render(h) {
+  render(h) {
     return this.renderVN(h);
   }
 });