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

chore(SelectCustom): add preset for empty option

Browse Source
This commit is contained in:
Benjamin Canac
2022-07-16 18:48:51 +02:00
parent 0e0f3e39d3
commit 5906ee9c64
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/runtime/components/forms/SelectCustom.vue
View File

@@ -63,14 +63,16 @@
<ComboboxOption v-if="queryOption" v-slot="{ active, selected }" :value="queryOption" as="template">
<li :class="resolveOptionClass({ active, selected })">
<div :class="listOptionContainerClass">
<slot name="option" :option="queryOption" :active="active" :selected="selected">
<slot name="option-create" :option="queryOption" :active="active" :selected="selected">
<span class="block truncate">Create "{{ queryOption[textAttribute] }}"</span>
</slot>
</div>
</li>
</ComboboxOption>
<p v-else-if="searchable && query" class="text-sm u-text-gray-400 px-4 py-2">
No results found for "{{ query }}".
<p v-else-if="searchable && query" :class="listOptionEmptyClass">
<slot name="option-empty" :query="query">
No results found for "{{ query }}".
</slot>
</p>
</ComboboxOptions>
</transition>
@@ -212,6 +214,10 @@ const props = defineProps({
type: String,
default: () => $ui.selectCustom.list.option.disabled
},
listOptionEmptyClass: {
type: String,
default: () => $ui.selectCustom.list.option.empty
},
listOptionIcon: {
type: String,
default: () => 'heroicons-solid:check'