@tagplus/components 0.2.107 → 0.2.108

package/package.json

@@ -7,7 +7,7 @@
       "email": "bruno@tagplus.com.br"
     }
   ],
-  "version": "0.2.107",
+  "version": "0.2.108",
   "main": "./dist/tp.common.js",
   "directories": {
     "lib": "src/lib"
@@ -41,20 +41,20 @@
     "test:unit": "vue-cli-service test:unit"
   },
   "dependencies": {
-    "axios": "^0.19.0",
-    "core-js": "^3.4.8",
+    "axios": "^0.27.0",
+    "core-js": "^3.21.1",
     "element-theme-chalk": "^2.13",
     "element-ui": "^2.13",
-    "js-cookie": "^2.2.1",
-    "vue": "^2.6.10",
-    "vue-axios": "^2.1.4",
+    "js-cookie": "^3.0.1",
+    "vue": "^2.6.14",
+    "vue-axios": "^2.1.5",
     "vue-i18n": "^8.14.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.1.1",
-    "@vue/cli-plugin-eslint": "^4.1.1",
-    "@vue/cli-plugin-unit-jest": "^4.1.1",
-    "@vue/cli-service": "^4.1.1",
+    "@vue/cli-plugin-babel": "^5.0.3",
+    "@vue/cli-plugin-eslint": "^5.0.3",
+    "@vue/cli-plugin-unit-jest": "^5.0.3",
+    "@vue/cli-service": "^5.0.3",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/test-utils": "1.0.0-beta.30",
     "@vuese/cli": "^2.10.0",

package/src/components/Autosuggest/Autosuggest.vue

@@ -286,8 +286,10 @@ 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}`)
+    newItem() {
+      return this.query
+        ? this.$tpI18n.t('autosuggests.cadastrar', { nameItem: this.query })
+        : this.$tpI18n.t(`autosuggests.newItem.${this.$parent.$options.name}`)
     },
 
     /**
@@ -302,7 +304,9 @@ export default {
       } else if (this.value && typeof this.value === 'object') {
         if (!this.value[this.valueKey]) {
           if (process.env.DEBUG === 'true') {
-            console.error(`Autosuggest '${this.$options.name}' option doesn't have a valueKey '${this.valueKey}' key`)
+            console.error(
+              `Autosuggest '${this.$options.name}' option doesn't have a valueKey '${this.valueKey}' key`
+            )
           }
         } else {
           newVal = this.value[this.valueKey]
@@ -335,6 +339,22 @@ export default {
         list.push(createdSuggestion)
       }
       return list
+    },
+
+    emptyText() {
+      if (this.loading) {
+        return this.loadingText || this.t('el.select.loading')
+      } else {
+        if (this.remote && this.query === '' && this.options.length === 0) {
+          return this.noDataText || this.$tpI18n.t('autosuggests.sem_dados')}
+        if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
+          return this.noMatchText || this.t('el.select.noMatch')
+        }
+        if (this.options.length === 0) {
+          return this.noDataText || this.$tpI18n.t('autosuggests.sem_dados')
+        }
+      }
+      return null
     }
   },
 
@@ -354,7 +374,7 @@ export default {
     })
   },
 
-  beforeMount () {
+  beforeMount() {
     this.doRequest = false
 
     if (this.loadOnCreate) {
@@ -458,7 +478,9 @@ export default {
       } else if (val && typeof val === 'object') {
         // Se val for Object converte para outro tipo
         if (!this.value[this.valueKey]) {
-          console.error(`Autosuggest '${this.$options.name}' option doesn't have a valueKey '${this.valueKey}' key`)
+          console.error(
+            `Autosuggest '${this.$options.name}' option doesn't have a valueKey '${this.valueKey}' key`
+          )
         } else {
           // Se mandou a label no objeto value
           if (this.value[this.labelKey]) {
@@ -604,18 +626,20 @@ export default {
 
     // 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()
-        }
-      })
+      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

@@ -402,6 +402,22 @@ export default {
         list.push(createdSuggestion)
       }
       return list
+    },
+
+    emptyText() {
+      if (this.loading) {
+        return this.loadingText || this.t('el.select.loading')
+      } else {
+        if (this.remote && this.query === '' && this.options.length === 0) {
+          return this.noDataText || this.$tpI18n.t('autosuggests.sem_dados')}
+        if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
+          return this.noMatchText || this.t('el.select.noMatch')
+        }
+        if (this.options.length === 0) {
+          return this.noDataText || this.$tpI18n.t('autosuggests.sem_dados')
+        }
+      }
+      return null
     }
   },