vxe-table 4.23.5 → 4.23.7

package/lib/toolbar/src/toolbar.js

@@ -1,29 +1,44 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toolbar_exports = {};
+__export(toolbar_exports, {
+  default: () => toolbar_default
 });
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../ui/src/comp");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-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 }; }
-const {
-  warnLog,
-  errLog
-} = (0, _log.createComponentLog)('toolbar');
-const {
-  getConfig,
-  getIcon,
-  getI18n,
-  renderer,
-  commands,
-  createEvent,
-  useFns
-} = _ui.VxeUI;
+module.exports = __toCommonJS(toolbar_exports);
+var import_vue = require("vue");
+var import_comp = require("../../ui/src/comp");
+var import_xe_utils = __toESM(require("xe-utils"));
+var import_ui = require("../../ui");
+var import_vn = require("../../ui/src/vn");
+var import_log = require("../../ui/src/log");
+const { warnLog, errLog } = (0, import_log.createComponentLog)("toolbar");
+const { getConfig, getIcon, getI18n, renderer, commands, createEvent, useFns } = import_ui.VxeUI;
 function createReactData() {
   return {
     isRefresh: false,
@@ -36,8 +51,8 @@ function createInternalData() {
     connectTable: null
   };
 }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'VxeToolbar',
+var toolbar_default = (0, import_comp.defineVxeComponent)({
+  name: "VxeToolbar",
   props: {
     loading: Boolean,
     refresh: [Boolean, Object],
@@ -70,24 +85,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     },
     className: [String, Function]
   },
-  emits: ['button-click', 'tool-click'],
+  emits: [
+    "button-click",
+    "tool-click"
+  ],
   setup(props, context) {
-    const {
-      slots,
-      emit
-    } = context;
-    const xID = _xeUtils.default.uniqueId();
-    // 使用已安装的组件，如果未安装则不渲染
-    const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-    const $xeGrid = (0, _vue.inject)('$xeGrid', null);
-    const $xeGantt = (0, _vue.inject)('$xeGantt', null);
+    const { slots, emit } = context;
+    const xID = import_xe_utils.default.uniqueId();
+    const VxeUIButtonComponent = import_ui.VxeUI.getComponent("VxeButton");
+    const $xeGrid = (0, import_vue.inject)("$xeGrid", null);
+    const $xeGantt = (0, import_vue.inject)("$xeGantt", null);
     const $xeGGWrapper = $xeGrid || $xeGantt;
-    const {
-      computeSize
-    } = useFns.useSize(props);
-    const reactData = (0, _vue.reactive)(createReactData());
+    const { computeSize } = useFns.useSize(props);
+    const reactData = (0, import_vue.reactive)(createReactData());
     const internalData = createInternalData();
-    const refElem = (0, _vue.ref)();
+    const refElem = (0, import_vue.ref)();
     const refMaps = {
       refElem
     };
@@ -100,61 +112,49 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       getRefMaps: () => refMaps
     };
     let toolbarMethods = {};
-    const computeRefreshOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.refresh, true), props.refreshOptions, props.refresh);
+    const computeRefreshOpts = (0, import_vue.computed)(() => {
+      return Object.assign({}, import_xe_utils.default.clone(getConfig().toolbar.refresh, true), props.refreshOptions, props.refresh);
     });
-    const computeImportOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.import, true), props.importOptions, props.import);
+    const computeImportOpts = (0, import_vue.computed)(() => {
+      return Object.assign({}, import_xe_utils.default.clone(getConfig().toolbar.import, true), props.importOptions, props.import);
     });
-    const computeExportOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.export, true), props.exportOptions, props.export);
+    const computeExportOpts = (0, import_vue.computed)(() => {
+      return Object.assign({}, import_xe_utils.default.clone(getConfig().toolbar.export, true), props.exportOptions, props.export);
     });
-    const computePrintOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.print, true), props.printOptions, props.print);
+    const computePrintOpts = (0, import_vue.computed)(() => {
+      return Object.assign({}, import_xe_utils.default.clone(getConfig().toolbar.print, true), props.printOptions, props.print);
     });
-    const computeZoomOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.zoom, true), props.zoomOptions, props.zoom);
+    const computeZoomOpts = (0, import_vue.computed)(() => {
+      return Object.assign({}, import_xe_utils.default.clone(getConfig().toolbar.zoom, true), props.zoomOptions, props.zoom);
     });
-    const computeCustomOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, _xeUtils.default.clone(getConfig().toolbar.custom, true), props.customOptions, props.custom);
+    const computeCustomOpts = (0, import_vue.computed)(() => {
+      return Object.assign({}, import_xe_utils.default.clone(getConfig().toolbar.custom, true), props.customOptions, props.custom);
     });
