@opentiny/vue-search-box 3.28.4 → 3.29.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/index.css +47 -5
- package/index.js +1363 -1213
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types/{index.type.d.ts → index.d.ts} +1 -1
package/index.css
CHANGED
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
.tvp-search-box__popover.tiny-popover[x-placement^='bottom'] {
|
|
122
122
|
margin-top: 0;
|
|
123
123
|
}
|
|
124
|
-
.tiny-popper.tvp-search-box__dropdown-menu,
|
|
124
|
+
.tiny-popper.tiny-popper.tvp-search-box__dropdown-menu,
|
|
125
125
|
.tvp-search-box__popover {
|
|
126
126
|
padding: 0;
|
|
127
127
|
}
|
|
@@ -274,16 +274,57 @@
|
|
|
274
274
|
.tvp-search-box__dropdown {
|
|
275
275
|
display: block;
|
|
276
276
|
flex: 1;
|
|
277
|
+
overflow-y: auto;
|
|
278
|
+
overflow-x: hidden;
|
|
277
279
|
}
|
|
278
280
|
.tvp-search-box__loading-box {
|
|
279
281
|
min-height: 32px;
|
|
280
282
|
}
|
|
281
|
-
.tvp-search-
|
|
282
|
-
|
|
283
|
-
overflow:
|
|
283
|
+
.tvp-search-box__virtual-list {
|
|
284
|
+
overflow-y: auto;
|
|
285
|
+
overflow-x: hidden;
|
|
286
|
+
position: relative;
|
|
287
|
+
}
|
|
288
|
+
.tvp-search-box__virtual-list::-webkit-scrollbar {
|
|
289
|
+
width: 8px;
|
|
290
|
+
height: 8px;
|
|
291
|
+
}
|
|
292
|
+
.tvp-search-box__virtual-list::-webkit-scrollbar-track {
|
|
293
|
+
background: transparent;
|
|
294
|
+
}
|
|
295
|
+
.tvp-search-box__virtual-list::-webkit-scrollbar-thumb {
|
|
296
|
+
background: var(--tvp-SearchBox-color-bg-scrollbar-thumb);
|
|
297
|
+
border-radius: var(--tvp-SearchBox-border-radius-scrollbar-thumb);
|
|
298
|
+
}
|
|
299
|
+
.tvp-search-box__virtual-list .tiny-dropdown-item.tiny-dropdown-item {
|
|
300
|
+
margin-bottom: 0;
|
|
301
|
+
height: 32px;
|
|
302
|
+
overflow: hidden;
|
|
303
|
+
}
|
|
304
|
+
.tvp-search-box__virtual-list .tvp-search-box__filter-type {
|
|
305
|
+
margin-top: 0;
|
|
306
|
+
height: 32px;
|
|
307
|
+
line-height: 32px;
|
|
308
|
+
display: block;
|
|
309
|
+
width: 100%;
|
|
310
|
+
}
|
|
311
|
+
.tvp-search-box__virtual-phantom {
|
|
312
|
+
position: relative;
|
|
313
|
+
width: 100%;
|
|
314
|
+
}
|
|
315
|
+
.tvp-search-box__virtual-content {
|
|
316
|
+
position: absolute;
|
|
317
|
+
top: 0;
|
|
318
|
+
left: 0;
|
|
319
|
+
width: 100%;
|
|
320
|
+
}
|
|
321
|
+
.tvp-search-box__checkbox-scroll {
|
|
322
|
+
flex: 1;
|
|
323
|
+
min-height: 0;
|
|
284
324
|
}
|
|
285
325
|
.tvp-search-box__checkbox-wrap {
|
|
286
|
-
|
|
326
|
+
display: flex;
|
|
327
|
+
flex-direction: column;
|
|
287
328
|
}
|
|
288
329
|
.tvp-search-box__checkbox {
|
|
289
330
|
flex-direction: column;
|
|
@@ -291,6 +332,7 @@
|
|
|
291
332
|
.tvp-search-box__bottom-btn,
|
|
292
333
|
.tvp-search-box__checkbox-btn {
|
|
293
334
|
display: flex;
|
|
335
|
+
flex-shrink: 0;
|
|
294
336
|
margin: 0 10px;
|
|
295
337
|
border-top: 1px solid var(--tvp-SearchBox-dropdown-btn-group-border-color);
|
|
296
338
|
margin-top: var(--tvp-SearchBox-dropdown-btn-group-margin-top);
|