diff --git a/README.md b/README.md index 423d7cb..ca0dad3 100644 --- a/README.md +++ b/README.md @@ -72,6 +72,7 @@ export default { | unhighlightClassName | No | string | CSS class name applied to unhighlighted text | | highlightTag | No | string | Type of tag to wrap around highlighted matches; defaults to `mark` but can also be a component | | locationOptions | No | object | Location options for choosing cities or countries | +| autoSelectOnEnter | No | boolean | Select first suggestion on ENTER key press when no one suggestion is focused | ## Dependencies diff --git a/ru/README.md b/ru/README.md index 00178ad..6b4fbbd 100644 --- a/ru/README.md +++ b/ru/README.md @@ -69,6 +69,7 @@ highlightClassName | Нет | string | Имя класса CSS, применен unhighlightClassName | Нет | string | Имя класса CSS, примененное к невыделенному тексту highlightTag | Нет | string | Тип тега для обертывания вокруг выделенных совпадений; по умолчанию для `mark` но также может быть компонентом locationOptions | Нет | object | Варианты расположения для выбора городов или стран +autoSelectOnEnter | Нет | boolean | Если `true`, то при нажатии клавиши `ENTER` будет выбираться первая подсказка, если не одна из подсказок не активна ## Зависимости diff --git a/src/components/VueDadata.vue b/src/components/VueDadata.vue index 1cd6dd5..b5541bd 100644 --- a/src/components/VueDadata.vue +++ b/src/components/VueDadata.vue @@ -91,6 +91,7 @@ export default class VueDadata extends Vue { suggestion: DadataSuggestion, ) => void; @Prop(Function) public readonly validate?: (value: string) => void; + @Prop({type: Boolean, default: false}) public readonly autoSelectOnEnter?: boolean; public inputQuery = ''; public inputFocused = false; @@ -169,6 +170,8 @@ export default class VueDadata extends Vue { event.preventDefault(); if (this.suggestionIndex >= 0) { this.selectSuggestion(this.suggestionIndex); + } else if(this.autoSelectOnEnter && this.suggestions.length > 0){ + this.selectSuggestion(0); } } }