-    const computeTableCustomOpts = (0, _vue.computed)(() => {
-      const {
-        connectTable
-      } = internalData;
+    const computeTableCustomOpts = (0, import_vue.computed)(() => {
+      const { connectTable } = internalData;
       const $table = connectTable;
       if (reactData.connectFlag || $table) {
         if ($table) {
-          const {
-            computeCustomOpts
-          } = $table.getComputeMaps();
-          return computeCustomOpts.value;
+          const { computeCustomOpts: computeCustomOpts2 } = $table.getComputeMaps();
+          return computeCustomOpts2.value;
         }
       }
-      return {
-        trigger: ''
-      };
+      return { trigger: "" };
     });
-    const computeTrigger = (0, _vue.computed)(() => {
+    const computeTrigger = (0, import_vue.computed)(() => {
       const tableCustomOpts = computeTableCustomOpts.value;
       return tableCustomOpts.trigger;
     });
     const checkTable = () => {
-      const {
-        connectTable
-      } = internalData;
+      const { connectTable } = internalData;
       const $table = connectTable;
       if ($table) {
         return true;
       }
-      errLog('vxe.error.barUnableLink');
+      errLog("vxe.error.barUnableLink");
     };
-    const handleClickSettingEvent = ({
-      $event
-    }) => {
-      const {
-        connectTable
-      } = internalData;
+    const handleClickSettingEvent = ({ $event }) => {
+      const { connectTable } = internalData;
       const $table = connectTable;
       if ($table) {
         if ($table.triggerCustomEvent) {
@@ -162,28 +162,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       }
     };
-    const handleMouseenterSettingEvent = ({
-      $event
-    }) => {
-      const {
-        connectTable
-      } = internalData;
+    const handleMouseenterSettingEvent = ({ $event }) => {
+      const { connectTable } = internalData;
       const $table = connectTable;
       if ($table) {
         $table.customOpenEvent($event);
       }
     };
-    const handleMouseleaveSettingEvent = ({
-      $event
-    }) => {
-      const {
-        connectTable
-      } = internalData;
+    const handleMouseleaveSettingEvent = ({ $event }) => {
+      const { connectTable } = internalData;
       const $table = connectTable;
       if ($table) {
-        const {
-          customStore
-        } = $table.reactData;
+        const { customStore } = $table.reactData;
         customStore.activeBtn = false;
         setTimeout(() => {
           if (!customStore.activeBtn && !customStore.activeWrapper) {
@@ -192,19 +182,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }, 350);
       }
     };
-    const refreshEvent = ({
-      $event
-    }) => {
-      const {
-        isRefresh
-      } = reactData;
+    const refreshEvent = ({ $event }) => {
+      const { isRefresh } = reactData;
       const refreshOpts = computeRefreshOpts.value;
       if (!isRefresh) {
         const queryMethod = refreshOpts.queryMethod || refreshOpts.query;
         if (queryMethod) {
           reactData.isRefresh = true;
           try {
-            Promise.resolve(queryMethod({})).catch(e => e).then(() => {
+            Promise.resolve(queryMethod({})).catch((e) => e).then(() => {
               reactData.isRefresh = false;
             });
           } catch (e) {
@@ -212,28 +198,23 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }
         } else if ($xeGGWrapper) {
           reactData.isRefresh = true;
-          $xeGGWrapper.triggerToolbarCommitEvent({
-            code: refreshOpts.code || 'reload'
-          }, $event).catch(() => {}).then(() => {
+          $xeGGWrapper.triggerToolbarCommitEvent({ code: refreshOpts.code || "reload" }, $event).catch(() => {
+          }).then(() => {
             reactData.isRefresh = false;
           });
         }
       }
     };
-    const zoomEvent = ({
-      $event
-    }) => {
+    const zoomEvent = ({ $event }) => {
       if ($xeGGWrapper) {
         $xeGGWrapper.triggerZoomEvent($event);
       } else {
-        warnLog('vxe.error.notProp', ['zoom']);
+        warnLog("vxe.error.notProp", ["zoom"]);
       }
     };
     const importEvent = () => {
       if (checkTable()) {
-        const {
-          connectTable
-        } = internalData;
+        const { connectTable } = internalData;
         const $table = connectTable;
         if ($table) {
           $table.importData();
@@ -242,9 +223,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const openImportEvent = () => {
       if (checkTable()) {
-        const {
-          connectTable
-        } = internalData;
+        const { connectTable } = internalData;
         const $table = connectTable;
         if ($table) {
           $table.openImport();
@@ -253,9 +232,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const exportEvent = () => {
       if (checkTable()) {
-        const {
-          connectTable
-        } = internalData;
+        const { connectTable } = internalData;
         const $table = connectTable;
         if ($table) {
           $table.exportData();
@@ -264,9 +241,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const openExportEvent = () => {
       if (checkTable()) {
-        const {
-          connectTable
-        } = internalData;
+        const { connectTable } = internalData;
         const $table = connectTable;
         if ($table) {
           $table.openExport();
@@ -275,9 +250,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const printEvent = () => {
       if (checkTable()) {
-        const {
-          connectTable
-        } = internalData;
+        const { connectTable } = internalData;
         const $table = connectTable;
         if ($table) {
           $table.print();
@@ -286,9 +259,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const openPrintEvent = () => {
       if (checkTable()) {
-        const {
-          connectTable
-        } = internalData;
+        const { connectTable } = internalData;
         const $table = connectTable;
         if ($table) {
           $table.openPrint();
@@ -297,31 +268,31 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const handleDefaultCodeEvent = (eventParams, item, cb) => {
       switch (item.code) {
-        case 'print':
+        case "print":
           printEvent();
           break;
-        case 'open_print':
+        case "open_print":
           openPrintEvent();
           break;
-        case 'custom':
+        case "custom":
           handleClickSettingEvent(eventParams);
           break;
-        case 'export':
+        case "export":
           exportEvent();
           break;
-        case 'open_export':
+        case "open_export":
           openExportEvent();
           break;
-        case 'import':
+        case "import":
           importEvent();
           break;
-        case 'open_import':
+        case "open_import":
           openImportEvent();
           break;
-        case 'zoom':
+        case "zoom":
           zoomEvent(eventParams);
           break;
-        case 'refresh':
+        case "refresh":
           refreshEvent(eventParams);
           break;
         default:
@@ -330,86 +301,57 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
     };
     const btnEvent = (eventParams, item) => {
-      const {
-        $event
-      } = eventParams;
-      const {
-        connectTable
-      } = internalData;
+      const { $event } = eventParams;
+      const { connectTable } = internalData;
       const $table = connectTable;
-      const {
-        code
-      } = item;
+      const { code } = item;
       if (code) {
         handleDefaultCodeEvent(eventParams, item, () => {
           if ($xeGGWrapper) {
             $xeGGWrapper.triggerToolbarBtnEvent(item, $event);
           } else {
             const gCommandOpts = commands.get(code);
-            const params = {
-              code,
-              button: item,
-              $table: $table,
-              $grid: $xeGrid,
-              $gantt: $xeGantt,
-              $event
-            };
+            const params = { code, button: item, $table, $grid: $xeGrid, $gantt: $xeGantt, $event };
             if (gCommandOpts) {
               const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
               if (tCommandMethod) {
                 tCommandMethod(params);
               } else {
-                errLog('vxe.error.notCommands', [code]);
+                errLog("vxe.error.notCommands", [code]);
               }
             }
-            $xeToolbar.dispatchEvent('button-click', params, $event);
+            $xeToolbar.dispatchEvent("button-click", params, $event);
           }
         });
       }
     };
     const tolEvent = (eventParams, item) => {
-      const {
-        $event
-      } = eventParams;
-      const {
-        connectTable
-      } = internalData;
+      const { $event } = eventParams;
+      const { connectTable } = internalData;
       const $table = connectTable;
-      const {
-        code
-      } = item;
+      const { code } = item;
       if (code) {
         handleDefaultCodeEvent(eventParams, item, () => {
           if ($xeGGWrapper) {
             $xeGGWrapper.triggerToolbarTolEvent(item, $event);
           } else {
             const gCommandOpts = commands.get(code);
-            const params = {
-              code,
-              button: null,
-              tool: item,
-              $table: $table,
-              $grid: $xeGrid,
-              $gantt: $xeGantt,
-              $event
-            };
+            const params = { code, button: null, tool: item, $table, $grid: $xeGrid, $gantt: $xeGantt, $event };
             if (gCommandOpts) {
               const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
               if (tCommandMethod) {
                 tCommandMethod(params);
               } else {
-                errLog('vxe.error.notCommands', [code]);
+                errLog("vxe.error.notCommands", [code]);
               }
             }
-            $xeToolbar.dispatchEvent('tool-click', params, $event);
+            $xeToolbar.dispatchEvent("tool-click", params, $event);
           }
         });
       }
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, {
-        $toolbar: $xeToolbar
-      }, params));
+      emit(type, createEvent(evnt, { $toolbar: $xeToolbar }, params));
     };
     toolbarMethods = {
       dispatchEvent,
@@ -421,335 +363,285 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     Object.assign($xeToolbar, toolbarMethods);
     const renderDropdowns = (item, isBtn) => {
-      const {
-        dropdowns
-      } = item;
+      const { dropdowns } = item;
       const downVNs = [];
       if (dropdowns) {
         return dropdowns.map((child, index) => {
           if (child.visible === false) {
-            return (0, _vue.createCommentVNode)();
+            return (0, import_vue.createCommentVNode)();
           }
-          return VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, Object.assign(Object.assign({
-            key: index
-          }, Object.assign({}, child, {
-            content: child.content || child.name,
-            options: undefined
-          })), {
-            onClick: eventParams => isBtn ? btnEvent(eventParams, child) : tolEvent(eventParams, child)
-          })) : (0, _vue.createCommentVNode)();
+          return VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+            key: index,
+            ...Object.assign({}, child, {
+              content: child.content || child.name,
+              options: void 0
+            }),
+            onClick: (eventParams) => isBtn ? btnEvent(eventParams, child) : tolEvent(eventParams, child)
+          }) : (0, import_vue.createCommentVNode)();
         });
       }
       return downVNs;
     };
-    /**
-     * 渲染按钮
-     */
     const renderLeftBtns = () => {
-      const {
-        buttons
-      } = props;
-      const {
-        connectTable
-      } = internalData;
+      const { buttons } = props;
+      const { connectTable } = internalData;
       const $table = connectTable;
       const buttonsSlot = slots.buttons;
-      const buttonPrefixSlot = slots.buttonPrefix || slots['button-prefix'];
-      const buttonSuffixSlot = slots.buttonSuffix || slots['button-suffix'];
+      const buttonPrefixSlot = slots.buttonPrefix || slots["button-prefix"];
+      const buttonSuffixSlot = slots.buttonSuffix || slots["button-suffix"];
       const btnVNs = [];
       if (buttons) {
-        const {
-          computeRendererOpts
-        } = $table ? $table.getComputeMaps() : {};
+        const { computeRendererOpts } = $table ? $table.getComputeMaps() : {};
         const rendererOpts = (computeRendererOpts ? computeRendererOpts.value : null) || {};
         buttons.forEach((item, index) => {
-          const {
-            dropdowns,
-            buttonRender
-          } = item;
+          const { dropdowns, buttonRender } = item;
           if (item.visible !== false) {
             const compConf = buttonRender && buttonRender.name ? rendererOpts[buttonRender.name] || renderer.get(buttonRender.name) : null;
             if (buttonRender && compConf && compConf.renderToolbarButton) {
               const toolbarButtonClassName = compConf.toolbarButtonClassName;
-              const params = {
-                $grid: $xeGrid,
-                $gantt: $xeGantt,
-                $table: $table,
-                button: item
-              };
-              btnVNs.push((0, _vue.h)('span', {
-                key: `br${item.code || index}`,
-                class: ['vxe-button--item', toolbarButtonClassName ? _xeUtils.default.isFunction(toolbarButtonClassName) ? toolbarButtonClassName(params) : toolbarButtonClassName : '']
-              }, (0, _vn.getSlotVNs)(compConf.renderToolbarButton(buttonRender, params))));
+              const params = { $grid: $xeGrid, $gantt: $xeGantt, $table, button: item };
+              btnVNs.push(
+                (0, import_vue.h)("span", {
+                  key: `br${item.code || index}`,
+                  class: ["vxe-button--item", toolbarButtonClassName ? import_xe_utils.default.isFunction(toolbarButtonClassName) ? toolbarButtonClassName(params) : toolbarButtonClassName : ""]
+                }, (0, import_vn.getSlotVNs)(compConf.renderToolbarButton(buttonRender, params)))
+              );
             } else {
               if (VxeUIButtonComponent) {
-                btnVNs.push((0, _vue.h)(VxeUIButtonComponent, Object.assign(Object.assign({
-                  key: `bd${item.code || index}`
-                }, Object.assign({}, item, {
-                  content: item.content || item.name,
-                  options: undefined
-                })), {
-                  onClick: eventParams => btnEvent(eventParams, item)
-                }), dropdowns && dropdowns.length ? {
-                  dropdowns: () => renderDropdowns(item, true)
-                } : {}));
+                btnVNs.push(
+                  (0, import_vue.h)(VxeUIButtonComponent, {
+                    key: `bd${item.code || index}`,
+                    ...Object.assign({}, item, {
+                      content: item.content || item.name,
+                      options: void 0
+                    }),
+                    onClick: (eventParams) => btnEvent(eventParams, item)
+                  }, dropdowns && dropdowns.length ? {
+                    dropdowns: () => renderDropdowns(item, true)
+                  } : {})
+                );
               }
             }
           }
         });
       }
-      return [(0, _vue.h)('div', {
-        class: 'vxe-button--prefix-wrapper'
-      }, buttonPrefixSlot ? (0, _vn.getSlotVNs)(buttonPrefixSlot({
-        buttons: buttons || [],
-        $grid: $xeGrid,
-        $gantt: $xeGantt,
-        $table: $table
-      })) : []), (0, _vue.h)('div', {
-        class: 'vxe-button--item-wrapper'
-      }, buttonsSlot ? (0, _vn.getSlotVNs)(buttonsSlot({
-        buttons: buttons || [],
-        $grid: $xeGrid,
-        $gantt: $xeGantt,
-        $table: $table
-      })) : btnVNs), (0, _vue.h)('div', {
-        class: 'vxe-button--suffix-wrapper'
-      }, buttonSuffixSlot ? (0, _vn.getSlotVNs)(buttonSuffixSlot({
-        buttons: buttons || [],
-        $grid: $xeGrid,
-        $gantt: $xeGantt,
-        $table: $table
-      })) : [])];
+      return [
+        (0, import_vue.h)("div", {
+          class: "vxe-button--prefix-wrapper"
+        }, buttonPrefixSlot ? (0, import_vn.getSlotVNs)(buttonPrefixSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table })) : []),
+        (0, import_vue.h)("div", {
+          class: "vxe-button--item-wrapper"
+        }, buttonsSlot ? (0, import_vn.getSlotVNs)(buttonsSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table })) : btnVNs),
+        (0, import_vue.h)("div", {
+          class: "vxe-button--suffix-wrapper"
+        }, buttonSuffixSlot ? (0, import_vn.getSlotVNs)(buttonSuffixSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table })) : [])
+      ];
     };
-    /**
-     * 渲染右侧工具
-     */
     const renderRightTools = () => {
-      const {
-        tools
-      } = props;
-      const {
-        connectTable
-      } = internalData;
+      const { tools } = props;
+      const { connectTable } = internalData;
       const $table = connectTable;
       const toolsSlot = slots.tools;
-      const toolPrefixSlot = slots.toolPrefix || slots['tool-prefix'];
-      const toolSuffixSlot = slots.toolSuffix || slots['tool-suffix'];
+      const toolPrefixSlot = slots.toolPrefix || slots["tool-prefix"];
+      const toolSuffixSlot = slots.toolSuffix || slots["tool-suffix"];
       const btnVNs = [];
       if (tools) {
-        const {
-          computeRendererOpts
-        } = $table ? $table.getComputeMaps() : {};
+        const { computeRendererOpts } = $table ? $table.getComputeMaps() : {};
         const rendererOpts = (computeRendererOpts ? computeRendererOpts.value : null) || {};
         tools.forEach((item, tIndex) => {
-          const {
-            dropdowns,
-            toolRender
-          } = item;
+          const { dropdowns, toolRender } = item;
           if (item.visible !== false) {
             const compConf = toolRender && toolRender.name ? rendererOpts[toolRender.name] || renderer.get(toolRender.name) : null;
             if (toolRender && compConf && compConf.renderToolbarTool) {
               const toolbarToolClassName = compConf.toolbarToolClassName;
-              const params = {
-                $grid: $xeGrid,
-                $gantt: $xeGantt,
-                $table: $table,
-                tool: item
-              };
-              btnVNs.push((0, _vue.h)('span', {
-                key: tIndex,
-                class: ['vxe-tool--item', toolbarToolClassName ? _xeUtils.default.isFunction(toolbarToolClassName) ? toolbarToolClassName(params) : toolbarToolClassName : '']
-              }, (0, _vn.getSlotVNs)(compConf.renderToolbarTool(toolRender, params))));
+              const params = { $grid: $xeGrid, $gantt: $xeGantt, $table, tool: item };
+              btnVNs.push(
+                (0, import_vue.h)("span", {
+                  key: tIndex,
+                  class: ["vxe-tool--item", toolbarToolClassName ? import_xe_utils.default.isFunction(toolbarToolClassName) ? toolbarToolClassName(params) : toolbarToolClassName : ""]
+                }, (0, import_vn.getSlotVNs)(compConf.renderToolbarTool(toolRender, params)))
+              );
             } else {
               if (VxeUIButtonComponent) {
-                btnVNs.push((0, _vue.h)(VxeUIButtonComponent, Object.assign(Object.assign({
-                  key: tIndex
-                }, Object.assign({}, item, {
-                  content: item.content || item.name,
-                  options: undefined
-                })), {
-                  onClick: eventParams => tolEvent(eventParams, item)
-                }), dropdowns && dropdowns.length ? {
-                  dropdowns: () => renderDropdowns(item, false)
-                } : {}));
+                btnVNs.push(
+                  (0, import_vue.h)(VxeUIButtonComponent, {
+                    key: tIndex,
+                    ...Object.assign({}, item, {
+                      content: item.content || item.name,
+                      options: void 0
+                    }),
+                    onClick: (eventParams) => tolEvent(eventParams, item)
+                  }, dropdowns && dropdowns.length ? {
+                    dropdowns: () => renderDropdowns(item, false)
+                  } : {})
+                );
               }
             }
           }
         });
       }
-      return [(0, _vue.h)('div', {
-        class: 'vxe-tool--prefix-wrapper'
-      }, toolPrefixSlot ? (0, _vn.getSlotVNs)(toolPrefixSlot({
-        tools: tools || [],
-        $grid: $xeGrid,
-        $gantt: $xeGantt,
-        $table: $table
-      })) : []), (0, _vue.h)('div', {
-        class: 'vxe-tool--item-wrapper'
-      }, toolsSlot ? (0, _vn.getSlotVNs)(toolsSlot({
-        tools: tools || [],
-        $grid: $xeGrid,
-        $gantt: $xeGantt,
-        $table: $table
-      })) : btnVNs), (0, _vue.h)('div', {
-        class: 'vxe-tool--suffix-wrapper'
-      }, toolSuffixSlot ? (0, _vn.getSlotVNs)(toolSuffixSlot({
-        tools: tools || [],
-        $grid: $xeGrid,
-        $gantt: $xeGantt,
-        $table: $table
-      })) : [])];
+      return [
+        (0, import_vue.h)("div", {
+          class: "vxe-tool--prefix-wrapper"
+        }, toolPrefixSlot ? (0, import_vn.getSlotVNs)(toolPrefixSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table })) : []),
+        (0, import_vue.h)("div", {
+          class: "vxe-tool--item-wrapper"
+        }, toolsSlot ? (0, import_vn.getSlotVNs)(toolsSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table })) : btnVNs),
+        (0, import_vue.h)("div", {
+          class: "vxe-tool--suffix-wrapper"
+        }, toolSuffixSlot ? (0, import_vn.getSlotVNs)(toolSuffixSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table })) : [])
+      ];
     };
     const renderToolImport = () => {
       const importOpts = computeImportOpts.value;
-      return VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        key: 'import',
+      return VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+        key: "import",
         circle: true,
         icon: importOpts.icon || getIcon().TOOLBAR_TOOLS_IMPORT,
-        title: getI18n('vxe.toolbar.import'),
+        title: getI18n("vxe.toolbar.import"),
         onClick: openImportEvent
-      }) : (0, _vue.createCommentVNode)();
+      }) : (0, import_vue.createCommentVNode)();
     };
     const renderToolExport = () => {
       const exportOpts = computeExportOpts.value;
-      return VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        key: 'export',
+      return VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+        key: "export",
         circle: true,
         icon: exportOpts.icon || getIcon().TOOLBAR_TOOLS_EXPORT,
-        title: getI18n('vxe.toolbar.export'),
+        title: getI18n("vxe.toolbar.export"),
         onClick: openExportEvent
-      }) : (0, _vue.createCommentVNode)();
+      }) : (0, import_vue.createCommentVNode)();
     };
     const renderToolPrint = () => {
       const printOpts = computePrintOpts.value;
-      return VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        key: 'print',
+      return VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+        key: "print",
         circle: true,
         icon: printOpts.icon || getIcon().TOOLBAR_TOOLS_PRINT,
-        title: getI18n('vxe.toolbar.print'),
+        title: getI18n("vxe.toolbar.print"),
         onClick: openPrintEvent
-      }) : (0, _vue.createCommentVNode)();
+      }) : (0, import_vue.createCommentVNode)();
     };
     const renderToolRefresh = () => {
       const refreshOpts = computeRefreshOpts.value;
-      return VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        key: 'refresh',
+      return VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+        key: "refresh",
         circle: true,
         icon: reactData.isRefresh ? refreshOpts.iconLoading || getIcon().TOOLBAR_TOOLS_REFRESH_LOADING : refreshOpts.icon || getIcon().TOOLBAR_TOOLS_REFRESH,
-        title: getI18n('vxe.toolbar.refresh'),
+        title: getI18n("vxe.toolbar.refresh"),
         onClick: refreshEvent
-      }) : (0, _vue.createCommentVNode)();
+      }) : (0, import_vue.createCommentVNode)();
     };
     const renderToolZoom = () => {
       const zoomOpts = computeZoomOpts.value;
-      return $xeGGWrapper && VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-        key: 'zoom',
+      return $xeGGWrapper && VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+        key: "zoom",
         circle: true,
         icon: $xeGGWrapper.isMaximized() ? zoomOpts.iconOut || getIcon().TOOLBAR_TOOLS_MINIMIZE : zoomOpts.iconIn || getIcon().TOOLBAR_TOOLS_FULLSCREEN,
-        title: getI18n(`vxe.toolbar.zoom${$xeGGWrapper.isMaximized() ? 'Out' : 'In'}`),
+        title: getI18n(`vxe.toolbar.zoom${$xeGGWrapper.isMaximized() ? "Out" : "In"}`),
         onClick: zoomEvent
-      }) : (0, _vue.createCommentVNode)();
+      }) : (0, import_vue.createCommentVNode)();
     };
     const renderToolCustom = () => {
       const customOpts = computeCustomOpts.value;
       const btnTrigger = computeTrigger.value;
       const customBtnOns = {};
-      if (btnTrigger === 'manual') {
-        // 手动触发
-      } else if (btnTrigger === 'hover') {
-        // hover 触发
+      if (btnTrigger === "manual") {
+      } else if (btnTrigger === "hover") {
         customBtnOns.onMouseenter = handleMouseenterSettingEvent;
         customBtnOns.onMouseleave = handleMouseleaveSettingEvent;
       } else {
-        // 点击触发
         customBtnOns.onClick = handleClickSettingEvent;
       }
-      return VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, Object.assign({
-        key: 'custom',
+      return VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+        key: "custom",
         circle: true,
         icon: customOpts.icon || getIcon().TOOLBAR_TOOLS_CUSTOM,
-        title: getI18n('vxe.toolbar.custom'),
-        className: 'vxe-toolbar-custom-target'
-      }, customBtnOns)) : (0, _vue.createCommentVNode)();
+        title: getI18n("vxe.toolbar.custom"),
+        className: "vxe-toolbar-custom-target",
+        ...customBtnOns
+      }) : (0, import_vue.createCommentVNode)();
     };
     const renderVN = () => {
-      const {
-        perfect,
-        loading,
-        refresh,
-        zoom,
-        custom,
-        className
-      } = props;
+      const { perfect, loading, refresh, zoom, custom, className } = props;
       const vSize = computeSize.value;
-      return (0, _vue.h)('div', {
+      return (0, import_vue.h)("div", {
         ref: refElem,
-        class: ['vxe-toolbar', className ? _xeUtils.default.isFunction(className) ? className({
-          $toolbar: $xeToolbar
-        }) : className : '', {
+        class: ["vxe-toolbar", className ? import_xe_utils.default.isFunction(className) ? className({ $toolbar: $xeToolbar }) : className : "", {
           [`size--${vSize}`]: vSize,
-          'is--perfect': perfect,
-          'is--loading': loading
+          "is--perfect": perfect,
+          "is--loading": loading
         }]
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-buttons--wrapper'
-      }, renderLeftBtns()), (0, _vue.h)('div', {
-        class: 'vxe-tools--wrapper'
-      }, renderRightTools()), (0, _vue.h)('div', {
-        class: 'vxe-tools--operate'
-      }, [props.import ? renderToolImport() : (0, _vue.createCommentVNode)(), props.export ? renderToolExport() : (0, _vue.createCommentVNode)(), props.print ? renderToolPrint() : (0, _vue.createCommentVNode)(), refresh ? renderToolRefresh() : (0, _vue.createCommentVNode)(), zoom && $xeGGWrapper ? renderToolZoom() : (0, _vue.createCommentVNode)(), custom ? renderToolCustom() : (0, _vue.createCommentVNode)()])]);
+      }, [
+        (0, import_vue.h)("div", {
+          class: "vxe-buttons--wrapper"
+        }, renderLeftBtns()),
+        (0, import_vue.h)("div", {
+          class: "vxe-tools--wrapper"
+        }, renderRightTools()),
+        (0, import_vue.h)("div", {
+          class: "vxe-tools--operate"
+        }, [
+          props.import ? renderToolImport() : (0, import_vue.createCommentVNode)(),
+          props.export ? renderToolExport() : (0, import_vue.createCommentVNode)(),
+          props.print ? renderToolPrint() : (0, import_vue.createCommentVNode)(),
+          refresh ? renderToolRefresh() : (0, import_vue.createCommentVNode)(),
+          zoom && $xeGGWrapper ? renderToolZoom() : (0, import_vue.createCommentVNode)(),
+          custom ? renderToolCustom() : (0, import_vue.createCommentVNode)()
+        ])
+      ]);
     };
     $xeToolbar.renderVN = renderVN;
