Merge pull request #13 from KazanExpress/dev

Dropdown-like style works.
KazanExpress · Mar 12, 2018 · 0bf6bd8 · 0bf6bd8
2 parents cf9b231 + 78a9c2d
commit 0bf6bd8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/docs/main.js b/docs/main.js
diff --git a/example/src/App.vue b/example/src/App.vue
@@ -90,7 +90,7 @@
 
         if (!query) return result;
 
-        const replace = str => (result = result.replace(str, str.bold()));
+        const replace = str => (result = result ? result.replace(str, str.bold()) : result);
         const texts = query.split(/[\s-_/\\|\.]/gm).filter(t => !!t) || [''];
         const procs = [
           s => s[0].toUpperCase() + s.substr(1),

diff --git a/lib/vue-simple-suggest.vue b/lib/vue-simple-suggest.vue
@@ -131,7 +131,7 @@ export default {
       return this.slotIsComponent ? '$off' : 'removeEventListener'
     },
     hoveredIndex () {
-      return this.suggestions.findIndex(el => this.hovered && (this.hovered[this.valueAttribute] == el[this.valueAttribute]))
+      return this.suggestions.findIndex(el => this.hovered && (this.valueProperty(this.hovered) == this.valueProperty(el)))
     }
   },
   created() {
@@ -175,7 +175,7 @@ export default {
     },
     hideList (ignoreSelection = false) {
       if (this.listShown) {
-        if (this.hovered && this.text && !ignoreSelection) {
+        if (this.hovered && !ignoreSelection) {
           this.select(this.hovered)
         }
         this.listShown = false
@@ -188,7 +188,11 @@ export default {
         this.$emit('showList')
       }
     },
-    onInputClick (event) {
+    async onInputClick (event) {
+      if (this.minLength === 0 && !this.text) {
+        await this.research();
+      }
+
       if (!this.listShown && this.suggestions.length > 0) {
         this.showList()
       }