@conduction/nextcloud-vue 2.102.0 → 2.104.0

package/dist/esm/components/CnDataTable/CnDataTable.vue2.js

@@ -5,6 +5,7 @@ import { NcLoadingIcon, NcCheckboxRadioSwitch } from '@nextcloud/vue';
 import ChevronDown from 'vue-material-design-icons/ChevronDown.vue';
 import ChevronUp from 'vue-material-design-icons/ChevronUp.vue';
 import FilterOutline from 'vue-material-design-icons/FilterOutline.vue';
+import __sfc_main$4 from '../CnPagination/CnPagination.vue.js';
 import __sfc_main$1 from './CnColumnFilterPopover.vue.js';
 import { useClickDragGuard } from '../../composables/useClickDragGuard.js';
 import { normalizeLook } from '../../composables/useLook.js';
@@ -20,7 +21,7 @@ import { columnsFromSchema } from '../../utils/schema.js';
 import __sfc_main from '../CnCellRenderer/CnCellRenderer.vue.js';
 import __sfc_main$2 from '../CnIcon/CnIcon.vue.js';
 import __sfc_main$3 from '../CnLockIndicator/CnLockIndicator.vue.js';
-import __sfc_main$4 from '../CnUnreadMarker/CnUnreadMarker.vue.js';
+import __sfc_main$5 from '../CnUnreadMarker/CnUnreadMarker.vue.js';
 
 /**
  * CnDataTable — Generic sortable data table for list views.
@@ -91,7 +92,8 @@ var script = {
 		CnColumnFilterPopover: __sfc_main$1,
 		CnIcon: __sfc_main$2,
 		CnLockIndicator: __sfc_main$3,
-		CnUnreadMarker: __sfc_main$4,
+		CnPagination: __sfc_main$4,
+		CnUnreadMarker: __sfc_main$5,
 		ChevronDown,
 		ChevronUp,
 		FilterOutline,
@@ -458,6 +460,19 @@ var script = {
 			default: 0,
 		},
 
+		/**
+		 * Rows per page. Above 0 the table shows one page of its rows and the
+		 * board's pager under them ("4 of 7", page buttons, Next) once there is
+		 * more than one page. Pages the rows the table holds; 0 (the default)
+		 * shows them all, or the first `limit`.
+		 *
+		 * @spec openspec/changes/object-table-pager/specs/object-table/spec.md#requirement-an-object-table-can-page-its-rows
+		 */
+		pageSize: {
+			type: Number,
+			default: 0,
+		},
+
 		/**
 		 * vue-router route object for the "View all" footer link. The footer only
 		 * shows when set AND the rows are a `limit`-ed subset. Folded in from CnTableWidget.
@@ -610,6 +625,8 @@ var script = {
 			aggregateRequestId: 0,
 			/** Rows fetched in self-fetch mode (register + schemaId). */
 			fetchedRows: [],
+			/** The page shown under `pageSize`. */
+			currentPage: 1,
 			/** Personal-lens reports (`@self.lenses`) of the latest self-fetch response. */
 			fetchedLenses: {},
 			/** True while a self-fetch request is in flight. */
@@ -725,9 +742,23 @@ var script = {
 		 * @return {Array<object>}
 		 */
 		effectiveRows() {
+			if (this.pageSize > 0) {
+				const page = Math.min(this.currentPage, this.pageCount);
+				return this.sourceRows.slice((page - 1) * this.pageSize, page * this.pageSize)
+			}
 			return this.limit > 0 ? this.sourceRows.slice(0, this.limit) : this.sourceRows
 		},
 
+		/**
+		 * The number of pages under `pageSize` (at least 1).
+		 *
+		 * @spec openspec/changes/object-table-pager/specs/object-table/spec.md#requirement-an-object-table-can-page-its-rows
+		 * @return {number}
+		 */
+		pageCount() {
+			return this.pageSize > 0 ? Math.max(1, Math.ceil(this.sourceRows.length / this.pageSize)) : 1
+		},
+
 		/**
 		 * Total row count before the `limit` cap (drives the count badge + the
 		 * "View all" footer condition).
@@ -939,6 +970,12 @@ var script = {
 			},
 		},
 
+		pageCount(count) {
+			if (this.currentPage > count) {
+				this.currentPage = count;
+			}
+		},
+
 		effectiveColumns: {
 			handler() {
 				this.loadAggregates();