vxe-table 4.7.77 → 4.7.79

package/lib/index.umd.js

@@ -1794,6 +1794,8 @@ var core_ = __webpack_require__(4345);
 var external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_ = __webpack_require__(8871);
 var external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default = /*#__PURE__*/__webpack_require__.n(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_);
 ;// CONCATENATED MODULE: ./node_modules/dom-zindex/es/index.esm.js
+var winDom = null;
+var bodyEl = null;
 var storeEl = null;
 var storeId = 'z-index-manage';
 var styleEl = null;
@@ -1804,19 +1806,34 @@ var storeData = {
   m: 1000,
   s: 1000
 };
-function isDocument() {
-  return typeof document !== 'undefined';
+function getDocument() {
+  if (!winDom) {
+    if (typeof document !== 'undefined') {
+      winDom = document;
+    }
+  }
+  return winDom;
+}
+function getBody() {
+  if (winDom && !bodyEl) {
+    bodyEl = winDom.body || winDom.getElementsByTagName('body')[0];
+  }
+  return bodyEl;
 }
 function getDomMaxZIndex() {
   var max = 0;
-  if (isDocument()) {
-    var allElem = document.body.getElementsByTagName('*');
-    for (var i = 0; i < allElem.length; i++) {
-      var elem = allElem[i];
-      if (elem && elem.style && elem.nodeType === 1) {
-        var zIndex = elem.style.zIndex;
-        if (zIndex && /^\d+$/.test(zIndex)) {
-          max = Math.max(max, Number(zIndex));
+  var dom = getDocument();
+  if (dom) {
+    var body = getBody();
+    if (body) {
+      var allElem = body.getElementsByTagName('*');
+      for (var i = 0; i < allElem.length; i++) {
+        var elem = allElem[i];
+        if (elem && elem.style && elem.nodeType === 1) {
+          var zIndex = elem.style.zIndex;
+          if (zIndex && /^\d+$/.test(zIndex)) {
+            max = Math.max(max, Number(zIndex));
+          }
         }
       }
     }
@@ -1825,12 +1842,13 @@ function getDomMaxZIndex() {
 }
 function getStyle() {
   if (!styleEl) {
-    if (isDocument()) {
-      styleEl = document.getElementById(styleId);
+    var dom = getDocument();
+    if (dom) {
+      styleEl = dom.getElementById(styleId);
       if (!styleEl) {
-        styleEl = document.createElement('style');
+        styleEl = dom.createElement('style');
         styleEl.id = styleId;
-        document.getElementsByTagName('head')[0].appendChild(styleEl);
+        dom.getElementsByTagName('head')[0].appendChild(styleEl);
       }
     }
   }
@@ -1844,17 +1862,21 @@ function updateVar() {
     styEl.innerHTML = ':root{' + prefixes + 'main' + propKey + ':' + getCurrent() + ';' + prefixes + 'sub' + propKey + ':' + getSubCurrent() + '}';
   }
 }
-function getDom() {
+function getStoreDom() {
   if (!storeEl) {
-    if (isDocument()) {
-      storeEl = document.getElementById(storeId);
+    var dom = getDocument();
+    if (dom) {
+      storeEl = dom.getElementById(storeId);
       if (!storeEl) {
-        storeEl = document.createElement('div');
-        storeEl.id = storeId;
-        storeEl.style.display = 'none';
-        document.body.appendChild(storeEl);
-        setCurrent(storeData.m);
-        setSubCurrent(storeData.s);
+        var body = getBody();
+        if (body) {
+          storeEl = dom.createElement('div');
+          storeEl.id = storeId;
+          storeEl.style.display = 'none';
+          body.appendChild(storeEl);
+          setCurrent(storeData.m);
+          setSubCurrent(storeData.s);
+        }
       }
     }
   }
@@ -1865,12 +1887,12 @@ function createSetHandle(key) {
     if (value) {
       value = Number(value);
       storeData[key] = value;
-      var doc = getDom();
-      if (doc) {
-        if (doc.dataset) {
-          doc.dataset[key] = value + '';
+      var el = getStoreDom();
+      if (el) {
+        if (el.dataset) {
+          el.dataset[key] = value + '';
         } else {
-          doc.setAttribute('data-' + key, value + '');
+          el.setAttribute('data-' + key, value + '');
         }
       }
     }
@@ -1882,9 +1904,9 @@ var setCurrent = createSetHandle(storeMainKey);
 function createGetHandle(key, nextMethod) {
   return function getCurrent(currZindex) {
     var zIndex;
-    var doc = getDom();
-    if (doc) {
-      var domVal = doc.dataset ? doc.dataset[key] : doc.getAttribute('data-' + key);
+    var el = getStoreDom();
+    if (el) {
+      var domVal = el.dataset ? el.dataset[key] : el.getAttribute('data-' + key);
       if (domVal) {
         zIndex = Number(domVal);
       }
@@ -1976,9 +1998,9 @@ function eqEmptyValue(cellValue) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "4.7.77";
+const version = "4.7.79";
 core_.VxeUI.version = version;
-core_.VxeUI.tableVersion = "4.7.77";
+core_.VxeUI.tableVersion = "4.7.79";
 core_.VxeUI.setConfig({
   emptyCell: '　',
   table: {
@@ -2360,7 +2382,7 @@ var es_array_push = __webpack_require__(4114);
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"4.7.77"}`;
+const log_version = `table v${"4.7.79"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -3000,7 +3022,7 @@ function assembleColumn($xeTable, elem, column, colgroup) {
     staticColumns
   } = reactData;
   const parentElem = elem.parentNode;
-  const parentColumn = colgroup ? colgroup.column : null;
+  const parentColumn = colgroup ? colgroup.columnConfig : null;
   const parentCols = parentColumn ? parentColumn.children : staticColumns;
   if (parentElem && parentCols) {
     parentCols.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, elem), 0, column);
@@ -3197,6 +3219,29 @@ function colToVisible($xeTable, column) {
 function getOnName(type) {
   return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
 }
+function getModelEvent(renderOpts) {
+  switch (renderOpts.name) {
+    case 'input':
+    case 'textarea':
+      return 'input';
+    case 'select':
+      return 'change';
+  }
+  return 'update:modelValue';
+}
+function getChangeEvent(renderOpts) {
+  switch (renderOpts.name) {
+    case 'input':
+    case 'textarea':
+    case 'VxeInput':
+    case 'VxeNumberInput':
+    case 'VxeTextarea':
+    case '$input':
+    case '$textarea':
+      return 'input';
+  }
+  return 'change';
+}
 function getSlotVNs(vns) {
   if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(vns)) {
     return vns;
@@ -3507,11 +3552,11 @@ const Cell = {
     const cellPlaceholder = editRender ? editRender.placeholder : '';
     return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
       class: 'vxe-cell--label'
-    }, editRender && eqEmptyValue(cellValue) ? [
+    }, [
     // 如果设置占位符
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+    editRender && eqEmptyValue(cellValue) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
       class: 'vxe-cell--placeholder'
-    }, formatText(getFuncText(cellPlaceholder), 1))] : formatText(cellValue, 1))];
+    }, formatText(getFuncText(cellPlaceholder), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', formatText(cellValue, 1))])];
   },
   renderTreeCell(params) {
     return Cell.renderTreeIcon(params, Cell.renderDefaultCell(params));
@@ -4442,25 +4487,31 @@ const columnProps = {
     slots
   }) {
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', {});
-    const parentColgroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeColgroup', null);
-    const column = cell.createColumn($xeTable, props);
-    column.slots = slots;
+    const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
+    const $xeColgroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeColgroup', null);
+    if (!$xeTable) {
+      return () => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+    }
+    const columnConfig = cell.createColumn($xeTable, props);
+    columnConfig.slots = slots;
     const renderVN = () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem
       });
     };
     const $xeColumn = {
-      column,
+      columnConfig,
       renderVN
     };
-    watchColumn($xeTable, props, column);
+    watchColumn($xeTable, props, columnConfig);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      assembleColumn($xeTable, refElem.value, column, parentColgroup);
+      const elem = refElem.value;
+      if (elem) {
+        assembleColumn($xeTable, elem, columnConfig, $xeColgroup);
+      }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
-      destroyColumn($xeTable, column);
+      destroyColumn($xeTable, columnConfig);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeColumn', $xeColumn);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeGrid', null);
@@ -4497,21 +4548,27 @@ const Column = VxeColumn;
     slots
   }) {
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', {});
-    const parentColgroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeColgroup', null);
-    const column = cell.createColumn($xeTable, props);
+    const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
+    const $xeParentColgroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeColgroup', null);
+    if (!$xeTable) {
+      return () => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+    }
+    const columnConfig = cell.createColumn($xeTable, props);
     const columnSlots = {};
     if (slots.header) {
       columnSlots.header = slots.header;
     }
-    column.slots = columnSlots;
-    column.children = [];
-    watchColumn($xeTable, props, column);
+    columnConfig.slots = columnSlots;
+    columnConfig.children = [];
+    watchColumn($xeTable, props, columnConfig);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      assembleColumn($xeTable, refElem.value, column, parentColgroup);
+      const elem = refElem.value;
+      if (elem) {
+        assembleColumn($xeTable, elem, columnConfig, $xeParentColgroup);
+      }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
-      destroyColumn($xeTable, column);
+      destroyColumn($xeTable, columnConfig);
     });
     const renderVN = () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -4519,7 +4576,7 @@ const Column = VxeColumn;
       }, slots.default ? slots.default() : []);
     };
     const $xeColgroup = {
-      column
+      columnConfig
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeColgroup', $xeColgroup);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeGrid', null);
@@ -7391,9 +7448,16 @@ const {
     };
     if (true) {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+        const customOpts = computeCustomOpts.value;
+        const {
+          mode
+        } = customOpts;
         if (!VxeUIModalComponent) {
           errLog('vxe.error.reqComp', ['vxe-modal']);
         }
+        if (!VxeUIDrawerComponent && mode === 'drawer') {
+          errLog('vxe.error.reqComp', ['vxe-drawer']);
+        }
         if (!VxeUIButtonComponent) {
           errLog('vxe.error.reqComp', ['vxe-button']);
         }
@@ -16391,9 +16455,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       table_globalEvents.on($xeTable, 'mousewheel', handleGlobalMousewheelEvent);
       table_globalEvents.on($xeTable, 'keydown', handleGlobalKeydownEvent);
       table_globalEvents.on($xeTable, 'resize', handleGlobalResizeEvent);
-      if ($xeTable.handleGlobalContextmenuEvent) {
-        table_globalEvents.on($xeTable, 'contextmenu', $xeTable.handleGlobalContextmenuEvent);
-      }
+      table_globalEvents.on($xeTable, 'contextmenu', $xeTable.handleGlobalContextmenuEvent);
       tablePrivateMethods.preventEvent(null, 'mounted', {
         $table: $xeTable
       });
@@ -16614,7 +16676,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
         storeData: reactData.importStore
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
       /**
-       * 导出/导出
+       * 导出
        */
       initStore.export && (props.exportConfig || props.printConfig) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(export_panel, {
         defaultOptions: reactData.exportParams,
@@ -21496,27 +21558,6 @@ const componentDefaultModelProp = 'modelValue';
 const defaultCompProps = {
   transfer: true
 };
-function getModelEvent(renderOpts) {
-  switch (renderOpts.name) {
-    case 'input':
-    case 'textarea':
-      return 'input';
-  }
-  return 'update:modelValue';
-}
-function getChangeEvent(renderOpts) {
-  switch (renderOpts.name) {
-    case 'input':
-    case 'textarea':
-    case 'VxeInput':
-    case 'VxeNumberInput':
-    case 'VxeTextarea':
-    case '$input':
-    case '$textarea':
-      return 'input';
-  }
-  return 'change';
-}
 function parseDate(value, props) {
   return value && props.valueFormat ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(value, props.valueFormat) : value;
 }
@@ -21620,7 +21661,7 @@ function getCellLabelVNs(renderOpts, params, cellLabel) {
  * @param modelFunc
  * @param changeFunc
  */
-function getElementOns(renderOpts, params, modelFunc, changeFunc) {
+function getNativeElementOns(renderOpts, params, modelFunc, changeFunc) {
   const {
     events
   } = renderOpts;
@@ -21747,7 +21788,7 @@ function getNativeEditOns(renderOpts, params) {
   const {
     model
   } = column;
-  return getElementOns(renderOpts, params, evnt => {
+  return getNativeElementOns(renderOpts, params, evnt => {
     // 处理 model 值双向绑定
     const cellValue = evnt.target.value;
     if (isImmediateCell(renderOpts, params)) {
@@ -21763,7 +21804,7 @@ function getNativeEditOns(renderOpts, params) {
   });
 }
 function getNativeFilterOns(renderOpts, params, option) {
-  return getElementOns(renderOpts, params, evnt => {
+  return getNativeElementOns(renderOpts, params, evnt => {
     // 处理 model 值双向绑定
     option.data = evnt.target.value;
   }, () => {
@@ -22536,8 +22577,12 @@ const {
     } = toolbar_useFns.useSize(props);
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       isRefresh: false,
+      connectFlag: 0,
       columns: []
     });
+    const internalData = {
+      connectTable: null
+    };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refMaps = {
       refElem
@@ -22547,12 +22592,11 @@ const {
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let toolbarMethods = {};
     const $xeGrid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeGrid', null);
-    const refTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const connectFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     const computeRefreshOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, toolbar_getConfig().toolbar.refresh, props.refresh);
     });
@@ -22572,8 +22616,11 @@ const {
       return Object.assign({}, toolbar_getConfig().toolbar.custom, props.custom);
     });
     const computeTableCustomOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const $table = refTable.value;
-      if (connectFlag.value || $table) {
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
+      if (reactData.connectFlag || $table) {
         if ($table) {
           const {
             computeCustomOpts
@@ -22590,7 +22637,10 @@ const {
       return tableCustomOpts.trigger;
     });
     const checkTable = () => {
-      const $table = refTable.value;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if ($table) {
         return true;
       }
@@ -22599,7 +22649,10 @@ const {
     const handleClickSettingEvent = ({
       $event
     }) => {
-      const $table = refTable.value;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if ($table) {
         if ($table.triggerCustomEvent) {
           $table.triggerCustomEvent($event);
@@ -22611,7 +22664,10 @@ const {
     const handleMouseenterSettingEvent = ({
       $event
     }) => {
-      const $table = refTable.value;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if ($table) {
         $table.customOpenEvent($event);
       } else {
@@ -22621,7 +22677,10 @@ const {
     const handleMouseleaveSettingEvent = ({
       $event
     }) => {
-      const $table = refTable.value;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       if ($table) {
         const {
           customStore
@@ -22670,7 +22729,10 @@ const {
       }
     };
     const btnEvent = (evnt, item) => {
-      const $table = refTable.value;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       const {
         code
       } = item;
@@ -22701,7 +22763,10 @@ const {
       }
     };
     const tolEvent = (evnt, item) => {
-      const $table = refTable.value;
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       const {
         code
       } = item;
@@ -22733,7 +22798,10 @@ const {
     };
     const importEvent = () => {
       if (checkTable()) {
-        const $table = refTable.value;
+        const {
+          connectTable
+        } = internalData;
+        const $table = connectTable;
         if ($table) {
           $table.openImport();
         }
@@ -22741,7 +22809,10 @@ const {
     };
     const exportEvent = () => {
       if (checkTable()) {
-        const $table = refTable.value;
+        const {
+          connectTable
+        } = internalData;
+        const $table = connectTable;
         if ($table) {
           $table.openExport();
         }
@@ -22749,12 +22820,29 @@ const {
     };
     const printEvent = () => {
       if (checkTable()) {
-        const $table = refTable.value;
+        const {
+          connectTable
+        } = internalData;
+        const $table = connectTable;
         if ($table) {
           $table.openPrint();
         }
       }
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, toolbar_createEvent(evnt, {
+        $toolbar: $xeToolbar
+      }, params));
+    };
+    toolbarMethods = {
+      dispatchEvent,
+      syncUpdate(params) {
+        internalData.connectTable = params.$table;
+        reactData.columns = params.collectColumn;
+        reactData.connectFlag++;
+      }
+    };
+    Object.assign($xeToolbar, toolbarMethods);
     const renderDropdowns = (item, isBtn) => {
       const {
         dropdowns
@@ -22791,14 +22879,10 @@ const {
       const {
         buttons
       } = props;
-      const $table = refTable.value;
-      const buttonsSlot = slots.buttons;
-      if (buttonsSlot) {
-        return getSlotVNs(buttonsSlot({
-          $grid: $xeGrid,
-          $table: $table
-        }));
-      }
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       const btnVNs = [];
       if (buttons) {
         buttons.forEach(item => {
@@ -22854,14 +22938,10 @@ const {
       const {
         tools
       } = props;
-      const $table = refTable.value;
-      const toolsSlot = slots.tools;
-      if (toolsSlot) {
-        return getSlotVNs(toolsSlot({
-          $grid: $xeGrid,
-          $table: $table
-        }));
-      }
+      const {
+        connectTable
+      } = internalData;
+      const $table = connectTable;
       const btnVNs = [];
       if (tools) {
         tools.forEach((item, tIndex) => {
@@ -22985,47 +23065,6 @@ const {
         ...customBtnOns
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
     };
-    toolbarMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, toolbar_createEvent(evnt, {
-          $toolbar: $xeToolbar
-        }, params));
-      },
-      syncUpdate(params) {
-        const {
-          collectColumn
-        } = params;
-        refTable.value = params.$table;
-        reactData.columns = collectColumn;
-        connectFlag.value++;
-      }
-    };
-    Object.assign($xeToolbar, toolbarMethods);
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
-      const {
-        refresh
-      } = props;
-      const refreshOpts = computeRefreshOpts.value;
-      const queryMethod = refreshOpts.queryMethod || refreshOpts.query;
-      if (refresh && !$xeGrid && !queryMethod) {
-        warnLog('vxe.error.notFunc', ['queryMethod']);
-      }
-      const customOpts = computeCustomOpts.value;
-      if (true) {
-        if (customOpts.isFooter) {
-          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']);
-        }
-        if (customOpts.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']);
-        }
-      }
-    });
     const renderVN = () => {
       const {
         perfect,
@@ -23035,7 +23074,13 @@ const {
         custom,
         className
       } = props;
+      const {
+        connectTable
+      } = internalData;
       const vSize = computeSize.value;
+      const toolsSlot = slots.tools;
+      const buttonsSlot = slots.buttons;
+      const $table = connectTable;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-toolbar', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
@@ -23047,22 +23092,51 @@ const {
         }]
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-buttons--wrapper'
-      }, renderBtns()), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, buttonsSlot ? buttonsSlot({
+        $grid: $xeGrid,
+        $table: $table
+      }) : renderBtns()), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-tools--wrapper'
-      }, renderRightTools()), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, toolsSlot ? toolsSlot({
+        $grid: $xeGrid,
+        $table: $table
+      }) : renderRightTools()), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-tools--operate'
       }, [props.import ? renderToolImport() : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), props.export ? renderToolExport() : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), props.print ? renderToolPrint() : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), refresh ? renderToolRefresh() : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), zoom && $xeGrid ? renderToolZoom() : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), custom ? renderToolCustom() : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])]);
     };
     $xeToolbar.renderVN = renderVN;
-    if (true) {
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+      const {
+        refresh
+      } = props;
+      const refreshOpts = computeRefreshOpts.value;
+      const queryMethod = refreshOpts.queryMethod || refreshOpts.query;
+      if (refresh && !$xeGrid && !queryMethod) {
+        warnLog('vxe.error.notFunc', ['queryMethod']);
+      }
+      const customOpts = computeCustomOpts.value;
+      if (true) {
+        if (customOpts.isFooter) {
+          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']);
+        }
+        if (customOpts.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']);
+        }
+      }
+      if (true) {
         if (props.refresh || props.import || props.export || props.print || props.zoom) {
           if (!VxeUIButtonComponent) {
             errLog('vxe.error.reqComp', ['vxe-button']);
           }
         }
-      });
-    }
+      }
+    });
     return $xeToolbar;
   },
   render() {
@@ -23220,28 +23294,6 @@ const gridComponentEmits = [...emits, 'page-change', 'form-submit', 'form-submit
       });
       return rest;
     });
-    const refMaps = {
-      refElem,
-      refTable,
-      refForm,
-      refToolbar,
-      refPager
-    };
-    const computeMaps = {
-      computeProxyOpts,
-      computePagerOpts,
-      computeFormOpts,
-      computeToolbarOpts,
-      computeZoomOpts
-    };
-    const $xeGrid = {
-      xID,
-      props: props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
     const computeTableProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         seqConfig,
@@ -23281,6 +23333,37 @@ const gridComponentEmits = [...emits, 'page-change', 'form-submit', 'form-submit
       }
       return tableProps;
     });
+    const computeCurrLayout = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        layouts
+      } = props;
+      if (layouts && layouts.length) {
+        return layouts;
+      }
+      return grid_getConfig().grid.layouts || ['Form', 'Toolbar', 'Top', 'Table', 'Bottom', 'Pager'];
+    });
+    const refMaps = {
+      refElem,
+      refTable,
+      refForm,
+      refToolbar,
+      refPager
+    };
+    const computeMaps = {
+      computeProxyOpts,
+      computePagerOpts,
+      computeFormOpts,
+      computeToolbarOpts,
+      computeZoomOpts
+    };
+    const $xeGrid = {
+      xID,
+      props: props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
     const initToolbar = () => {
       const toolbarOpts = computeToolbarOpts.value;
       if (props.toolbarConfig && isEnableConf(toolbarOpts)) {
@@ -23775,13 +23858,9 @@ const gridComponentEmits = [...emits, 'page-change', 'form-submit', 'form-submit
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
     };
-    const defaultLayouts = ['Form', 'Toolbar', 'Top', 'Table', 'Bottom', 'Pager'];
     const renderLayout = () => {
-      const {
-        layouts
-      } = props;
       const vns = [];
-      const currLayouts = layouts && layouts.length ? layouts : grid_getConfig().grid.layouts || defaultLayouts;
+      const currLayouts = computeCurrLayout.value;
       currLayouts.forEach(name => {
         switch (name) {
           case 'Form':
@@ -23869,12 +23948,20 @@ const gridComponentEmits = [...emits, 'page-change', 'form-submit', 'form-submit
         }
       }
     };
+    const handleGlobalKeydownEvent = evnt => {
+      const zoomOpts = computeZoomOpts.value;
+      const isEsc = grid_globalEvents.hasKey(evnt, grid_GLOBAL_EVENT_KEYS.ESCAPE);
+      if (isEsc && reactData.isZMax && zoomOpts.escRestore !== false) {
+        gridPrivateMethods.triggerZoomEvent(evnt);
+      }
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, grid_createEvent(evnt, {
+        $grid: $xeGrid
+      }, params));
+    };
     const gridMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, grid_createEvent(evnt, {
-          $grid: $xeGrid
-        }, params));
-      },
+      dispatchEvent,
       /**
        * 提交指令，支持 code 或 button
        * @param {String/Object} code 字符串或对象
@@ -24487,13 +24574,6 @@ const gridComponentEmits = [...emits, 'page-change', 'form-submit', 'form-submit
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.proxyConfig, () => {
       initProxy();
     });
-    const handleGlobalKeydownEvent = evnt => {
-      const zoomOpts = computeZoomOpts.value;
-      const isEsc = grid_globalEvents.hasKey(evnt, grid_GLOBAL_EVENT_KEYS.ESCAPE);
-      if (isEsc && reactData.isZMax && zoomOpts.escRestore !== false) {
-        gridPrivateMethods.triggerZoomEvent(evnt);
-      }
-    };
     grid_hooks.forEach(options => {
       const {
         setupGrid