@nixweb/nixloc-ui 0.0.63 → 0.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.63",
+  "version": "0.0.66",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/forms/DateTime.vue

@@ -78,7 +78,11 @@ export default {
     this.valor = this.value;
   },
   methods: {
-    ...mapMutations("validation", ["insereValidacao", "removeValidacao"]),
+    ...mapMutations("validation", [
+      "insereValidacao",
+      "removeValidacao",
+      "insereFormSujo",
+    ]),
     ...mapMutations("generic", ["insereFiltro"]),
     valida() {
       this.notificacoes = [];
@@ -112,6 +116,7 @@ export default {
     valor() {
       this.valida();
       this.formSujo = true;
+      this.insereFormSujo(true);
       this.$emit("input", this.valor);
     },
     value() {

package/src/component/forms/Numero.vue

@@ -11,20 +11,9 @@
         class="requerido glyphicon fas fa-exclamation-triangle"
       ></i>
       <slot v-else></slot>
-      <!--  <vue-numeric
-        class="form-control"
-        v-on:keyup.enter.native="apertouEnter"
-        :class="{ 'is-invalid': notificacoes.length > 0 && formSujo }"
-        :placeholder="placeholder"
-        :disabled="desabilitado"
-        separator="."
-        v-bind:precision="1"
-        v-model="valor"
-      ></vue-numeric>-->
       <input
         class="form-control"
         type="number"
-        v-int
         v-model="valor"
         @keyup.enter.prevent="apertouEnter"
       />
@@ -40,13 +29,12 @@
 
 <script>
 import Dica from "../shared/Dica.vue";
-import VueNumeric from "vue-numeric";
 
 import { mapState, mapMutations } from "vuex";
 
 export default {
   name: "Numero",
-  components: { Dica, VueNumeric },
+  components: { Dica },
   props: {
     titulo: String,
     campo: String,
@@ -54,6 +42,11 @@ export default {
     desabilitado: Boolean,
     formNome: String,
     requerido: Boolean,
+    tamanhoMaximo: Number,
+    tipo: {
+      type: String,
+      default: "float",
+    },
     value: Number,
     alterou: Function,
     enter: Function,
@@ -72,7 +65,11 @@ export default {
   },
 
   methods: {
-    ...mapMutations("validation", ["insereValidacao", "removeValidacao"]),
+    ...mapMutations("validation", [
+      "insereValidacao",
+      "removeValidacao",
+      "insereFormSujo",
+    ]),
     valida() {
       this.notificacoes = [];
       if (this.value == 0) return;
@@ -80,6 +77,11 @@ export default {
         var mensagem = `${this.titulo} não pode ser vazio!`;
         this.notificacoes.push(mensagem);
       }
+
+      if (this.valor.toString().length > this.tamanhoMaximo) {
+        var mensagem = `Valor inválido!`;
+        this.notificacoes.push(mensagem);
+      }
     },
     apertouEnter() {
       if (this.enter) this.enter();
@@ -95,8 +97,16 @@ export default {
     },
     valor() {
       this.valida();
+
+      let valor;
+      if (this.tipo === "int") valor = parseInt(this.valor);
+      if (this.tipo === "float") valor = parseFloat(this.valor);
+
+      this.$emit("input", valor);
       this.formSujo = true;
-      this.$emit("input", this.valor);
+      this.insereFormSujo(true);
+
+      this.valor = valor;
     },
     notificacoes() {
       let self = this;

package/src/component/forms/Opcoes.vue

@@ -16,6 +16,9 @@
 
 <script>
 import Dica from "../shared/Dica.vue";
+
+import { mapState, mapMutations } from "vuex";
+
 export default {
   components: { Dica },
   name: "Opcoes",
@@ -25,12 +28,16 @@ export default {
       selecionado: this.value,
     };
   },
+  methods: {
+    ...mapMutations("validation", ["insereFormSujo"]),
+  },
   watch: {
     value() {
       this.selecionado = this.value;
     },
     selecionado() {
       this.$emit("input", this.selecionado);
+      this.insereFormSujo(true);
       if (this.alterou) this.alterou();
     },
   },
@@ -41,3 +48,4 @@ export default {
   margin-top: 5px;
 }
 </style>
+

package/src/component/layout/Menu.vue

@@ -8,7 +8,7 @@
           :class="sessaoDestaque('home')"
         >
           <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
-            <i class="fa fa-home icone" aria-hidden="true"></i>
+            <i class="fas fa-chart-area icone" aria-hidden="true"></i>
           </div>
           <div class="lado-a-lado titulo">Dashboard</div>
         </a>
@@ -133,7 +133,7 @@ export default {
 .div-icone {
   width: 30px;
   height: 30px;
-  padding-left: 6px;
+  text-align: center;
   padding-top: 3px;
   border-radius: 8px;
 }
@@ -147,6 +147,5 @@ export default {
   margin-left: 15px;
 }
 
-.seta {
-}
+
 </style>

package/src/component/template/ModeloLista.vue

@@ -102,7 +102,8 @@ export default {
     });
   },
   beforeDestroy() {
-    this.atualizaCampoPesquisa("");
+    let pesquisa = { conteudo: "", filtro: { conteudo: "contem", id: "contem" } };
+    this.atualizaCampoPesquisa(pesquisa);
   },
   computed: {
     ...mapState("generic", [