vxe-table 3.19.22 → 3.19.25

package/es/table/src/methods.js

@@ -4186,8 +4186,8 @@ function handleRowExpandScroll($xeTable) {
     }
 }
 function handleColumnVisible(visible) {
-    const $xeTable = this;
     return function (fieldOrColumn) {
+        const $xeTable = this;
         let status = false;
         const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
         cols.forEach(item => {
@@ -7217,7 +7217,7 @@ const tableMethods = {
     },
     handleAggregateSummaryData() {
         const $xeTable = this;
-        return updateGroupData($xeTable);
+        return $xeTable.refreshAggregateCalcValues();
     },
     handleTargetLeaveEvent() {
         const $xeTable = this;
@@ -10490,6 +10490,11 @@ const tableMethods = {
         const { isRowGroupStatus } = reactData;
         return isRowGroupStatus && row && row.isAggregate && childrenField && mapChildrenField ? (row[mapChildrenField] || []) : [];
     },
+    refreshAggregateCalcValues() {
+        const $xeTable = this;
+        updateGroupData($xeTable);
+        return $xeTable.$nextTick();
+    },
     isAggregateExpandByRow(row) {
         const $xeTable = this;
         const reactData = $xeTable;
@@ -12134,10 +12139,12 @@ const tableMethods = {
         return getConfig();
     }
 };
+const tablePrivateMethods = {};
+const exportMethods = Object.assign({}, tableMethods, tablePrivateMethods);
 // Module methods
 const funcs = 'setFilter,openFilter,clearFilter,saveFilter,saveFilterByEvent,resetFilter,resetFilterByEvent,saveFilterPanel,saveFilterPanelByEvent,resetFilterPanel,resetFilterPanelByEvent,getCheckedFilters,updateFilterOptionStatus,closeMenu,setActiveCellArea,getActiveCellArea,getCellAreas,clearCellAreas,copyCellArea,cutCellArea,pasteCellArea,getCopyCellArea,getCopyCellAreas,clearCopyCellArea,setCellAreas,openFNR,openFind,openReplace,closeFNR,getSelectedCell,clearSelected,insert,insertAt,insertNextAt,insertChild,insertChildAt,insertChildNextAt,remove,removeCheckboxRow,removeRadioRow,removeCurrentRow,getRecordset,getInsertRecords,getRemoveRecords,getUpdateRecords,clearEdit,clearActived,getEditRecord,getEditCell,getActiveRecord,isEditByRow,isActiveByRow,setEditRow,setActiveRow,setEditCell,setActiveCell,setSelectCell,clearValidate,fullValidate,validate,fullValidateField,validateField,openExport,closeExport,openPrint,closePrint,getPrintHtml,exportData,openImport,closeImport,importData,saveFile,readFile,importByFile,print,getCustomVisible,openCustom,closeCustom,toggleCustom,saveCustom,cancelCustom,resetCustom,toggleCustomAllCheckbox,setCustomAllCheckbox'.split(',');
 funcs.forEach(name => {
-    tableMethods[name] = function (...args) {
+    exportMethods[name] = function (...args) {
         // if (!this[`_${name}`]) {
         //   if ('openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',').includes(name)) {
         //     errLog('vxe.error.reqModule', ['Export'])
@@ -12154,4 +12161,4 @@ funcs.forEach(name => {
         return this[`_${name}`] ? this[`_${name}`](...args) : null;
     };
 });
-export default tableMethods;
+export default exportMethods;

package/es/toolbar/src/toolbar.js

@@ -433,49 +433,63 @@ export default {
             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 btnVNs = [];
+            const lbVNs = [];
             if (buttonPrefixSlot) {
-                btnVNs.push(...getSlotVNs(buttonPrefixSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
-            }
-            if (buttons) {
-                buttons.forEach((item) => {
-                    const { dropdowns, buttonRender } = item;
-                    if (item.visible !== false) {
-                        const compConf = buttonRender ? 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(h('span', {
-                                class: ['vxe-button--item', toolbarButtonClassName ? (XEUtils.isFunction(toolbarButtonClassName) ? toolbarButtonClassName(params) : toolbarButtonClassName) : '']
-                            }, getSlotVNs(compConf.renderToolbarButton(h, buttonRender, params))));
-                        }
-                        else {
-                            if (VxeUIButtonComponent) {
-                                btnVNs.push(h(VxeUIButtonComponent, {
-                                    props: Object.assign({}, item, {
-                                        content: item.content || item.name,
-                                        options: undefined
-                                    }),
-                                    on: {
-                                        click: (eventParams) => $xeToolbar.btnEvent(eventParams, item)
-                                    },
-                                    scopedSlots: dropdowns && dropdowns.length
-                                        ? {
-                                            dropdowns: () => $xeToolbar.renderDropdowns(h, item, true)
-                                        }
-                                        : {}
-                                }));
+                lbVNs.push(h('span', {
+                    key: 'tbp',
+                    class: 'vxe-button--prefix-wrapper'
+                }, getSlotVNs(buttonPrefixSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table }))));
+            }
+            if (buttons || buttonsSlot) {
+                const btnVNs = [];
+                if (buttons) {
+                    buttons.forEach((item) => {
+                        const { dropdowns, buttonRender } = item;
+                        if (item.visible !== false) {
+                            const compConf = buttonRender ? 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(h('span', {
+                                    class: ['vxe-button--item', toolbarButtonClassName ? (XEUtils.isFunction(toolbarButtonClassName) ? toolbarButtonClassName(params) : toolbarButtonClassName) : '']
+                                }, getSlotVNs(compConf.renderToolbarButton(h, buttonRender, params))));
+                            }
+                            else {
+                                if (VxeUIButtonComponent) {
+                                    btnVNs.push(h(VxeUIButtonComponent, {
+                                        props: Object.assign({}, item, {
+                                            content: item.content || item.name,
+                                            options: undefined
+                                        }),
+                                        on: {
+                                            click: (eventParams) => $xeToolbar.btnEvent(eventParams, item)
+                                        },
+                                        scopedSlots: dropdowns && dropdowns.length
+                                            ? {
+                                                dropdowns: () => $xeToolbar.renderDropdowns(h, item, true)
+                                            }
+                                            : {}
+                                    }));
+                                }
                             }
                         }
-                    }
-                });
+                    });
+                }
+                lbVNs.push(h('span', {
+                    key: 'tti',
+                    class: 'vxe-button--item-wrapper'
+                }, buttonsSlot ? getSlotVNs(buttonsSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : btnVNs));
             }
             if (buttonSuffixSlot) {
-                btnVNs.push(...getSlotVNs(buttonSuffixSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
+                lbVNs.push(h('span', {
+                    key: 'tbs',
+                    class: 'vxe-button--suffix-wrapper'
+                }, getSlotVNs(buttonSuffixSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table }))));
             }
-            return btnVNs;
+            return lbVNs;
         },
         /**
          * 渲染右侧工具
@@ -492,52 +506,66 @@ export default {
             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 btnVNs = [];
+            const rtVNs = [];
             if (toolPrefixSlot) {
-                btnVNs.push(...getSlotVNs(toolPrefixSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
-            }
-            if (tools) {
-                tools.forEach((item, tIndex) => {
-                    const { dropdowns, toolRender } = item;
-                    if (item.visible !== false) {
-                        const rdName = toolRender ? toolRender.name : null;
-                        const compConf = toolRender ? renderer.get(rdName) : null;
-                        if (toolRender && compConf && compConf.renderToolbarTool) {
-                            const toolbarToolClassName = compConf.toolbarToolClassName;
-                            const params = { $grid: $xeGrid, $gantt: $xeGantt, $table: $table, tool: item };
-                            btnVNs.push(h('span', {
-                                key: rdName,
-                                class: ['vxe-tool--item', toolbarToolClassName ? (XEUtils.isFunction(toolbarToolClassName) ? toolbarToolClassName(params) : toolbarToolClassName) : '']
-                            }, getSlotVNs(compConf.renderToolbarTool(h, toolRender, params))));
-                        }
-                        else {
-                            if (VxeUIButtonComponent) {
-                                btnVNs.push(h(VxeUIButtonComponent, {
-                                    key: tIndex,
-                                    props: Object.assign({}, item, {
-                                        content: item.content || item.name,
-                                        options: undefined
-                                    }),
-                                    on: {
-                                        click: (eventParams) => $xeToolbar.tolEvent(eventParams, item)
-                                    },
-                                    scopedSlots: dropdowns && dropdowns.length
-                                        ? {
-                                            dropdowns: () => $xeToolbar.renderDropdowns(h, item, false)
-                                        }
-                                        : {}
-                                }));
+                rtVNs.push(h('span', {
+                    key: 'ttp',
+                    class: 'vxe-tool--prefix-wrapper'
+                }, getSlotVNs(toolPrefixSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table }))));
+            }
+            if (tools || toolsSlot) {
+                const btnVNs = [];
+                if (tools) {
+                    tools.forEach((item, tIndex) => {
+                        const { dropdowns, toolRender } = item;
+                        if (item.visible !== false) {
+                            const rdName = toolRender ? toolRender.name : null;
+                            const compConf = toolRender ? renderer.get(rdName) : null;
+                            if (toolRender && compConf && compConf.renderToolbarTool) {
+                                const toolbarToolClassName = compConf.toolbarToolClassName;
+                                const params = { $grid: $xeGrid, $gantt: $xeGantt, $table: $table, tool: item };
+                                btnVNs.push(h('span', {
+                                    key: rdName,
+                                    class: ['vxe-tool--item', toolbarToolClassName ? (XEUtils.isFunction(toolbarToolClassName) ? toolbarToolClassName(params) : toolbarToolClassName) : '']
+                                }, getSlotVNs(compConf.renderToolbarTool(h, toolRender, params))));
+                            }
+                            else {
+                                if (VxeUIButtonComponent) {
+                                    btnVNs.push(h(VxeUIButtonComponent, {
+                                        key: tIndex,
+                                        props: Object.assign({}, item, {
+                                            content: item.content || item.name,
+                                            options: undefined
+                                        }),
+                                        on: {
+                                            click: (eventParams) => $xeToolbar.tolEvent(eventParams, item)
+                                        },
+                                        scopedSlots: dropdowns && dropdowns.length
+                                            ? {
+                                                dropdowns: () => $xeToolbar.renderDropdowns(h, item, false)
+                                            }
+                                            : {}
+                                    }));
+                                }
                             }
                         }
-                    }
-                });
+                    });
+                }
+                rtVNs.push(h('span', {
+                    key: 'tti',
+                    class: 'vxe-tool--item-wrapper'
+                }, toolsSlot ? getSlotVNs(toolsSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : btnVNs));
             }
             if (toolSuffixSlot) {
-                btnVNs.push(...getSlotVNs(toolSuffixSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
+                rtVNs.push(h('span', {
+                    key: 'tts',
+                    class: 'vxe-tool--suffix-wrapper'
+                }, getSlotVNs(toolSuffixSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table }))));
             }
-            return btnVNs;
+            return rtVNs;
         },
         renderToolImport(h) {
             // 使用已安装的组件，如果未安装则不渲染
@@ -673,16 +701,10 @@ export default {
         renderVN(h) {
             const $xeToolbar = this;
             const props = $xeToolbar;
-            const slots = $xeToolbar.$scopedSlots;
-            const internalData = $xeToolbar.internalData;
             const $xeGrid = $xeToolbar.$xeGrid;
             const $xeGantt = $xeToolbar.$xeGantt;
             const $xeGGWrapper = $xeGrid || $xeGantt;
             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',
@@ -694,10 +716,10 @@ export default {
             }, [
                 h('div', {
                     class: 'vxe-buttons--wrapper'
-                }, buttonsSlot ? buttonsSlot({ $grid: $xeGrid, $gantt: $xeGantt, $table: $table }) : $xeToolbar.renderLeftBtns(h)),
+                }, $xeToolbar.renderLeftBtns(h)),
                 h('div', {
                     class: 'vxe-tools--wrapper'
-                }, toolsSlot ? toolsSlot({ $grid: $xeGrid, $gantt: $xeGantt, $table: $table }) : $xeToolbar.renderRightTools(h)),
+                }, $xeToolbar.renderRightTools(h)),
                 h('div', {
                     class: 'vxe-tools--operate'
                 }, [

package/es/toolbar/style.css

@@ -61,10 +61,6 @@
   display: flex;
   align-items: center;
 }
-.vxe-toolbar .vxe-buttons--wrapper,
-.vxe-toolbar .vxe-tools--wrapper {
-  flex-wrap: wrap;
-}
 .vxe-toolbar .vxe-tools--operate {
   flex-shrink: 0;
 }
@@ -75,6 +71,17 @@
   background-color: var(--vxe-ui-toolbar-custom-active-background-color);
   border-radius: 50%;
 }
+.vxe-toolbar .vxe-button--item-wrapper,
+.vxe-toolbar .vxe-tool--item-wrapper,
+.vxe-toolbar .vxe-button--prefix-wrapper,
+.vxe-toolbar .vxe-button--suffix-wrapper,
+.vxe-toolbar .vxe-tool--prefix-wrapper,
+.vxe-toolbar .vxe-tool--suffix-wrapper {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+}
 
 .vxe-toolbar {
   font-size: var(--vxe-ui-font-size-default);

package/es/toolbar/style.min.css

@@ -1 +1 @@
-.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-ui-table-border-color);border-bottom-width:0;background-color:var(--vxe-ui-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--wrapper{flex-wrap:wrap}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-ui-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar{font-size:var(--vxe-ui-font-size-default)}.vxe-toolbar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-ui-table-border-color);border-bottom-width:0;background-color:var(--vxe-ui-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-ui-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar .vxe-button--item-wrapper,.vxe-toolbar .vxe-button--prefix-wrapper,.vxe-toolbar .vxe-button--suffix-wrapper,.vxe-toolbar .vxe-tool--item-wrapper,.vxe-toolbar .vxe-tool--prefix-wrapper,.vxe-toolbar .vxe-tool--suffix-wrapper{display:flex;align-items:center;flex-shrink:0;flex-wrap:wrap}.vxe-toolbar{font-size:var(--vxe-ui-font-size-default)}.vxe-toolbar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.19.22";
+export const version = "3.19.25";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `table v${"3.19.22"}`;
+const version = `table v${"3.19.25"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-toolbar/style.css

@@ -61,10 +61,6 @@
   display: flex;
   align-items: center;
 }
-.vxe-toolbar .vxe-buttons--wrapper,
-.vxe-toolbar .vxe-tools--wrapper {
-  flex-wrap: wrap;
-}
 .vxe-toolbar .vxe-tools--operate {
   flex-shrink: 0;
 }
@@ -75,6 +71,17 @@
   background-color: var(--vxe-ui-toolbar-custom-active-background-color);
   border-radius: 50%;
 }
+.vxe-toolbar .vxe-button--item-wrapper,
+.vxe-toolbar .vxe-tool--item-wrapper,
+.vxe-toolbar .vxe-button--prefix-wrapper,
+.vxe-toolbar .vxe-button--suffix-wrapper,
+.vxe-toolbar .vxe-tool--prefix-wrapper,
+.vxe-toolbar .vxe-tool--suffix-wrapper {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+}
 
 .vxe-toolbar {
   font-size: var(--vxe-ui-font-size-default);

package/es/vxe-toolbar/style.min.css

@@ -1 +1 @@
-.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-ui-table-border-color);border-bottom-width:0;background-color:var(--vxe-ui-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--wrapper{flex-wrap:wrap}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-ui-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar{font-size:var(--vxe-ui-font-size-default)}.vxe-toolbar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-ui-table-border-color);border-bottom-width:0;background-color:var(--vxe-ui-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-ui-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar .vxe-button--item-wrapper,.vxe-toolbar .vxe-button--prefix-wrapper,.vxe-toolbar .vxe-button--suffix-wrapper,.vxe-toolbar .vxe-tool--item-wrapper,.vxe-toolbar .vxe-tool--prefix-wrapper,.vxe-toolbar .vxe-tool--suffix-wrapper{display:flex;align-items:center;flex-shrink:0;flex-wrap:wrap}.vxe-toolbar{font-size:var(--vxe-ui-font-size-default)}.vxe-toolbar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-ui-font-size-mini)}