@tagplus/components 4.10.3 → 4.10.5

package/package.json

@@ -8,7 +8,7 @@
       "email": "bruno@tagplus.com.br"
     }
   ],
-  "version": "4.10.3",
+  "version": "4.10.5",
   "main": "./dist/tp.common.js",
   "directories": {
     "lib": "src/lib"

package/src/components/Autosuggest/Autosuggest.vue

@@ -379,6 +379,25 @@ export default {
     }
   },
 
+  watch: {
+    suggestions () {
+      // Quando os resultados da busca chegam e há um select pendente (Enter pressionado antes da busca completar)
+      if (this._pendingSelectAfterSearch) {
+        this._pendingSelectAfterSearch = false
+        this.$nextTick(() => {
+          // Seleciona o primeiro item visível (não-created) da lista
+          for (let i = 0; i < this.options.length; ++i) {
+            const option = this.options[i]
+            if (!option.disabled && !option.groupDisabled && option.visible && !option.created) {
+              this.handleOptionSelect(option)
+              return
+            }
+          }
+        })
+      }
+    }
+  },
+
   created () {
     this.debouncedOnInputChange = debounce(this.debounce, e => {
       // Correção para mobile ativar a busca enquanto digita
@@ -562,6 +581,42 @@ export default {
       return newOption
     },
 
+    /**
+     * Sobrescreve selectOption do el-select para evitar que o mouseenter de um item da lista
+     * sobreponha a seleção correta ao pressionar Enter (ex: leitor de código de barras).
+     * Quando o texto digitado ainda não foi buscado (debounce pendente), dispara a busca
+     * imediatamente e seleciona o primeiro resultado quando a lista atualizar.
+     */
+    selectOption () {
+      if (!this.visible) {
+        this.toggleMenu()
+        return
+      }
+
+      // Se o usuário digitou algo novo que ainda não foi buscado (debounce pendente)
+      if (this.filterable && this.selectedLabel && this.selectedLabel !== this.query) {
+        // Dispara a busca imediatamente sem esperar o debounce
+        this._pendingSelectAfterSearch = true
+        this.onInputChange()
+        return
+      }
+
+      // Recalcula o hoverIndex para o primeiro item visível, ignorando hover do mouse
+      if (this.query) {
+        for (let i = 0; i < this.options.length; ++i) {
+          const option = this.options[i]
+          if (!option.disabled && !option.groupDisabled && option.visible && !option.created) {
+            this.hoverIndex = i
+            break
+          }
+        }
+      }
+
+      if (this.options[this.hoverIndex]) {
+        this.handleOptionSelect(this.options[this.hoverIndex])
+      }
+    },
+
     checkDefaultFirstOption () {
       this.$nextTick(() => {
         this.hoverIndex = -1