mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-10 01:12:37 +00:00
Refactor #3965 - Refactor on VirtualScroller
This commit is contained in:
parent
f8f071f5ff
commit
6f6083169f
2 changed files with 33 additions and 39 deletions
|
@ -5,6 +5,7 @@ import { useStyle } from 'primevue/usestyle';
|
|||
const styles = `
|
||||
.p-virtualscroller {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
contain: strict;
|
||||
transform: translateZ(0);
|
||||
will-change: scroll-position;
|
||||
|
@ -64,35 +65,6 @@ const styles = `
|
|||
}
|
||||
`;
|
||||
|
||||
const inlineStyles = {
|
||||
root: { overflow: 'auto' }
|
||||
};
|
||||
|
||||
const classes = {
|
||||
root: ({ instance, props }) => [
|
||||
'p-virtualscroller',
|
||||
{
|
||||
'p-virtualscroller-inline': props.inline,
|
||||
'p-virtualscroller-both p-both-scroll': instance.isBoth(),
|
||||
'p-virtualscroller-horizontal p-horizontal-scroll': instance.isHorizontal()
|
||||
}
|
||||
],
|
||||
content: ({ instance }) => [
|
||||
'p-virtualscroller-content',
|
||||
{
|
||||
'p-virtualscroller-loading': instance.d_loading
|
||||
}
|
||||
],
|
||||
spacer: 'p-virtualscroller-spacer',
|
||||
loader: ({ instance }) => [
|
||||
'p-virtualscroller-loader',
|
||||
{
|
||||
'p-component-overlay': !instance.$slots.loader
|
||||
}
|
||||
],
|
||||
loadingIcon: 'p-virtualscroller-loading-icon'
|
||||
};
|
||||
|
||||
const { load: loadStyle } = useStyle(styles, { name: 'virtualscroller' });
|
||||
|
||||
export default {
|
||||
|
@ -181,8 +153,6 @@ export default {
|
|||
}
|
||||
},
|
||||
css: {
|
||||
classes,
|
||||
inlineStyles,
|
||||
loadStyle
|
||||
},
|
||||
provide() {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue