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

feat(CommandPalette): handle filter attribute in groups (#871)

Browse Source
This commit is contained in:
Benjamin Canac
2023-10-26 11:59:55 +02:00
committed by GitHub
parent 68f024f742
commit 8ba2a791e4
5 changed files with 70 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -237,7 +237,8 @@ export default defineComponent({
}
for (const key in groupedCommands) {
const group = props.groups.find(group => group.key === key)
const commands = groupedCommands[key].slice(0, options.value.resultLimit).map((result) => {
let commands = groupedCommands[key].map((result) => {
const { item, ...data } = result
return {
@@ -246,12 +247,22 @@ export default defineComponent({
} as Command
})
groups.push({ ...group, commands })
if (group.filter && typeof group.filter === 'function') {
commands = group.filter(query.value, commands)
}
groups.push({ ...group, commands: commands.slice(0, options.value.resultLimit) })
}
for (const group of props.groups) {
if (group.search && searchResults.value[group.key]?.length) {
groups.push({ ...group, commands: (searchResults.value[group.key] || []).slice(0, options.value.resultLimit) })
let commands = (searchResults.value[group.key] || [])
if (group.filter && typeof group.filter === 'function') {
commands = group.filter(query.value, commands)
}
groups.push({ ...group, commands: commands.slice(0, options.value.resultLimit) })
}
}

1
src/runtime/types/command-palette.d.ts vendored
View File

@@ -23,5 +23,6 @@ export interface Group {
inactive?: string
commands?: Command[]
search?: Function
filter?: Function
[key: string]: any
}