@tagplus/components 0.2.94 → 0.2.98

package/package.json

@@ -7,7 +7,7 @@
       "email": "bruno@tagplus.com.br"
     }
   ],
-  "version": "0.2.94",
+  "version": "0.2.98",
   "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" /> {{ query ? `Cadastrar "${query}"` : msgNewItem }}</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'
     }
   },
 
@@ -371,9 +381,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 +606,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

@@ -363,20 +363,17 @@ export default {
       let newVal = ''
       if (typeof this.value === 'boolean') {
         newVal = ''
-      } else if (Array.isArray(this.value)) {
-        newVal = this.value
-      } else if (this.value && typeof this.value === 'object') {
-        if (!this.value[this.valueKey]) {
-          if (process.env.DEBUG === 'true') {
-            throw new TypeError(
-              'Autosuggest this.value doesn\'t have a valueKey \'' +
-                this.valueKey +
-                '\' key'
-            )
+      }
+      else if (Array.isArray(this.value)) {
+        this.value.forEach((item) => {
+          if (!item[this.valueKey]) {
+            if (process.env.DEBUG === 'true') {
+              throw new TypeError('Autosuggest this.value doesn\'t have a valueKey \'' + this.valueKey + '\' key')
+            }
           }
-        } else {
-          newVal = this.value[this.valueKey]
-        }
+        })
+        
+        newVal = this.value
       }
 
       return newVal
@@ -459,6 +456,21 @@ export default {
         this.handleQueryChange(e.target.value, forceBusca)
       }
     })
+
+    this.value.forEach((item,key) => {
+      if (item[this.valueKey]) {
+        this.value[key] = item[this.valueKey]
+        if(item[this.labelKey]) {
+          this.selectedLabelsArray.push(item)
+        }
+      }
+    })
+
+    this.selectedLabels = this.selectedLabelsArray
+      .map(item => {
+        return item[this.labelKey]
+      })
+      .join(', ')
   },
 
   beforeMount () {
@@ -509,20 +521,18 @@ export default {
         value = ''
       } else if (Array.isArray(val)) {
         value = val
-      } else if (val && typeof val === 'object') {
-        // Se val for Object converte para outro tipo
-        if (!this.value[this.valueKey]) {
-          throw new TypeError(
-            'Autosuggest this.value doesn\'t have a valueKey \'' +
-              this.valueKey +
-              '\' key'
-          )
+      }
+      else if (val && typeof val === 'object') {
+        // Se val for Object converte para outro tipo 
+        if (!val[this.valueKey]) {
+          throw new TypeError('Multisuggest option doesn\'t have a valueKey \'' + this.valueKey + '\' key')
         } else {
           // Se mandou a label no objeto value
-          if (this.value[this.labelKey]) {
-            initialLabel = this.value[this.labelKey]
+          if (val[this.labelKey]) {
+            initialLabel = val[this.labelKey]
           }
-          value = this.value[this.valueKey]
+
+          value = val
         }
       } else {
         value = val