@tagplus/components 4.8.3 → 4.9.0

package/package.json

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

package/src/components/Multisuggest/Multisuggest.vue

@@ -729,6 +729,57 @@ export default {
       ) {
         this.checkDefaultFirstOption()
       }
+    },
+
+    /**
+     * Sobrescreve função do select para apagar a query após a seleção de um item
+     * Link para a função original: https://github.com/ElemeFE/element/blob/c345bb453bf11badb4831a6a3f600c9372b3a336/packages/select/src/select.vue#L685
+     * Manipula a seleção de uma opção em Multisuggest.
+     * @param {Object} option - A opção selecionada.
+     * @param {boolean} byClick - Indica se a seleção foi feita por clique.
+     * Se o componente permite múltiplas seleções (this.multiple):
+     * - Clona o valor atual (this.value) e obtém o index da opção selecionada.
+     * - Se a opção já estiver selecionada, a remove das opções selecionadas.
+     * - Se a opção não estiver selecionada e o limite de múltiplas seleções não foi atingido, adiciona a opções selecionadas.
+     * - Emite o evento 'input' com o novo valor e chama emitChange.
+     * - Limpa a query e, se a opção foi criada, redefine a query e o comprimento do input.
+     * - Se o componente for filtrável, foca no input.
+     * Se o componente não permite múltiplas seleções:
+     * - Emite o evento 'input' com o valor da opção e chama emitChange.
+     * - Define a visibilidade como falsa.
+     * Define isSilentBlur com base no parâmetro byClick e chama setSoftFocus.
+     * Se o componente não estiver visível, rola até a opção selecionada no próximo tick.
+     */
+    handleOptionSelect (option, byClick) {
+      if (this.multiple) {
+        const value = (this.value || []).slice()
+        const optionIndex = this.getValueIndex(value, option.value)
+        if (optionIndex > -1) {
+          value.splice(optionIndex, 1)
+        } else if (this.multipleLimit <= 0 || value.length < this.multipleLimit) {
+          value.push(option.value)
+        }
+        this.$emit('input', value)
+        this.emitChange(value)
+        this.query = ''
+        if (option.created) {
+          this.handleQueryChange('')
+          this.inputLength = 20
+        }
+        if (this.filterable) {
+          this.$refs.input.focus()
+        }
+      } else {
+        this.$emit('input', option.value)
+        this.emitChange(option.value)
+        this.visible = false
+      }
+      this.isSilentBlur = byClick
+      this.setSoftFocus()
+      if (this.visible) return
+      this.$nextTick(() => {
+        this.scrollToOption(option)
+      })
     }
   }
 }