@nixweb/nixloc-ui 0.0.119 → 0.0.122

package/src/component/shared/BotaoCarregarMais.vue

@@ -1,20 +1,20 @@
 <template>
   <div>
-    <Botao
-      chave="carregarMais"
-      nomeEvento="carregarMais"
-      tipo="alerta"
-      titulo="Carregar mais..."
-      classeIcone="fas fa-redo"
-      tamanho="medio"
+    <Button
+      key="loadingMore"
+      nomeEvento="loadingMore"
+      type="warning"
+      title="Carregar mais..."
+      classIcon="fas fa-redo"
+      size="medium"
     />
   </div>
 </template>
 <script>
-import Botao from "../forms/Botao.vue";
+import Button from "../forms/Button.vue";
 export default {
   name: "BotaoCarregarMais",
-  components: { Botao },
+  components: { Button },
   data() {
     return {};
   },

package/src/component/shared/BotaoConsulta.vue

@@ -1,14 +1,14 @@
 <template>
   <div>
-    <div class="alinhamento" v-for="item in itens" :key="item.titulo">
+    <div class="alinhamento" v-for="item in items" :key="item.title">
       <button
         :class="{
           'botao-consulta': true,
         }"
         @click="executar(item.valor)"
       >
-        <span class="icone"> <i :class="item.classeIcone"></i></span>
-        <span class="titulo">{{ item.titulo }}</span>
+        <span class="icon"> <i :class="item.classIcon"></i></span>
+        <span class="title">{{ item.title }}</span>
       </button>
     </div>
   </div>
@@ -16,17 +16,17 @@
 <script>
 export default {
   name: "BotaoConsulta",
-  props: ["itens", "value", "clique"],
+  props: ["items", "value", "clicked"],
   data() {
     return {
-      valorAtual: 0,
+      currentValue: 0,
     };
   },
   methods: {
     executar(valor) {
-      this.valorAtual = valor;
+      this.currentValue = valor;
       this.$emit("input", valor);
-      if (this.clique) this.clique();
+      if (this.clicked) this.clicked();
     },
   },
 };
@@ -52,11 +52,11 @@ export default {
   border: none;
 }
 
