73 lines
1.9 KiB
TypeScript
73 lines
1.9 KiB
TypeScript
import type { Ref } from 'vue';
|
|
|
|
import { computed, ref, unref, watch } from 'vue';
|
|
|
|
/**
|
|
* Paginates an array of items
|
|
* @param list The array to paginate
|
|
* @param pageNo The current page number (1-based)
|
|
* @param pageSize Number of items per page
|
|
* @returns Paginated array slice
|
|
* @throws {Error} If pageNo or pageSize are invalid
|
|
*/
|
|
function pagination<T = any>(list: T[], pageNo: number, pageSize: number): T[] {
|
|
if (pageNo < 1) throw new Error('Page number must be positive');
|
|
if (pageSize < 1) throw new Error('Page size must be positive');
|
|
|
|
const offset = (pageNo - 1) * Number(pageSize);
|
|
const ret =
|
|
offset + pageSize >= list.length
|
|
? list.slice(offset)
|
|
: list.slice(offset, offset + pageSize);
|
|
return ret;
|
|
}
|
|
|
|
export function usePagination<T = any>(
|
|
list: Ref<T[]>,
|
|
pageSize: number,
|
|
totalChangeToFirstPage = true,
|
|
) {
|
|
const currentPage = ref(1);
|
|
const pageSizeRef = ref(pageSize);
|
|
|
|
const totalPages = computed(() =>
|
|
Math.ceil(unref(list).length / unref(pageSizeRef)),
|
|
);
|
|
|
|
const paginationList = computed(() => {
|
|
return pagination(unref(list), unref(currentPage), unref(pageSizeRef));
|
|
});
|
|
|
|
const total = computed(() => {
|
|
return unref(list).length;
|
|
});
|
|
|
|
if (totalChangeToFirstPage) {
|
|
watch(total, () => {
|
|
setCurrentPage(1);
|
|
});
|
|
}
|
|
|
|
function setCurrentPage(page: number) {
|
|
if (page === 1 && unref(totalPages) === 0) {
|
|
currentPage.value = 1;
|
|
} else {
|
|
if (page < 1 || page > unref(totalPages)) {
|
|
throw new Error('Invalid page number');
|
|
}
|
|
currentPage.value = page;
|
|
}
|
|
}
|
|
|
|
function setPageSize(pageSize: number) {
|
|
if (pageSize < 1) {
|
|
throw new Error('Page size must be positive');
|
|
}
|
|
pageSizeRef.value = pageSize;
|
|
// Reset to first page to prevent invalid state
|
|
currentPage.value = 1;
|
|
}
|
|
|
|
return { setCurrentPage, total, setPageSize, paginationList, currentPage };
|
|
}
|