-    (0, _vue.nextTick)(() => {
+    (0, import_vue.nextTick)(() => {
       const refreshOpts = computeRefreshOpts.value;
       const queryMethod = refreshOpts.queryMethod || refreshOpts.query;
       if (props.refresh && !$xeGGWrapper && !queryMethod) {
-        warnLog('vxe.error.notFunc', ['queryMethod']);
+        warnLog("vxe.error.notFunc", ["queryMethod"]);
       }
-      if (_xeUtils.default.isPlainObject(props.custom)) {
-        warnLog('vxe.error.delProp', ['custom={...}', 'custom=boolean & custom-options={...}']);
+      if (import_xe_utils.default.isPlainObject(props.custom)) {
+        warnLog("vxe.error.delProp", ["custom={...}", "custom=boolean & custom-options={...}"]);
       }
-      if (_xeUtils.default.isPlainObject(props.print)) {
-        warnLog('vxe.error.delProp', ['print={...}', 'print=boolean & print-options={...}']);
+      if (import_xe_utils.default.isPlainObject(props.print)) {
+        warnLog("vxe.error.delProp", ["print={...}", "print=boolean & print-options={...}"]);
       }
-      if (_xeUtils.default.isPlainObject(props.export)) {
-        warnLog('vxe.error.delProp', ['export={...}', 'export=boolean & export-options={...}']);
+      if (import_xe_utils.default.isPlainObject(props.export)) {
+        warnLog("vxe.error.delProp", ["export={...}", "export=boolean & export-options={...}"]);
       }
-      if (_xeUtils.default.isPlainObject(props.import)) {
-        warnLog('vxe.error.delProp', ['import={...}', 'import=boolean & import-options={...}']);
+      if (import_xe_utils.default.isPlainObject(props.import)) {
+        warnLog("vxe.error.delProp", ["import={...}", "import=boolean & import-options={...}"]);
       }
-      if (_xeUtils.default.isPlainObject(props.refresh)) {
-        warnLog('vxe.error.delProp', ['refresh={...}', 'refresh=boolean & refresh-options={...}']);
+      if (import_xe_utils.default.isPlainObject(props.refresh)) {
+        warnLog("vxe.error.delProp", ["refresh={...}", "refresh=boolean & refresh-options={...}"]);
       }
-      if (_xeUtils.default.isPlainObject(props.refresh)) {
-        warnLog('vxe.error.delProp', ['zoom={...}', 'zoom=boolean & zoom-options={...}']);
+      if (import_xe_utils.default.isPlainObject(props.refresh)) {
+        warnLog("vxe.error.delProp", ["zoom={...}", "zoom=boolean & zoom-options={...}"]);
       }
       const customOpts = computeCustomOpts.value;
       if (customOpts.isFooter) {
-        warnLog('vxe.error.delProp', ['toolbar.custom.isFooter', 'table.custom-config.showFooter']);
+        warnLog("vxe.error.delProp", ["toolbar.custom.isFooter", "table.custom-config.showFooter"]);
       }
       if (customOpts.showFooter) {
-        warnLog('vxe.error.delProp', ['toolbar.custom.showFooter', 'table.custom-config.showFooter']);
+        warnLog("vxe.error.delProp", ["toolbar.custom.showFooter", "table.custom-config.showFooter"]);
       }
       if (customOpts.immediate) {
-        warnLog('vxe.error.delProp', ['toolbar.custom.immediate', 'table.custom-config.immediate']);
+        warnLog("vxe.error.delProp", ["toolbar.custom.immediate", "table.custom-config.immediate"]);
       }
       if (customOpts.trigger) {
-        warnLog('vxe.error.delProp', ['toolbar.custom.trigger', 'table.custom-config.trigger']);
+        warnLog("vxe.error.delProp", ["toolbar.custom.trigger", "table.custom-config.trigger"]);
       }
       if (props.refresh || props.import || props.export || props.print || props.zoom) {
         if (!VxeUIButtonComponent) {
-          errLog('vxe.error.reqComp', ['vxe-button']);
+          errLog("vxe.error.reqComp", ["vxe-button"]);
         }
       }
     });
-    (0, _vue.onBeforeUnmount)(() => {
-      _xeUtils.default.assign(reactData, createReactData());
-      _xeUtils.default.assign(internalData, createInternalData());
+    (0, import_vue.onBeforeUnmount)(() => {
+      import_xe_utils.default.assign(reactData, createReactData());
+      import_xe_utils.default.assign(internalData, createInternalData());
     });
     return $xeToolbar;
   },
   render() {
     return this.renderVN();
   }
-});
+});