Refactor #6683 - For DataView

primefaces · Oct 30, 2024 · 8b2ab6d · 8b2ab6d
1 parent 0bc96d5
commit 8b2ab6d
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 1 deletion.
diff --git a/packages/primevue/src/dataview/DataView.d.ts b/packages/primevue/src/dataview/DataView.d.ts
@@ -280,6 +280,10 @@ export interface DataViewSlots {
          */
         layout?: string | undefined;
     }): VNode[];
+    /**
+     * Custom paginator container template.
+     */
+    paginatorcontainer(): VNode[];
     /**
      * Custom paginator start template.
      */

diff --git a/packages/primevue/src/dataview/DataView.vue b/packages/primevue/src/dataview/DataView.vue
@@ -18,6 +18,22 @@
             :unstyled="unstyled"
             :pt="ptm('pcPaginator')"
         >
+            <template v-if="$slots.paginatorcontainer" #container="slotProps">
+                <slot
+                    name="paginatorcontainer"
+                    :first="slotProps.first"
+                    :last="slotProps.last"
+                    :rows="slotProps.rows"
+                    :page="slotProps.page"
+                    :pageCount="slotProps.pageCount"
+                    :totalRecords="slotProps.totalRecords"
+                    :firstPageCallback="slotProps.firstPageCallback"
+                    :lastPageCallback="slotProps.lastPageCallback"
+                    :prevPageCallback="slotProps.prevPageCallback"
+                    :nextPageCallback="slotProps.nextPageCallback"
+                    :rowChangeCallback="slotProps.rowChangeCallback"
+                ></slot>
+            </template>
             <template v-if="$slots.paginatorstart" #start>
                 <slot name="paginatorstart"></slot>
             </template>
@@ -51,6 +67,22 @@
             :unstyled="unstyled"
             :pt="ptm('pcPaginator')"
         >
+            <template v-if="$slots.paginatorcontainer" #container="slotProps">
+                <slot
+                    name="paginatorcontainer"
+                    :first="slotProps.first"
+                    :last="slotProps.last"
+                    :rows="slotProps.rows"
+                    :page="slotProps.page"
+                    :pageCount="slotProps.pageCount"
+                    :totalRecords="slotProps.totalRecords"
+                    :firstPageCallback="slotProps.firstPageCallback"
+                    :lastPageCallback="slotProps.lastPageCallback"
+                    :prevPageCallback="slotProps.prevPageCallback"
+                    :nextPageCallback="slotProps.nextPageCallback"
+                    :rowChangeCallback="slotProps.rowChangeCallback"
+                ></slot>
+            </template>
             <template v-if="$slots.paginatorstart" #start>
                 <slot name="paginatorstart"></slot>
             </template>
@@ -65,7 +97,7 @@
 </template>
 
 <script>
-import { resolveFieldData, localeComparator, sort } from '@primeuix/utils/object';
+import { localeComparator, resolveFieldData, sort } from '@primeuix/utils/object';
 import Paginator from 'primevue/paginator';
 import BaseDataView from './BaseDataView.vue';