@tagplus/components 0.2.96 → 0.2.100

package/package.json

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

package/src/components/Autosuggest/Autosuggest.vue

@@ -2,6 +2,7 @@
   <div
     v-clickoutside="handleClose"
     class="el-select tp-autosuggest"
+    data-is-search="true"
     :class="[selectSize ? 'el-select--' + selectSize : '']"
     @click.stop="toggleMenu"
   >
@@ -127,7 +128,7 @@
             :class="{'created': item.created}"
           >
             <template v-if="item.created">
-              <a :id="`${_id}-btn-create`"><i class="far fa-plus" /> Cadastrar {{ query ? `"${query}"` : "novo item" }}</a>
+              <a :id="`${_id}-btn-create`"><i class="far fa-plus" /> {{ newItem }}</a>
             </template>
             <slot
               v-else
@@ -263,6 +264,15 @@ export default {
     remoteMethod: {
       type: Function,
       required: true
+    },
+
+    /**
+     * Informa a mensagem de cadastrar novo item
+     */
+    msgNewItem: {
+      type: String,
+      required: false,
+      default: 'Cadastrar novo item'
     }
   },
 
@@ -276,6 +286,9 @@ export default {
     _id() {
       return this.id || this.$options.name
     },
+    newItem(){
+      return this.query ? this.$tpI18n.t('autosuggests.cadastrar', {nameItem: this.query}) : this.$tpI18n.t(`autosuggests.newItem.${this.$parent.$options.name}`)
+    },
 
     /**
      * Trata o caso que o autosuggest recebe um objeto com o valueKey e labelKey
@@ -371,9 +384,18 @@ export default {
       this.createHandler(componenteInputInterno, 'mouseleave', () => {
         this.tooltipVisible = false
       })
+      document.addEventListener('focusin', this.fixElSelect)
+      document.addEventListener('click', this.fixElSelect)
+      document.addEventListener('touchstart', this.fixElSelect)
     })
   },
 
+  beforeDestroy() {
+    document.removeEventListener('focusin', this.fixElSelect, false)
+    document.removeEventListener('click', this.fixElSelect, false)
+    document.removeEventListener('touchstart', this.fixElSelect, false)
+  },
+
   methods: {
     /**
      * Adiciona um evento no elemento dinamicamente
@@ -587,8 +609,22 @@ export default {
       ) {
         this.checkDefaultFirstOption()
       }
+    },
+
+    // Correção para habilitar teclado mobile em iOS
+    fixElSelect() {
+      document.querySelectorAll('.el-select[data-is-search="true"]:hover').forEach(() => {
+        let elInput = document.querySelector('.el-select[data-is-search="true"]:hover input[readonly]')
+        if (elInput) {
+          elInput.readOnly = false
+          elInput.blur()
+          elInput.focus()
+        }
+      })
     }
   }
+
+
 }
 </script>
 

package/src/components/Multisuggest/Multisuggest.vue

@@ -611,6 +611,7 @@ export default {
     },
 
     handleClose() {
+      this.visible && this.$emit('closeSelect')
       this.visible = false
       // Limpa busca quando fecha
       this.doRequest = true