vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 17:02:38 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3965 - Update for Galleria

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-06-09 14:49:47 +03:00
parent ff695f200f
commit 3de20a4e55
5 changed files with 32 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

30
components/lib/galleria/BaseGalleria.vue
View file

@ -295,7 +295,21 @@ const classes = {
'p-ripple-disabled': instance.$primevue.config.ripple === false
}
],
root: ({ instance }) => instance.galleriaClass,
root: ({ instance }) => {
const thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);
const indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);
return [
'p-galleria p-component',
{
'p-galleria-fullscreen': instance.$attrs.fullScreen,
'p-galleria-indicator-onitem': instance.$attrs.showIndicatorsOnItem,
'p-galleria-item-nav-onhover': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen
},
thumbnailsPosClass,
indicatorPosClass
];
},
closeButton: 'p-galleria-close p-link',
closeIcon: 'p-galleria-close-icon',
header: 'p-galleria-header',
@ -320,10 +334,10 @@ const classes = {
nextItemIcon: 'p-galleria-item-next-icon',
caption: 'p-galleria-caption',
indicators: 'p-galleria-indicators p-reset',
indicator: ({ instance, context }) => [
indicator: ({ instance, index }) => [
'p-galleria-indicator',
{
'p-highlight': instance.isIndicatorItemActive(context.index)
'p-highlight': instance.isIndicatorItemActive(index)
}
],
indicatorButton: 'p-link',
@ -338,13 +352,13 @@ const classes = {
previousThumbnailIcon: 'p-galleria-thumbnail-prev-icon',
thumbnailItemsContainer: 'p-galleria-thumbnail-items-container',
thumbnailItems: 'p-galleria-thumbnail-items',
thumbnailItem: ({ instance, context }) => [
thumbnailItem: ({ instance, index, activeIndex }) => [
'p-galleria-thumbnail-item',
{
'p-galleria-thumbnail-item-current': context.activeIndex === context.index,
'p-galleria-thumbnail-item-active': instance.isItemActive(context.index),
'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === context.index,
'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === context.index
'p-galleria-thumbnail-item-current': activeIndex === index,
'p-galleria-thumbnail-item-active': instance.isItemActive(index),
'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,
'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index
}
],
thumbnailItemContent: 'p-galleria-thumbnail-item-content',