vxe-table 3.19.24 → 3.19.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/es/index.css +1 -1
  2. package/es/index.min.css +1 -1
  3. package/es/style.css +1 -1
  4. package/es/style.min.css +1 -1
  5. package/es/toolbar/src/toolbar.js +26 -22
  6. package/es/toolbar/style.css +20 -4
  7. package/es/toolbar/style.min.css +1 -1
  8. package/es/ui/index.js +1 -1
  9. package/es/ui/src/log.js +1 -1
  10. package/es/vxe-toolbar/style.css +20 -4
  11. package/es/vxe-toolbar/style.min.css +1 -1
  12. package/lib/index.css +1 -1
  13. package/lib/index.min.css +1 -1
  14. package/lib/index.umd.js +50 -54
  15. package/lib/index.umd.min.js +1 -1
  16. package/lib/style.css +1 -1
  17. package/lib/style.min.css +1 -1
  18. package/lib/toolbar/src/toolbar.js +48 -52
  19. package/lib/toolbar/src/toolbar.min.js +1 -1
  20. package/lib/toolbar/style/style.css +20 -4
  21. package/lib/toolbar/style/style.min.css +1 -1
  22. package/lib/ui/index.js +1 -1
  23. package/lib/ui/index.min.js +1 -1
  24. package/lib/ui/src/log.js +1 -1
  25. package/lib/ui/src/log.min.js +1 -1
  26. package/lib/vxe-toolbar/style/style.css +20 -4
  27. package/lib/vxe-toolbar/style/style.min.css +1 -1
  28. package/package.json +2 -3
  29. package/packages/toolbar/src/toolbar.ts +26 -22
  30. package/styles/components/toolbar.scss +20 -4
  31. /package/es/{iconfont.1764729035952.ttf → iconfont.1764834392345.ttf} +0 -0
  32. /package/es/{iconfont.1764729035952.woff → iconfont.1764834392345.woff} +0 -0
  33. /package/es/{iconfont.1764729035952.woff2 → iconfont.1764834392345.woff2} +0 -0
  34. /package/lib/{iconfont.1764729035952.ttf → iconfont.1764834392345.ttf} +0 -0
  35. /package/lib/{iconfont.1764729035952.woff → iconfont.1764834392345.woff} +0 -0
  36. /package/lib/{iconfont.1764729035952.woff2 → iconfont.1764834392345.woff2} +0 -0
