@pdanpdan/virtual-scroll 0.7.0 → 0.8.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/dist/virtual-scroll.css +1 -1
- package/package.json +7 -2
package/dist/virtual-scroll.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.virtual-scrollbar-track{--vsi-scrollbar-bg:var(--vs-scrollbar-bg,
|
|
1
|
+
@layer components{.virtual-scrollbar-track{--vsi-scrollbar-bg:var(--vs-scrollbar-bg,light-dark(#e6e6e6e6,#1e1e1ee6));--vsi-scrollbar-thumb-bg:var(--vs-scrollbar-thumb-bg,light-dark(#0000004d,#ffffff4d));--vsi-scrollbar-thumb-hover-bg:var(--vs-scrollbar-thumb-hover-bg,light-dark(#0009,#fff9));--vsi-scrollbar-radius:var(--vs-scrollbar-radius,4px);--vsi-scrollbar-size:var(--vs-scrollbar-size,8px);contain:layout;background-color:var(--vsi-scrollbar-bg);border-radius:var(--vsi-scrollbar-radius);z-index:30;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:opacity .2s;position:absolute}.virtual-scrollbar-track.virtual-scrollbar-track--vertical{inline-size:var(--vsi-scrollbar-size);inset-block-start:2px;inset-inline-end:2px}.virtual-scrollbar-track.virtual-scrollbar-track--horizontal{block-size:var(--vsi-scrollbar-size);inset-block-end:2px;inset-inline-start:2px}.virtual-scrollbar-thumb{background-color:var(--vsi-scrollbar-thumb-bg);border-radius:var(--vsi-scrollbar-radius);touch-action:none;pointer-events:auto;cursor:pointer;position:absolute}.virtual-scrollbar-thumb:hover,.virtual-scrollbar-thumb:active,.virtual-scrollbar-thumb.virtual-scrollbar-thumb--active{background-color:var(--vsi-scrollbar-thumb-hover-bg)}.virtual-scrollbar-thumb.virtual-scrollbar-thumb--vertical{inline-size:100%}.virtual-scrollbar-thumb.virtual-scrollbar-thumb--horizontal{block-size:100%}.virtual-scroll-container[data-v-184bc0a9]{outline-offset:1px;block-size:100%;inline-size:100%;position:relative}.virtual-scroll-container[data-v-184bc0a9]:not(.virtual-scroll--window){overscroll-behavior:contain;overflow:auto}.virtual-scroll-container.virtual-scroll--table[data-v-184bc0a9]{display:block}.virtual-scroll-container.virtual-scroll--hide-scrollbar[data-v-184bc0a9]{scrollbar-width:none;-ms-overflow-style:none}.virtual-scroll-container.virtual-scroll--hide-scrollbar[data-v-184bc0a9]::-webkit-scrollbar{display:none}.virtual-scroll-container.virtual-scroll--horizontal[data-v-184bc0a9],.virtual-scroll-container.virtual-scroll--both[data-v-184bc0a9]{white-space:nowrap}.virtual-scroll-scrollbar-container[data-v-184bc0a9]{z-index:30;pointer-events:none;block-size:0;inline-size:100%;position:sticky;inset-block-start:0;inset-inline-start:0;overflow:visible}.virtual-scroll-scrollbar-viewport[data-v-184bc0a9]{pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}.virtual-scroll-wrapper[data-v-184bc0a9]{contain:layout;position:relative}:where(.virtual-scroll--hydrated>.virtual-scroll-wrapper>.virtual-scroll-item[data-v-184bc0a9]){position:absolute;inset-block-start:0;inset-inline-start:0}.virtual-scroll-item[data-v-184bc0a9]{box-sizing:border-box;will-change:transform;display:grid}.virtual-scroll-item[data-v-184bc0a9]:where(.virtual-scroll--debug){background-color:#ff00000d;outline:1px dashed #ff000080}.virtual-scroll-item[data-v-184bc0a9]:where(.virtual-scroll--debug):where(:hover){z-index:100;background-color:#ff00001a}.virtual-scroll-debug-info[data-v-184bc0a9]{color:#fff;pointer-events:none;z-index:100;background:#000000b3;border-radius:4px;padding:2px 4px;font-family:monospace;font-size:10px;position:absolute;inset-block-start:2px;inset-inline-end:2px}.virtual-scroll-spacer[data-v-184bc0a9]{pointer-events:none}.virtual-scroll-header[data-v-184bc0a9],.virtual-scroll-footer[data-v-184bc0a9]{z-index:20;position:relative}.virtual-scroll--sticky[data-v-184bc0a9]{position:sticky}.virtual-scroll--sticky[data-v-184bc0a9]:where(.virtual-scroll-header){box-sizing:border-box;min-inline-size:100%;inset-block-start:0;inset-inline-start:0}.virtual-scroll--sticky[data-v-184bc0a9]:where(.virtual-scroll-footer){box-sizing:border-box;min-inline-size:100%;inset-block-end:0;inset-inline-start:0}.virtual-scroll--sticky[data-v-184bc0a9]:where(.virtual-scroll-item){z-index:10}:is(tbody.virtual-scroll-wrapper[data-v-184bc0a9],thead.virtual-scroll-header[data-v-184bc0a9],tfoot.virtual-scroll-footer[data-v-184bc0a9]),:is(tbody.virtual-scroll-wrapper[data-v-184bc0a9],thead.virtual-scroll-header[data-v-184bc0a9],tfoot.virtual-scroll-footer[data-v-184bc0a9])>tr{min-inline-size:100%;display:inline-flex}:is(tbody.virtual-scroll-wrapper[data-v-184bc0a9],thead.virtual-scroll-header[data-v-184bc0a9],tfoot.virtual-scroll-footer[data-v-184bc0a9])>tr>:is(td,th){align-items:center;display:inline-block}}
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pdanpdan/virtual-scroll",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.8.0",
|
|
5
5
|
"description": "A high-performance virtual scroll component for Vue 3",
|
|
6
6
|
"author": "",
|
|
7
7
|
"license": "MIT",
|
|
@@ -64,12 +64,17 @@
|
|
|
64
64
|
"@vitejs/plugin-vue": "catalog:",
|
|
65
65
|
"@vue/test-utils": "catalog:",
|
|
66
66
|
"@vue/tsconfig": "catalog:",
|
|
67
|
+
"browserslist": "catalog:",
|
|
67
68
|
"jsdom": "catalog:",
|
|
69
|
+
"lightningcss": "catalog:",
|
|
68
70
|
"typescript": "catalog:",
|
|
69
71
|
"vite": "catalog:",
|
|
70
72
|
"vite-plugin-dts": "catalog:",
|
|
71
73
|
"vitest": "catalog:",
|
|
72
74
|
"vue": "catalog:",
|
|
73
75
|
"vue-tsc": "catalog:"
|
|
74
|
-
}
|
|
76
|
+
},
|
|
77
|
+
"browserslist": [
|
|
78
|
+
">0.5%, baseline widely available"
|
|
79
|
+
]
|
|
75
80
|
}
|