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

fix(InputMenu/SelectMenu): prevent double filter with async search

Browse Source 
Resolves #1966
This commit is contained in:
Benjamin Canac
2024-07-16 15:10:37 +02:00
parent 46e9b128da
commit e2881d3801
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -391,7 +391,7 @@ export default defineComponent({
const debouncedSearch = props.search && typeof props.search === 'function' ? useDebounceFn(props.search, props.debounce) : undefined const debouncedSearch = props.search && typeof props.search === 'function' ? useDebounceFn(props.search, props.debounce) : undefined
const options = computedAsync(async () => { const options = computedAsync(async () => {
if (props.search && debouncedSearch) { if (debouncedSearch) {
return await debouncedSearch(query.value) return await debouncedSearch(query.value)
} }
@@ -401,7 +401,7 @@ export default defineComponent({
}) })
const filteredOptions = computed(() => { const filteredOptions = computed(() => {
if (!query.value) { if (!query.value || debouncedSearch) {
return options.value return options.value
} }

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

@@ -454,7 +454,7 @@ export default defineComponent({
const debouncedSearch = props.searchable && typeof props.searchable === 'function' ? useDebounceFn(props.searchable, props.debounce) : undefined const debouncedSearch = props.searchable && typeof props.searchable === 'function' ? useDebounceFn(props.searchable, props.debounce) : undefined
const options = computedAsync(async () => { const options = computedAsync(async () => {
if (props.searchable && debouncedSearch) { if (debouncedSearch) {
return await debouncedSearch(query.value) return await debouncedSearch(query.value)
} }
@@ -464,7 +464,7 @@ export default defineComponent({
}) })
const filteredOptions = computed(() => { const filteredOptions = computed(() => {
if (!query.value) { if (!query.value || debouncedSearch) {
return options.value return options.value
} }