diff --git a/components/lib/paginator/BasePaginator.vue b/components/lib/paginator/BasePaginator.vue index 9032829b6..58b092d19 100644 --- a/components/lib/paginator/BasePaginator.vue +++ b/components/lib/paginator/BasePaginator.vue @@ -61,13 +61,13 @@ const classes = { } ], firstPageIcon: 'p-paginator-icon', - prevPageButton: ({ instance }) => [ + previousPageButton: ({ instance }) => [ 'p-paginator-prev p-paginator-element p-link', { 'p-disabled': instance.$attrs.disabled } ], - prevPageIcon: 'p-paginator-icon', + previousPageIcon: 'p-paginator-icon', nextPageButton: ({ instance }) => [ 'p-paginator-next p-paginator-element p-link', { @@ -82,10 +82,17 @@ const classes = { } ], lastPageIcon: 'p-paginator-icon', + pages: 'p-paginator-pages', + pageButton: ({ props, pageLink }) => [ + 'p-paginator-page p-paginator-element p-link', + { + 'p-highlight': pageLink - 1 === props.page + } + ], current: 'p-paginator-current', - RPPDropdown: 'p-paginator-rpp-options', - JTPDropdown: 'p-paginator-page-options', - JTPInput: 'p-paginator-page-input' + rowPerPageDropdown: 'p-paginator-rpp-options', + jumpToPageDropdown: 'p-paginator-page-options', + jumpToPageInput: 'p-paginator-page-input' }; const { load: loadStyle } = useStyle(styles, { id: 'primevue_paginator_style', manual: true }); diff --git a/components/lib/paginator/JumpToPageDropdown.vue b/components/lib/paginator/JumpToPageDropdown.vue index 87a0860db..5369cf134 100644 --- a/components/lib/paginator/JumpToPageDropdown.vue +++ b/components/lib/paginator/JumpToPageDropdown.vue @@ -5,11 +5,11 @@ optionLabel="label" optionValue="value" @update:modelValue="onChange($event)" - :class="cx('JTPDropdown')" + :class="cx('jumpToPageDropdown')" :disabled="disabled" :unstyled="unstyled" - :pt="ptm('JTPDropdown')" - data-pc-section="jtpdropdown" + :pt="ptm('jumpTpPageDropdown')" + data-pc-section="jumptopagedropdown" > diff --git a/components/lib/paginator/JumpToPageInput.vue b/components/lib/paginator/JumpToPageInput.vue index 45e2db729..22161ec77 100644 --- a/components/lib/paginator/JumpToPageInput.vue +++ b/components/lib/paginator/JumpToPageInput.vue @@ -1,5 +1,15 @@