-.icone {
+.icon {
   font-size: 13px;
 }
 
-.titulo {
+.title {
   font-size: 16px;
 }
 

package/src/component/shared/CabecalhoImpressao.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="div-cabecalho somente-impressao">
-    <div class="titulo">{{ nomeArquivo }}</div>
-    <div class="lado-a-lado div-tag" v-for="tag in tags" :key="tag.id">
-      <span>{{ tag.titulo }}</span> <span>{{ tag.valor }}</span>
+    <div class="title">{{ nomeArquivo }}</div>
+    <div class="side-by-side div-tag" v-for="tag in tags" :key="tag.id">
+      <span>{{ tag.title }}</span> <span>{{ tag.valor }}</span>
       <span>,</span>
     </div>
   </div>
@@ -14,9 +14,9 @@ import { mapGetters, mapMutations } from "vuex";
 export default {
   name: "CabecalhoImpressao",
   computed: {
-    ...mapGetters("relatorio", ["tags"]),
+    ...mapGetters("report", ["tags"]),
     nomeArquivo() {
-      return this.$route.matched[0].props.default.relatorio;
+      return this.$route.matched[0].props.default.report;
     },
   },
 };
@@ -30,7 +30,7 @@ export default {
   margin-right: 10px;
 }
 
-.titulo {
+.title {
   font-size: 18px;
 }
 </style>

package/src/component/shared/CodigoEditor.vue

@@ -22,13 +22,13 @@
     <div class="aplicar">
       <b-row>
         <b-col class="text-right">
-          <Botao
-            chave="aplicarCodigo"
-            tipo="primario"
-            titulo="Aplicar"
-            classeIcone="far fa-code"
-            tamanho="pequeno"
-            :clique="aplicar"
+          <Button
+            key="aplicarCodigo"
+            type="primary"
+            title="Aplicar"
+            classIcon="far fa-code"
+            size="small"
+            :clicked="aplicar"
           />
         </b-col>
       </b-row>
@@ -38,7 +38,7 @@
 
 <script>
 import AceEditor from "vuejs-ace-editor";
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 
 import { mapMutations } from "vuex";
 
@@ -46,7 +46,7 @@ export default {
   name: "CodigoEditor",
   components: {
     AceEditor,
-    Botao,
+    Button,
   },
   data() {
     return {
@@ -59,7 +59,7 @@ export default {
         return this.$store.state.generic.documentoHtml;
       },
       set(value) {
-        this.atualizaDocumentoHtml(value);
+        this.updateDocumentHtml(value);
       },
     },
   },
@@ -68,14 +68,14 @@ export default {
   },
   methods: {
     ...mapMutations("generic", [
-      "atualizaDocumentoHtml",
-      "fecharModal",
-      "removeCarregando",
+      "updateDocumentHtml",
+      "hideModal",
+      "removeLoading",
     ]),
     aplicar() {
-      this.atualizaDocumentoHtml(this.codigo);
-      this.fecharModal("codigo");
-      this.removeCarregando(["aplicarCodigo"]);
+      this.updateDocumentHtml(this.codigo);
+      this.hideModal("codigo");
+      this.removeLoading(["aplicarCodigo"]);
     },
     editorInit: function () {
       require("brace/ext/language_tools"); //language extension prerequsite...

package/src/component/shared/Confirmacao.vue

@@ -4,26 +4,26 @@
       <slot></slot>
     </div>
     <Modal
-      :titulo="titulo"
-      :largura="450"
-      :altura="250"
-      v-show="mostrarModal(`confirmacao${dados.id}`)"
+      :title="title"
+      :width="450"
+      :height="250"
+      v-show="mostrarModal(`confirmacao${data.id}`)"
     >
       <b-col sm="12">
         <div class="div-botao text-center">
-          <Botao
-            chave="confirmacaoNao"
-            tipo="editar"
-            titulo="cancelar"
-            tamanho="pequeno"
-            :clique="cancelar"
+          <Button
+            key="confirmacaoNao"
+            type="edit"
+            title="cancelar"
+            size="small"
+            :clicked="cancelar"
           />
-          <Botao
-            chave="confirmacaoSim"
-            :tipo="tipo"
-            titulo="Sim, confirmar"
-            tamanho="medio"
-            :clique="confirmar"
+          <Button
+            key="confirmacaoSim"
+            :type="type"
+            title="Sim, confirmar"
+            size="medium"
+            :clicked="confirmar"
           />
         </div>
       </b-col>
@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
 
 import { mapGetters, mapMutations } from "vuex";
@@ -40,31 +40,31 @@ import { mapGetters, mapMutations } from "vuex";
 export default {
   name: "Confirmacao",
   components: {
-    Botao,
+    Button,
     Modal,
   },
   props: {
-    titulo: String,
-    tipo: String,
-    dados: Object,
+    title: String,
+    type: String,
+    data: Object,
     confirmado: Function,
   },
   methods: {
-    ...mapMutations("generic", ["abrirModal", "fecharModal", "removeCarregando"]),
+    ...mapMutations("generic", ["abrirModal", "hideModal", "removeLoading"]),
     executar() {
-      this.abrirModal(`confirmacao${this.dados.id}`);
+      this.abrirModal(`confirmacao${this.data.id}`);
     },
     confirmar() {
       let self = this;
       setTimeout(function () {
-        if (self.confirmado) self.confirmado(self.dados);
-        self.removeCarregando(["confirmacaoSim"]);
-        self.fecharModal();
+        if (self.confirmado) self.confirmado(self.data);
+        self.removeLoading(["confirmacaoSim"]);
+        self.hideModal();
       }, 200);
     },
     cancelar() {
-      this.removeCarregando(["confirmacaoNao"]);
-      this.fecharModal();
+      this.removeLoading(["confirmacaoNao"]);
+      this.hideModal();
     },
   },
   computed: {

package/src/component/shared/Dica.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="dica" v-if="titulo">
+  <span class="dica" v-if="title">
     <i
       class="fal fa-exclamation-circle"
-      :title="titulo"
-      v-b-popover.hover.top="descricao"
+      :title="title"
+      v-b-popover.hover.top="description"
     ></i>
   </span>
 </template>
@@ -13,20 +13,20 @@ import { mapGetters } from "vuex";
 export default {
   name: "Dica",
   props: {
-    campo: String,
-    formNome: String,
+    field: String,
+    formName: String,
   },
   data() {
     return {
-      titulo: "",
-      descricao: "",
+      title: "",
+      description: "",
     };
   },
   mounted() {
-    let dica = this.dica({ campo: this.campo, formNome: this.formNome });
+    let dica = this.dica({ field: this.field, formName: this.formName });
     if (dica) {
-      this.titulo = dica.titulo;
-      this.descricao = dica.descricao;
+      this.title = dica.title;
+      this.description = dica.description;
     }
   },
   computed: {

package/src/component/shared/DocumentoEditor.vue

@@ -39,18 +39,18 @@ export default {
         return this.$store.state.generic.documentoHtml;
       },
       set(value) {
-        this.atualizaDocumentoHtml(value);
+        this.updateDocumentHtml(value);
       },
     },
   },
   methods: {
-    ...mapMutations("generic", ["atualizaDocumentoHtml", "insereEvento"]),
+    ...mapMutations("generic", ["updateDocumentHtml", "addEvent"]),
     onReady(editor) {
       const toolbarContainer = document.querySelector(".document-editor__toolbar");
       toolbarContainer.appendChild(editor.ui.view.toolbar.element);
     },
     modificou() {
-      this.insereEvento({ nome: "documentoEditorFocus" });
+      this.addEvent({ nome: "documentoEditorFocus" });
     },
   },
 };

package/src/component/shared/DocumentoPreview.vue

@@ -26,9 +26,9 @@ export default {
     },
   },
   computed: {
-    ...mapGetters("generic", ["agruparPor"]),
+    ...mapGetters("generic", ["groupBy"]),
     produtoAgrupado() {
-      return this.agruparPor({ array: this.d.produto, key: "pGp" });
+      return this.groupBy({ array: this.d.produto, key: "pGp" });
     },
   },
 };

package/src/component/shared/EsconderMostrar.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <div class="linha-seta" v-if="tipo == 'seta'">
-      <div class="seta" @click="mostrar" v-if="!mostrarCollapse">
+    <div class="linha-seta" v-if="type == 'seta'">
+      <div class="seta" @click="show" v-if="!mostrarCollapse">
         <b-row>
           <b-col sm="6" class="text-left">
-            <span class="titulo">{{ titulo }}</span>
+            <span class="title">{{ title }}</span>
           </b-col>
           <b-col sm="6" class="text-right">
             <i class="far fa-plus"></i>
@@ -14,7 +14,7 @@
       <div class="seta" @click="esconder" v-if="mostrarCollapse">
         <b-row>
           <b-col sm="6" class="text-left">
-            <span class="titulo">{{ titulo }}</span>
+            <span class="title">{{ title }}</span>
           </b-col>
           <b-col sm="6" class="text-right">
             <i class="far fa-minus"></i>
@@ -25,17 +25,17 @@
     <b-collapse id="collapse-4" v-model="mostrarCollapse" class="mt-2">
       <slot></slot>
     </b-collapse>
-    <div v-if="tipo == 'botao'">
+    <div v-if="type == 'botao'">
       <b-row>
         <b-col sm="12">
           <div class="text-center">
-            <Botao
+            <Button
               v-if="!mostrarCollapse"
-              :titulo="botaoMostrar.titulo"
-              :classeIcone="botaoMostrar.icone"
-              :tipo="botaoMostrar.tipo"
-              tamanho="pequeno"
-              :clique="mostrar"
+              :title="botaoMostrar.title"
+              :classIcon="botaoMostrar.icon"
+              :type="botaoMostrar.type"
+              size="small"
+              :clicked="show"
             />
           </div>
         </b-col>
@@ -43,14 +43,14 @@
       <b-row>
         <b-col>
           <div class="text-center">
-            <Botao
+            <Button
               v-if="mostrarCollapse"
-              chave="esconderCollapse"
-              :titulo="botaoEsconder.titulo"
-              :classeIcone="botaoEsconder.icone"
-              :tipo="botaoEsconder.tipo"
-              tamanho="pequeno"
-              :clique="esconder"
+              key="esconderCollapse"
+              :title="botaoEsconder.title"
+              :classIcon="botaoEsconder.icon"
+              :type="botaoEsconder.type"
+              size="small"
+              :clicked="esconder"
             />
           </div>
         </b-col>
@@ -60,21 +60,21 @@
 </template>
 
 <script>
-import Botao from "../forms/Botao.vue";
+import Button from "../forms/Button.vue";
 
 import { mapMutations } from "vuex";
 
 export default {
-  components: { Botao },
+  components: { Button },
   name: "EsconderMostrar",
   props: {
     botaoMostrar: Object,
     botaoEsconder: Object,
-    tipo: {
+    type: {
       type: String,
       default: "botao",
     },
-    titulo: String,
+    title: String,
     iniciarAberto: {
       type: Boolean,
       default: false,
@@ -89,8 +89,8 @@ export default {
     this.mostrarCollapse = this.iniciarAberto;
   },
   methods: {
-    ...mapMutations("generic", ["removeCarregando"]),
-    mostrar() {
+    ...mapMutations("generic", ["removeLoading"]),
+    show() {
       let self = this;
       setTimeout(function () {
         self.mostrarCollapse = true;
@@ -105,7 +105,7 @@ export default {
       this.removeCarregandoBotao();
     },
     removeCarregandoBotao() {
-      this.removeCarregando(["mostrarCollapse", "esconderCollapse"]);
+      this.removeLoading(["mostrarCollapse", "esconderCollapse"]);
     },
   },
 };
@@ -118,7 +118,7 @@ export default {
   margin-bottom: 10px;
 }
 
-.titulo {
+.title {
   font-size: 16px;
   margin-left: 5px;
 }

package/src/component/shared/ExportarExcel.vue

@@ -2,24 +2,24 @@
   <div>
     <download-excel
       :fields="coluna"
-      :data="dados"
+      :data="data"
       :before-finish="exportacaoFinalizada"
       worksheet="Planilha"
       :name="`${nomeArquivo}.xls`"
     >
-      <Botao
-        chave="exportarExcel"
-        :tipo="botao.tipo"
-        :titulo="botao.titulo"
-        classeIcone="fas fa-file-excel"
-        :tamanho="botao.tamanho"
+      <Button
+        key="exportarExcel"
+        :type="botao.type"
+        :title="botao.title"
+        classIcon="fas fa-file-excel"
+        :size="botao.size"
       />
     </download-excel>
   </div>
 </template>
 
 <script>
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 
 import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
 
@@ -28,10 +28,10 @@ export default {
   props: {
     botao: Object,
     cabecalho: Array,
-    dados: Array,
+    data: Array,
   },
   components: {
-    Botao,
+    Button,
   },
   data() {
     return {
@@ -46,21 +46,21 @@ export default {
     };
   },
   methods: {
-    ...mapMutations("generic", ["removeCarregando"]),
+    ...mapMutations("generic", ["removeLoading"]),
     exportacaoFinalizada() {
-      this.removeCarregando(["exportarExcel"]);
+      this.removeLoading(["exportarExcel"]);
     },
   },
   computed: {
     coluna() {
       var object = this.cabecalho.reduce(
-        (obj, item) => Object.assign(obj, { [item.titulo]: item.campo }),
+        (obj, item) => Object.assign(obj, { [item.title]: item.field }),
         {}
       );
       return object;
     },
     nomeArquivo() {
-      return this.$route.matched[0].props.default.relatorio;
+      return this.$route.matched[0].props.default.report;
     },
   },
 };

package/src/component/shared/ExportarPDF.vue

@@ -3,9 +3,9 @@
     <div v-show="carregando" class="full-width">
       <Carregando
         :centralizado="true"
-        :largura="70"
-        :altura="70"
-        mensagem="Por favor aguarde, estamos gerando a impressão..."
+        :width="70"
+        :height="70"
+        message="Por favor aguarde, estamos gerando a impressão..."
       />
     </div>
     <vue-html2pdf
@@ -28,8 +28,8 @@
     >
       <section slot="pdf-content">
         <section class="pdf-item">
-          <BarraRolagem :altura="alturaBarraRolagem">
-            <div id="altura">
+          <BarraRolagem :height="alturaBarraRolagem">
+            <div id="height">
               <slot></slot>
             </div>
           </BarraRolagem>
@@ -46,15 +46,15 @@
 </template>
 
 <script>
-import Carregando from "./Carregando.vue";
-import BarraRolagem from "../layout/BarraRolagem.vue";
+import Carregando from "./Loading.vue";
+import BarraRolagem from "../layout/Scrollbar.vue";
 import VueHtml2pdf from "vue-html2pdf";
 
 export default {
   name: "ExportarPDF",
   components: { VueHtml2pdf, BarraRolagem, Carregando },
   props: {
-    titulo: String,
+    title: String,
     nomeArquivo: String,
     tamanhoPagina: String,
     orientacao: String,
@@ -83,7 +83,7 @@ export default {
       console.log("finalizou");
     },
     gerarRelatorio() {
-      const listElm = document.querySelector("#altura");
+      const listElm = document.querySelector("#height");
       this.alturaBarraRolagem = listElm.scrollHeight;
       this.carregando = true;
       let self = this;
@@ -100,7 +100,7 @@ export default {
   margin-bottom: 20px;
 }
 
-.titulo {
+.title {
   font-size: 20px;
 }