vxe-pc-ui 3.19.7 → 3.20.0
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.
- package/es/card/src/card.js +48 -11
- package/es/card/style.css +42 -44
- package/es/card/style.min.css +1 -1
- package/es/icon/style.css +1 -1
- package/es/list/src/list.js +360 -19
- package/es/list/style.css +26 -0
- package/es/list/style.min.css +1 -1
- package/es/scrollbar/src/scrollbar.js +6 -0
- package/es/scrollbar/style.css +6 -5
- package/es/scrollbar/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tabs/src/tabs.js +35 -8
- package/es/tabs/style.css +4 -2
- package/es/tabs/style.min.css +1 -1
- package/es/tree/src/tree.js +6 -2
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/ui/src/utils.js +9 -0
- package/es/vxe-card/style.css +42 -44
- package/es/vxe-card/style.min.css +1 -1
- package/es/vxe-list/style.css +26 -0
- package/es/vxe-list/style.min.css +1 -1
- package/es/vxe-scrollbar/style.css +6 -5
- package/es/vxe-scrollbar/style.min.css +1 -1
- package/es/vxe-tabs/style.css +4 -2
- package/es/vxe-tabs/style.min.css +1 -1
- package/lib/card/src/card.js +55 -5
- package/lib/card/src/card.min.js +1 -1
- package/lib/card/style/style.css +42 -44
- package/lib/card/style/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +5966 -5536
- package/lib/index.umd.min.js +1 -1
- package/lib/list/src/list.js +344 -20
- package/lib/list/src/list.min.js +1 -1
- package/lib/list/style/style.css +26 -0
- package/lib/list/style/style.min.css +1 -1
- package/lib/scrollbar/src/scrollbar.js +6 -0
- package/lib/scrollbar/src/scrollbar.min.js +1 -1
- package/lib/scrollbar/style/style.css +6 -5
- package/lib/scrollbar/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tabs/src/tabs.js +45 -8
- package/lib/tabs/src/tabs.min.js +1 -1
- package/lib/tabs/style/style.css +4 -2
- package/lib/tabs/style/style.min.css +1 -1
- package/lib/tree/src/tree.js +4 -0
- package/lib/tree/src/tree.min.js +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/ui/src/utils.js +10 -0
- package/lib/ui/src/utils.min.js +1 -1
- package/lib/vxe-card/style/style.css +42 -44
- package/lib/vxe-card/style/style.min.css +1 -1
- package/lib/vxe-list/style/style.css +26 -0
- package/lib/vxe-list/style/style.min.css +1 -1
- package/lib/vxe-scrollbar/style/style.css +6 -5
- package/lib/vxe-scrollbar/style/style.min.css +1 -1
- package/lib/vxe-tabs/style/style.css +4 -2
- package/lib/vxe-tabs/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/card/src/card.ts +65 -11
- package/packages/list/src/list.ts +388 -21
- package/packages/scrollbar/src/scrollbar.ts +6 -0
- package/packages/tabs/src/tabs.ts +40 -8
- package/packages/tree/src/tree.ts +6 -2
- package/packages/ui/src/utils.ts +10 -0
- package/styles/components/card.scss +44 -58
- package/styles/components/list.scss +51 -0
- package/styles/components/scrollbar.scss +18 -11
- package/styles/components/tabs.scss +2 -1
- package/types/components/card.d.ts +11 -0
- package/types/components/grid.d.ts +37 -0
- package/types/components/layout-aside.d.ts +7 -1
- package/types/components/layout-body.d.ts +7 -1
- package/types/components/list.d.ts +24 -2
- package/types/components/menu.d.ts +6 -0
- package/types/components/table-plugins/extend-cell-area.d.ts +1 -1
- package/types/components/table.d.ts +27 -4
- package/types/components/tabs.d.ts +11 -0
- /package/es/icon/{iconfont.1791794439953.ttf → iconfont.1791880407207.ttf} +0 -0
- /package/es/icon/{iconfont.1791794439953.woff → iconfont.1791880407207.woff} +0 -0
- /package/es/icon/{iconfont.1791794439953.woff2 → iconfont.1791880407207.woff2} +0 -0
- /package/es/{iconfont.1791794439953.ttf → iconfont.1791880407207.ttf} +0 -0
- /package/es/{iconfont.1791794439953.woff → iconfont.1791880407207.woff} +0 -0
- /package/es/{iconfont.1791794439953.woff2 → iconfont.1791880407207.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1791794439953.ttf → iconfont.1791880407207.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1791794439953.woff → iconfont.1791880407207.woff} +0 -0
- /package/lib/icon/style/{iconfont.1791794439953.woff2 → iconfont.1791880407207.woff2} +0 -0
- /package/lib/{iconfont.1791794439953.ttf → iconfont.1791880407207.ttf} +0 -0
- /package/lib/{iconfont.1791794439953.woff → iconfont.1791880407207.woff} +0 -0
- /package/lib/{iconfont.1791794439953.woff2 → iconfont.1791880407207.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
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
}
|
|
797
|
-
|
|
798
|
-
|
|
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
|
-
|
|
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.
|
|
4
|
+
export const version = "3.20.0";
|
|
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.
|
|
3
|
+
const uiVersion = `ui v${"3.20.0"}`;
|
|
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/ui/src/utils.js
CHANGED
|
@@ -4,6 +4,15 @@ import DomZIndex from 'dom-zindex';
|
|
|
4
4
|
export function isEnableConf(conf) {
|
|
5
5
|
return conf && conf.enabled !== false;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* 用于开关类型的配置项
|
|
9
|
+
* 局部启用规则:conf={}
|
|
10
|
+
* 局部禁用规则:conf={enabled:false}
|
|
11
|
+
* 全局默认启用规则:conf.enabled=true
|
|
12
|
+
*/
|
|
13
|
+
export function hasEnableConf(conf, opts) {
|
|
14
|
+
return opts && (conf ? opts.enabled !== false : opts.enabled);
|
|
15
|
+
}
|
|
7
16
|
export function nextZIndex() {
|
|
8
17
|
return DomZIndex.getNext();
|
|
9
18
|
}
|
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
|
|
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-
|
|
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-
|
|
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
|
|
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-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
.vxe-card.
|
|
76
|
-
|
|
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
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-card{position:relative;display:inline-flex;flex-direction:column;font-size:var(--vxe-ui-font-size
|
|
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-list/style.css
CHANGED
|
@@ -379,4 +379,30 @@
|
|
|
379
379
|
.vxe-list--radio-option .vxe-radio--label {
|
|
380
380
|
padding-left: 0.4em;
|
|
381
381
|
vertical-align: middle;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
.vxe-list > .vxe-scrollbar {
|
|
385
|
+
position: unset;
|
|
386
|
+
}
|
|
387
|
+
.vxe-list.is--virtual-scrollbar > .vxe-list--virtual-wrapper {
|
|
388
|
+
scrollbar-width: none;
|
|
389
|
+
-ms-overflow-style: none;
|
|
390
|
+
}
|
|
391
|
+
.vxe-list.is--virtual-scrollbar > .vxe-list--virtual-wrapper::-webkit-scrollbar {
|
|
392
|
+
display: none;
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
.vxe-list.is--virtual-scrollbar.ov-x--auto-hide:hover > .vxe-scrollbar > .vxe-scrollbar--track-x {
|
|
396
|
+
opacity: 1;
|
|
397
|
+
}
|
|
398
|
+
.vxe-list.is--virtual-scrollbar.ov-x--auto-hide > .vxe-scrollbar > .vxe-scrollbar--track-x {
|
|
399
|
+
opacity: 0;
|
|
400
|
+
transition: opacity 0.8s ease-in-out;
|
|
401
|
+
}
|
|
402
|
+
.vxe-list.is--virtual-scrollbar.ov-y--auto-hide:hover > .vxe-scrollbar > .vxe-scrollbar--track-y {
|
|
403
|
+
opacity: 1;
|
|
404
|
+
}
|
|
405
|
+
.vxe-list.is--virtual-scrollbar.ov-y--auto-hide > .vxe-scrollbar > .vxe-scrollbar--track-y {
|
|
406
|
+
opacity: 0;
|
|
407
|
+
transition: opacity 0.8s ease-in-out;
|
|
382
408
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.vxe-list{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-list.size--medium{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-medium)}.vxe-list.size--small{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-small)}.vxe-list.size--mini{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-mini)}.vxe-list{position:relative;display:block;padding:0;font-size:var(--vxe-ui-list-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow-x:auto;overflow-y:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--header-wrapper{display:flex;flex-direction:row;align-items:center;min-height:var(--vxe-ui-list-row-height)}.vxe-list--header-left{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.vxe-list--header-content{flex-grow:1;overflow:auto}.vxe-list--body.trigger--row>.vxe-list--row:not(.is--drag-disabled):active{cursor:grabbing}.vxe-list--body.is--padding>.vxe-list--row{padding:0 var(--vxe-ui-list-current-padding)}.vxe-list--body.checkbox--highlight .vxe-list--row.is-checkbox--checked{background-color:var(--vxe-ui-list-row-checkbox-checked-background-color)}.vxe-list--body.radio--highlight .vxe-list--row.is-radio--checked{background-color:var(--vxe-ui-list-row-radio-checked-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover{background-color:var(--vxe-ui-list-row-hover-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover.is--current{background-color:var(--vxe-ui-list-row-hover-current-background-color)}.vxe-list--body.row--hover.radio--highlight .vxe-list--row.is-radio--checked:hover{background-color:var(--vxe-ui-list-row-hover-radio-checked-background-color)}.vxe-list--body.row--hover.checkbox--highlight .vxe-list--row.is-checkbox--checked:hover{background-color:var(--vxe-ui-list-row-hover-checkbox-checked-background-color)}.vxe-list--row.is--current{background-color:var(--vxe-ui-list-row-current-background-color)}.vxe-list--virtual-wrapper{height:100px}.vxe-list--row{display:flex;flex-direction:row;align-items:center}.vxe-list--row-content,.vxe-list--row-drag,.vxe-list--row-extra{display:flex;flex-direction:row;align-items:center}.vxe-list--row-drag{flex-shrink:0;padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--row-content{flex-grow:1;height:var(--vxe-ui-list-row-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--row-extra{flex-shrink:0}.vxe-list--drag-handle:not(.is--disabled){cursor:grab}.vxe-list--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-list--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-list--row.row--drag-move{transition:transform .5s ease}.vxe-list--row.row--drag-origin{opacity:.3}.vxe-list--drag-row-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-list--drag-row-line{width:100%;height:1px;border:2px solid transparent}.vxe-list--drag-row-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-list--drag-row-line.is--guides{background-color:var(--vxe-ui-list-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-list--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-list--drag-sort-tip[drag-status=normal] .vxe-list--drag-sort-tip-normal-status{display:block}.vxe-list--drag-sort-tip[drag-status=sub] .vxe-list--drag-sort-tip-sub-status{display:block}.vxe-list--drag-sort-tip[drag-status=disabled] .vxe-list--drag-sort-tip-disabled-status{display:block}.vxe-list--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-list--drag-sort-tip-status{padding-right:.4em}.vxe-list--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-list--drag-sort-tip-normal-status,.vxe-list--drag-sort-tip-sub-status{display:none}.vxe-list--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--checkbox-header{padding-right:var(--vxe-ui-list-current-padding);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list--checkbox-header{cursor:pointer}.vxe-list--checkbox-header .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-list--checkbox-header .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list--checkbox-header.is--checked,.vxe-list--checkbox-header.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-header.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--hidden{cursor:default}.vxe-list--checkbox-header.is--readonly{cursor:auto}.vxe-list--checkbox-header.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-header.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-header .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-list--checkbox-option{padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--checkbox-option{cursor:pointer}.vxe-list--checkbox-option .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-list--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list--checkbox-option.is--checked,.vxe-list--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--hidden{cursor:default}.vxe-list--checkbox-option.is--readonly{cursor:auto}.vxe-list--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-list--radio-option{padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--radio-option{cursor:pointer}.vxe-list--radio-option .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-list--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--readonly{cursor:auto}.vxe-list--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}
|
|
1
|
+
@charset "UTF-8";.vxe-list{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-list.size--medium{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-medium)}.vxe-list.size--small{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-small)}.vxe-list.size--mini{--vxe-ui-list-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-list-current-padding:var(--vxe-ui-layout-padding-mini)}.vxe-list{position:relative;display:block;padding:0;font-size:var(--vxe-ui-list-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow-x:auto;overflow-y:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--header-wrapper{display:flex;flex-direction:row;align-items:center;min-height:var(--vxe-ui-list-row-height)}.vxe-list--header-left{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.vxe-list--header-content{flex-grow:1;overflow:auto}.vxe-list--body.trigger--row>.vxe-list--row:not(.is--drag-disabled):active{cursor:grabbing}.vxe-list--body.is--padding>.vxe-list--row{padding:0 var(--vxe-ui-list-current-padding)}.vxe-list--body.checkbox--highlight .vxe-list--row.is-checkbox--checked{background-color:var(--vxe-ui-list-row-checkbox-checked-background-color)}.vxe-list--body.radio--highlight .vxe-list--row.is-radio--checked{background-color:var(--vxe-ui-list-row-radio-checked-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover{background-color:var(--vxe-ui-list-row-hover-background-color)}.vxe-list--body.row--hover .vxe-list--row:hover.is--current{background-color:var(--vxe-ui-list-row-hover-current-background-color)}.vxe-list--body.row--hover.radio--highlight .vxe-list--row.is-radio--checked:hover{background-color:var(--vxe-ui-list-row-hover-radio-checked-background-color)}.vxe-list--body.row--hover.checkbox--highlight .vxe-list--row.is-checkbox--checked:hover{background-color:var(--vxe-ui-list-row-hover-checkbox-checked-background-color)}.vxe-list--row.is--current{background-color:var(--vxe-ui-list-row-current-background-color)}.vxe-list--virtual-wrapper{height:100px}.vxe-list--row{display:flex;flex-direction:row;align-items:center}.vxe-list--row-content,.vxe-list--row-drag,.vxe-list--row-extra{display:flex;flex-direction:row;align-items:center}.vxe-list--row-drag{flex-shrink:0;padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--row-content{flex-grow:1;height:var(--vxe-ui-list-row-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--row-extra{flex-shrink:0}.vxe-list--drag-handle:not(.is--disabled){cursor:grab}.vxe-list--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-list--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-list--row.row--drag-move{transition:transform .5s ease}.vxe-list--row.row--drag-origin{opacity:.3}.vxe-list--drag-row-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-list--drag-row-line{width:100%;height:1px;border:2px solid transparent}.vxe-list--drag-row-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-list--drag-row-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-list--drag-row-line.is--guides{background-color:var(--vxe-ui-list-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-list--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-list--drag-sort-tip[drag-status=normal] .vxe-list--drag-sort-tip-normal-status{display:block}.vxe-list--drag-sort-tip[drag-status=sub] .vxe-list--drag-sort-tip-sub-status{display:block}.vxe-list--drag-sort-tip[drag-status=disabled] .vxe-list--drag-sort-tip-disabled-status{display:block}.vxe-list--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-list--drag-sort-tip-status{padding-right:.4em}.vxe-list--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-list--drag-sort-tip-normal-status,.vxe-list--drag-sort-tip-sub-status{display:none}.vxe-list--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list--checkbox-header{padding-right:var(--vxe-ui-list-current-padding);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list--checkbox-header{cursor:pointer}.vxe-list--checkbox-header .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-list--checkbox-header .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list--checkbox-header.is--checked,.vxe-list--checkbox-header.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-header.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-header.is--hidden{cursor:default}.vxe-list--checkbox-header.is--readonly{cursor:auto}.vxe-list--checkbox-header.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-header.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-header .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-list--checkbox-option{padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--checkbox-option{cursor:pointer}.vxe-list--checkbox-option .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-list--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list--checkbox-option.is--checked,.vxe-list--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--checkbox-option.is--hidden{cursor:default}.vxe-list--checkbox-option.is--readonly{cursor:auto}.vxe-list--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-list--radio-option{padding-right:var(--vxe-ui-list-current-padding)}.vxe-list--radio-option{cursor:pointer}.vxe-list--radio-option .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-list--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list--radio-option.is--readonly{cursor:auto}.vxe-list--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-list>.vxe-scrollbar{position:unset}.vxe-list.is--virtual-scrollbar>.vxe-list--virtual-wrapper{scrollbar-width:none;-ms-overflow-style:none}.vxe-list.is--virtual-scrollbar>.vxe-list--virtual-wrapper::-webkit-scrollbar{display:none}.vxe-list.is--virtual-scrollbar.ov-x--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:1}.vxe-list.is--virtual-scrollbar.ov-x--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:0;transition:opacity .8s ease-in-out}.vxe-list.is--virtual-scrollbar.ov-y--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:1}.vxe-list.is--virtual-scrollbar.ov-y--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:0;transition:opacity .8s ease-in-out}
|
|
@@ -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 {
|
|
@@ -37,6 +36,7 @@
|
|
|
37
36
|
.vxe-scrollbar.is--native > .vxe-scrollbar--view::-webkit-scrollbar-thumb:active {
|
|
38
37
|
background-color: var(--vxe-ui-scrollbar-thumb-active-background-color);
|
|
39
38
|
}
|
|
39
|
+
|
|
40
40
|
.vxe-scrollbar.ov-x--hidden > .vxe-scrollbar--view {
|
|
41
41
|
overflow-x: hidden;
|
|
42
42
|
}
|
|
@@ -56,6 +56,7 @@
|
|
|
56
56
|
display: none;
|
|
57
57
|
position: absolute;
|
|
58
58
|
background-color: var(--vxe-ui-scrollbar-track-background-color);
|
|
59
|
+
overflow: hidden;
|
|
59
60
|
-webkit-user-select: none;
|
|
60
61
|
-moz-user-select: none;
|
|
61
62
|
-ms-user-select: none;
|
|
@@ -108,16 +109,16 @@
|
|
|
108
109
|
left: var(--vxe-ui-scrollbar-y-width);
|
|
109
110
|
}
|
|
110
111
|
|
|
111
|
-
.vxe-scrollbar.is--padding.sx-pos--top {
|
|
112
|
+
.vxe-scrollbar.is--padding.overflow-x.sx-pos--top {
|
|
112
113
|
padding-top: var(--vxe-ui-scrollbar-x-height);
|
|
113
114
|
}
|
|
114
|
-
.vxe-scrollbar.is--padding.sx-pos--bottom {
|
|
115
|
+
.vxe-scrollbar.is--padding.overflow-x.sx-pos--bottom {
|
|
115
116
|
padding-bottom: var(--vxe-ui-scrollbar-x-height);
|
|
116
117
|
}
|
|
117
|
-
.vxe-scrollbar.is--padding.sy-pos--left {
|
|
118
|
+
.vxe-scrollbar.is--padding.overflow-y.sy-pos--left {
|
|
118
119
|
padding-left: var(--vxe-ui-scrollbar-y-width);
|
|
119
120
|
}
|
|
120
|
-
.vxe-scrollbar.is--padding.sy-pos--right {
|
|
121
|
+
.vxe-scrollbar.is--padding.overflow-y.sy-pos--right {
|
|
121
122
|
padding-right: var(--vxe-ui-scrollbar-y-width);
|
|
122
123
|
}
|
|
123
124
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-scrollbar{
|
|
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-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
|
|