feat(Select): new component (#92)

This commit is contained in:
Benjamin Canac
2024-05-07 22:58:56 +02:00
committed by GitHub
parent 4a123906d0
commit 1942b8e117
60 changed files with 3068 additions and 692 deletions

View File

@@ -62,7 +62,7 @@ const props = withDefaults(defineProps<PaginationProps>(), {
showControls: true
})
const emits = defineEmits<PaginationEmits>()
defineSlots<PaginationSlots>()
const slots = defineSlots<PaginationSlots>()
const appConfig = useAppConfig()
@@ -74,12 +74,12 @@ const ui = computed(() => tv({ extend: pagination, slots: props.ui })())
<template>
<PaginationRoot v-slot="{ page, pageCount }" v-bind="rootProps" :class="ui.root({ class: props.class })">
<PaginationList v-slot="{ items }" :class="ui.list()">
<PaginationFirst v-if="showControls || $slots.first" as-child>
<PaginationFirst v-if="showControls || !!slots.first" as-child>
<slot name="first">
<UButton :color="color" :variant="variant" :size="size" :icon="firstIcon || appConfig.ui.icons.chevronDoubleLeft" />
</slot>
</PaginationFirst>
<PaginationPrev v-if="showControls || $slots.prev" as-child>
<PaginationPrev v-if="showControls || !!slots.prev" as-child>
<slot name="prev">
<UButton :color="color" :variant="variant" :size="size" :icon="prevIcon || appConfig.ui.icons.chevronLeft" />
</slot>
@@ -106,12 +106,12 @@ const ui = computed(() => tv({ extend: pagination, slots: props.ui })())
</PaginationEllipsis>
</template>
<PaginationNext v-if="showControls || $slots.next" as-child>
<PaginationNext v-if="showControls || !!slots.next" as-child>
<slot name="next">
<UButton :color="color" :variant="variant" :size="size" :icon="nextIcon || appConfig.ui.icons.chevronRight" />
</slot>
</PaginationNext>
<PaginationLast v-if="showControls || $slots.last" as-child>
<PaginationLast v-if="showControls || !!slots.last" as-child>
<slot name="last">
<UButton :color="color" :variant="variant" :size="size" :icon="lastIcon || appConfig.ui.icons.chevronDoubleRight" />
</slot>