init component

node_modules/buetify/lib/composables/pagination/usePagination.js

@@ -0,0 +1,100 @@
+import { computed, shallowRef } from 'vue';
+import { constEmptyArray, isNumber } from '../../utils/helpers';
+import { getUseModelPropsDefinition, useModel } from '../model';
+export const DEFAULT_ITEMS_PER_PAGE = shallowRef(25);
+export const UsePaginationPropsDefinition = { ...getUseModelPropsDefinition(),
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  total: {
+    type: Number,
+    required: true
+  },
+  perPage: {
+    type: Number,
+    default: () => DEFAULT_ITEMS_PER_PAGE.value,
+    validator: value => isNumber(value) && value > 0
+  },
+  items: {
+    type: Array,
+    default: constEmptyArray
+  }
+};
+export function usePagination(props) {
+  const model = useModel(props);
+  const total = computed(() => props.total ?? props.items.length);
+  const current = computed(() => Math.max(model.modelValue.value, 1));
+  const itemsPerPage = computed(() => props.perPage <= 0 ? DEFAULT_ITEMS_PER_PAGE.value : props.perPage);
+  const numberOfPages = computed(() => Math.ceil(total.value / itemsPerPage.value));
+  const after = computed(() => Math.max((current.value - 1) * itemsPerPage.value, 0));
+  const nextPage = computed(() => Math.min(numberOfPages.value, current.value + 1));
+  const hasNext = computed(() => {
+    return itemsPerPage.value + after.value < total.value;
+  });
+  const previousPage = computed(() => Math.max(0, current.value - 1));
+  const hasPrevious = computed(() => after.value > 0 && total.value > 0);
+  const paginatedItems = computed(() => (props.items ?? []).slice(after.value, after.value + itemsPerPage.value));
+
+  function next(e) {
+    console.log('here', e, current.value, hasNext.value);
+
+    if (hasNext.value) {
+      model.modelValue.value = nextPage.value;
+    }
+  }
+
+  function previous() {
+    if (hasPrevious.value) {
+      model.modelValue.value = previousPage.value;
+    }
+  }
+
+  function first() {
+    model.modelValue.value = 1;
+  }
+
+  function last() {
+    model.modelValue.value = numberOfPages.value;
+  }
+
+  function set(num) {
+    if (num >= 1 && num <= numberOfPages.value) {
+      model.modelValue.value = num;
+    }
+  }
+
+  return {
+    paginatedItems,
+    current,
+    numberOfPages,
+    after,
+    nextPage,
+    hasNext,
+    previousPage,
+    hasPrevious,
+    next,
+    previous,
+    first,
+    last,
+    set
+  };
+}
+export function extractPaginationState(pagination) {
+  return {
+    paginatedItems: pagination.paginatedItems.value,
+    current: pagination.current.value,
+    numberOfPages: pagination.numberOfPages.value,
+    after: pagination.after.value,
+    nextPage: pagination.nextPage.value,
+    hasNext: pagination.hasNext.value,
+    previousPage: pagination.previousPage.value,
+    hasPrevious: pagination.hasPrevious.value,
+    next: pagination.next,
+    previous: pagination.previous,
+    first: pagination.first,
+    last: pagination.last,
+    set: pagination.set
+  };
+}
+//# sourceMappingURL=usePagination.js.map