vxe-pc-ui 3.19.6 → 3.19.8

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 (109) hide show
  1. package/es/card/src/card.js +48 -11
  2. package/es/card/style.css +42 -44
  3. package/es/card/style.min.css +1 -1
  4. package/es/icon/style.css +1 -1
  5. package/es/list/src/list.js +6 -2
  6. package/es/row/src/col.js +42 -17
  7. package/es/row/src/row.js +35 -15
  8. package/es/row/style.css +101 -24
  9. package/es/row/style.min.css +1 -1
  10. package/es/scrollbar/src/scrollbar.js +11 -1
  11. package/es/scrollbar/style.css +5 -5
  12. package/es/scrollbar/style.min.css +1 -1
  13. package/es/space/style.css +1 -0
  14. package/es/space/style.min.css +1 -1
  15. package/es/style.css +1 -1
  16. package/es/style.min.css +1 -1
  17. package/es/tabs/src/tabs.js +35 -8
  18. package/es/tabs/style.css +4 -2
  19. package/es/tabs/style.min.css +1 -1
  20. package/es/tree/src/tree.js +6 -2
  21. package/es/ui/index.js +1 -1
  22. package/es/ui/src/log.js +1 -1
  23. package/es/vxe-card/style.css +42 -44
  24. package/es/vxe-card/style.min.css +1 -1
  25. package/es/vxe-row/style.css +101 -24
  26. package/es/vxe-row/style.min.css +1 -1
  27. package/es/vxe-scrollbar/style.css +5 -5
  28. package/es/vxe-scrollbar/style.min.css +1 -1
  29. package/es/vxe-space/style.css +1 -0
  30. package/es/vxe-space/style.min.css +1 -1
  31. package/es/vxe-tabs/style.css +4 -2
  32. package/es/vxe-tabs/style.min.css +1 -1
  33. package/lib/card/src/card.js +55 -5
  34. package/lib/card/src/card.min.js +1 -1
  35. package/lib/card/style/style.css +42 -44
  36. package/lib/card/style/style.min.css +1 -1
  37. package/lib/icon/style/style.css +1 -1
  38. package/lib/icon/style/style.min.css +1 -1
  39. package/lib/index.umd.js +6334 -6176
  40. package/lib/index.umd.min.js +1 -1
  41. package/lib/list/src/list.js +4 -0
  42. package/lib/list/src/list.min.js +1 -1
  43. package/lib/row/src/col.js +47 -20
  44. package/lib/row/src/col.min.js +1 -1
  45. package/lib/row/src/row.js +41 -16
  46. package/lib/row/src/row.min.js +1 -1
  47. package/lib/row/style/style.css +101 -24
  48. package/lib/row/style/style.min.css +1 -1
  49. package/lib/scrollbar/src/scrollbar.js +11 -0
  50. package/lib/scrollbar/src/scrollbar.min.js +1 -1
  51. package/lib/scrollbar/style/style.css +5 -5
  52. package/lib/scrollbar/style/style.min.css +1 -1
  53. package/lib/space/style/style.css +1 -0
  54. package/lib/space/style/style.min.css +1 -1
  55. package/lib/style.css +1 -1
  56. package/lib/style.min.css +1 -1
  57. package/lib/tabs/src/tabs.js +45 -8
  58. package/lib/tabs/src/tabs.min.js +1 -1
  59. package/lib/tabs/style/style.css +4 -2
  60. package/lib/tabs/style/style.min.css +1 -1
  61. package/lib/tree/src/tree.js +4 -0
  62. package/lib/tree/src/tree.min.js +1 -1
  63. package/lib/ui/index.js +1 -1
  64. package/lib/ui/index.min.js +1 -1
  65. package/lib/ui/src/log.js +1 -1
  66. package/lib/ui/src/log.min.js +1 -1
  67. package/lib/vxe-card/style/style.css +42 -44
  68. package/lib/vxe-card/style/style.min.css +1 -1
  69. package/lib/vxe-row/style/style.css +101 -24
  70. package/lib/vxe-row/style/style.min.css +1 -1
  71. package/lib/vxe-scrollbar/style/style.css +5 -5
  72. package/lib/vxe-scrollbar/style/style.min.css +1 -1
  73. package/lib/vxe-space/style/style.css +1 -0
  74. package/lib/vxe-space/style/style.min.css +1 -1
  75. package/lib/vxe-tabs/style/style.css +4 -2
  76. package/lib/vxe-tabs/style/style.min.css +1 -1
  77. package/package.json +1 -1
  78. package/packages/card/src/card.ts +65 -11
  79. package/packages/list/src/list.ts +6 -2
  80. package/packages/row/src/col.ts +44 -17
  81. package/packages/row/src/row.ts +37 -16
  82. package/packages/scrollbar/src/scrollbar.ts +11 -1
  83. package/packages/tabs/src/tabs.ts +40 -8
  84. package/packages/tree/src/tree.ts +6 -2
  85. package/styles/components/card.scss +44 -58
  86. package/styles/components/row.scss +21 -3
  87. package/styles/components/scrollbar.scss +15 -11
  88. package/styles/components/space.scss +1 -0
  89. package/styles/components/tabs.scss +2 -1
  90. package/types/components/card.d.ts +11 -0
  91. package/types/components/grid.d.ts +37 -0
  92. package/types/components/layout-aside.d.ts +6 -0
  93. package/types/components/layout-body.d.ts +6 -0
  94. package/types/components/menu.d.ts +6 -0
  95. package/types/components/row.d.ts +3 -1
  96. package/types/components/table.d.ts +3 -4
  97. package/types/components/tabs.d.ts +11 -0
  98. /package/es/icon/{iconfont.1791769634184.ttf → iconfont.1791862954819.ttf} +0 -0
  99. /package/es/icon/{iconfont.1791769634184.woff → iconfont.1791862954819.woff} +0 -0
  100. /package/es/icon/{iconfont.1791769634184.woff2 → iconfont.1791862954819.woff2} +0 -0
  101. /package/es/{iconfont.1791769634184.ttf → iconfont.1791862954819.ttf} +0 -0
  102. /package/es/{iconfont.1791769634184.woff → iconfont.1791862954819.woff} +0 -0
  103. /package/es/{iconfont.1791769634184.woff2 → iconfont.1791862954819.woff2} +0 -0
  104. /package/lib/icon/style/{iconfont.1791769634184.ttf → iconfont.1791862954819.ttf} +0 -0
  105. /package/lib/icon/style/{iconfont.1791769634184.woff → iconfont.1791862954819.woff} +0 -0
  106. /package/lib/icon/style/{iconfont.1791769634184.woff2 → iconfont.1791862954819.woff2} +0 -0
  107. /package/lib/{iconfont.1791769634184.ttf → iconfont.1791862954819.ttf} +0 -0
  108. /package/lib/{iconfont.1791769634184.woff → iconfont.1791862954819.woff} +0 -0
  109. /package/lib/{iconfont.1791769634184.woff2 → iconfont.1791862954819.woff2} +0 -0
package/es/tabs/src/tabs.js CHANGED
@@ -6,6 +6,7 @@ import { toCssUnit, addClass, removeClass } from '../../ui/src/dom';
6
6
  import { isEnableConf } from '../../ui/src/utils';
7
7
  import { createComponentLog } from '../../ui/src/log';
8
8
  import VxeLoadingComponent from '../../loading';
9
+ import VxeScrollbarComponent from '../../scrollbar';
9
10
  const { warnLog, errLog } = createComponentLog('tabs');
10
11
  const scrollbarOffsetSize = 20;
11
12
  export default {
@@ -49,6 +50,11 @@ export default {
49
50
  type: String,
50
51
  default: () => getConfig().tabs.size || getConfig().size
51
52
  },
53
+ useScrollbar: {
54
+ type: Boolean,
55
+ default: () => getConfig().tabs.useScrollbar
56
+ },
57
+ scrollbarConfig: Object,
52
58
  // 已废弃
53
59
  beforeCloseMethod: Function
54
60
  },
@@ -160,6 +166,11 @@ export default {
160
166
  const reactData = $xeTabs.reactData;
161
167
  const staticTabs = reactData.staticTabs;
162
168
  return staticTabs.filter((item) => $xeTabs.handleFilterTab(item));
169
+ },
170
+ computeScrollbarOpts() {
171
+ const $xeTabs = this;
172
+ const props = $xeTabs;
173
+ return Object.assign({}, getConfig().tabs.scrollbarConfig, props.scrollbarConfig);
163
174
  } }),
