2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-10 07:52:23 +03:00

add selectOnKeyCodes prop, add tests

This commit is contained in:
Jeff
2019-11-07 14:08:37 -08:00
parent 877e6a3c85
commit 2ca2f3094b
3 changed files with 94 additions and 7 deletions
+22 -7
View File
@@ -302,6 +302,7 @@
/**
* Select the current value if selectOnTab is enabled
* @deprecated
*/
onTab: {
type: Function,
@@ -449,12 +450,22 @@
/**
* When true, hitting the 'tab' key will select the current select value
* @type {Boolean}
* @deprecated
*/
selectOnTab: {
type: Boolean,
default: false
},
/**
* Keycodes that will select the current option.
* @type Array
*/
selectOnKeyCodes: {
type: Array,
default: () => [13],
},
/**
* Query Selector used to find the search input
* when the 'search' scoped slot is used.
@@ -860,16 +871,16 @@
* @return {Function}
*/
onSearchKeyDown (e) {
const handlers = this.mapKeydown({
const preventAndSelect = e => {
e.preventDefault();
return this.typeAheadSelect();
};
const defaults = {
// delete
8: e => this.maybeDeleteValue(),
// tab
9: e => this.onTab(),
// enter.prevent
13: e => {
e.preventDefault();
return this.typeAheadSelect();
},
// esc
27: e => this.onEscape(),
// up.prevent
@@ -882,7 +893,11 @@
e.preventDefault();
return this.typeAheadDown();
},
}, this);
};
this.selectOnKeyCodes.forEach(keyCode => defaults[keyCode] = preventAndSelect);
const handlers = this.mapKeydown(defaults, this);
if (typeof handlers[e.keyCode] === 'function') {
return handlers[e.keyCode](e);