| 1 |
- {"version":3,"file":"pager2.js","sources":["../../../../../../../packages/components/pagination/src/components/pager.vue"],"sourcesContent":["<template>\n <ul :class=\"nsPager.b()\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n <li\n v-if=\"pageCount > 0\"\n :class=\"[\n nsPager.is('active', currentPage === 1),\n nsPager.is('disabled', disabled),\n ]\"\n class=\"number\"\n :aria-current=\"currentPage === 1\"\n :aria-label=\"t('el.pagination.currentPage', { pager: 1 })\"\n :tabindex=\"tabindex\"\n >\n 1\n </li>\n <li\n v-if=\"showPrevMore\"\n :class=\"prevMoreKls\"\n :tabindex=\"tabindex\"\n :aria-label=\"t('el.pagination.prevPages', { pager: pagerCount - 2 })\"\n @mouseenter=\"onMouseEnter(true)\"\n @mouseleave=\"quickPrevHover = false\"\n @focus=\"onFocus(true)\"\n @blur=\"quickPrevFocus = false\"\n >\n <d-arrow-left v-if=\"(quickPrevHover || quickPrevFocus) && !disabled\" />\n <more-filled v-else />\n </li>\n <li\n v-for=\"pager in pagers\"\n :key=\"pager\"\n :class=\"[\n nsPager.is('active', currentPage === pager),\n nsPager.is('disabled', disabled),\n ]\"\n class=\"number\"\n :aria-current=\"currentPage === pager\"\n :aria-label=\"t('el.pagination.currentPage', { pager })\"\n :tabindex=\"tabindex\"\n >\n {{ pager }}\n </li>\n <li\n v-if=\"showNextMore\"\n :class=\"nextMoreKls\"\n :tabindex=\"tabindex\"\n :aria-label=\"t('el.pagination.nextPages', { pager: pagerCount - 2 })\"\n @mouseenter=\"onMouseEnter()\"\n @mouseleave=\"quickNextHover = false\"\n @focus=\"onFocus()\"\n @blur=\"quickNextFocus = false\"\n >\n <d-arrow-right v-if=\"(quickNextHover || quickNextFocus) && !disabled\" />\n <more-filled v-else />\n </li>\n <li\n v-if=\"pageCount > 1\"\n :class=\"[\n nsPager.is('active', currentPage === pageCount),\n nsPager.is('disabled', disabled),\n ]\"\n class=\"number\"\n :aria-current=\"currentPage === pageCount\"\n :aria-label=\"t('el.pagination.currentPage', { pager: pageCount })\"\n :tabindex=\"tabindex\"\n >\n {{ pageCount }}\n </li>\n </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { paginationPagerProps } from './pager'\n\ndefineOptions({\n name: 'ElPaginationPager',\n})\nconst props = defineProps(paginationPagerProps)\nconst emit = defineEmits([CHANGE_EVENT])\nconst nsPager = useNamespace('pager')\nconst nsIcon = useNamespace('icon')\nconst { t } = useLocale()\n\nconst showPrevMore = ref(false)\nconst showNextMore = ref(false)\nconst quickPrevHover = ref(false)\nconst quickNextHover = ref(false)\nconst quickPrevFocus = ref(false)\nconst quickNextFocus = ref(false)\nconst pagers = computed(() => {\n const pagerCount = props.pagerCount\n const halfPagerCount = (pagerCount - 1) / 2\n const currentPage = Number(props.currentPage)\n const pageCount = Number(props.pageCount)\n let showPrevMore = false\n let showNextMore = false\n if (pageCount > pagerCount) {\n if (currentPage > pagerCount - halfPagerCount) {\n showPrevMore = true\n }\n if (currentPage < pageCount - halfPagerCount) {\n showNextMore = true\n }\n }\n const array: number[] = []\n if (showPrevMore && !showNextMore) {\n const startPage = pageCount - (pagerCount - 2)\n for (let i = startPage; i < pageCount; i++) {\n array.push(i)\n }\n } else if (!showPrevMore && showNextMore) {\n for (let i = 2; i < pagerCount; i++) {\n array.push(i)\n }\n } else if (showPrevMore && showNextMore) {\n const offset = Math.floor(pagerCount / 2) - 1\n for (let i = currentPage - offset; i <= currentPage + offset; i++) {\n array.push(i)\n }\n } else {\n for (let i = 2; i < pageCount; i++) {\n array.push(i)\n }\n }\n return array\n})\n\nconst prevMoreKls = computed(() => [\n 'more',\n 'btn-quickprev',\n nsIcon.b(),\n nsPager.is('disabled', props.disabled),\n])\nconst nextMoreKls = computed(() => [\n 'more',\n 'btn-quicknext',\n nsIcon.b(),\n nsPager.is('disabled', props.disabled),\n])\n\nconst tabindex = computed(() => (props.disabled ? -1 : 0))\nwatch(\n () => [props.pageCount, props.pagerCount, props.currentPage],\n ([pageCount, pagerCount, currentPage]) => {\n const halfPagerCount = (pagerCount - 1) / 2\n let showPrev = false\n let showNext = false\n\n if (pageCount > pagerCount) {\n showPrev = currentPage > pagerCount - halfPagerCount\n showNext = currentPage < pageCount - halfPagerCount\n }\n\n quickPrevHover.value &&= showPrev\n quickNextHover.value &&= showNext\n showPrevMore.value = showPrev\n showNextMore.value = showNext\n },\n { immediate: true }\n)\nfunction onMouseEnter(forward = false) {\n if (props.disabled) return\n if (forward) {\n quickPrevHover.value = true\n } else {\n quickNextHover.value = true\n }\n}\nfunction onFocus(forward = false) {\n if (forward) {\n quickPrevFocus.value = true\n } else {\n quickNextFocus.value = true\n }\n}\nfunction onEnter(e: UIEvent) {\n const target = e.target as HTMLElement\n if (\n target.tagName.toLowerCase() === 'li' &&\n Array.from(target.classList).includes('number')\n ) {\n const newPage = Number(target.textContent)\n if (newPage !== props.currentPage) {\n emit(CHANGE_EVENT, newPage)\n }\n } else if (\n target.tagName.toLowerCase() === 'li' &&\n Array.from(target.classList).includes('more')\n ) {\n onPagerClick(e)\n }\n}\nfunction onPagerClick(event: UIEvent) {\n const target = event.target as HTMLElement\n if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n return\n }\n let newPage = Number(target.textContent)\n const pageCount = props.pageCount!\n const currentPage = props.currentPage\n const pagerCountOffset = props.pagerCount - 2\n if (target.className.includes('more')) {\n if (target.className.includes('quickprev')) {\n newPage = currentPage - pagerCountOffset\n } else if (target.className.includes('quicknext')) {\n newPage = currentPage + pagerCountOffset\n }\n }\n if (!Number.isNaN(+newPage)) {\n if (newPage < 1) {\n newPage = 1\n }\n if (newPage > pageCount) {\n newPage = pageCount\n }\n }\n if (newPage !== currentPage) {\n emit(CHANGE_EVENT, newPage)\n }\n}\n</script>\n"],"names":["useNamespace","useLocale","ref","computed","showPrevMore","showNextMore","watch","CHANGE_EVENT","event","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}
|