164
175
  methods: {
165
176
  //
@@ -784,18 +795,34 @@ export default {
784
795
  },
785
796
  renderTabPane(h, item) {
786
797
  const $xeTabs = this;
798
+ const props = $xeTabs;
787
799
  const reactData = $xeTabs.reactData;
800
+ const { useScrollbar } = props;
788
801
  const { initNames, activeName } = reactData;
789
802
  const { name, slots } = item;
790
803
  const defaultSlot = slots ? slots.default : null;
791
- return name && initNames.includes(name)
792
- ? h('div', {
793
- key: `${name}`,
794
- class: ['vxe-tabs-pane--item', {
795
- 'is--visible': activeName === name
796
- }]
797
- }, defaultSlot ? $xeTabs.callSlot(defaultSlot, { name }, h) : [])
798
- : renderEmptyElement($xeTabs);
804
+ const scrollbarOpts = $xeTabs.computeScrollbarOpts;
805
+ const { viewClassName, viewInnerClassName } = scrollbarOpts;
806
+ if (name && initNames.includes(name)) {
807
+ return useScrollbar
808
+ ? h(VxeScrollbarComponent, {
809
+ key: `${name}`,
810
+ class: ['vxe-tabs-pane--scrollbar-item', {
811
+ 'is--visible': activeName === name
812
+ }],
813
+ props: Object.assign(Object.assign({}, scrollbarOpts), { viewClassName: 'vxe-tabs-pane--scrollbar-item-view' + (viewClassName ? (' ' + viewClassName) : ''), viewInnerClassName: 'vxe-tabs-pane--scrollbar-item-inner' + (viewClassName ? (' ' + viewInnerClassName) : '') }),
814
+ scopedSlots: {
815
+ default: () => defaultSlot ? $xeTabs.callSlot(defaultSlot, { name }, h) : []
816
+ }
817
+ })
818
+ : h('div', {
819
+ key: `${name}`,
820
+ class: ['vxe-tabs-pane--item', {
821
+ 'is--visible': activeName === name
822
+ }]
823
+ }, defaultSlot ? $xeTabs.callSlot(defaultSlot, { name }, h) : []);
824
+ }
825
+ return renderEmptyElement($xeTabs);
799
826
  },
800
827
  renderTabContent(h, tabList) {
801
828
  const $xeTabs = this;
package/es/tabs/style.css CHANGED
@@ -416,13 +416,15 @@
416
416
  overflow: auto;
417
417
  }
418
418
 
419
- .vxe-tabs-pane--item {
419
+ .vxe-tabs-pane--item,
420
+ .vxe-tabs-pane--scrollbar-item {
420
421
  display: none;
421
422
  height: 100%;
422
423
  overflow: auto;
423
424
  outline: 0;
424
425
  }
425
- .vxe-tabs-pane--item.is--visible {
426
+ .vxe-tabs-pane--item.is--visible,
427
+ .vxe-tabs-pane--scrollbar-item.is--visible {
426
428
  display: block;
427
429
  }
428
430
 
package/es/tabs/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-tabs{display:flex;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tabs.pos--bottom,.vxe-tabs.pos--top{flex-direction:column}.vxe-tabs.pos--left,.vxe-tabs.pos--right{flex-direction:row}.vxe-tabs.trigger--default .vxe-tabs-header--item{cursor:pointer}.vxe-tabs.trigger--default .vxe-tabs-header--item:hover .vxe-tabs-header--item-name{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.vxe-tabs-header--bar::after{content:"";position:absolute;background-color:var(--vxe-ui-input-border-color);z-index:3}.vxe-tabs-header--bar:focus{color:var(--vxe-ui-font-darken-color)}.vxe-tabs-header--bar:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-tabs-header--bar:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-tabs-header--bar.type--border-card,.vxe-tabs-header--bar.type--card,.vxe-tabs-header--bar.type--default,.vxe-tabs-header--bar.type--round-card{border:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--bar.type--round-card{background-color:rgba(0,0,0,.02)}.vxe-tabs-header--bar.pos--bottom,.vxe-tabs-header--bar.pos--top{width:1.6em}.vxe-tabs-header--bar.pos--bottom::after,.vxe-tabs-header--bar.pos--top::after{top:0;width:1px;height:100%}.vxe-tabs-header--bar.pos--left,.vxe-tabs-header--bar.pos--right{width:100%;height:1.6em}.vxe-tabs-header--bar.pos--left::after,.vxe-tabs-header--bar.pos--right::after{left:0;width:100%;height:1px}.vxe-tabs-header--prev-bar.type--default.pos--bottom,.vxe-tabs-header--prev-bar.type--default.pos--top{border-right:0}.vxe-tabs-header--prev-bar.type--default.pos--left,.vxe-tabs-header--prev-bar.type--default.pos--right{border-bottom:0}.vxe-tabs-header--prev-bar.type--card.pos--top{border-bottom:0;border-right:0}.vxe-tabs-header--prev-bar.type--card.pos--bottom{border-top:0;border-right:0}.vxe-tabs-header--prev-bar.type--card.pos--left{border-left:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--card.pos--right{border-right:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--border-card.pos--top{border-top:0;border-right:0}.vxe-tabs-header--prev-bar.type--border-card.pos--bottom{border-right:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--border-card.pos--left{border-left:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--border-card.pos--right{border-right:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--round-card.pos--top{border-right:0}.vxe-tabs-header--prev-bar.type--round-card.pos--bottom{border-right:0}.vxe-tabs-header--prev-bar.type--round-card.pos--left{border-bottom:0}.vxe-tabs-header--prev-bar.type--round-card.pos--right{border-bottom:0}.vxe-tabs-header--prev-bar.pos--bottom::after,.vxe-tabs-header--prev-bar.pos--top::after{right:0}.vxe-tabs-header--prev-bar.pos--left::after,.vxe-tabs-header--prev-bar.pos--right::after{bottom:0}.vxe-tabs-header--prev-bar.scrolling--middle.pos--bottom,.vxe-tabs-header--prev-bar.scrolling--middle.pos--top{box-shadow:4px 0 6px 0 var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--prev-bar.scrolling--middle.pos--left,.vxe-tabs-header--prev-bar.scrolling--middle.pos--right{box-shadow:0 4px 6px 0 var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--next-bar.type--default.pos--bottom,.vxe-tabs-header--next-bar.type--default.pos--top{border-left:0}.vxe-tabs-header--next-bar.type--default.pos--left,.vxe-tabs-header--next-bar.type--default.pos--right{border-top:0}.vxe-tabs-header--next-bar.type--card.pos--top{border-top:0;border-left:0}.vxe-tabs-header--next-bar.type--card.pos--bottom{border-bottom:0;border-left:0}.vxe-tabs-header--next-bar.type--card.pos--left{border-top:0;border-right:0}.vxe-tabs-header--next-bar.type--card.pos--right{border-top:0;border-left:0}.vxe-tabs-header--next-bar.type--border-card.pos--top{border-left:0;border-top:0}.vxe-tabs-header--next-bar.type--border-card.pos--bottom{border-left:0;border-bottom:0}.vxe-tabs-header--next-bar.type--border-card.pos--left{border-left:0;border-top:0}.vxe-tabs-header--next-bar.type--border-card.pos--right{border-right:0;border-top:0}.vxe-tabs-header--next-bar.type--round-card.pos--top{border-left:0}.vxe-tabs-header--next-bar.type--round-card.pos--bottom{border-left:0;border-bottom:0}.vxe-tabs-header--next-bar.type--round-card.pos--left{border-top:0}.vxe-tabs-header--next-bar.type--round-card.pos--right{border-top:0}.vxe-tabs-header--next-bar.pos--bottom::after,.vxe-tabs-header--next-bar.pos--top::after{left:0}.vxe-tabs-header--next-bar.pos--left::after,.vxe-tabs-header--next-bar.pos--right::after{top:0}.vxe-tabs-header--next-bar.scrolling--middle.pos--bottom,.vxe-tabs-header--next-bar.scrolling--middle.pos--top{box-shadow:-4px 0 6px 0 var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--next-bar.scrolling--middle.pos--left,.vxe-tabs-header--next-bar.scrolling--middle.pos--right{box-shadow:0 -4px 6px 0 var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--prefix,.vxe-tabs-header--suffix{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0}.vxe-tabs-header--prefix.type--border-card.pos--top,.vxe-tabs-header--prefix.type--default.pos--top,.vxe-tabs-header--prefix.type--round-card.pos--top,.vxe-tabs-header--suffix.type--border-card.pos--top,.vxe-tabs-header--suffix.type--default.pos--top,.vxe-tabs-header--suffix.type--round-card.pos--top{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--prefix.type--border-card.pos--bottom,.vxe-tabs-header--prefix.type--default.pos--bottom,.vxe-tabs-header--prefix.type--round-card.pos--bottom,.vxe-tabs-header--suffix.type--border-card.pos--bottom,.vxe-tabs-header--suffix.type--default.pos--bottom,.vxe-tabs-header--suffix.type--round-card.pos--bottom{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--prefix.type--border-card.pos--left,.vxe-tabs-header--prefix.type--default.pos--left,.vxe-tabs-header--prefix.type--round-card.pos--left,.vxe-tabs-header--suffix.type--border-card.pos--left,.vxe-tabs-header--suffix.type--default.pos--left,.vxe-tabs-header--suffix.type--round-card.pos--left{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--prefix.type--border-card.pos--right,.vxe-tabs-header--prefix.type--default.pos--right,.vxe-tabs-header--prefix.type--round-card.pos--right,.vxe-tabs-header--suffix.type--border-card.pos--right,.vxe-tabs-header--suffix.type--default.pos--right,.vxe-tabs-header--suffix.type--round-card.pos--right{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item-wrapper{position:relative;display:flex;outline:0}.vxe-tabs-header--item{position:relative;flex-shrink:0;padding:0 .5em}.vxe-tabs-header--item.is--active .vxe-tabs-header--item-content{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--item.align--left{text-align:left}.vxe-tabs-header--item.align--center{text-align:center}.vxe-tabs-header--item.align--right{text-align:right}.vxe-tabs-header--item.type--card.pos--top{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--bottom{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--bottom,.vxe-tabs-header--item.type--card.pos--top{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--bottom:first-child,.vxe-tabs-header--item.type--card.pos--top:first-child{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--left{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--right{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--left,.vxe-tabs-header--item.type--card.pos--right{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--left:first-child,.vxe-tabs-header--item.type--card.pos--right:first-child{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--border-card.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header--item.type--round-card{z-index:2;border:1px solid var(--vxe-ui-input-border-color);background-color:rgba(0,0,0,.02);transition:color .3s ease-in-out}.vxe-tabs-header--item.type--round-card.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header--item.type--round-card.pos--top{border-bottom:0;border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs-header--item.type--round-card.pos--bottom{border-top:0;border-radius:0 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius)}.vxe-tabs-header--item.type--round-card.pos--bottom,.vxe-tabs-header--item.type--round-card.pos--top{margin:0 2px}.vxe-tabs-header--item.type--round-card.pos--bottom:first-child,.vxe-tabs-header--item.type--round-card.pos--top:first-child{margin-left:0}.vxe-tabs-header--item.type--round-card.pos--bottom:last-child,.vxe-tabs-header--item.type--round-card.pos--top:last-child{margin-right:0}.vxe-tabs-header--item.type--round-card.pos--left{border-right:0;border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-tabs-header--item.type--round-card.pos--right{border-left:0;border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-tabs-header--item.type--round-card.pos--left,.vxe-tabs-header--item.type--round-card.pos--right{margin:2px 0}.vxe-tabs-header--item.type--round-card.pos--left:first-child,.vxe-tabs-header--item.type--round-card.pos--right:first-child{margin-top:0}.vxe-tabs-header--item.type--round-card.pos--left:last-child,.vxe-tabs-header--item.type--round-card.pos--right:last-child{margin-bottom:0}.vxe-tabs-header--item-inner{display:flex;flex-direction:row;align-items:center}.vxe-tabs-header--item-content{flex-grow:1;max-width:30em;padding:0 .3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tabs-header--item-content>span{padding:0 .3em}.vxe-tabs-header--close-btn,.vxe-tabs-header--refresh-btn{font-size:.8em;border-radius:50%;width:1.5em;height:1.5em;line-height:1.5em;text-align:center}.vxe-tabs-header--close-btn:hover,.vxe-tabs-header--refresh-btn:hover{color:var(--vxe-ui-font-color);background:var(--vxe-ui-tabs-close-hover-background-color)}.vxe-tabs-header--close-btn:active,.vxe-tabs-header--refresh-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--close-btn>i,.vxe-tabs-header--refresh-btn>i{font-size:1em;vertical-align:middle}.vxe-tabs-header--refresh-btn{visibility:hidden}.vxe-tabs-header--refresh-btn.is--active,.vxe-tabs-header--refresh-btn.is--loading{visibility:visible}.vxe-tabs-header--refresh-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-tabs-header--item-inner{transition:color .1s ease-in-out}.vxe-tabs-pane--wrapper{display:none;position:relative;flex-direction:column;flex-grow:1;overflow:hidden}.vxe-tabs-pane--wrapper.is--content{display:flex}.vxe-tabs-pane--wrapper.type--border-card,.vxe-tabs-pane--wrapper.type--round-card{border:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-pane--wrapper.type--border-card.pos--top,.vxe-tabs-pane--wrapper.type--round-card.pos--top{border-top:0}.vxe-tabs-pane--wrapper.type--border-card.pos--bottom,.vxe-tabs-pane--wrapper.type--round-card.pos--bottom{border-bottom:0}.vxe-tabs-pane--wrapper.type--border-card.pos--left,.vxe-tabs-pane--wrapper.type--round-card.pos--left{border-left:0}.vxe-tabs-pane--wrapper.type--border-card.pos--right,.vxe-tabs-pane--wrapper.type--round-card.pos--right{border-right:0}.vxe-tabs-pane--body{flex-grow:1;overflow:hidden}.vxe-tabs-pane--body.is--padding{padding:var(--vxe-ui-layout-padding-default)}.vxe-tabs-pane--footer,.vxe-tabs-pane--header{flex-shrink:0;overflow:auto}.vxe-tabs-pane--item{display:none;height:100%;overflow:auto;outline:0}.vxe-tabs-pane--item.is--visible{display:block}.vxe-tabs-header{display:flex}.vxe-tabs-header.pos--bottom,.vxe-tabs-header.pos--top{flex-direction:row}.vxe-tabs-header.pos--left,.vxe-tabs-header.pos--right{flex-direction:column}.vxe-tabs-header.type--card.pos--top{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--card.pos--bottom{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--card.pos--left{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--card.pos--right{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--border-card{background-color:var(--vxe-ui-tabs-card-header-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--border-card.pos--top{border-bottom:0}.vxe-tabs-header.type--border-card.pos--bottom{border-top:0}.vxe-tabs-header.type--border-card.pos--left{border-right:0}.vxe-tabs-header.type--border-card.pos--right{border-left:0}.vxe-tabs-header--wrapper{position:relative;flex-grow:1;overflow:hidden}.vxe-tabs-header--wrapper.type--border-card,.vxe-tabs-header--wrapper.type--default,.vxe-tabs-header--wrapper.type--round-card{position:relative}.vxe-tabs-header--wrapper.type--border-card::after,.vxe-tabs-header--wrapper.type--default::after,.vxe-tabs-header--wrapper.type--round-card::after{content:"";position:absolute;background-color:var(--vxe-ui-input-border-color);z-index:0}.vxe-tabs-header--wrapper.type--border-card.pos--top::after,.vxe-tabs-header--wrapper.type--default.pos--top::after,.vxe-tabs-header--wrapper.type--round-card.pos--top::after{bottom:0}.vxe-tabs-header--wrapper.type--border-card.pos--bottom::after,.vxe-tabs-header--wrapper.type--default.pos--bottom::after,.vxe-tabs-header--wrapper.type--round-card.pos--bottom::after{top:0}.vxe-tabs-header--wrapper.type--border-card.pos--bottom::after,.vxe-tabs-header--wrapper.type--border-card.pos--top::after,.vxe-tabs-header--wrapper.type--default.pos--bottom::after,.vxe-tabs-header--wrapper.type--default.pos--top::after,.vxe-tabs-header--wrapper.type--round-card.pos--bottom::after,.vxe-tabs-header--wrapper.type--round-card.pos--top::after{left:0;width:100%;height:1px}.vxe-tabs-header--wrapper.type--border-card.pos--left::after,.vxe-tabs-header--wrapper.type--default.pos--left::after,.vxe-tabs-header--wrapper.type--round-card.pos--left::after{right:0}.vxe-tabs-header--wrapper.type--border-card.pos--right::after,.vxe-tabs-header--wrapper.type--default.pos--right::after,.vxe-tabs-header--wrapper.type--round-card.pos--right::after{left:0}.vxe-tabs-header--wrapper.type--border-card.pos--left::after,.vxe-tabs-header--wrapper.type--border-card.pos--right::after,.vxe-tabs-header--wrapper.type--default.pos--left::after,.vxe-tabs-header--wrapper.type--default.pos--right::after,.vxe-tabs-header--wrapper.type--round-card.pos--left::after,.vxe-tabs-header--wrapper.type--round-card.pos--right::after{top:0;width:1px;height:100%}.vxe-tabs-header--wrapper.type--border-card.pos--top{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs-header--wrapper.type--border-card.pos--bottom{border-radius:0 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius)}.vxe-tabs-header--wrapper.type--border-card>.vxe-tabs-header--item-wrapper,.vxe-tabs-header--wrapper.type--round-card>.vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs-header--wrapper.pos--bottom .vxe-tabs-header--item-wrapper,.vxe-tabs-header--wrapper.pos--top .vxe-tabs-header--item-wrapper{flex-direction:row;width:100%;overflow-y:hidden;overflow-x:auto}.vxe-tabs-header--wrapper.pos--left .vxe-tabs-header--item-wrapper,.vxe-tabs-header--wrapper.pos--right .vxe-tabs-header--item-wrapper{flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.vxe-tabs-header--active-line{display:none}.vxe-tabs-header--active-line.type--default{display:block;position:absolute;background-color:var(--vxe-ui-font-primary-color);z-index:2;transition:all .3s ease-in-out}.vxe-tabs-header--active-line.type--default.pos--top{bottom:20px}.vxe-tabs-header--active-line.type--default.pos--bottom{top:0}.vxe-tabs-header--active-line.type--default.pos--bottom,.vxe-tabs-header--active-line.type--default.pos--top{left:0;height:2px;width:4px}.vxe-tabs-header--active-line.type--default.pos--left{right:20px}.vxe-tabs-header--active-line.type--default.pos--right{left:0}.vxe-tabs-header--active-line.type--default.pos--left,.vxe-tabs-header--active-line.type--default.pos--right{top:0;height:4px;width:2px}.vxe-tabs-header--active-line.type--card{display:block;position:absolute;top:0;left:0;border:1px solid var(--vxe-ui-font-primary-color);pointer-events:none;z-index:1;box-shadow:0 0 8px rgba(0,0,0,.1)}.vxe-tabs-header--active-line.type--card.pos--bottom,.vxe-tabs-header--active-line.type--card.pos--top{width:4px;transition:color,left .3s ease-in-out}.vxe-tabs-header--active-line.type--card.pos--left,.vxe-tabs-header--active-line.type--card.pos--right{width:calc(100% - 20px);transition:color,top .3s ease-in-out}.vxe-tabs-header--active-line.type--border-card{display:block;position:absolute;top:0;left:0;pointer-events:none;z-index:1}.vxe-tabs-header--active-line.type--border-card.pos--bottom,.vxe-tabs-header--active-line.type--border-card.pos--top{width:4px;border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--active-line.type--border-card.pos--left,.vxe-tabs-header--active-line.type--border-card.pos--right{width:100%;border-top:1px solid var(--vxe-ui-input-border-color);border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card,.vxe-tabs--card,.vxe-tabs--default,.vxe-tabs--round-card{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--default .vxe-tabs-header--item-inner{border-bottom:2px solid transparent}.vxe-tabs-slots{display:none}.vxe-tabs{font-size:var(--vxe-ui-font-size-default)}.vxe-tabs .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs-header--active-line.type--card{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-default) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-default) + 1px)}.vxe-tabs .vxe-tabs-header--wrapper.pos--bottom,.vxe-tabs .vxe-tabs-header--wrapper.pos--top{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs--card .vxe-tabs-header--item-inner,.vxe-tabs .vxe-tabs--round-card .vxe-tabs-header--item-inner{height:calc(var(--vxe-ui-tabs-header-height-default) - 1px)}.vxe-tabs .vxe-tabs-header--prefix.pos--bottom,.vxe-tabs .vxe-tabs-header--prefix.pos--top,.vxe-tabs .vxe-tabs-header--suffix.pos--bottom,.vxe-tabs .vxe-tabs-header--suffix.pos--top{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tabs.size--medium .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-medium)}.vxe-tabs.size--medium .vxe-tabs-header--active-line.type--card{height:var(--vxe-ui-tabs-header-height-medium)}.vxe-tabs.size--medium .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-medium) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-medium) + 1px)}.vxe-tabs.size--medium .vxe-tabs-header--wrapper.pos--bottom,.vxe-tabs.size--medium .vxe-tabs-header--wrapper.pos--top{height:var(--vxe-ui-tabs-header-height-medium)}.vxe-tabs.size--medium .vxe-tabs--card .vxe-tabs-header--item-inner,.vxe-tabs.size--medium .vxe-tabs--round-card .vxe-tabs-header--item-inner{height:calc(var(--vxe-ui-tabs-header-height-medium) - 1px)}.vxe-tabs.size--medium .vxe-tabs-header--prefix.pos--bottom,.vxe-tabs.size--medium .vxe-tabs-header--prefix.pos--top,.vxe-tabs.size--medium .vxe-tabs-header--suffix.pos--bottom,.vxe-tabs.size--medium .vxe-tabs-header--suffix.pos--top{height:var(--vxe-ui-tabs-header-height-medium)}.vxe-tabs.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tabs.size--small .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-small)}.vxe-tabs.size--small .vxe-tabs-header--active-line.type--card{height:var(--vxe-ui-tabs-header-height-small)}.vxe-tabs.size--small .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-small) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-small) + 1px)}.vxe-tabs.size--small .vxe-tabs-header--wrapper.pos--bottom,.vxe-tabs.size--small .vxe-tabs-header--wrapper.pos--top{height:var(--vxe-ui-tabs-header-height-small)}.vxe-tabs.size--small .vxe-tabs--card .vxe-tabs-header--item-inner,.vxe-tabs.size--small .vxe-tabs--round-card .vxe-tabs-header--item-inner{height:calc(var(--vxe-ui-tabs-header-height-small) - 1px)}.vxe-tabs.size--small .vxe-tabs-header--prefix.pos--bottom,.vxe-tabs.size--small .vxe-tabs-header--prefix.pos--top,.vxe-tabs.size--small .vxe-tabs-header--suffix.pos--bottom,.vxe-tabs.size--small .vxe-tabs-header--suffix.pos--top{height:var(--vxe-ui-tabs-header-height-small)}.vxe-tabs.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tabs.size--mini .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-mini)}.vxe-tabs.size--mini .vxe-tabs-header--active-line.type--card{height:var(--vxe-ui-tabs-header-height-mini)}.vxe-tabs.size--mini .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-mini) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-mini) + 1px)}.vxe-tabs.size--mini .vxe-tabs-header--wrapper.pos--bottom,.vxe-tabs.size--mini .vxe-tabs-header--wrapper.pos--top{height:var(--vxe-ui-tabs-header-height-mini)}.vxe-tabs.size--mini .vxe-tabs--card .vxe-tabs-header--item-inner,.vxe-tabs.size--mini .vxe-tabs--round-card .vxe-tabs-header--item-inner{height:calc(var(--vxe-ui-tabs-header-height-mini) - 1px)}.vxe-tabs.size--mini .vxe-tabs-header--prefix.pos--bottom,.vxe-tabs.size--mini .vxe-tabs-header--prefix.pos--top,.vxe-tabs.size--mini .vxe-tabs-header--suffix.pos--bottom,.vxe-tabs.size--mini .vxe-tabs-header--suffix.pos--top{height:var(--vxe-ui-tabs-header-height-mini)}
1
+ .vxe-tabs{display:flex;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tabs.pos--bottom,.vxe-tabs.pos--top{flex-direction:column}.vxe-tabs.pos--left,.vxe-tabs.pos--right{flex-direction:row}.vxe-tabs.trigger--default .vxe-tabs-header--item{cursor:pointer}.vxe-tabs.trigger--default .vxe-tabs-header--item:hover .vxe-tabs-header--item-name{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.vxe-tabs-header--bar::after{content:"";position:absolute;background-color:var(--vxe-ui-input-border-color);z-index:3}.vxe-tabs-header--bar:focus{color:var(--vxe-ui-font-darken-color)}.vxe-tabs-header--bar:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-tabs-header--bar:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-tabs-header--bar.type--border-card,.vxe-tabs-header--bar.type--card,.vxe-tabs-header--bar.type--default,.vxe-tabs-header--bar.type--round-card{border:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--bar.type--round-card{background-color:rgba(0,0,0,.02)}.vxe-tabs-header--bar.pos--bottom,.vxe-tabs-header--bar.pos--top{width:1.6em}.vxe-tabs-header--bar.pos--bottom::after,.vxe-tabs-header--bar.pos--top::after{top:0;width:1px;height:100%}.vxe-tabs-header--bar.pos--left,.vxe-tabs-header--bar.pos--right{width:100%;height:1.6em}.vxe-tabs-header--bar.pos--left::after,.vxe-tabs-header--bar.pos--right::after{left:0;width:100%;height:1px}.vxe-tabs-header--prev-bar.type--default.pos--bottom,.vxe-tabs-header--prev-bar.type--default.pos--top{border-right:0}.vxe-tabs-header--prev-bar.type--default.pos--left,.vxe-tabs-header--prev-bar.type--default.pos--right{border-bottom:0}.vxe-tabs-header--prev-bar.type--card.pos--top{border-bottom:0;border-right:0}.vxe-tabs-header--prev-bar.type--card.pos--bottom{border-top:0;border-right:0}.vxe-tabs-header--prev-bar.type--card.pos--left{border-left:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--card.pos--right{border-right:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--border-card.pos--top{border-top:0;border-right:0}.vxe-tabs-header--prev-bar.type--border-card.pos--bottom{border-right:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--border-card.pos--left{border-left:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--border-card.pos--right{border-right:0;border-bottom:0}.vxe-tabs-header--prev-bar.type--round-card.pos--top{border-right:0}.vxe-tabs-header--prev-bar.type--round-card.pos--bottom{border-right:0}.vxe-tabs-header--prev-bar.type--round-card.pos--left{border-bottom:0}.vxe-tabs-header--prev-bar.type--round-card.pos--right{border-bottom:0}.vxe-tabs-header--prev-bar.pos--bottom::after,.vxe-tabs-header--prev-bar.pos--top::after{right:0}.vxe-tabs-header--prev-bar.pos--left::after,.vxe-tabs-header--prev-bar.pos--right::after{bottom:0}.vxe-tabs-header--prev-bar.scrolling--middle.pos--bottom,.vxe-tabs-header--prev-bar.scrolling--middle.pos--top{box-shadow:4px 0 6px 0 var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--prev-bar.scrolling--middle.pos--left,.vxe-tabs-header--prev-bar.scrolling--middle.pos--right{box-shadow:0 4px 6px 0 var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--next-bar.type--default.pos--bottom,.vxe-tabs-header--next-bar.type--default.pos--top{border-left:0}.vxe-tabs-header--next-bar.type--default.pos--left,.vxe-tabs-header--next-bar.type--default.pos--right{border-top:0}.vxe-tabs-header--next-bar.type--card.pos--top{border-top:0;border-left:0}.vxe-tabs-header--next-bar.type--card.pos--bottom{border-bottom:0;border-left:0}.vxe-tabs-header--next-bar.type--card.pos--left{border-top:0;border-right:0}.vxe-tabs-header--next-bar.type--card.pos--right{border-top:0;border-left:0}.vxe-tabs-header--next-bar.type--border-card.pos--top{border-left:0;border-top:0}.vxe-tabs-header--next-bar.type--border-card.pos--bottom{border-left:0;border-bottom:0}.vxe-tabs-header--next-bar.type--border-card.pos--left{border-left:0;border-top:0}.vxe-tabs-header--next-bar.type--border-card.pos--right{border-right:0;border-top:0}.vxe-tabs-header--next-bar.type--round-card.pos--top{border-left:0}.vxe-tabs-header--next-bar.type--round-card.pos--bottom{border-left:0;border-bottom:0}.vxe-tabs-header--next-bar.type--round-card.pos--left{border-top:0}.vxe-tabs-header--next-bar.type--round-card.pos--right{border-top:0}.vxe-tabs-header--next-bar.pos--bottom::after,.vxe-tabs-header--next-bar.pos--top::after{left:0}.vxe-tabs-header--next-bar.pos--left::after,.vxe-tabs-header--next-bar.pos--right::after{top:0}.vxe-tabs-header--next-bar.scrolling--middle.pos--bottom,.vxe-tabs-header--next-bar.scrolling--middle.pos--top{box-shadow:-4px 0 6px 0 var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--next-bar.scrolling--middle.pos--left,.vxe-tabs-header--next-bar.scrolling--middle.pos--right{box-shadow:0 -4px 6px 0 var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--prefix,.vxe-tabs-header--suffix{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0}.vxe-tabs-header--prefix.type--border-card.pos--top,.vxe-tabs-header--prefix.type--default.pos--top,.vxe-tabs-header--prefix.type--round-card.pos--top,.vxe-tabs-header--suffix.type--border-card.pos--top,.vxe-tabs-header--suffix.type--default.pos--top,.vxe-tabs-header--suffix.type--round-card.pos--top{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--prefix.type--border-card.pos--bottom,.vxe-tabs-header--prefix.type--default.pos--bottom,.vxe-tabs-header--prefix.type--round-card.pos--bottom,.vxe-tabs-header--suffix.type--border-card.pos--bottom,.vxe-tabs-header--suffix.type--default.pos--bottom,.vxe-tabs-header--suffix.type--round-card.pos--bottom{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--prefix.type--border-card.pos--left,.vxe-tabs-header--prefix.type--default.pos--left,.vxe-tabs-header--prefix.type--round-card.pos--left,.vxe-tabs-header--suffix.type--border-card.pos--left,.vxe-tabs-header--suffix.type--default.pos--left,.vxe-tabs-header--suffix.type--round-card.pos--left{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--prefix.type--border-card.pos--right,.vxe-tabs-header--prefix.type--default.pos--right,.vxe-tabs-header--prefix.type--round-card.pos--right,.vxe-tabs-header--suffix.type--border-card.pos--right,.vxe-tabs-header--suffix.type--default.pos--right,.vxe-tabs-header--suffix.type--round-card.pos--right{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item-wrapper{position:relative;display:flex;outline:0}.vxe-tabs-header--item{position:relative;flex-shrink:0;padding:0 .5em}.vxe-tabs-header--item.is--active .vxe-tabs-header--item-content{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--item.align--left{text-align:left}.vxe-tabs-header--item.align--center{text-align:center}.vxe-tabs-header--item.align--right{text-align:right}.vxe-tabs-header--item.type--card.pos--top{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--bottom{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--bottom,.vxe-tabs-header--item.type--card.pos--top{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--bottom:first-child,.vxe-tabs-header--item.type--card.pos--top:first-child{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--left{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--right{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--left,.vxe-tabs-header--item.type--card.pos--right{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--card.pos--left:first-child,.vxe-tabs-header--item.type--card.pos--right:first-child{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--item.type--border-card.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header--item.type--round-card{z-index:2;border:1px solid var(--vxe-ui-input-border-color);background-color:rgba(0,0,0,.02);transition:color .3s ease-in-out}.vxe-tabs-header--item.type--round-card.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header--item.type--round-card.pos--top{border-bottom:0;border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs-header--item.type--round-card.pos--bottom{border-top:0;border-radius:0 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius)}.vxe-tabs-header--item.type--round-card.pos--bottom,.vxe-tabs-header--item.type--round-card.pos--top{margin:0 2px}.vxe-tabs-header--item.type--round-card.pos--bottom:first-child,.vxe-tabs-header--item.type--round-card.pos--top:first-child{margin-left:0}.vxe-tabs-header--item.type--round-card.pos--bottom:last-child,.vxe-tabs-header--item.type--round-card.pos--top:last-child{margin-right:0}.vxe-tabs-header--item.type--round-card.pos--left{border-right:0;border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-tabs-header--item.type--round-card.pos--right{border-left:0;border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-tabs-header--item.type--round-card.pos--left,.vxe-tabs-header--item.type--round-card.pos--right{margin:2px 0}.vxe-tabs-header--item.type--round-card.pos--left:first-child,.vxe-tabs-header--item.type--round-card.pos--right:first-child{margin-top:0}.vxe-tabs-header--item.type--round-card.pos--left:last-child,.vxe-tabs-header--item.type--round-card.pos--right:last-child{margin-bottom:0}.vxe-tabs-header--item-inner{display:flex;flex-direction:row;align-items:center}.vxe-tabs-header--item-content{flex-grow:1;max-width:30em;padding:0 .3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tabs-header--item-content>span{padding:0 .3em}.vxe-tabs-header--close-btn,.vxe-tabs-header--refresh-btn{font-size:.8em;border-radius:50%;width:1.5em;height:1.5em;line-height:1.5em;text-align:center}.vxe-tabs-header--close-btn:hover,.vxe-tabs-header--refresh-btn:hover{color:var(--vxe-ui-font-color);background:var(--vxe-ui-tabs-close-hover-background-color)}.vxe-tabs-header--close-btn:active,.vxe-tabs-header--refresh-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--close-btn>i,.vxe-tabs-header--refresh-btn>i{font-size:1em;vertical-align:middle}.vxe-tabs-header--refresh-btn{visibility:hidden}.vxe-tabs-header--refresh-btn.is--active,.vxe-tabs-header--refresh-btn.is--loading{visibility:visible}.vxe-tabs-header--refresh-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-tabs-header--item-inner{transition:color .1s ease-in-out}.vxe-tabs-pane--wrapper{display:none;position:relative;flex-direction:column;flex-grow:1;overflow:hidden}.vxe-tabs-pane--wrapper.is--content{display:flex}.vxe-tabs-pane--wrapper.type--border-card,.vxe-tabs-pane--wrapper.type--round-card{border:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-pane--wrapper.type--border-card.pos--top,.vxe-tabs-pane--wrapper.type--round-card.pos--top{border-top:0}.vxe-tabs-pane--wrapper.type--border-card.pos--bottom,.vxe-tabs-pane--wrapper.type--round-card.pos--bottom{border-bottom:0}.vxe-tabs-pane--wrapper.type--border-card.pos--left,.vxe-tabs-pane--wrapper.type--round-card.pos--left{border-left:0}.vxe-tabs-pane--wrapper.type--border-card.pos--right,.vxe-tabs-pane--wrapper.type--round-card.pos--right{border-right:0}.vxe-tabs-pane--body{flex-grow:1;overflow:hidden}.vxe-tabs-pane--body.is--padding{padding:var(--vxe-ui-layout-padding-default)}.vxe-tabs-pane--footer,.vxe-tabs-pane--header{flex-shrink:0;overflow:auto}.vxe-tabs-pane--item,.vxe-tabs-pane--scrollbar-item{display:none;height:100%;overflow:auto;outline:0}.vxe-tabs-pane--item.is--visible,.vxe-tabs-pane--scrollbar-item.is--visible{display:block}.vxe-tabs-header{display:flex}.vxe-tabs-header.pos--bottom,.vxe-tabs-header.pos--top{flex-direction:row}.vxe-tabs-header.pos--left,.vxe-tabs-header.pos--right{flex-direction:column}.vxe-tabs-header.type--card.pos--top{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--card.pos--bottom{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--card.pos--left{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--card.pos--right{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--border-card{background-color:var(--vxe-ui-tabs-card-header-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header.type--border-card.pos--top{border-bottom:0}.vxe-tabs-header.type--border-card.pos--bottom{border-top:0}.vxe-tabs-header.type--border-card.pos--left{border-right:0}.vxe-tabs-header.type--border-card.pos--right{border-left:0}.vxe-tabs-header--wrapper{position:relative;flex-grow:1;overflow:hidden}.vxe-tabs-header--wrapper.type--border-card,.vxe-tabs-header--wrapper.type--default,.vxe-tabs-header--wrapper.type--round-card{position:relative}.vxe-tabs-header--wrapper.type--border-card::after,.vxe-tabs-header--wrapper.type--default::after,.vxe-tabs-header--wrapper.type--round-card::after{content:"";position:absolute;background-color:var(--vxe-ui-input-border-color);z-index:0}.vxe-tabs-header--wrapper.type--border-card.pos--top::after,.vxe-tabs-header--wrapper.type--default.pos--top::after,.vxe-tabs-header--wrapper.type--round-card.pos--top::after{bottom:0}.vxe-tabs-header--wrapper.type--border-card.pos--bottom::after,.vxe-tabs-header--wrapper.type--default.pos--bottom::after,.vxe-tabs-header--wrapper.type--round-card.pos--bottom::after{top:0}.vxe-tabs-header--wrapper.type--border-card.pos--bottom::after,.vxe-tabs-header--wrapper.type--border-card.pos--top::after,.vxe-tabs-header--wrapper.type--default.pos--bottom::after,.vxe-tabs-header--wrapper.type--default.pos--top::after,.vxe-tabs-header--wrapper.type--round-card.pos--bottom::after,.vxe-tabs-header--wrapper.type--round-card.pos--top::after{left:0;width:100%;height:1px}.vxe-tabs-header--wrapper.type--border-card.pos--left::after,.vxe-tabs-header--wrapper.type--default.pos--left::after,.vxe-tabs-header--wrapper.type--round-card.pos--left::after{right:0}.vxe-tabs-header--wrapper.type--border-card.pos--right::after,.vxe-tabs-header--wrapper.type--default.pos--right::after,.vxe-tabs-header--wrapper.type--round-card.pos--right::after{left:0}.vxe-tabs-header--wrapper.type--border-card.pos--left::after,.vxe-tabs-header--wrapper.type--border-card.pos--right::after,.vxe-tabs-header--wrapper.type--default.pos--left::after,.vxe-tabs-header--wrapper.type--default.pos--right::after,.vxe-tabs-header--wrapper.type--round-card.pos--left::after,.vxe-tabs-header--wrapper.type--round-card.pos--right::after{top:0;width:1px;height:100%}.vxe-tabs-header--wrapper.type--border-card.pos--top{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs-header--wrapper.type--border-card.pos--bottom{border-radius:0 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius)}.vxe-tabs-header--wrapper.type--border-card>.vxe-tabs-header--item-wrapper,.vxe-tabs-header--wrapper.type--round-card>.vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs-header--wrapper.pos--bottom .vxe-tabs-header--item-wrapper,.vxe-tabs-header--wrapper.pos--top .vxe-tabs-header--item-wrapper{flex-direction:row;width:100%;overflow-y:hidden;overflow-x:auto}.vxe-tabs-header--wrapper.pos--left .vxe-tabs-header--item-wrapper,.vxe-tabs-header--wrapper.pos--right .vxe-tabs-header--item-wrapper{flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.vxe-tabs-header--active-line{display:none}.vxe-tabs-header--active-line.type--default{display:block;position:absolute;background-color:var(--vxe-ui-font-primary-color);z-index:2;transition:all .3s ease-in-out}.vxe-tabs-header--active-line.type--default.pos--top{bottom:20px}.vxe-tabs-header--active-line.type--default.pos--bottom{top:0}.vxe-tabs-header--active-line.type--default.pos--bottom,.vxe-tabs-header--active-line.type--default.pos--top{left:0;height:2px;width:4px}.vxe-tabs-header--active-line.type--default.pos--left{right:20px}.vxe-tabs-header--active-line.type--default.pos--right{left:0}.vxe-tabs-header--active-line.type--default.pos--left,.vxe-tabs-header--active-line.type--default.pos--right{top:0;height:4px;width:2px}.vxe-tabs-header--active-line.type--card{display:block;position:absolute;top:0;left:0;border:1px solid var(--vxe-ui-font-primary-color);pointer-events:none;z-index:1;box-shadow:0 0 8px rgba(0,0,0,.1)}.vxe-tabs-header--active-line.type--card.pos--bottom,.vxe-tabs-header--active-line.type--card.pos--top{width:4px;transition:color,left .3s ease-in-out}.vxe-tabs-header--active-line.type--card.pos--left,.vxe-tabs-header--active-line.type--card.pos--right{width:calc(100% - 20px);transition:color,top .3s ease-in-out}.vxe-tabs-header--active-line.type--border-card{display:block;position:absolute;top:0;left:0;pointer-events:none;z-index:1}.vxe-tabs-header--active-line.type--border-card.pos--bottom,.vxe-tabs-header--active-line.type--border-card.pos--top{width:4px;border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--active-line.type--border-card.pos--left,.vxe-tabs-header--active-line.type--border-card.pos--right{width:100%;border-top:1px solid var(--vxe-ui-input-border-color);border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card,.vxe-tabs--card,.vxe-tabs--default,.vxe-tabs--round-card{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--default .vxe-tabs-header--item-inner{border-bottom:2px solid transparent}.vxe-tabs-slots{display:none}.vxe-tabs{font-size:var(--vxe-ui-font-size-default)}.vxe-tabs .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs-header--active-line.type--card{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-default) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-default) + 1px)}.vxe-tabs .vxe-tabs-header--wrapper.pos--bottom,.vxe-tabs .vxe-tabs-header--wrapper.pos--top{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs--card .vxe-tabs-header--item-inner,.vxe-tabs .vxe-tabs--round-card .vxe-tabs-header--item-inner{height:calc(var(--vxe-ui-tabs-header-height-default) - 1px)}.vxe-tabs .vxe-tabs-header--prefix.pos--bottom,.vxe-tabs .vxe-tabs-header--prefix.pos--top,.vxe-tabs .vxe-tabs-header--suffix.pos--bottom,.vxe-tabs .vxe-tabs-header--suffix.pos--top{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tabs.size--medium .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-medium)}.vxe-tabs.size--medium .vxe-tabs-header--active-line.type--card{height:var(--vxe-ui-tabs-header-height-medium)}.vxe-tabs.size--medium .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-medium) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-medium) + 1px)}.vxe-tabs.size--medium .vxe-tabs-header--wrapper.pos--bottom,.vxe-tabs.size--medium .vxe-tabs-header--wrapper.pos--top{height:var(--vxe-ui-tabs-header-height-medium)}.vxe-tabs.size--medium .vxe-tabs--card .vxe-tabs-header--item-inner,.vxe-tabs.size--medium .vxe-tabs--round-card .vxe-tabs-header--item-inner{height:calc(var(--vxe-ui-tabs-header-height-medium) - 1px)}.vxe-tabs.size--medium .vxe-tabs-header--prefix.pos--bottom,.vxe-tabs.size--medium .vxe-tabs-header--prefix.pos--top,.vxe-tabs.size--medium .vxe-tabs-header--suffix.pos--bottom,.vxe-tabs.size--medium .vxe-tabs-header--suffix.pos--top{height:var(--vxe-ui-tabs-header-height-medium)}.vxe-tabs.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tabs.size--small .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-small)}.vxe-tabs.size--small .vxe-tabs-header--active-line.type--card{height:var(--vxe-ui-tabs-header-height-small)}.vxe-tabs.size--small .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-small) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-small) + 1px)}.vxe-tabs.size--small .vxe-tabs-header--wrapper.pos--bottom,.vxe-tabs.size--small .vxe-tabs-header--wrapper.pos--top{height:var(--vxe-ui-tabs-header-height-small)}.vxe-tabs.size--small .vxe-tabs--card .vxe-tabs-header--item-inner,.vxe-tabs.size--small .vxe-tabs--round-card .vxe-tabs-header--item-inner{height:calc(var(--vxe-ui-tabs-header-height-small) - 1px)}.vxe-tabs.size--small .vxe-tabs-header--prefix.pos--bottom,.vxe-tabs.size--small .vxe-tabs-header--prefix.pos--top,.vxe-tabs.size--small .vxe-tabs-header--suffix.pos--bottom,.vxe-tabs.size--small .vxe-tabs-header--suffix.pos--top{height:var(--vxe-ui-tabs-header-height-small)}.vxe-tabs.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tabs.size--mini .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-mini)}.vxe-tabs.size--mini .vxe-tabs-header--active-line.type--card{height:var(--vxe-ui-tabs-header-height-mini)}.vxe-tabs.size--mini .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-mini) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-mini) + 1px)}.vxe-tabs.size--mini .vxe-tabs-header--wrapper.pos--bottom,.vxe-tabs.size--mini .vxe-tabs-header--wrapper.pos--top{height:var(--vxe-ui-tabs-header-height-mini)}.vxe-tabs.size--mini .vxe-tabs--card .vxe-tabs-header--item-inner,.vxe-tabs.size--mini .vxe-tabs--round-card .vxe-tabs-header--item-inner{height:calc(var(--vxe-ui-tabs-header-height-mini) - 1px)}.vxe-tabs.size--mini .vxe-tabs-header--prefix.pos--bottom,.vxe-tabs.size--mini .vxe-tabs-header--prefix.pos--top,.vxe-tabs.size--mini .vxe-tabs-header--suffix.pos--bottom,.vxe-tabs.size--mini .vxe-tabs-header--suffix.pos--top{height:var(--vxe-ui-tabs-header-height-mini)}
package/es/tree/src/tree.js CHANGED
@@ -5,7 +5,7 @@ import { calcTreeLine, getItemCacheObj } from './util';
5
5
  import { createComponentLog } from '../../ui/src/log';
6
6
  import { getSlotVNs } from '../../ui/src/vn';
7
7
  import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store';
8
- import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode } from '../../ui/src/dom';
8
+ import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode, hasClass } from '../../ui/src/dom';
9
9
  import { isEnableConf, enModelValue, deModelValue, getText } from '../../ui/src/utils';
10
10
  import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime';
11
11
  import VxeLoadingComponent from '../../loading';
@@ -1466,11 +1466,15 @@ export default {
1466
1466
  const { rowHeight } = scrollYStore;
1467
1467
  const el = $xeTree.$refs.refElem;
1468
1468
  if (el && el.clientWidth && el.clientHeight) {
1469
- const parentEl = $xeTree.getParentElem();
1469
+ let parentEl = $xeTree.getParentElem();
1470
1470
  const headerWrapperEl = $xeTree.$refs.refHeaderWrapperElem;
1471
1471
  const footerWrapperEl = $xeTree.$refs.refFooterWrapperElem;
1472
1472
  const headHeight = headerWrapperEl ? headerWrapperEl.clientHeight : 0;
1473
1473
  const footHeight = footerWrapperEl ? footerWrapperEl.clientHeight : 0;
1474
+ // 如果是虚拟滚动条
1475
+ if (parentEl && hasClass(parentEl, 'vxe-scrollbar--view-inner')) {
1476
+ parentEl = parentEl.parentElement;
1477
+ }
1474
1478
  if (parentEl) {
1475
1479
  const parentPaddingSize = getPaddingTopBottomSize(parentEl);
1476
1480
  reactData.parentHeight = Math.max(headHeight + footHeight + rowHeight, parentEl.clientHeight - parentPaddingSize - headHeight - footHeight);
package/es/ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { warnLog } from './src/log';
4
- export const version = "3.19.6";
4
+ export const version = "3.19.8";
5
5
  VxeUI.uiVersion = version;
6
6
  VxeUI.dynamicApp = dynamicApp;
7
7
  export function config(options) {
package/es/ui/src/log.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { VxeUI } from '@vxe-ui/core';
2
2
  const { log } = VxeUI;
3
- const uiVersion = `ui v${"3.19.6"}`;
3
+ const uiVersion = `ui v${"3.19.8"}`;
4
4
  export function createComponentLog(name) {
5
5
  const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
6
6
  const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
package/es/vxe-card/style.css CHANGED
@@ -1,8 +1,33 @@
1
+ .vxe-card {
2
+ --vxe-ui-card-current-font-size: var(--vxe-ui-font-size-default);
3
+ --vxe-ui-card-current-padding: var(--vxe-ui-card-padding-default);
4
+ }
5
+ .vxe-card.size--xlarge {
6
+ --vxe-ui-card-current-font-size: var(--vxe-ui-font-size-xlarge);
7
+ --vxe-ui-card-current-padding: var(--vxe-ui-card-padding-xlarge);
8
+ }
9
+ .vxe-card.size--large {
10
+ --vxe-ui-card-current-font-size: var(--vxe-ui-font-size-large);
11
+ --vxe-ui-card-current-padding: var(--vxe-ui-card-padding-large);
12
+ }
13
+ .vxe-card.size--medium {
14
+ --vxe-ui-card-current-font-size: var(--vxe-ui-font-size-medium);
15
+ --vxe-ui-card-current-padding: var(--vxe-ui-card-padding-medium);
16
+ }
17
+ .vxe-card.size--small {
18
+ --vxe-ui-card-current-font-size: var(--vxe-ui-font-size-small);
19
+ --vxe-ui-card-current-padding: var(--vxe-ui-card-padding-small);
20
+ }
21
+ .vxe-card.size--mini {
22
+ --vxe-ui-card-current-font-size: var(--vxe-ui-font-size-mini);
23
+ --vxe-ui-card-current-padding: var(--vxe-ui-card-padding-mini);
24
+ }
25
+
1
26
  .vxe-card {
2
27
  position: relative;
3
28
  display: inline-flex;
4
29
  flex-direction: column;
5
- font-size: var(--vxe-ui-font-size-default);
30
+ font-size: var(--vxe-ui-card-current-font-size);
6
31
  color: var(--vxe-ui-font-color);
7
32
  font-family: var(--vxe-ui-font-family);
8
33
  background-color: var(--vxe-ui-layout-background-color);
@@ -37,8 +62,11 @@
37
62
  }
38
63
 
39
64
  .vxe-card--body-left,
65
+ .vxe-card--body-scrollbar-left,
40
66
  .vxe-card--body-right,
41
- .vxe-card--body-content {
67
+ .vxe-card--body-scrollbar-right,
68
+ .vxe-card--body-content,
69
+ .vxe-card--body-scrollbar-content {
42
70
  overflow: auto;
43
71
  }
44
72
 
@@ -46,12 +74,15 @@
46
74
  .vxe-card--header-extra,
47
75
  .vxe-card--footer,
48
76
  .vxe-card--body-left,
49
- .vxe-card--body-right {
77
+ .vxe-card--body-scrollbar-left,
78
+ .vxe-card--body-right,
79
+ .vxe-card--body-scrollbar-right {
50
80
  flex-shrink: 0;
51
81
  }
52
82
 
53
83
  .vxe-card--header-title,
54
- .vxe-card--body-content {
84
+ .vxe-card--body-content,
85
+ .vxe-card--body-scrollbar-content {
55
86
  flex-grow: 1;
56
87
  }
57
88
 
@@ -61,47 +92,14 @@
61
92
  white-space: nowrap;
62
93
  }
63
94
 
64
- .vxe-card {
65
- font-size: var(--vxe-ui-font-size-default);
66
- }
67
95
  .vxe-card > .vxe-card--header, .vxe-card > .vxe-card--footer {
68
- padding: var(--vxe-ui-card-padding-default);
96
+ padding: var(--vxe-ui-card-current-padding);
69
97
  }
70
- .vxe-card.is--padding > .vxe-card--body .vxe-card--body-content,
71
98
  .vxe-card.is--padding > .vxe-card--body .vxe-card--body-left,
72
- .vxe-card.is--padding > .vxe-card--body .vxe-card--body-right {
73
- padding: var(--vxe-ui-card-padding-default);
74
- }
75
- .vxe-card.size--medium {
76
- font-size: var(--vxe-ui-font-size-medium);
77
- }
78
- .vxe-card.size--medium > .vxe-card--header, .vxe-card.size--medium > .vxe-card--footer {
79
- padding: var(--vxe-ui-card-padding-medium);
80
- }
81
- .vxe-card.size--medium.is--padding > .vxe-card--body .vxe-card--body-content,
82
- .vxe-card.size--medium.is--padding > .vxe-card--body .vxe-card--body-left,
83
- .vxe-card.size--medium.is--padding > .vxe-card--body .vxe-card--body-right {
84
- padding: var(--vxe-ui-card-padding-medium);
85
- }
86
- .vxe-card.size--small {
87
- font-size: var(--vxe-ui-font-size-small);
88
- }
89
- .vxe-card.size--small > .vxe-card--header, .vxe-card.size--small > .vxe-card--footer {
90
- padding: var(--vxe-ui-card-padding-small);
91
- }
92
- .vxe-card.size--small.is--padding > .vxe-card--body .vxe-card--body-content,
93
- .vxe-card.size--small.is--padding > .vxe-card--body .vxe-card--body-left,
94
- .vxe-card.size--small.is--padding > .vxe-card--body .vxe-card--body-right {
95
- padding: var(--vxe-ui-card-padding-small);
96
- }
97
- .vxe-card.size--mini {
98
- font-size: var(--vxe-ui-font-size-mini);
99
- }
100
- .vxe-card.size--mini > .vxe-card--header, .vxe-card.size--mini > .vxe-card--footer {
101
- padding: var(--vxe-ui-card-padding-mini);
102
- }
103
- .vxe-card.size--mini.is--padding > .vxe-card--body .vxe-card--body-content,
104
- .vxe-card.size--mini.is--padding > .vxe-card--body .vxe-card--body-left,
105
- .vxe-card.size--mini.is--padding > .vxe-card--body .vxe-card--body-right {
106
- padding: var(--vxe-ui-card-padding-mini);
99
+ .vxe-card.is--padding > .vxe-card--body .vxe-card--body-scrollbar-left-view,
100
+ .vxe-card.is--padding > .vxe-card--body .vxe-card--body-right,
101
+ .vxe-card.is--padding > .vxe-card--body .vxe-card--body-scrollbar-right-view,
102
+ .vxe-card.is--padding > .vxe-card--body .vxe-card--body-content,
103
+ .vxe-card.is--padding > .vxe-card--body .vxe-card--body-scrollbar-content-view {
104
+ padding: var(--vxe-ui-card-current-padding);
107
105
  }
package/es/vxe-card/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-card{position:relative;display:inline-flex;flex-direction:column;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-card.is--shadow{box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-card.is--border{border:1px solid var(--vxe-ui-input-border-color)}.vxe-card.is--border .vxe-card--header{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-card.is--border .vxe-card--footer{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-card--body,.vxe-card--header{display:flex;flex-direction:row}.vxe-card--header{flex-shrink:0}.vxe-card--body{overflow:hidden;flex-grow:1}.vxe-card--body-content,.vxe-card--body-left,.vxe-card--body-right{overflow:auto}.vxe-card--body-left,.vxe-card--body-right,.vxe-card--footer,.vxe-card--header,.vxe-card--header-extra{flex-shrink:0}.vxe-card--body-content,.vxe-card--header-title{flex-grow:1}.vxe-card--header-title.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-card{font-size:var(--vxe-ui-font-size-default)}.vxe-card>.vxe-card--footer,.vxe-card>.vxe-card--header{padding:var(--vxe-ui-card-padding-default)}.vxe-card.is--padding>.vxe-card--body .vxe-card--body-content,.vxe-card.is--padding>.vxe-card--body .vxe-card--body-left,.vxe-card.is--padding>.vxe-card--body .vxe-card--body-right{padding:var(--vxe-ui-card-padding-default)}.vxe-card.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-card.size--medium>.vxe-card--footer,.vxe-card.size--medium>.vxe-card--header{padding:var(--vxe-ui-card-padding-medium)}.vxe-card.size--medium.is--padding>.vxe-card--body .vxe-card--body-content,.vxe-card.size--medium.is--padding>.vxe-card--body .vxe-card--body-left,.vxe-card.size--medium.is--padding>.vxe-card--body .vxe-card--body-right{padding:var(--vxe-ui-card-padding-medium)}.vxe-card.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-card.size--small>.vxe-card--footer,.vxe-card.size--small>.vxe-card--header{padding:var(--vxe-ui-card-padding-small)}.vxe-card.size--small.is--padding>.vxe-card--body .vxe-card--body-content,.vxe-card.size--small.is--padding>.vxe-card--body .vxe-card--body-left,.vxe-card.size--small.is--padding>.vxe-card--body .vxe-card--body-right{padding:var(--vxe-ui-card-padding-small)}.vxe-card.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-card.size--mini>.vxe-card--footer,.vxe-card.size--mini>.vxe-card--header{padding:var(--vxe-ui-card-padding-mini)}.vxe-card.size--mini.is--padding>.vxe-card--body .vxe-card--body-content,.vxe-card.size--mini.is--padding>.vxe-card--body .vxe-card--body-left,.vxe-card.size--mini.is--padding>.vxe-card--body .vxe-card--body-right{padding:var(--vxe-ui-card-padding-mini)}
1
+ .vxe-card{--vxe-ui-card-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-card-current-padding:var(--vxe-ui-card-padding-default)}.vxe-card.size--xlarge{--vxe-ui-card-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-card-current-padding:var(--vxe-ui-card-padding-xlarge)}.vxe-card.size--large{--vxe-ui-card-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-card-current-padding:var(--vxe-ui-card-padding-large)}.vxe-card.size--medium{--vxe-ui-card-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-card-current-padding:var(--vxe-ui-card-padding-medium)}.vxe-card.size--small{--vxe-ui-card-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-card-current-padding:var(--vxe-ui-card-padding-small)}.vxe-card.size--mini{--vxe-ui-card-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-card-current-padding:var(--vxe-ui-card-padding-mini)}.vxe-card{position:relative;display:inline-flex;flex-direction:column;font-size:var(--vxe-ui-card-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-card.is--shadow{box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-card.is--border{border:1px solid var(--vxe-ui-input-border-color)}.vxe-card.is--border .vxe-card--header{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-card.is--border .vxe-card--footer{border-top:1px solid var(--vxe-ui-input-border-color)}.vxe-card--body,.vxe-card--header{display:flex;flex-direction:row}.vxe-card--header{flex-shrink:0}.vxe-card--body{overflow:hidden;flex-grow:1}.vxe-card--body-content,.vxe-card--body-left,.vxe-card--body-right,.vxe-card--body-scrollbar-content,.vxe-card--body-scrollbar-left,.vxe-card--body-scrollbar-right{overflow:auto}.vxe-card--body-left,.vxe-card--body-right,.vxe-card--body-scrollbar-left,.vxe-card--body-scrollbar-right,.vxe-card--footer,.vxe-card--header,.vxe-card--header-extra{flex-shrink:0}.vxe-card--body-content,.vxe-card--body-scrollbar-content,.vxe-card--header-title{flex-grow:1}.vxe-card--header-title.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-card>.vxe-card--footer,.vxe-card>.vxe-card--header{padding:var(--vxe-ui-card-current-padding)}.vxe-card.is--padding>.vxe-card--body .vxe-card--body-content,.vxe-card.is--padding>.vxe-card--body .vxe-card--body-left,.vxe-card.is--padding>.vxe-card--body .vxe-card--body-right,.vxe-card.is--padding>.vxe-card--body .vxe-card--body-scrollbar-content-view,.vxe-card.is--padding>.vxe-card--body .vxe-card--body-scrollbar-left-view,.vxe-card.is--padding>.vxe-card--body .vxe-card--body-scrollbar-right-view{padding:var(--vxe-ui-card-current-padding)}
package/es/vxe-row/style.css CHANGED
@@ -34,78 +34,155 @@
34
34
  .vxe-col.align--right {
35
35
  text-align: right;
36
36
  }
37
- .vxe-col.span1 {
37
+
38
+ .vxe-row.def--layout > .vxe-col.span1 {
38
39
  width: 4.16667%;
39
40
  }
40
- .vxe-col.span2 {
41
+ .vxe-row.def--layout > .vxe-col.span2 {
41
42
  width: 8.33333%;
42
43
  }
43
- .vxe-col.span3 {
44
+ .vxe-row.def--layout > .vxe-col.span3 {
44
45
  width: 12.5%;
45
46
  }
46
- .vxe-col.span4 {
47
+ .vxe-row.def--layout > .vxe-col.span4 {
47
48
  width: 16.66667%;
48
49
  }
49
- .vxe-col.span5 {
50
+ .vxe-row.def--layout > .vxe-col.span5 {
50
51
  width: 20.83333%;
51
52
  }
52
- .vxe-col.span6 {
53
+ .vxe-row.def--layout > .vxe-col.span6 {
53
54
  width: 25%;
54
55
  }
55
- .vxe-col.span7 {
56
+ .vxe-row.def--layout > .vxe-col.span7 {
56
57
  width: 29.16667%;
57
58
  }
58
- .vxe-col.span8 {
59
+ .vxe-row.def--layout > .vxe-col.span8 {
59
60
  width: 33.33333%;
60
61
  }
61
- .vxe-col.span9 {
62
+ .vxe-row.def--layout > .vxe-col.span9 {
62
63
  width: 37.5%;
63
64
  }
64
- .vxe-col.span10 {
65
+ .vxe-row.def--layout > .vxe-col.span10 {
65
66
  width: 41.66667%;
66
67
  }
67
- .vxe-col.span11 {
68
+ .vxe-row.def--layout > .vxe-col.span11 {
68
69
  width: 45.83333%;
69
70
  }
70
- .vxe-col.span12 {
71
+ .vxe-row.def--layout > .vxe-col.span12 {
71
72
  width: 50%;
72
73
  }
73
- .vxe-col.span13 {
74
+ .vxe-row.def--layout > .vxe-col.span13 {
74
75
  width: 54.16667%;
75
76
  }
76
- .vxe-col.span14 {
77
+ .vxe-row.def--layout > .vxe-col.span14 {
77
78
  width: 58.33333%;
78
79
  }
79
- .vxe-col.span15 {
80
+ .vxe-row.def--layout > .vxe-col.span15 {
80
81
  width: 62.5%;
81
82
  }
82
- .vxe-col.span16 {
83
+ .vxe-row.def--layout > .vxe-col.span16 {
83
84
  width: 66.66667%;
84
85
  }
85
- .vxe-col.span17 {
86
+ .vxe-row.def--layout > .vxe-col.span17 {
86
87
  width: 70.83333%;
87
88
  }
88
- .vxe-col.span18 {
89
+ .vxe-row.def--layout > .vxe-col.span18 {
89
90
  width: 75%;
90
91
  }
91
- .vxe-col.span19 {
92
+ .vxe-row.def--layout > .vxe-col.span19 {
92
93
  width: 79.16667%;
93
94
  }
94
- .vxe-col.span20 {
95
+ .vxe-row.def--layout > .vxe-col.span20 {
95
96
  width: 83.33333%;
96
97
  }
97
- .vxe-col.span21 {
98
+ .vxe-row.def--layout > .vxe-col.span21 {
98
99
  width: 87.5%;
99
100
  }
100
- .vxe-col.span22 {
101
+ .vxe-row.def--layout > .vxe-col.span22 {
101
102
  width: 91.66667%;
102
103
  }
103
- .vxe-col.span23 {
104
+ .vxe-row.def--layout > .vxe-col.span23 {
104
105
  width: 95.83333%;
105
106
  }
106
- .vxe-col.span24 {
107
+ .vxe-row.def--layout > .vxe-col.span24 {
107
108
  width: 100%;
108
109
  }
110
+ .vxe-row.grid--layout {
111
+ display: grid;
112
+ grid-template-columns: repeat(24, minmax(0, 1fr));
113
+ }
114
+ .vxe-row.grid--layout > .vxe-col.span1 {
115
+ grid-column: span 1;
116
+ }
117
+ .vxe-row.grid--layout > .vxe-col.span2 {
118
+ grid-column: span 2;
119
+ }
120
+ .vxe-row.grid--layout > .vxe-col.span3 {
121
+ grid-column: span 3;
122
+ }
123
+ .vxe-row.grid--layout > .vxe-col.span4 {
124
+ grid-column: span 4;
125
+ }
126
+ .vxe-row.grid--layout > .vxe-col.span5 {
127
+ grid-column: span 5;
128
+ }
129
+ .vxe-row.grid--layout > .vxe-col.span6 {
130
+ grid-column: span 6;
131
+ }
132
+ .vxe-row.grid--layout > .vxe-col.span7 {
133
+ grid-column: span 7;
134
+ }
135
+ .vxe-row.grid--layout > .vxe-col.span8 {
136
+ grid-column: span 8;
137
+ }
138
+ .vxe-row.grid--layout > .vxe-col.span9 {
139
+ grid-column: span 9;
140
+ }
141
+ .vxe-row.grid--layout > .vxe-col.span10 {
142
+ grid-column: span 10;
143
+ }
144
+ .vxe-row.grid--layout > .vxe-col.span11 {
145
+ grid-column: span 11;
146
+ }
147
+ .vxe-row.grid--layout > .vxe-col.span12 {
148
+ grid-column: span 12;
149
+ }
150
+ .vxe-row.grid--layout > .vxe-col.span13 {
151
+ grid-column: span 13;
152
+ }
153
+ .vxe-row.grid--layout > .vxe-col.span14 {
154
+ grid-column: span 14;
155
+ }
156
+ .vxe-row.grid--layout > .vxe-col.span15 {
157
+ grid-column: span 15;
158
+ }
159
+ .vxe-row.grid--layout > .vxe-col.span16 {
160
+ grid-column: span 16;
161
+ }
162
+ .vxe-row.grid--layout > .vxe-col.span17 {
163
+ grid-column: span 17;
164
+ }
165
+ .vxe-row.grid--layout > .vxe-col.span18 {
166
+ grid-column: span 18;
167
+ }
168
+ .vxe-row.grid--layout > .vxe-col.span19 {
169
+ grid-column: span 19;
170
+ }
171
+ .vxe-row.grid--layout > .vxe-col.span20 {
172
+ grid-column: span 20;
173
+ }
174
+ .vxe-row.grid--layout > .vxe-col.span21 {
175
+ grid-column: span 21;
176
+ }
177
+ .vxe-row.grid--layout > .vxe-col.span22 {
178
+ grid-column: span 22;
179
+ }
180
+ .vxe-row.grid--layout > .vxe-col.span23 {
181
+ grid-column: span 23;
182
+ }
183
+ .vxe-row.grid--layout > .vxe-col.span24 {
184
+ grid-column: span 24;
185
+ }
109
186
 
110
187
  .vxe-col--inner {
111
188
  width: 100%;
package/es/vxe-row/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}
1
+ .vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-row.def--layout>.vxe-col.span1{width:4.16667%}.vxe-row.def--layout>.vxe-col.span2{width:8.33333%}.vxe-row.def--layout>.vxe-col.span3{width:12.5%}.vxe-row.def--layout>.vxe-col.span4{width:16.66667%}.vxe-row.def--layout>.vxe-col.span5{width:20.83333%}.vxe-row.def--layout>.vxe-col.span6{width:25%}.vxe-row.def--layout>.vxe-col.span7{width:29.16667%}.vxe-row.def--layout>.vxe-col.span8{width:33.33333%}.vxe-row.def--layout>.vxe-col.span9{width:37.5%}.vxe-row.def--layout>.vxe-col.span10{width:41.66667%}.vxe-row.def--layout>.vxe-col.span11{width:45.83333%}.vxe-row.def--layout>.vxe-col.span12{width:50%}.vxe-row.def--layout>.vxe-col.span13{width:54.16667%}.vxe-row.def--layout>.vxe-col.span14{width:58.33333%}.vxe-row.def--layout>.vxe-col.span15{width:62.5%}.vxe-row.def--layout>.vxe-col.span16{width:66.66667%}.vxe-row.def--layout>.vxe-col.span17{width:70.83333%}.vxe-row.def--layout>.vxe-col.span18{width:75%}.vxe-row.def--layout>.vxe-col.span19{width:79.16667%}.vxe-row.def--layout>.vxe-col.span20{width:83.33333%}.vxe-row.def--layout>.vxe-col.span21{width:87.5%}.vxe-row.def--layout>.vxe-col.span22{width:91.66667%}.vxe-row.def--layout>.vxe-col.span23{width:95.83333%}.vxe-row.def--layout>.vxe-col.span24{width:100%}.vxe-row.grid--layout{display:grid;grid-template-columns:repeat(24,minmax(0,1fr))}.vxe-row.grid--layout>.vxe-col.span1{grid-column:span 1}.vxe-row.grid--layout>.vxe-col.span2{grid-column:span 2}.vxe-row.grid--layout>.vxe-col.span3{grid-column:span 3}.vxe-row.grid--layout>.vxe-col.span4{grid-column:span 4}.vxe-row.grid--layout>.vxe-col.span5{grid-column:span 5}.vxe-row.grid--layout>.vxe-col.span6{grid-column:span 6}.vxe-row.grid--layout>.vxe-col.span7{grid-column:span 7}.vxe-row.grid--layout>.vxe-col.span8{grid-column:span 8}.vxe-row.grid--layout>.vxe-col.span9{grid-column:span 9}.vxe-row.grid--layout>.vxe-col.span10{grid-column:span 10}.vxe-row.grid--layout>.vxe-col.span11{grid-column:span 11}.vxe-row.grid--layout>.vxe-col.span12{grid-column:span 12}.vxe-row.grid--layout>.vxe-col.span13{grid-column:span 13}.vxe-row.grid--layout>.vxe-col.span14{grid-column:span 14}.vxe-row.grid--layout>.vxe-col.span15{grid-column:span 15}.vxe-row.grid--layout>.vxe-col.span16{grid-column:span 16}.vxe-row.grid--layout>.vxe-col.span17{grid-column:span 17}.vxe-row.grid--layout>.vxe-col.span18{grid-column:span 18}.vxe-row.grid--layout>.vxe-col.span19{grid-column:span 19}.vxe-row.grid--layout>.vxe-col.span20{grid-column:span 20}.vxe-row.grid--layout>.vxe-col.span21{grid-column:span 21}.vxe-row.grid--layout>.vxe-col.span22{grid-column:span 22}.vxe-row.grid--layout>.vxe-col.span23{grid-column:span 23}.vxe-row.grid--layout>.vxe-col.span24{grid-column:span 24}.vxe-col--inner{width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}
package/es/vxe-scrollbar/style.css CHANGED
@@ -1,5 +1,4 @@
1
1
  .vxe-scrollbar {
2
- width: 100%;
3
2
  position: relative;
4
3
  }
5
4
  .vxe-scrollbar.is--virtual > .vxe-scrollbar--view {
@@ -56,6 +55,7 @@
56
55
  display: none;
57
56
  position: absolute;
58
57
  background-color: var(--vxe-ui-scrollbar-track-background-color);
58
+ overflow: hidden;
59
59
  -webkit-user-select: none;
60
60
  -moz-user-select: none;
61
61
  -ms-user-select: none;
@@ -108,16 +108,16 @@
108
108
  left: var(--vxe-ui-scrollbar-y-width);
109
109
  }
110
110
 
111
- .vxe-scrollbar.is--padding.sx-pos--top {
111
+ .vxe-scrollbar.is--padding.overflow-x.sx-pos--top {
112
112
  padding-top: var(--vxe-ui-scrollbar-x-height);
113
113
  }
114
- .vxe-scrollbar.is--padding.sx-pos--bottom {
114
+ .vxe-scrollbar.is--padding.overflow-x.sx-pos--bottom {
115
115
  padding-bottom: var(--vxe-ui-scrollbar-x-height);
116
116
  }
117
- .vxe-scrollbar.is--padding.sy-pos--left {
117
+ .vxe-scrollbar.is--padding.overflow-y.sy-pos--left {
118
118
  padding-left: var(--vxe-ui-scrollbar-y-width);
119
119
  }
120
- .vxe-scrollbar.is--padding.sy-pos--right {
120
+ .vxe-scrollbar.is--padding.overflow-y.sy-pos--right {
121
121
  padding-right: var(--vxe-ui-scrollbar-y-width);
122
122
  }
123
123
 
package/es/vxe-scrollbar/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-scrollbar{width:100%;position:relative}.vxe-scrollbar.is--virtual>.vxe-scrollbar--view{scrollbar-width:none;-ms-overflow-style:none}.vxe-scrollbar.is--virtual>.vxe-scrollbar--view::-webkit-scrollbar{display:none}.vxe-scrollbar.is--virtual.ov-x--auto-hide:hover>.vxe-scrollbar--track-x{opacity:1}.vxe-scrollbar.is--virtual.ov-x--auto-hide>.vxe-scrollbar--track-x{opacity:0;transition:opacity .8s ease-in-out}.vxe-scrollbar.is--virtual.ov-y--auto-hide:hover>.vxe-scrollbar--track-y{opacity:1}.vxe-scrollbar.is--virtual.ov-y--auto-hide>.vxe-scrollbar--track-y{opacity:0;transition:opacity .8s ease-in-out}.vxe-scrollbar.is--native>.vxe-scrollbar--view::-webkit-scrollbar{width:var(--vxe-ui-scrollbar-y-width);height:var(--vxe-ui-scrollbar-x-height)}.vxe-scrollbar.is--native>.vxe-scrollbar--view::-webkit-scrollbar-thumb{border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-scrollbar-thumb-background-color)}.vxe-scrollbar.is--native>.vxe-scrollbar--view::-webkit-scrollbar-thumb:hover{background-color:var(--vxe-ui-scrollbar-thumb-hover-background-color)}.vxe-scrollbar.is--native>.vxe-scrollbar--view::-webkit-scrollbar-thumb:active{background-color:var(--vxe-ui-scrollbar-thumb-active-background-color)}.vxe-scrollbar.ov-x--hidden>.vxe-scrollbar--view{overflow-x:hidden}.vxe-scrollbar.ov-y--hidden>.vxe-scrollbar--view{overflow-y:hidden}.vxe-scrollbar--view{height:100%;width:100%;overflow-x:auto;overflow-y:auto}.vxe-scrollbar--track-x,.vxe-scrollbar--track-y{display:none;position:absolute;background-color:var(--vxe-ui-scrollbar-track-background-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-scrollbar.overflow-x>.vxe-scrollbar--track-x{display:block}.vxe-scrollbar.overflow-y>.vxe-scrollbar--track-y{display:block}.vxe-scrollbar--track-x{width:100%;left:0;height:var(--vxe-ui-scrollbar-x-height);padding:var(--vxe-ui-scrollbar-track-padding) 0}.vxe-scrollbar--track-y{height:100%;top:0;width:var(--vxe-ui-scrollbar-y-width);padding:0 var(--vxe-ui-scrollbar-track-padding)}.vxe-scrollbar.sx-pos--top>.vxe-scrollbar--track-x{top:0}.vxe-scrollbar.sx-pos--bottom>.vxe-scrollbar--track-x{bottom:0}.vxe-scrollbar.sy-pos--left>.vxe-scrollbar--track-y{left:0}.vxe-scrollbar.sy-pos--right>.vxe-scrollbar--track-y{right:0}.vxe-scrollbar.overflow-x.overflow-y>.vxe-scrollbar--track-x{width:calc(100% - var(--vxe-ui-scrollbar-x-height))}.vxe-scrollbar.overflow-x.overflow-y>.vxe-scrollbar--track-y{height:calc(100% - var(--vxe-ui-scrollbar-y-width))}.vxe-scrollbar.overflow-x.overflow-y.sx-pos--top.sy-pos--left>.vxe-scrollbar--track-y,.vxe-scrollbar.overflow-x.overflow-y.sx-pos--top.sy-pos--right>.vxe-scrollbar--track-y{top:var(--vxe-ui-scrollbar-x-height)}.vxe-scrollbar.overflow-x.overflow-y.sy-pos--left.sx-pos--bottom>.vxe-scrollbar--track-x,.vxe-scrollbar.overflow-x.overflow-y.sy-pos--left.sx-pos--top>.vxe-scrollbar--track-x{left:var(--vxe-ui-scrollbar-y-width)}.vxe-scrollbar.is--padding.sx-pos--top{padding-top:var(--vxe-ui-scrollbar-x-height)}.vxe-scrollbar.is--padding.sx-pos--bottom{padding-bottom:var(--vxe-ui-scrollbar-x-height)}.vxe-scrollbar.is--padding.sy-pos--left{padding-left:var(--vxe-ui-scrollbar-y-width)}.vxe-scrollbar.is--padding.sy-pos--right{padding-right:var(--vxe-ui-scrollbar-y-width)}.vxe-scrollbar--thumb-y{width:100%}.vxe-scrollbar--thumb-x{height:100%}.vxe-scrollbar--thumb-x,.vxe-scrollbar--thumb-y{border-radius:var(--vxe-ui-scrollbar-thumb-border-radius);background-color:var(--vxe-ui-scrollbar-thumb-background-color)}.vxe-scrollbar--thumb-x:hover,.vxe-scrollbar--thumb-y:hover{background-color:var(--vxe-ui-scrollbar-thumb-hover-background-color)}.vxe-scrollbar--thumb-x:active,.vxe-scrollbar--thumb-y:active{background-color:var(--vxe-ui-scrollbar-thumb-active-background-color)}
1
+ .vxe-scrollbar{position:relative}.vxe-scrollbar.is--virtual>.vxe-scrollbar--view{scrollbar-width:none;-ms-overflow-style:none}.vxe-scrollbar.is--virtual>.vxe-scrollbar--view::-webkit-scrollbar{display:none}.vxe-scrollbar.is--virtual.ov-x--auto-hide:hover>.vxe-scrollbar--track-x{opacity:1}.vxe-scrollbar.is--virtual.ov-x--auto-hide>.vxe-scrollbar--track-x{opacity:0;transition:opacity .8s ease-in-out}.vxe-scrollbar.is--virtual.ov-y--auto-hide:hover>.vxe-scrollbar--track-y{opacity:1}.vxe-scrollbar.is--virtual.ov-y--auto-hide>.vxe-scrollbar--track-y{opacity:0;transition:opacity .8s ease-in-out}.vxe-scrollbar.is--native>.vxe-scrollbar--view::-webkit-scrollbar{width:var(--vxe-ui-scrollbar-y-width);height:var(--vxe-ui-scrollbar-x-height)}.vxe-scrollbar.is--native>.vxe-scrollbar--view::-webkit-scrollbar-thumb{border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-scrollbar-thumb-background-color)}.vxe-scrollbar.is--native>.vxe-scrollbar--view::-webkit-scrollbar-thumb:hover{background-color:var(--vxe-ui-scrollbar-thumb-hover-background-color)}.vxe-scrollbar.is--native>.vxe-scrollbar--view::-webkit-scrollbar-thumb:active{background-color:var(--vxe-ui-scrollbar-thumb-active-background-color)}.vxe-scrollbar.ov-x--hidden>.vxe-scrollbar--view{overflow-x:hidden}.vxe-scrollbar.ov-y--hidden>.vxe-scrollbar--view{overflow-y:hidden}.vxe-scrollbar--view{height:100%;width:100%;overflow-x:auto;overflow-y:auto}.vxe-scrollbar--track-x,.vxe-scrollbar--track-y{display:none;position:absolute;background-color:var(--vxe-ui-scrollbar-track-background-color);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-scrollbar.overflow-x>.vxe-scrollbar--track-x{display:block}.vxe-scrollbar.overflow-y>.vxe-scrollbar--track-y{display:block}.vxe-scrollbar--track-x{width:100%;left:0;height:var(--vxe-ui-scrollbar-x-height);padding:var(--vxe-ui-scrollbar-track-padding) 0}.vxe-scrollbar--track-y{height:100%;top:0;width:var(--vxe-ui-scrollbar-y-width);padding:0 var(--vxe-ui-scrollbar-track-padding)}.vxe-scrollbar.sx-pos--top>.vxe-scrollbar--track-x{top:0}.vxe-scrollbar.sx-pos--bottom>.vxe-scrollbar--track-x{bottom:0}.vxe-scrollbar.sy-pos--left>.vxe-scrollbar--track-y{left:0}.vxe-scrollbar.sy-pos--right>.vxe-scrollbar--track-y{right:0}.vxe-scrollbar.overflow-x.overflow-y>.vxe-scrollbar--track-x{width:calc(100% - var(--vxe-ui-scrollbar-x-height))}.vxe-scrollbar.overflow-x.overflow-y>.vxe-scrollbar--track-y{height:calc(100% - var(--vxe-ui-scrollbar-y-width))}.vxe-scrollbar.overflow-x.overflow-y.sx-pos--top.sy-pos--left>.vxe-scrollbar--track-y,.vxe-scrollbar.overflow-x.overflow-y.sx-pos--top.sy-pos--right>.vxe-scrollbar--track-y{top:var(--vxe-ui-scrollbar-x-height)}.vxe-scrollbar.overflow-x.overflow-y.sy-pos--left.sx-pos--bottom>.vxe-scrollbar--track-x,.vxe-scrollbar.overflow-x.overflow-y.sy-pos--left.sx-pos--top>.vxe-scrollbar--track-x{left:var(--vxe-ui-scrollbar-y-width)}.vxe-scrollbar.is--padding.overflow-x.sx-pos--top{padding-top:var(--vxe-ui-scrollbar-x-height)}.vxe-scrollbar.is--padding.overflow-x.sx-pos--bottom{padding-bottom:var(--vxe-ui-scrollbar-x-height)}.vxe-scrollbar.is--padding.overflow-y.sy-pos--left{padding-left:var(--vxe-ui-scrollbar-y-width)}.vxe-scrollbar.is--padding.overflow-y.sy-pos--right{padding-right:var(--vxe-ui-scrollbar-y-width)}.vxe-scrollbar--thumb-y{width:100%}.vxe-scrollbar--thumb-x{height:100%}.vxe-scrollbar--thumb-x,.vxe-scrollbar--thumb-y{border-radius:var(--vxe-ui-scrollbar-thumb-border-radius);background-color:var(--vxe-ui-scrollbar-thumb-background-color)}.vxe-scrollbar--thumb-x:hover,.vxe-scrollbar--thumb-y:hover{background-color:var(--vxe-ui-scrollbar-thumb-hover-background-color)}.vxe-scrollbar--thumb-x:active,.vxe-scrollbar--thumb-y:active{background-color:var(--vxe-ui-scrollbar-thumb-active-background-color)}
package/es/vxe-space/style.css CHANGED
@@ -37,6 +37,7 @@
37
37
  }
38
38
  .vxe-space.is--fill > .vxe-space--item {
39
39
  flex-grow: 1;
40
+ min-width: 100%;
40
41
  }
41
42
 
42
43
  .vxe-space--separator {