@tagplus/components 2.1.1 → 2.1.2

package/package.json

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

package/src/components/Autosuggest/Autosuggest.vue

@@ -31,8 +31,8 @@
       :class="{ 'is-focus': visible }"
       :tabindex="(multiple && filterable) ? '-1' : null"
       popper-append-to-body="teste"
-      @focus="handleFocus"
-      @blur="handleBlur"
+      @focus="ativarFocus"
+      @blur="ativarBlur"
       @keyup.native="debouncedOnInputChange"
       @keydown.native.down.stop.prevent="navigateOptions('next')"
       @keydown.native.up.stop.prevent="navigateOptions('prev')"
@@ -99,13 +99,14 @@
         </el-row>
       </template>
     </el-input>
+
     <transition
       name="el-zoom-in-top"
       @before-enter="handleMenuEnter"
       @after-leave="doDestroy"
     >
       <el-select-menu
-        v-show="visible && emptyText !== false"
+        v-show="visible &&! hideOptions && emptyText !== false"
         :id="`${_id}-select`"
         ref="popper"
         :append-to-body="popperAppendToBody"
@@ -279,7 +280,8 @@ export default {
 
   data () {
     return {
-      tooltipVisible: false
+      tooltipVisible: false,
+      hideOptions: false
     }
   },
 
@@ -371,6 +373,8 @@ export default {
 
   created () {
     this.debouncedOnInputChange = debounce(this.debounce, e => {
+      this.hideOptions = false
+
       // Correção para mobile ativar a busca enquanto digita
       if (e.isComposing) {
         // Se está apagando
@@ -426,6 +430,32 @@ export default {
   },
 
   methods: {
+
+    ativarFocus (ev) {
+      const input = this.$refs.reference.$el.getElementsByTagName('input')[0]
+
+      // Rensponsavel por nao mostrar o menu de opcoes no fist focus
+      if (input.dataset.firstFocus && !this.fistFocusFlag) {
+        this.hideOptions = true
+
+        // Demora um tempo para o firstFocus ser removido
+        // Entao precisamos ter certeza que ele nao cai aqui de novo.
+        this.fistFocusFlag = true
+        delete input.dataset.firstFocus
+      }
+
+      this.handleFocus(ev)
+    },
+
+    ativarBlur (ev) {
+      this.handleBlur(ev)
+
+      // Evita animacao do blur
+      if (this.hideOptions) {
+        setTimeout(() => { this.hideOptions = false }, 1000)
+      }
+    },
+
     /**
      * Adiciona um evento no elemento dinamicamente
      * @args el {Object} Elemento que tem o listener
@@ -711,6 +741,7 @@ input.el-input__inner {
   margin: 0px;
 }
 .tp-autosuggest.el-select {
+
   > .el-input {
     display: inline-table;
   }

package/src/components/Steps/Steps.vue

@@ -1,4 +1,3 @@
-
 <script>
 import { Steps } from 'element-ui'