vxe-table 4.17.22 → 4.17.25

package/es/table/src/table.js

@@ -6990,6 +6990,10 @@ export default defineVxeComponent({
                 const { isRowGroupStatus } = reactData;
                 return isRowGroupStatus && row && row.isAggregate && childrenField && mapChildrenField ? (row[mapChildrenField] || []) : [];
             },
+            refreshAggregateCalcValues() {
+                updateGroupData();
+                return nextTick();
+            },
             isAggregateExpandByRow(row) {
                 const { rowGroupExpandedFlag } = reactData;
                 const { rowGroupExpandedMaps } = internalData;
@@ -9683,7 +9687,7 @@ export default defineVxeComponent({
                 reactData.mergeFootFlag++;
             },
             handleAggregateSummaryData() {
-                return updateGroupData();
+                return $xeTable.refreshAggregateCalcValues();
             },
             triggerHeaderTitleEvent(evnt, iconParams, params) {
                 const tipContent = iconParams.content || iconParams.message;

package/es/toolbar/src/toolbar.js

@@ -357,44 +357,58 @@ export default defineVxeComponent({
             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({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
-            }
-            if (buttons) {
-                buttons.forEach((item, index) => {
-                    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', {
-                                key: `br${item.code || index}`,
-                                class: ['vxe-button--item', toolbarButtonClassName ? (XEUtils.isFunction(toolbarButtonClassName) ? toolbarButtonClassName(params) : toolbarButtonClassName) : '']
-                            }, getSlotVNs(compConf.renderToolbarButton(buttonRender, params))));
-                        }
-                        else {
-                            if (VxeUIButtonComponent) {
-                                btnVNs.push(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)
-                                    }
-                                    : {}));
+                lbVNs.push(h('span', {
+                    key: 'tbp',
+                    class: 'vxe-button--prefix-wrapper'
+                }, getSlotVNs(buttonPrefixSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table }))));
+            }
+            if (buttons || buttonsSlot) {
+                const btnVNs = [];
+                if (buttons) {
+                    buttons.forEach((item, index) => {
+                        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', {
+                                    key: `br${item.code || index}`,
+                                    class: ['vxe-button--item', toolbarButtonClassName ? (XEUtils.isFunction(toolbarButtonClassName) ? toolbarButtonClassName(params) : toolbarButtonClassName) : '']
+                                }, getSlotVNs(compConf.renderToolbarButton(buttonRender, params))));
+                            }
+                            else {
+                                if (VxeUIButtonComponent) {
+                                    btnVNs.push(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)
+                                        }
+                                        : {}));
+                                }
                             }
                         }
-                    }
-                });
+                    });
+                }
+                lbVNs.push(h('span', {
+                    key: 'tti',
+                    class: 'vxe-button--item-wrapper'
+                }, buttonsSlot ? getSlotVNs(buttonsSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : btnVNs));
             }
             if (buttonSuffixSlot) {
-                btnVNs.push(...getSlotVNs(buttonSuffixSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
+                lbVNs.push(h('span', {
+                    key: 'tbs',
+                    class: 'vxe-button--suffix-wrapper'
+                }, getSlotVNs(buttonSuffixSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table }))));
             }
-            return btnVNs;
+            return lbVNs;
         };
         /**
          * 渲染右侧工具
@@ -403,45 +417,59 @@ export default defineVxeComponent({
             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({ 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(toolRender, params))));
-                        }
-                        else {
-                            if (VxeUIButtonComponent) {
-                                btnVNs.push(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)
-                                    }
-                                    : {}));
+                rtVNs.push(h('span', {
+                    key: 'ttp',
+                    class: 'vxe-tool--prefix-wrapper'
+                }, getSlotVNs(toolPrefixSlot({ 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(toolRender, params))));
+                            }
+                            else {
+                                if (VxeUIButtonComponent) {
+                                    btnVNs.push(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)
+                                        }
+                                        : {}));
+                                }
                             }
                         }
-                    }
-                });
+                    });
+                }
+                rtVNs.push(h('span', {
+                    key: 'tti',
+                    class: 'vxe-tool--item-wrapper'
+                }, toolsSlot ? getSlotVNs(toolsSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : btnVNs));
             }
             if (toolSuffixSlot) {
-                btnVNs.push(...getSlotVNs(toolSuffixSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
+                rtVNs.push(h('span', {
+                    key: 'tts',
+                    class: 'vxe-tool--suffix-wrapper'
+                }, getSlotVNs(toolSuffixSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table }))));
             }
-            return btnVNs;
+            return rtVNs;
         };
         const renderToolImport = () => {
             const importOpts = computeImportOpts.value;
@@ -525,11 +553,7 @@ export default defineVxeComponent({
         };
         const renderVN = () => {
             const { perfect, loading, refresh, zoom, custom, className } = props;
-            const { connectTable } = internalData;
             const vSize = computeSize.value;
-            const toolsSlot = slots.tools;
-            const buttonsSlot = slots.buttons;
-            const $table = connectTable;
             return h('div', {
                 ref: refElem,
                 class: ['vxe-toolbar', className ? (XEUtils.isFunction(className) ? className({ $toolbar: $xeToolbar }) : className) : '', {
@@ -540,10 +564,10 @@ export default defineVxeComponent({
             }, [
                 h('div', {
                     class: 'vxe-buttons--wrapper'
-                }, buttonsSlot ? buttonsSlot({ $grid: $xeGrid, $gantt: $xeGantt, $table: $table }) : renderLeftBtns()),
+                }, renderLeftBtns()),
                 h('div', {
                     class: 'vxe-tools--wrapper'
-                }, toolsSlot ? toolsSlot({ $grid: $xeGrid, $gantt: $xeGantt, $table: $table }) : renderRightTools()),
+                }, renderRightTools()),
                 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 = "4.17.22";
+export const version = "4.17.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${"4.17.22"}`;
+const version = `table v${"4.17.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)}