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

chore(CommandPalette): improve component

Browse Source
This commit is contained in:
Benjamin Canac
2022-07-18 15:28:39 +02:00
parent ea293bae0c
commit 222bb987a4
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/runtime/components/navigation/CommandPalette.vue
View File

@@ -20,7 +20,7 @@
<UButton v-if="closeIcon" :icon="closeIcon" variant="transparent" class="absolute right-3" @click="onClear" />
</div>
<ComboboxOptions v-if="groups.length" static hold class="relative flex-1 overflow-y-auto divide-y u-divide-gray-100 scroll-py-2">
<ComboboxOptions v-if="groups.length" static hold class="relative flex-1 overflow-y-auto divide-y divide-gray-100 dark:divide-gray-800 scroll-py-2">
<CommandPaletteGroup v-for="group of groups" :key="group.key" :group="group" />
</ComboboxOptions>
@@ -126,7 +126,7 @@ function activateFirstOption () {
}, 0)
}
function onSelect (option) {
function onSelect (option: Command) {
if (option.disabled) {
return
}
@@ -140,9 +140,11 @@ function onSelect (option) {
emit('update:modelValue', option)
// waiting for modal to be closed
setTimeout(() => {
query.value = ''
}, 300)
if (!option.prevent) {
setTimeout(() => {
query.value = ''
}, 300)
}
}
function onClear () {