@@ -433,12 +433,10 @@ export default {
433
433
  const { buttons } = props;
434
434
  const { connectTable } = internalData;
435
435
  const $table = connectTable;
436
+ const buttonsSlot = slots.buttons;
436
437
  const buttonPrefixSlot = slots.buttonPrefix || slots['button-prefix'];
437
438
  const buttonSuffixSlot = slots.buttonSuffix || slots['button-suffix'];
438
439
  const btnVNs = [];
439
- if (buttonPrefixSlot) {
440
- btnVNs.push(...getSlotVNs(buttonPrefixSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
441
- }
442
440
  if (buttons) {
443
441
  buttons.forEach((item) => {
444
442
  const { dropdowns, buttonRender } = item;
@@ -472,10 +470,17 @@ export default {
472
470
  }
473
471
  });
474
472
  }
475
- if (buttonSuffixSlot) {
476
- btnVNs.push(...getSlotVNs(buttonSuffixSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
477
- }
478
- return btnVNs;
473
+ return [
474
+ h('div', {
475
+ class: 'vxe-button--prefix-wrapper'
476
+ }, buttonPrefixSlot ? getSlotVNs(buttonPrefixSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : []),
477
+ h('div', {
478
+ class: 'vxe-button--item-wrapper'
479
+ }, buttonsSlot ? getSlotVNs(buttonsSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : btnVNs),
480
+ h('div', {
481
+ class: 'vxe-button--suffix-wrapper'
482
+ }, buttonSuffixSlot ? getSlotVNs(buttonSuffixSlot.call($xeToolbar, { buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : [])
483
+ ];
479
484
  },
480
485
  /**
481
486
  * 渲染右侧工具
@@ -492,12 +497,10 @@ export default {
492
497
  const { tools } = props;
493
498
  const { connectTable } = internalData;
494
499
  const $table = connectTable;
500
+ const toolsSlot = slots.tools;
495
501
  const toolPrefixSlot = slots.toolPrefix || slots['tool-prefix'];
496
502
  const toolSuffixSlot = slots.toolSuffix || slots['tool-suffix'];
497
503
  const btnVNs = [];
498
- if (toolPrefixSlot) {
499
- btnVNs.push(...getSlotVNs(toolPrefixSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
500
- }
501
504
  if (tools) {
502
505
  tools.forEach((item, tIndex) => {
503
506
  const { dropdowns, toolRender } = item;
@@ -534,10 +537,17 @@ export default {
534
537
  }
535
538
  });
536
539
  }
537
- if (toolSuffixSlot) {
538
- btnVNs.push(...getSlotVNs(toolSuffixSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })));
539
- }
540
- return btnVNs;
540
+ return [
541
+ h('div', {
542
+ class: 'vxe-tool--prefix-wrapper'
543
+ }, toolPrefixSlot ? getSlotVNs(toolPrefixSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : []),
544
+ h('div', {
545
+ class: 'vxe-tool--item-wrapper'
546
+ }, toolsSlot ? getSlotVNs(toolsSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : btnVNs),
547
+ h('div', {
548
+ class: 'vxe-tool--suffix-wrapper'
549
+ }, toolSuffixSlot ? getSlotVNs(toolSuffixSlot.call($xeToolbar, { tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : [])
550
+ ];
541
551
  },
542
552
  renderToolImport(h) {
543
553
  // 使用已安装的组件,如果未安装则不渲染
@@ -673,16 +683,10 @@ export default {
673
683
  renderVN(h) {
674
684
  const $xeToolbar = this;
675
685
  const props = $xeToolbar;
676
- const slots = $xeToolbar.$scopedSlots;
677
- const internalData = $xeToolbar.internalData;
678
686
  const $xeGrid = $xeToolbar.$xeGrid;
679
687
  const $xeGantt = $xeToolbar.$xeGantt;
680
688
  const $xeGGWrapper = $xeGrid || $xeGantt;
681
689
  const { perfect, loading, refresh, zoom, custom, className } = props;
682
- const { connectTable } = internalData;
683
- const $table = connectTable;
684
- const toolsSlot = slots.tools;
685
- const buttonsSlot = slots.buttons;
686
690
  const vSize = $xeToolbar.computeSize;
687
691
  return h('div', {
688
692
  ref: 'refElem',
@@ -694,10 +698,10 @@ export default {
694
698
  }, [
695
699
  h('div', {
696
700
  class: 'vxe-buttons--wrapper'
697
- }, buttonsSlot ? buttonsSlot({ $grid: $xeGrid, $gantt: $xeGantt, $table: $table }) : $xeToolbar.renderLeftBtns(h)),
701
+ }, $xeToolbar.renderLeftBtns(h)),
698
702
  h('div', {
699
703
  class: 'vxe-tools--wrapper'
700
- }, toolsSlot ? toolsSlot({ $grid: $xeGrid, $gantt: $xeGantt, $table: $table }) : $xeToolbar.renderRightTools(h)),
704
+ }, $xeToolbar.renderRightTools(h)),
701
705
  h('div', {
702
706
  class: 'vxe-tools--operate'
703
707
  }, [
@@ -61,10 +61,6 @@
61
61
  display: flex;
62
62
  align-items: center;
63
63
  }
64
- .vxe-toolbar .vxe-buttons--wrapper,
65
- .vxe-toolbar .vxe-tools--wrapper {
66
- flex-wrap: wrap;
67
- }
68
64
  .vxe-toolbar .vxe-tools--operate {
69
65
  flex-shrink: 0;
70
66
  }
@@ -75,6 +71,26 @@
75
71
  background-color: var(--vxe-ui-toolbar-custom-active-background-color);
76
72
  border-radius: 50%;
77
73
  }
74
+ .vxe-toolbar .vxe-button--item-wrapper,
75
+ .vxe-toolbar .vxe-tool--item-wrapper {
76
+ flex-grow: 1;
77
+ }
78
+ .vxe-toolbar .vxe-button--prefix-wrapper,
79
+ .vxe-toolbar .vxe-button--suffix-wrapper,
80
+ .vxe-toolbar .vxe-tool--prefix-wrapper,
81
+ .vxe-toolbar .vxe-tool--suffix-wrapper {
82
+ flex-shrink: 0;
83
+ }
84
+ .vxe-toolbar .vxe-button--item-wrapper,
85
+ .vxe-toolbar .vxe-tool--item-wrapper,
86
+ .vxe-toolbar .vxe-button--prefix-wrapper,
87
+ .vxe-toolbar .vxe-button--suffix-wrapper,
88
+ .vxe-toolbar .vxe-tool--prefix-wrapper,
89
+ .vxe-toolbar .vxe-tool--suffix-wrapper {
90
+ display: flex;
91
+ align-items: center;
92
+ flex-wrap: wrap;
93
+ }
78
94
 
79
95
  .vxe-toolbar {
80
96
  font-size: var(--vxe-ui-font-size-default);
@@ -1 +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)}
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-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-tool--item-wrapper{flex-grow:1}.vxe-toolbar .vxe-button--prefix-wrapper,.vxe-toolbar .vxe-button--suffix-wrapper,.vxe-toolbar .vxe-tool--prefix-wrapper,.vxe-toolbar .vxe-tool--suffix-wrapper{flex-shrink:0}.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-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 CHANGED
@@ -1,6 +1,6 @@
1
1
  import { VxeUI } from '@vxe-ui/core';
2
2
  import { getFuncText } from './src/utils';
3
- export const version = "3.19.24";
3
+ export const version = "3.19.26";
4
4
  VxeUI.version = version;
5
5
  VxeUI.tableVersion = version;
6
6
  VxeUI.setConfig({
package/es/ui/src/log.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { VxeUI } from '@vxe-ui/core';
2
2
  const { log } = VxeUI;
3
- const version = `table v${"3.19.24"}`;
3
+ const version = `table v${"3.19.26"}`;
4
4
  export const warnLog = log.create('warn', version);
5
5
  export const errLog = log.create('error', version);
@@ -61,10 +61,6 @@
61
61
  display: flex;
62
62
  align-items: center;
63
63
  }
64
- .vxe-toolbar .vxe-buttons--wrapper,
65
- .vxe-toolbar .vxe-tools--wrapper {
66
- flex-wrap: wrap;
67
- }
68
64
  .vxe-toolbar .vxe-tools--operate {
69
65
  flex-shrink: 0;
70
66
  }
@@ -75,6 +71,26 @@
75
71
  background-color: var(--vxe-ui-toolbar-custom-active-background-color);
76
72
  border-radius: 50%;
77
73
  }
74
+ .vxe-toolbar .vxe-button--item-wrapper,
75
+ .vxe-toolbar .vxe-tool--item-wrapper {
76
+ flex-grow: 1;
77
+ }
78
+ .vxe-toolbar .vxe-button--prefix-wrapper,
79
+ .vxe-toolbar .vxe-button--suffix-wrapper,
80
+ .vxe-toolbar .vxe-tool--prefix-wrapper,
81
+ .vxe-toolbar .vxe-tool--suffix-wrapper {
82
+ flex-shrink: 0;
83
+ }
84
+ .vxe-toolbar .vxe-button--item-wrapper,
85
+ .vxe-toolbar .vxe-tool--item-wrapper,
86
+ .vxe-toolbar .vxe-button--prefix-wrapper,
87
+ .vxe-toolbar .vxe-button--suffix-wrapper,
88
+ .vxe-toolbar .vxe-tool--prefix-wrapper,
89
+ .vxe-toolbar .vxe-tool--suffix-wrapper {
90
+ display: flex;
91
+ align-items: center;
92
+ flex-wrap: wrap;
93
+ }
78
94
 
79
95
  .vxe-toolbar {
80
96
  font-size: var(--vxe-ui-font-size-default);
@@ -1 +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)}
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-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-tool--item-wrapper{flex-grow:1}.vxe-toolbar .vxe-button--prefix-wrapper,.vxe-toolbar .vxe-button--suffix-wrapper,.vxe-toolbar .vxe-tool--prefix-wrapper,.vxe-toolbar .vxe-tool--suffix-wrapper{flex-shrink:0}.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-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)}