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

fix(InputMenu/SelectMenu): escape regexp before search

Browse Source 
Resolves nuxt/ui#2308
This commit is contained in:
Benjamin Canac
2024-10-10 16:12:42 +02:00
parent dd0d0551be
commit c68ba76fd0
2 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/runtime/components/forms/InputMenu.vue
View File

@@ -401,20 +401,26 @@ export default defineComponent({
lazy: props.searchLazy
})
function escapeRegExp (string: string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
}
const filteredOptions = computed(() => {
if (!query.value || debouncedSearch) {
return options.value
}
const escapedQuery = escapeRegExp(query.value)
return options.value.filter((option: any) => {
return (props.searchAttributes?.length ? props.searchAttributes : [props.optionAttribute]).some((searchAttribute: any) => {
if (['string', 'number'].includes(typeof option)) {
return String(option).search(new RegExp(query.value, 'i')) !== -1
return String(option).search(new RegExp(escapedQuery, 'i')) !== -1
}
const child = get(option, searchAttribute)
return child !== null && child !== undefined && String(child).search(new RegExp(query.value, 'i')) !== -1
return child !== null && child !== undefined && String(child).search(new RegExp(escapedQuery, 'i')) !== -1
})
})
})

10
src/runtime/components/forms/SelectMenu.vue
View File

@@ -485,20 +485,26 @@ export default defineComponent({
lazy: props.searchableLazy
})
function escapeRegExp (string: string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
}
const filteredOptions = computed(() => {
if (!query.value || debouncedSearch) {
return options.value
}
const escapedQuery = escapeRegExp(query.value)
return options.value.filter((option: any) => {
return (props.searchAttributes?.length ? props.searchAttributes : [props.optionAttribute]).some((searchAttribute: any) => {
if (['string', 'number'].includes(typeof option)) {
return String(option).search(new RegExp(query.value, 'i')) !== -1
return String(option).search(new RegExp(escapedQuery, 'i')) !== -1
}
const child = get(option, searchAttribute)
return child !== null && child !== undefined && String(child).search(new RegExp(query.value, 'i')) !== -1
return child !== null && child !== undefined && String(child).search(new RegExp(escapedQuery, 'i')) !== -1
})
})
})