ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed issue with select filtering

Browse Source
This commit is contained in:
Grzegorz Leoniec 2019-03-01 10:10:56 +01:00
parent fbc3ee5658
commit b7371582dc
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/system/components/data-input/Select/Select.vue
View File

@ -10,7 +10,7 @@
@keydown.tab="closeAndBlur"
@keydown.self.down.prevent="pointerNext"
@keydown.self.up.prevent="pointerPrev"
@keypress.enter.prevent.stop.self="selectPointerOption"
@keypress.enter.prevent.stop="handleEnter"
@keyup.esc="close">
<div
v-if="icon"
@ -230,8 +230,9 @@ export default {
*/
filter: {
type: Function,
default: (option) => {
default: (option, searchString = '') => {
const value = option.value || option
const searchParts = (typeof searchString === 'string') ? searchString.split(' ') : []
return searchParts.every(part => {
if (!part) {
return true
@ -260,9 +261,8 @@ export default {
if (!this.searchString) {
return this.options
}
const searchParts = this.searchString.split(' ')
return this.options.filter(this.filter)
return this.options.filter((option) => this.filter(option, this.searchString))
},
pointerMax() {
return this.filteredOptions.length - 1
@ -320,6 +320,17 @@ export default {
this.deselectOption(this.innerValue.length - 1)
}
},
handleEnter(e) {
console.log('Pointer', this.pointer)
if (this.pointer) {
console.log('SELECT')
this.selectPointerOption(e)
} else {
console.log('ENTER')
this.$emit('enter', e)
}
},
handleKeyUp() {
if (!this.isOpen) {
this.open()