Qautocomplete tweaks - numeric parent, mouse focus, enterKey (quasarframework#1308)

* Tweak QAutocomplete to check for number in search and navigate from mouse position

* Tweak QAutocomplete for number type parents and fix enterKey

- don't set enterKey when the typed text is the same with the selected text

Author: pdanpdan

src/components/autocomplete/QAutocomplete.js

@@ -78,7 +78,7 @@ export default {
         return
       }
 
-      const terms = this.__input.val
+      const terms = [null, void 0].includes(this.__input.val) ? '' : String(this.__input.val)
       const searchId = uid()
       this.searchId = searchId
 
@@ -144,8 +144,15 @@ export default {
       this.searchId = ''
     },
     setValue (result) {
+      const value = this.staticData ? result[this.staticData.field] : result.value
       const suffix = this.__inputDebounce ? 'Debounce' : ''
-      this[`__input${suffix}`].set(this.staticData ? result[this.staticData.field] : result.value)
+
+      if (this.inputEl && this.__input && !this.__input.hasFocus()) {
+        this.inputEl.focus()
+      }
+
+      this.enterKey = this.__input && value !== this.__input.val
+      this[`__input${suffix}`].set(value)
 
       this.$emit('selected', result)
       this.__clearSearch()
@@ -159,7 +166,6 @@ export default {
       )
     },
     setCurrentSelection () {
-      this.enterKey = true
       if (this.selectedIndex >= 0 && this.selectedIndex < this.results.length) {
         this.setValue(this.results[this.selectedIndex])
       }
@@ -242,17 +248,20 @@ export default {
       h(QList, {
         props: {
           noBorder: true,
-          link: true,
           separator: this.separator
         },
         style: this.computedWidth
       },
       this.computedResults.map((result, index) => h(QItemWrapper, {
         key: result.id || JSON.stringify(result),
-        'class': { active: this.selectedIndex === index },
+        'class': {
+          active: this.selectedIndex === index,
+          'cursor-pointer': !result.disable
+        },
         props: { cfg: result },
         on: {
-          click: () => { this.setValue(result) }
+          mouseenter: () => { !result.disable && (this.selectedIndex = index) },
+          click: () => { !result.disable && this.setValue(result) }
         }
       })))
     ])