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

feat(CommandPalette): implement group filter function

Browse Source
This commit is contained in:
Benjamin Canac
2024-06-06 18:35:48 +02:00
parent dc761a8e3e
commit e29cf793cb
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/runtime/components/CommandPalette.vue
View File

@@ -31,6 +31,7 @@ export interface CommandPaletteGroup<T> {
label?: string label?: string
slot?: string slot?: string
items?: T[] items?: T[]
filter?: (searchTerm: string, items: T[]) => T[]
/** The icon displayed when an item is highlighted. */ /** The icon displayed when an item is highlighted. */
highlightedIcon?: string highlightedIcon?: string
} }
@@ -111,7 +112,13 @@ const items = computed(() => props.groups?.filter((group) => {
} }
return true return true
}).flatMap(group => group.items?.map(item => ({ ...item, group: group.id })) || []) || []) }).flatMap((group) => {
let items = group.items || []
if (group.filter) {
items = group.filter(searchTerm.value, items)
}
return items?.map(item => ({ ...item, group: group.id })) || []
}) || [])
const { results: fuseResults } = useFuse<T>(searchTerm, items, fuse) const { results: fuseResults } = useFuse<T>(searchTerm, items, fuse)