vxe-pc-ui 4.3.96 → 4.3.98
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/icon/style.css +1 -1
- package/es/input/src/input.js +4 -1
- package/es/language/en-US.js +8 -8
- package/es/number-input/src/number-input.js +4 -1
- package/es/pager/src/pager.js +134 -101
- package/es/pager/style.css +40 -2
- package/es/pager/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-pager/style.css +40 -2
- package/es/vxe-pager/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 +107 -52
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +4 -1
- package/lib/input/src/input.min.js +1 -1
- package/lib/language/en-US.js +8 -8
- package/lib/language/en-US.min.js +1 -1
- package/lib/language/en-US.umd.js +8 -8
- package/lib/number-input/src/number-input.js +4 -1
- package/lib/number-input/src/number-input.min.js +1 -1
- package/lib/pager/src/pager.js +97 -48
- package/lib/pager/src/pager.min.js +1 -1
- package/lib/pager/style/style.css +40 -2
- package/lib/pager/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +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-pager/style/style.css +40 -2
- package/lib/vxe-pager/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/input/src/input.ts +4 -1
- package/packages/language/en-US.ts +8 -8
- package/packages/number-input/src/number-input.ts +4 -1
- package/packages/pager/src/pager.ts +136 -104
- package/styles/components/pager.scss +16 -0
- package/types/components/pager.d.ts +14 -16
- package/types/components/table.d.ts +1 -1
- /package/es/icon/{iconfont.1740550757682.ttf → iconfont.1740639571229.ttf} +0 -0
- /package/es/icon/{iconfont.1740550757682.woff → iconfont.1740639571229.woff} +0 -0
- /package/es/icon/{iconfont.1740550757682.woff2 → iconfont.1740639571229.woff2} +0 -0
- /package/es/{iconfont.1740550757682.ttf → iconfont.1740639571229.ttf} +0 -0
- /package/es/{iconfont.1740550757682.woff → iconfont.1740639571229.woff} +0 -0
- /package/es/{iconfont.1740550757682.woff2 → iconfont.1740639571229.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1740550757682.ttf → iconfont.1740639571229.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1740550757682.woff → iconfont.1740639571229.woff} +0 -0
- /package/lib/icon/style/{iconfont.1740550757682.woff2 → iconfont.1740639571229.woff2} +0 -0
- /package/lib/{iconfont.1740550757682.ttf → iconfont.1740639571229.ttf} +0 -0
- /package/lib/{iconfont.1740550757682.woff → iconfont.1740639571229.woff} +0 -0
- /package/lib/{iconfont.1740550757682.woff2 → iconfont.1740639571229.woff2} +0 -0
package/es/pager/style.css
CHANGED
|
@@ -30,6 +30,8 @@
|
|
|
30
30
|
user-select: none;
|
|
31
31
|
background-color: var(--vxe-ui-loading-background-color);
|
|
32
32
|
}
|
|
33
|
+
.vxe-pager .vxe-pager--home-btn,
|
|
34
|
+
.vxe-pager .vxe-pager--end-btn,
|
|
33
35
|
.vxe-pager .vxe-pager--prev-btn,
|
|
34
36
|
.vxe-pager .vxe-pager--next-btn,
|
|
35
37
|
.vxe-pager .vxe-pager--num-btn,
|
|
@@ -41,6 +43,8 @@
|
|
|
41
43
|
border: 1px solid transparent;
|
|
42
44
|
font-size: inherit;
|
|
43
45
|
}
|
|
46
|
+
.vxe-pager .vxe-pager--home-btn:not(.is--disabled):focus,
|
|
47
|
+
.vxe-pager .vxe-pager--end-btn:not(.is--disabled):focus,
|
|
44
48
|
.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus,
|
|
45
49
|
.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,
|
|
46
50
|
.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,
|
|
@@ -48,6 +52,8 @@
|
|
|
48
52
|
.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus {
|
|
49
53
|
box-shadow: 0 0 0.25em 0 var(--vxe-ui-font-primary-color);
|
|
50
54
|
}
|
|
55
|
+
.vxe-pager .vxe-pager--home-btn:not(.is--disabled):hover,
|
|
56
|
+
.vxe-pager .vxe-pager--end-btn:not(.is--disabled):hover,
|
|
51
57
|
.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover,
|
|
52
58
|
.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,
|
|
53
59
|
.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,
|
|
@@ -55,6 +61,8 @@
|
|
|
55
61
|
.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover {
|
|
56
62
|
color: var(--vxe-ui-font-primary-lighten-color);
|
|
57
63
|
}
|
|
64
|
+
.vxe-pager .vxe-pager--home-btn:not(.is--disabled):active,
|
|
65
|
+
.vxe-pager .vxe-pager--end-btn:not(.is--disabled):active,
|
|
58
66
|
.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active,
|
|
59
67
|
.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,
|
|
60
68
|
.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,
|
|
@@ -62,22 +70,30 @@
|
|
|
62
70
|
.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active {
|
|
63
71
|
background-color: #fff;
|
|
64
72
|
}
|
|
73
|
+
.vxe-pager.is--border:not(.is--background) .vxe-pager--home-btn,
|
|
74
|
+
.vxe-pager.is--border:not(.is--background) .vxe-pager--end-btn,
|
|
65
75
|
.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,
|
|
66
76
|
.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,
|
|
67
77
|
.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,
|
|
68
78
|
.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,
|
|
69
|
-
.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--
|
|
79
|
+
.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--home-btn,
|
|
80
|
+
.vxe-pager.is--perfect:not(.is--background) .vxe-pager--end-btn,
|
|
81
|
+
.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn,
|
|
70
82
|
.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,
|
|
71
83
|
.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,
|
|
72
84
|
.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,
|
|
73
85
|
.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next {
|
|
74
86
|
border-color: var(--vxe-ui-input-border-color);
|
|
75
87
|
}
|
|
88
|
+
.vxe-pager.is--background .vxe-pager--home-btn,
|
|
89
|
+
.vxe-pager.is--background .vxe-pager--end-btn,
|
|
76
90
|
.vxe-pager.is--background .vxe-pager--prev-btn,
|
|
77
91
|
.vxe-pager.is--background .vxe-pager--next-btn,
|
|
78
92
|
.vxe-pager.is--background .vxe-pager--jump-prev,
|
|
79
93
|
.vxe-pager.is--background .vxe-pager--num-btn,
|
|
80
|
-
.vxe-pager.is--background .vxe-pager--jump-next, .vxe-pager.is--perfect .vxe-pager--
|
|
94
|
+
.vxe-pager.is--background .vxe-pager--jump-next, .vxe-pager.is--perfect .vxe-pager--home-btn,
|
|
95
|
+
.vxe-pager.is--perfect .vxe-pager--end-btn,
|
|
96
|
+
.vxe-pager.is--perfect .vxe-pager--prev-btn,
|
|
81
97
|
.vxe-pager.is--perfect .vxe-pager--next-btn,
|
|
82
98
|
.vxe-pager.is--perfect .vxe-pager--jump-prev,
|
|
83
99
|
.vxe-pager.is--perfect .vxe-pager--num-btn,
|
|
@@ -135,6 +151,8 @@
|
|
|
135
151
|
.vxe-pager .vxe-pager--left-wrapper,
|
|
136
152
|
.vxe-pager .vxe-pager--right-wrapper,
|
|
137
153
|
.vxe-pager .vxe-pager--total,
|
|
154
|
+
.vxe-pager .vxe-pager--home-btn,
|
|
155
|
+
.vxe-pager .vxe-pager--end-btn,
|
|
138
156
|
.vxe-pager .vxe-pager--prev-btn,
|
|
139
157
|
.vxe-pager .vxe-pager--next-btn,
|
|
140
158
|
.vxe-pager .vxe-pager--jump,
|
|
@@ -146,6 +164,8 @@
|
|
|
146
164
|
vertical-align: middle;
|
|
147
165
|
display: inline-block;
|
|
148
166
|
}
|
|
167
|
+
.vxe-pager .vxe-pager--home-btn,
|
|
168
|
+
.vxe-pager .vxe-pager--end-btn,
|
|
149
169
|
.vxe-pager .vxe-pager--prev-btn,
|
|
150
170
|
.vxe-pager .vxe-pager--jump-prev,
|
|
151
171
|
.vxe-pager .vxe-pager--num-btn,
|
|
@@ -157,6 +177,8 @@
|
|
|
157
177
|
.vxe-pager .vxe-pager--left-wrapper,
|
|
158
178
|
.vxe-pager .vxe-pager--right-wrapper,
|
|
159
179
|
.vxe-pager .vxe-pager--count,
|
|
180
|
+
.vxe-pager .vxe-pager--home-btn,
|
|
181
|
+
.vxe-pager .vxe-pager--end-btn,
|
|
160
182
|
.vxe-pager .vxe-pager--prev-btn,
|
|
161
183
|
.vxe-pager .vxe-pager--next-btn,
|
|
162
184
|
.vxe-pager .vxe-pager--jump-prev,
|
|
@@ -170,6 +192,8 @@
|
|
|
170
192
|
text-align: center;
|
|
171
193
|
}
|
|
172
194
|
.vxe-pager .vxe-pager--jump-prev,
|
|
195
|
+
.vxe-pager .vxe-pager--home-btn,
|
|
196
|
+
.vxe-pager .vxe-pager--end-btn,
|
|
173
197
|
.vxe-pager .vxe-pager--prev-btn,
|
|
174
198
|
.vxe-pager .vxe-pager--next-btn,
|
|
175
199
|
.vxe-pager .vxe-pager--jump-next,
|
|
@@ -195,6 +219,8 @@
|
|
|
195
219
|
display: none;
|
|
196
220
|
}
|
|
197
221
|
.vxe-pager .vxe-pager--jump-prev,
|
|
222
|
+
.vxe-pager .vxe-pager--home-btn,
|
|
223
|
+
.vxe-pager .vxe-pager--end-btn,
|
|
198
224
|
.vxe-pager .vxe-pager--prev-btn,
|
|
199
225
|
.vxe-pager .vxe-pager--next-btn,
|
|
200
226
|
.vxe-pager .vxe-pager--jump-next,
|
|
@@ -208,6 +234,8 @@
|
|
|
208
234
|
background-color: var(--vxe-ui-layout-background-color);
|
|
209
235
|
}
|
|
210
236
|
.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,
|
|
237
|
+
.vxe-pager .vxe-pager--home-btn:not(.is--disabled):hover,
|
|
238
|
+
.vxe-pager .vxe-pager--end-btn:not(.is--disabled):hover,
|
|
211
239
|
.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover,
|
|
212
240
|
.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,
|
|
213
241
|
.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,
|
|
@@ -215,6 +243,10 @@
|
|
|
215
243
|
color: var(--vxe-ui-font-primary-lighten-color);
|
|
216
244
|
}
|
|
217
245
|
.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,
|
|
246
|
+
.vxe-pager .vxe-pager--home-btn:not(.is--disabled).is--active,
|
|
247
|
+
.vxe-pager .vxe-pager--home-btn:not(.is--disabled):focus,
|
|
248
|
+
.vxe-pager .vxe-pager--end-btn:not(.is--disabled).is--active,
|
|
249
|
+
.vxe-pager .vxe-pager--end-btn:not(.is--disabled):focus,
|
|
218
250
|
.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,
|
|
219
251
|
.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus,
|
|
220
252
|
.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,
|
|
@@ -226,6 +258,8 @@
|
|
|
226
258
|
color: var(--vxe-ui-font-primary-color);
|
|
227
259
|
}
|
|
228
260
|
.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,
|
|
261
|
+
.vxe-pager .vxe-pager--home-btn:not(.is--disabled):active,
|
|
262
|
+
.vxe-pager .vxe-pager--end-btn:not(.is--disabled):active,
|
|
229
263
|
.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active,
|
|
230
264
|
.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,
|
|
231
265
|
.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,
|
|
@@ -233,6 +267,8 @@
|
|
|
233
267
|
color: var(--vxe-ui-font-primary-darken-color);
|
|
234
268
|
}
|
|
235
269
|
.vxe-pager .vxe-pager--jump-prev.is--disabled,
|
|
270
|
+
.vxe-pager .vxe-pager--home-btn.is--disabled,
|
|
271
|
+
.vxe-pager .vxe-pager--end-btn.is--disabled,
|
|
236
272
|
.vxe-pager .vxe-pager--prev-btn.is--disabled,
|
|
237
273
|
.vxe-pager .vxe-pager--next-btn.is--disabled,
|
|
238
274
|
.vxe-pager .vxe-pager--jump-next.is--disabled,
|
|
@@ -241,6 +277,8 @@
|
|
|
241
277
|
color: var(--vxe-ui-font-disabled-color);
|
|
242
278
|
}
|
|
243
279
|
.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,
|
|
280
|
+
.vxe-pager .vxe-pager--home-btn.is--disabled:hover,
|
|
281
|
+
.vxe-pager .vxe-pager--end-btn.is--disabled:hover,
|
|
244
282
|
.vxe-pager .vxe-pager--prev-btn.is--disabled:hover,
|
|
245
283
|
.vxe-pager .vxe-pager--next-btn.is--disabled:hover,
|
|
246
284
|
.vxe-pager .vxe-pager--jump-next.is--disabled:hover,
|
package/es/pager/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-pager{position:relative;display:flex;align-items:center;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:right;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent;font-size:inherit}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#fff}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:var(--vxe-ui-input-border-color)}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager.is--perfect{border:1px solid var(--vxe-ui-input-border-color);border-top-width:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:var(--vxe-ui-base-border-radius);margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:9em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:4em}.vxe-pager{font-size:var(--vxe-ui-font-size-default);height:48px}.vxe-pager.size--medium{font-size:var(--vxe-ui-font-size-medium);height:44px}.vxe-pager.size--small{font-size:var(--vxe-ui-font-size-small);height:40px}.vxe-pager.size--mini{font-size:var(--vxe-ui-font-size-mini);height:36px}
|
|
1
|
+
.vxe-pager{position:relative;display:flex;align-items:center;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:right;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent;font-size:inherit}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#fff}.vxe-pager.is--border:not(.is--background) .vxe-pager--end-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--home-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--end-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--home-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:var(--vxe-ui-input-border-color)}.vxe-pager.is--background .vxe-pager--end-btn,.vxe-pager.is--background .vxe-pager--home-btn,.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--end-btn,.vxe-pager.is--perfect .vxe-pager--home-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager.is--perfect{border:1px solid var(--vxe-ui-input-border-color);border-top-width:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:var(--vxe-ui-base-border-radius);margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--end-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--home-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager .vxe-pager--end-btn.is--disabled,.vxe-pager .vxe-pager--home-btn.is--disabled,.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--end-btn.is--disabled:hover,.vxe-pager .vxe-pager--home-btn.is--disabled:hover,.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:9em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:4em}.vxe-pager{font-size:var(--vxe-ui-font-size-default);height:48px}.vxe-pager.size--medium{font-size:var(--vxe-ui-font-size-medium);height:44px}.vxe-pager.size--small{font-size:var(--vxe-ui-font-size-small);height:40px}.vxe-pager.size--mini{font-size:var(--vxe-ui-font-size-mini);height:36px}
|