@nixweb/nixloc-ui 0.0.121 → 0.0.124

package/src/component/value-objects/DadosContato.vue

@@ -2,35 +2,35 @@
   <div>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Texto
-          titulo="Telefone"
-          campo="telefone"
-          :formNome="formNome"
-          :mascara="['(##) ####-####', '(##) #####-####']"
-          :tamanhoMaximo="20"
-          :requerido="requerido"
+        <InputText
+          title="Telefone"
+          field="telefone"
+          :formName="formName"
+          :mask="['(##) ####-####', '(##) #####-####']"
+          :maxLength="20"
+          :required="required"
           v-model="dadosContato.telefone"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Texto
-          titulo="Site"
-          campo="site"
-          :formNome="formNome"
-          mascara=""
-          :tamanhoMaximo="100"
-          :requerido="requerido"
+        <InputText
+          title="Site"
+          field="site"
+          :formName="formName"
+          mask=""
+          :maxLength="100"
+          :required="required"
           v-model="dadosContato.site"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Texto
-          titulo="E-mail"
-          campo="email"
-          :formNome="formNome"
-          mascara=""
-          :tamanhoMaximo="100"
-          :requerido="requerido"
+        <InputText
+          title="E-mail"
+          field="email"
+          :formName="formName"
+          mask=""
+          :maxLength="100"
+          :required="required"
           v-model="dadosContato.email"
         />
       </b-col>
@@ -39,9 +39,8 @@
 </template>
 
 <script>
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
-import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
-import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
 import DadosContato from "@nixweb/nixloc-ui/src/component/value-objects/DadosContato.js";
 
 import { mapGetters } from "vuex";
