arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-15 04:29:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Pagination): add disabled prop

Browse Source 
Resolves #1189
This commit is contained in:
Benjamin Canac
2024-01-03 18:18:01 +01:00
parent bc00f9c4b2
commit 0976833753
2 changed files with 25 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/runtime/components/navigation/Pagination.vue
View File

@@ -4,7 +4,7 @@
<UButton
v-if="firstButton && showFirst"
:size="size"
:disabled="!canGoFirstOrPrev"
:disabled="!canGoFirstOrPrev || disabled"
:class="[ui.base, ui.rounded]"
v-bind="{ ...(ui.default.firstButton || {}), ...firstButton }"
:ui="{ rounded: '' }"
@@ -17,7 +17,7 @@
<UButton
v-if="prevButton"
:size="size"
:disabled="!canGoFirstOrPrev"
:disabled="!canGoFirstOrPrev || disabled"
:class="[ui.base, ui.rounded]"
v-bind="{ ...(ui.default.prevButton || {}), ...prevButton }"
:ui="{ rounded: '' }"
@@ -30,6 +30,7 @@
v-for="(page, index) of displayedPages"
:key="`${page}-${index}`"
:size="size"
:disabled="disabled"
:label="`${page}`"
v-bind="page === currentPage ? { ...(ui.default.activeButton || {}), ...activeButton } : { ...(ui.default.inactiveButton || {}), ...inactiveButton }"
:class="[{ 'pointer-events-none': typeof page === 'string', 'z-[1]': page === currentPage }, ui.base, ui.rounded]"
@@ -41,7 +42,7 @@
<UButton
v-if="nextButton"
:size="size"
:disabled="!canGoLastOrNext"
:disabled="!canGoLastOrNext || disabled"
:class="[ui.base, ui.rounded]"
v-bind="{ ...(ui.default.nextButton || {}), ...nextButton }"
:ui="{ rounded: '' }"
@@ -54,7 +55,7 @@
<UButton
v-if="lastButton && showLast"
:size="size"
:disabled="!canGoLastOrNext"
:disabled="!canGoLastOrNext || disabled"
:class="[ui.base, ui.rounded]"
v-bind="{ ...(ui.default.lastButton || {}), ...lastButton }"
:ui="{ rounded: '' }"
@@ -105,6 +106,10 @@ export default defineComponent({
return value >= 5 && value < Number.MAX_VALUE
}
},
disabled: {
type: Boolean,
default: false
},
size: {
type: String as PropType<ButtonSize>,
default: () => config.default.size,