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.
- 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 +6 -2
- package/es/row/src/col.js +42 -17
- package/es/row/src/row.js +35 -15
- package/es/row/style.css +101 -24
- package/es/row/style.min.css +1 -1
- package/es/scrollbar/src/scrollbar.js +11 -1
- package/es/scrollbar/style.css +5 -5
- package/es/scrollbar/style.min.css +1 -1
- package/es/space/style.css +1 -0
- package/es/space/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/vxe-card/style.css +42 -44
- package/es/vxe-card/style.min.css +1 -1
- package/es/vxe-row/style.css +101 -24
- package/es/vxe-row/style.min.css +1 -1
- package/es/vxe-scrollbar/style.css +5 -5
- package/es/vxe-scrollbar/style.min.css +1 -1
- package/es/vxe-space/style.css +1 -0
- package/es/vxe-space/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 +6334 -6176
- package/lib/index.umd.min.js +1 -1
- package/lib/list/src/list.js +4 -0
- package/lib/list/src/list.min.js +1 -1
- package/lib/row/src/col.js +47 -20
- package/lib/row/src/col.min.js +1 -1
- package/lib/row/src/row.js +41 -16
- package/lib/row/src/row.min.js +1 -1
- package/lib/row/style/style.css +101 -24
- package/lib/row/style/style.min.css +1 -1
- package/lib/scrollbar/src/scrollbar.js +11 -0
- package/lib/scrollbar/src/scrollbar.min.js +1 -1
- package/lib/scrollbar/style/style.css +5 -5
- package/lib/scrollbar/style/style.min.css +1 -1
- package/lib/space/style/style.css +1 -0
- package/lib/space/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/vxe-card/style/style.css +42 -44
- package/lib/vxe-card/style/style.min.css +1 -1
- package/lib/vxe-row/style/style.css +101 -24
- package/lib/vxe-row/style/style.min.css +1 -1
- package/lib/vxe-scrollbar/style/style.css +5 -5
- package/lib/vxe-scrollbar/style/style.min.css +1 -1
- package/lib/vxe-space/style/style.css +1 -0
- package/lib/vxe-space/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 +6 -2
- package/packages/row/src/col.ts +44 -17
- package/packages/row/src/row.ts +37 -16
- package/packages/scrollbar/src/scrollbar.ts +11 -1
- package/packages/tabs/src/tabs.ts +40 -8
- package/packages/tree/src/tree.ts +6 -2
- package/styles/components/card.scss +44 -58
- package/styles/components/row.scss +21 -3
- package/styles/components/scrollbar.scss +15 -11
- package/styles/components/space.scss +1 -0
- 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 +6 -0
- package/types/components/layout-body.d.ts +6 -0
- package/types/components/menu.d.ts +6 -0
- package/types/components/row.d.ts +3 -1
- package/types/components/table.d.ts +3 -4
- package/types/components/tabs.d.ts +11 -0
- /package/es/icon/{iconfont.1791769634184.ttf → iconfont.1791862954819.ttf} +0 -0
- /package/es/icon/{iconfont.1791769634184.woff → iconfont.1791862954819.woff} +0 -0
- /package/es/icon/{iconfont.1791769634184.woff2 → iconfont.1791862954819.woff2} +0 -0
- /package/es/{iconfont.1791769634184.ttf → iconfont.1791862954819.ttf} +0 -0
- /package/es/{iconfont.1791769634184.woff → iconfont.1791862954819.woff} +0 -0
- /package/es/{iconfont.1791769634184.woff2 → iconfont.1791862954819.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1791769634184.ttf → iconfont.1791862954819.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1791769634184.woff → iconfont.1791862954819.woff} +0 -0
- /package/lib/icon/style/{iconfont.1791769634184.woff2 → iconfont.1791862954819.woff2} +0 -0
- /package/lib/{iconfont.1791769634184.ttf → iconfont.1791862954819.ttf} +0 -0
- /package/lib/{iconfont.1791769634184.woff → iconfont.1791862954819.woff} +0 -0
- /package/lib/{iconfont.1791769634184.woff2 → iconfont.1791862954819.woff2} +0 -0
package/es/row/style.css
CHANGED
|
@@ -34,78 +34,155 @@
|
|
|
34
34
|
.vxe-col.align--right {
|
|
35
35
|
text-align: right;
|
|
36
36
|
}
|
|
37
|
-
|
|
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/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%}
|
|
@@ -4,7 +4,7 @@ import { VxeUI } from '../../ui';
|
|
|
4
4
|
import { toCssUnit } from '../../ui/src/dom';
|
|
5
5
|
import { getThumbOffsetSize, getThumbSize, getScrollFromClick, getScrollFromDrag } from './util';
|
|
6
6
|
import VxeLoadingComponent from '../../loading';
|
|
7
|
-
const { getConfig, createEvent, domUtils, globalResize, renderEmptyElement } = VxeUI;
|
|
7
|
+
const { getConfig, createEvent, domUtils, globalResize, globalEvents, renderEmptyElement } = VxeUI;
|
|
8
8
|
function createReactData() {
|
|
9
9
|
return {
|
|
10
10
|
yThumbHeight: 0,
|
|
@@ -248,6 +248,9 @@ export default {
|
|
|
248
248
|
if (!viewEl) {
|
|
249
249
|
return;
|
|
250
250
|
}
|
|
251
|
+
if (!viewEl.clientHeight || !viewEl.clientHeight) {
|
|
252
|
+
return;
|
|
253
|
+
}
|
|
251
254
|
const trackXEl = $xeScrollbar.$refs.refTrackXElem;
|
|
252
255
|
const xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
|
|
253
256
|
const thumbXElem = $xeScrollbar.$refs.refThumbXElem;
|
|
@@ -270,6 +273,9 @@ export default {
|
|
|
270
273
|
const viewEl = $xeScrollbar.$refs.refViewElem;
|
|
271
274
|
if (!viewEl) {
|
|
272
275
|
return;
|
|
276
|
+
if (!viewEl.clientHeight || !viewEl.clientHeight) {
|
|
277
|
+
return;
|
|
278
|
+
}
|
|
273
279
|
}
|
|
274
280
|
const { xThumbWidth, yThumbHeight } = reactData;
|
|
275
281
|
const trackXEl = $xeScrollbar.$refs.refTrackXElem;
|
|
@@ -637,6 +643,9 @@ export default {
|
|
|
637
643
|
internalData.resizeObserver = resizeObserver;
|
|
638
644
|
}
|
|
639
645
|
$xeScrollbar.reFlag++;
|
|
646
|
+
globalEvents.on($xeScrollbar, 'resize', () => {
|
|
647
|
+
$xeScrollbar.reFlag++;
|
|
648
|
+
});
|
|
640
649
|
},
|
|
641
650
|
beforeDestroy() {
|
|
642
651
|
const $xeScrollbar = this;
|
|
@@ -645,6 +654,7 @@ export default {
|
|
|
645
654
|
if (resizeObserver) {
|
|
646
655
|
resizeObserver.disconnect();
|
|
647
656
|
}
|
|
657
|
+
globalEvents.off($xeScrollbar, 'resize');
|
|
648
658
|
},
|
|
649
659
|
destroyed() {
|
|
650
660
|
const $xeScrollbar = this;
|
package/es/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
|
|
|
@@ -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/space/style.css
CHANGED
package/es/space/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}.vxe-space.is--fill>.vxe-space--item{flex-grow:1}.vxe-space--separator{flex-shrink:0}
|
|
1
|
+
.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}.vxe-space.is--fill>.vxe-space--item{flex-grow:1;min-width:100%}.vxe-space--separator{flex-shrink:0}
|