reka-ui
Version:
Vue port for Radix UI Primitives.
1 lines • 1.6 kB
Source Map (JSON)
{"version":3,"file":"PaginationList.cjs","sources":["../../src/Pagination/PaginationList.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\n\nexport interface PaginationListProps extends PrimitiveProps { }\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from '@/Primitive'\nimport { computed } from 'vue'\nimport { injectPaginationRootContext } from './PaginationRoot.vue'\nimport { getRange, transform } from './utils'\n\nconst props = defineProps<PaginationListProps>()\n\ndefineSlots<{\n default: (props: {\n /** Pages item */\n items: typeof transformedRange.value\n }) => any\n}>()\n\nuseForwardExpose()\nconst rootContext = injectPaginationRootContext()\n\nconst transformedRange = computed(() => {\n return transform(\n getRange(\n rootContext.page.value,\n rootContext.pageCount.value,\n rootContext.siblingCount.value,\n rootContext.showEdges.value,\n ),\n )\n})\n</script>\n\n<template>\n <Primitive v-bind=\"props\">\n <slot :items=\"transformedRange\" />\n </Primitive>\n</template>\n"],"names":["useForwardExpose","injectPaginationRootContext","computed","transform","getRange"],"mappings":";;;;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA;AASd,IAAiBA,wCAAA,EAAA;AACjB,IAAA,MAAM,cAAcC,qDAA4B,EAAA;AAEhD,IAAM,MAAA,gBAAA,GAAmBC,aAAS,MAAM;AACtC,MAAO,OAAAC,0BAAA;AAAA,QACLC,yBAAA;AAAA,UACE,YAAY,IAAK,CAAA,KAAA;AAAA,UACjB,YAAY,SAAU,CAAA,KAAA;AAAA,UACtB,YAAY,YAAa,CAAA,KAAA;AAAA,UACzB,YAAY,SAAU,CAAA;AAAA;AACxB,OACF;AAAA,KACD,CAAA;;;;;;;;;;;;;;"}