fix: input event on component's created hook. The items prop is not r…

…equired when simple-input prop

gh-pages-src/pages/dev/Example5.vue

@@ -9,12 +9,10 @@
       <b>Selected:</b> {{ selected || 'not chosen' }}.
       <br><br>
 
-      {{ selectTextOnFocus }}
-
       <cool-select
         ref="select"
-        v-model="selected"
-        :items="items"
+        v-model="selected2"
+        :items="items2"
         :error-message="errorMessage"
         :disabled="disabled"
         :readonly="readonly"
@@ -26,8 +24,8 @@
       <br>
 
       <cool-select
-        v-model="selected"
-        :items="items"
+        v-model="selected2"
+        :items="items2"
         :error-message="errorMessage"
         :successful="!!(!errorMessage && selected)"
         :disabled="disabled"
@@ -121,6 +119,8 @@
 <script>
 import { CoolSelect } from '../../main'
 
+const items2 = [{ 'first_name': 'one' }, { 'first_name': 'two' }, { 'first_name': 'three' }, { 'first_name': 'four' }, { 'first_name': 'five' }]
+
 export default {
   components: { CoolSelect },
   data: () => ({
@@ -129,8 +129,10 @@ export default {
     readonly: false,
     disableSearch: false,
     selectTextOnFocus: false,
-    selected: null,
     items: '[{"first_name":"one"}, {"first_name":"two"}, {"first_name":"three"}, {"first_name":"four"}, {"first_name":"five"}]',
+    items2,
+    selected: null,
+    selected2: items2[0],
     errorMessage: null
   }),
   watch: {

src/component.vue

@@ -233,7 +233,9 @@ export default {
         resize: this.menuCalculatePos
       },
       menuCurrentPosition: this.menuDefaultPosition,
-      lastMenuDynamicStyles: null
+      lastMenuDynamicStyles: null,
+      // чтобы не вызывался input из-за selectedItem (в created вызывается setSelectedItemByValue)
+      ignoreFirstInputEvent: true
     }
   },
   computed,
@@ -248,6 +250,12 @@ export default {
       this.setSelectedItemByValue()
     },
     selectedItem () {
+      if (this.ignoreFirstInputEvent) {
+        this.ignoreFirstInputEvent = false
+
+        return
+      }
+
       this.selectedItemByArrows = null
 
       this.$emit('input', this.currentItemValue)

src/props.js

@@ -8,7 +8,7 @@ export default {
   },
   items: {
     type: [Array, String],
-    required: true,
+    required: false,
     note: 'array of suggestions (data fetched from backend, etc).'
   },
   itemText: {