@@ -49,14 +48,14 @@ import { mapGetters } from "vuex";
 export default {
   name: "DadosContato",
   props: {
-    formNome: String,
-    requerido: {
+    formName: String,
+    required: {
       type: Boolean,
       default: false,
     },
     value: Object,
   },
-  components: { Opcoes, Texto, Botao },
+  components: { InputText, Button },
   data() {
     return {
       dadosContato: new DadosContato(),
@@ -66,13 +65,13 @@ export default {
     if (this.value.telefone != undefined) this.dadosContato = this.value;
   },
   methods: {
-    carregaDados(dados) {
-      this.dadosContato.telefone = dados.telefone;
-      this.dadosContato.email = dados.email;
+    carregaDados(data) {
+      this.dadosContato.telefone = data.telefone;
+      this.dadosContato.email = data.email;
     },
   },
   computed: {
-    ...mapGetters("generic", ["evento"]),
+    ...mapGetters("generic", ["event"]),
   },
   watch: {
     value: {
@@ -87,10 +86,10 @@ export default {
       },
       deep: true,
     },
-    evento: {
-      handler(evento) {
-        if (evento.nome == "buscarCnpjReceita") {
-          this.carregaDados(evento.dados);
+    event: {
+      handler(event) {
+        if (event.nome == "buscarCnpjReceita") {
+          this.carregaDados(event.data);
         }
       },
       deep: true,

package/src/component/value-objects/DadosPessoa.vue

@@ -2,10 +2,10 @@
   <div>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Opcoes
-          campo="tipoPessoa"
-          :formNome="formNome"
-          :opcoes="[
+        <RadioGroup
+          field="tipoPessoa"
+          :formName="formName"
+          :options="[
             { text: 'Física', value: 1 },
             { text: 'Jurídica', value: 2 },
           ]"
@@ -15,67 +15,67 @@
     </b-row>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Texto
-          :titulo="dadosPessoa.tipoPessoa == 2 ? 'CNPJ' : 'CPF'"
-          campo="cnpjCpf"
-          :formNome="formNome"
-          :mascara="['##.###.###/####-##', '###.###.###-##']"
-          :tamanhoMaximo="30"
-          :requerido="requerido"
+        <InputText
+          :title="dadosPessoa.tipoPessoa == 2 ? 'CNPJ' : 'CPF'"
+          field="cnpjCpf"
+          :formName="formName"
+          :mask="['##.###.###/####-##', '###.###.###-##']"
+          :maxLength="30"
+          :required="required"
           v-model="dadosPessoa.cnpjCpf"
-          ><div class="glyphicon margem-botao">
-            <Botao
-              v-if="dadosPessoa.tipoPessoa == 2"
-              chave="buscarCnpjReceita"
-              tipo="sucesso"
-              classeIcone="fas fa-search"
-              :desabilitado="dadosPessoa.cnpjCpf.length < 18"
-              tamanho="pequeno"
-              :clique="buscarCnpjReceita"
+          ><div class="glyphicon margin-button">
+            <Button
+              v-if="dadosPessoa.typePessoa == 2"
+              key="buscarCnpjReceita"
+              type="success"
+              classIcon="fas fa-search"
+              :disabled="dadosPessoa.cnpjCpf.length < 18"
+              size="small"
+              :clicked="buscarCnpjReceita"
             /></div
-        ></Texto>
+        ></InputText>
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Texto
-          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Inscrição Estadual' : 'RG'"
-          campo="inscricaoEstadualRg"
-          :formNome="formNome"
-          :tamanhoMaximo="50"
-          :requerido="requerido"
+        <InputText
+          :title="dadosPessoa.typePessoa == 2 ? 'Inscrição Estadual' : 'RG'"
+          field="inscricaoEstadualRg"
+          :formName="formName"
+          :maxLength="50"
+          :required="required"
           v-model="dadosPessoa.inscricaoEstadualRg"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Texto
-          v-if="dadosPessoa.tipoPessoa == 2"
-          titulo="Inscrição Municipal"
-          campo="inscricaoMunicipal"
-          :formNome="formNome"
-          :tamanhoMaximo="50"
-          :requerido="requerido"
+        <InputText
+          v-if="dadosPessoa.typePessoa == 2"
+          title="Inscrição Municipal"
+          field="inscricaoMunicipal"
+          :formName="formName"
+          :maxLength="50"
+          :required="required"
           v-model="dadosPessoa.inscricaoMunicipal"
         />
       </b-col>
     </b-row>
-    <br v-if="dadosPessoa.tipoPessoa == 2" />
+    <br v-if="dadosPessoa.typePessoa == 2" />
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="8" xl="8">
-        <Texto
-          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Razão Social' : 'Nome'"
-          campo="razaoSocialNome"
-          :formNome="formNome"
-          :requerido="true"
-          :tamanhoMaximo="100"
+        <InputText
+          :title="dadosPessoa.typePessoa == 2 ? 'Razão Social' : 'Nome'"
+          field="razaoSocialNome"
+          :formName="formName"
+          :required="true"
+          :maxLength="100"
           v-model="dadosPessoa.razaoSocialNome"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Texto
-          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Fantasia' : 'Apelido'"
-          campo="fantasiaApelido"
-          :formNome="formNome"
-          :requerido="true"
-          :tamanhoMaximo="100"
+        <InputText
+          :title="dadosPessoa.typePessoa == 2 ? 'Fantasia' : 'Apelido'"
+          field="fantasiaApelido"
+          :formName="formName"
+          :required="true"
+          :maxLength="100"
           v-model="dadosPessoa.fantasiaApelido"
         />
       </b-col>
@@ -84,9 +84,9 @@
 </template>
 
 <script>
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
-import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
-import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
 import DadosPessoa from "@nixweb/nixloc-ui/src/component/value-objects/DadosPessoa.js";
 
 import { mapMutations } from "vuex";
@@ -94,14 +94,14 @@ import { mapMutations } from "vuex";
 export default {
   name: "DadosPessoa",
   props: {
-    formNome: String,
-    requerido: {
+    formName: String,
+    required: {
       type: Boolean,
       default: false,
     },
     value: Object,
   },
-  components: { Opcoes, Texto, Botao },
+  components: { RadioGroup, InputText, Button },
   data() {
     return {
       dadosPessoa: new DadosPessoa(),
@@ -111,21 +111,21 @@ export default {
     if (this.value.razaoSocialNome != undefined) this.dadosPessoa = this.value;
   },
   methods: {
-    ...mapMutations("generic", ["insereEvento", "insereNotificacao", "removeCarregando"]),
+    ...mapMutations("generic", ["addEvent", "addNotifications", "removeLoading"]),
     buscarCnpjReceita() {
       let url = `https://ws.hubdodesenvolvedor.com.br/v2/cnpj/?cnpj=${this.dadosPessoa.cnpjCpf}&token=94473735FzLqpNKajP170569464`;
       this.$http.post(url, {}, {}).then((response) => {
         if (response.data.return == "OK") {
-          this.insereEvento({
+          this.addEvent({
             nome: "buscarCnpjReceita",
-            dados: response.data.result,
+            data: response.data.result,
           });
           this.dadosPessoa.razaoSocialNome = response.data.result.nome;
           this.dadosPessoa.fantasiaApelido = response.data.result.fantasia;
         } else {
-          this.insereNotificacao([{ mensagem: "CNPJ inválido ou não encontrado." }]);
+          this.addNotifications([{ message: "CNPJ inválido ou não encontrado." }]);
         }
-        this.removeCarregando(["buscarCnpjReceita"]);
+        this.removeLoading(["buscarCnpjReceita"]);
       });
     },
   },

package/src/component/value-objects/Endereco.vue

@@ -2,51 +2,51 @@
   <div>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="3" xl="3">
-        <Texto
-          titulo="CEP"
-          campo="cep"
-          :formNome="formNome"
-          :mascara="'#####-###'"
-          :tamanhoMaximo="9"
-          :requerido="requerido"
+        <InputText
+          title="CEP"
+          field="cep"
+          :formName="formName"
+          :mask="'#####-###'"
+          :maxLength="9"
+          :required="required"
           v-model="endereco.cep"
         >
-          <div class="glyphicon margem-botao">
-            <Botao
-              chave="buscarCep"
-              tipo="sucesso"
-              classeIcone="fas fa-search"
-              tamanho="pequeno"
-              :desabilitado="endereco.cep.length < 9"
-              :clique="buscarCep"
+          <div class="glyphicon margin-button">
+            <Button
+              key="buscarCep"
+              type="success"
+              classIcon="fas fa-search"
+              size="small"
+              :disabled="endereco.cep.length < 9"
+              :clicked="buscarCep"
             /></div
-        ></Texto>
+        ></InputText>
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-        <Texto
-          titulo="Endereço"
-          campo="logradouro"
-          :formNome="formNome"
-          :tamanhoMaximo="150"
-          :requerido="requerido"
+        <InputText
+          title="Endereço"
+          field="logradouro"
+          :formName="formName"
+          :maxLength="150"
+          :required="required"
           v-model="endereco.logradouro"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-        <Texto
-          titulo="Número"
-          campo="numero"
-          :formNome="formNome"
-          :tamanhoMaximo="20"
+        <InputText
+          title="Número"
+          field="numero"
+          :formName="formName"
+          :maxLength="20"
           v-model="endereco.numero"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-        <Texto
-          titulo="Complemento"
-          campo="complemento"
-          :formNome="formNome"
-          :tamanhoMaximo="50"
+        <InputText
+          title="Complemento"
+          field="complemento"
+          :formName="formName"
+          :maxLength="50"
           v-model="endereco.complemento"
         />
       </b-col>
@@ -54,41 +54,40 @@
     </b-row>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-        <Texto
-          titulo="Bairro"
-          campo="bairro"
-          :formNome="formNome"
-          :tamanhoMaximo="100"
-          :requerido="requerido"
+        <InputText
+          title="Bairro"
+          field="bairro"
+          :formName="formName"
+          :maxLength="100"
+          :required="required"
           v-model="endereco.bairro"
         /> </b-col
       ><b-col xs="12" sm="12" md="12" lg="5" xl="5">
-        <Texto
-          titulo="Cidade"
-          campo="cidade"
-          :formNome="formNome"
-          :tamanhoMaximo="100"
-          :requerido="requerido"
+        <InputText
+          title="Cidade"
+          field="cidade"
+          :formName="formName"
+          :maxLength="100"
+          :required="required"
           v-model="endereco.cidade"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-        <EscolherEstatico
-          titulo="UF"
-          campoAlvo="uf"
-          :requerido="requerido"
+        <SelectStatic
+          title="UF"
+          fieldTarget="uf"
+          :required="required"
           v-model="endereco.estado"
-          :dados="estados"
+          :data="estados"
         /> </b-col
     ></b-row>
   </div>
 </template>
 
 <script>
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
-import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
-import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
-import EscolherEstatico from "@nixweb/nixloc-ui/src/component/forms/EscolherEstatico";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
 
 import Endereco from "@nixweb/nixloc-ui/src/component/value-objects/Endereco.js";
 
@@ -97,46 +96,46 @@ import { mapGetters, mapMutations } from "vuex";
 export default {
   name: "Endereco",
   props: {
-    formNome: String,
-    requerido: {
+    formName: String,
+    required: {
       type: Boolean,
       default: false,
     },
     value: Object,
   },
-  components: { Opcoes, Texto, Botao, EscolherEstatico },
+  components: { InputText, Button, SelectStatic },
 
   data() {
     return {
       endereco: new Endereco(),
       estados: [
-        { conteudo: "AC", id: "AC" },
-        { conteudo: "AL", id: "AL" },
-        { conteudo: "AP", id: "AP" },
-        { conteudo: "AM", id: "AM" },
-        { conteudo: "BA", id: "BA" },
-        { conteudo: "CE", id: "CE" },
-        { conteudo: "DF", id: "DF" },
-        { conteudo: "ES", id: "ES" },
-        { conteudo: "GO", id: "GO" },
-        { conteudo: "MA", id: "MA" },
-        { conteudo: "MT", id: "MT" },
-        { conteudo: "MS", id: "MS" },
-        { conteudo: "MG", id: "MG" },
-        { conteudo: "PA", id: "PA" },
-        { conteudo: "PB", id: "PB" },
-        { conteudo: "PR", id: "PR" },
-        { conteudo: "PE", id: "PE" },
-        { conteudo: "PI", id: "PI" },
-        { conteudo: "RJ", id: "RJ" },
-        { conteudo: "RN", id: "RN" },
-        { conteudo: "RS", id: "RS" },
-        { conteudo: "RO", id: "RO" },
-        { conteudo: "RR", id: "RR" },
-        { conteudo: "SC", id: "SC" },
-        { conteudo: "SP", id: "SP" },
-        { conteudo: "SE", id: "SE" },
-        { conteudo: "TO", id: "TO" },
+        { content: "AC", id: "AC" },
+        { content: "AL", id: "AL" },
+        { content: "AP", id: "AP" },
+        { content: "AM", id: "AM" },
+        { content: "BA", id: "BA" },
+        { content: "CE", id: "CE" },
+        { content: "DF", id: "DF" },
+        { content: "ES", id: "ES" },
+        { content: "GO", id: "GO" },
+        { content: "MA", id: "MA" },
+        { content: "MT", id: "MT" },
+        { content: "MS", id: "MS" },
+        { content: "MG", id: "MG" },
+        { content: "PA", id: "PA" },
+        { content: "PB", id: "PB" },
+        { content: "PR", id: "PR" },
+        { content: "PE", id: "PE" },
+        { content: "PI", id: "PI" },
+        { content: "RJ", id: "RJ" },
+        { content: "RN", id: "RN" },
+        { content: "RS", id: "RS" },
+        { content: "RO", id: "RO" },
+        { content: "RR", id: "RR" },
+        { content: "SC", id: "SC" },
+        { content: "SP", id: "SP" },
+        { content: "SE", id: "SE" },
+        { content: "TO", id: "TO" },
       ],
     };
   },
@@ -144,10 +143,10 @@ export default {
     if (this.value.cep != undefined) this.endereco = this.value;
   },
   computed: {
-    ...mapGetters("generic", ["evento"]),
+    ...mapGetters("generic", ["event"]),
   },
   methods: {
-    ...mapMutations("generic", ["insereEvento", "insereNotificacao", "removeCarregando"]),
+    ...mapMutations("generic", ["addEvent", "addNotifications", "removeLoading"]),
     buscarCep() {
       let cep = this.endereco.cep.replace(/\.|\-/g, "");
       let url = `https://viacep.com.br/ws/${cep}/json/`;
@@ -155,18 +154,18 @@ export default {
         let self = this;
         setTimeout(function () {
           self.carregaDados(response.data);
-          self.removeCarregando(["buscarCep"]);
+          self.removeLoading(["buscarCep"]);
         }, 300);
       });
     },
-    carregaDados(dados) {
-      this.endereco.cep = dados.cep;
-      this.endereco.logradouro = dados.logradouro;
-      this.endereco.numero = dados.complemento;
-      this.endereco.bairro = dados.bairro;
+    carregaDados(data) {
+      this.endereco.cep = data.cep;
+      this.endereco.logradouro = data.logradouro;
+      this.endereco.numero = data.complemento;
+      this.endereco.bairro = data.bairro;
       this.endereco.cidade =
-        dados.localidade == undefined ? dados.municipio : dados.localidade;
-      this.endereco.estado = { id: dados.uf, conteudo: dados.uf };
+        data.localidade == undefined ? data.municipio : data.localidade;
+      this.endereco.estado = { id: data.uf, content: data.uf };
     },
   },
   watch: {
@@ -182,10 +181,10 @@ export default {
       },
       deep: true,
     },
-    evento: {
-      handler(evento) {
-        if (evento.nome == "buscarCnpjReceita") {
-          this.carregaDados(evento.dados);
+    event: {
+      handler(event) {
+        if (event.nome == "buscarCnpjReceita") {
+          this.carregaDados(event.data);
         }
       },
       deep: true,

package/src/config/dicas.js

@@ -1,7 +1,7 @@
 const dicas = [];
 
 const manutencao = [
-  // { formNome: "opcoesFaturamento", campo: "unificar", titulo: "Unificar Cliente", descricao: "Ao marcar essa opção" },
+  // { formName: "opcoesFaturamento", field: "unificar", title: "Unificar Cliente", description: "Ao marcar essa opção" },
 
 ];
 

package/src/config/token.js

@@ -3,13 +3,13 @@ export default class Token {
     tokenHeaders() {
         return {
             "Content-Type": "application/json",
-            Authorization: "Bearer " + JSON.parse(sessionStorage.vuex).usuario.usuarioLogado.token
+            Authorization: "Bearer " + JSON.parse(sessionStorage.vuex).user.userLogged.token
         };
     }
     tokenHeadersFormData() {
         return {
             "Content-Type": "multipart/form-data",
-            Authorization: "Bearer " + JSON.parse(sessionStorage.vuex).usuario.usuarioLogado.token
+            Authorization: "Bearer " + JSON.parse(sessionStorage.vuex).user.userLogged.token
         };
     }
 }