Merge pull request #76 from alexeyklenov/feature-issue-74-auto-select

`autoSelectOnEnter` property logic

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

ru/README.md

@@ -69,6 +69,7 @@ highlightClassName | Нет | string | Имя класса CSS, применен
 unhighlightClassName | Нет | string | Имя класса CSS, примененное к невыделенному тексту
 highlightTag | Нет | string | Тип тега для обертывания вокруг выделенных совпадений; по умолчанию для `mark` но также может быть компонентом
 locationOptions | Нет | object | Варианты расположения для выбора городов или стран
+autoSelectOnEnter  | Нет  |  boolean  |  Если `true`, то при нажатии клавиши `ENTER` будет выбираться первая подсказка, если не одна из подсказок не активна
 
 ## Зависимости
 

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);
       }
     }
   }