@nixweb/nixloc-ui 0.0.119 → 0.0.122

package/src/component/template/ModeloAdicionarModificarView.vue

@@ -1,20 +1,20 @@
 <template>
   <div>
     <Painel
-      :modulo="painel.modulo"
-      :titulo="painel.titulo"
-      :mostrarFiltro="painel.mostrarFiltro"
-      :mostrarPesquisa="painel.mostrarPesquisa"
-      :mostrarBotoes="painel.mostrarBotoes"
+      :module="panel.module"
+      :title="panel.title"
+      :mostrarFiltro="panel.mostrarFiltro"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
     >
-      <div slot="conteudo-botoes">
-        <slot name="conteudo-botoes"></slot>
+      <div slot="content-buttons">
+        <slot name="content-buttons"></slot>
       </div>
-      <div slot="conteudo-principal">
-        <slot name="conteudo-principal"></slot>
+      <div slot="content-main">
+        <slot name="content-main"></slot>
       </div>
     </Painel>
-    <SalvarCancelar :formNome="painel.formNome" />
+    <SalvarCancelar :formName="panel.formName" />
   </div>
 </template>
 
@@ -26,7 +26,7 @@ export default {
   name: "ModeloAdicionarModificarView",
   components: { Painel, SalvarCancelar },
   props: {
-    painel: Object,
+    panel: Object,
   },
 };
 </script>

package/src/component/template/ModeloDocumentoView.vue

@@ -1,104 +1,104 @@
 <template>
   <div>
     <Painel
-      :modulo="painel.modulo"
-      :titulo="painel.titulo"
-      :mostrarFiltro="painel.mostrarFiltro"
-      :mostrarPesquisa="painel.mostrarPesquisa"
-      :mostrarBotoes="painel.mostrarBotoes"
+      :module="panel.module"
+      :title="panel.title"
+      :mostrarFiltro="panel.mostrarFiltro"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
     >
-      <div slot="conteudo-principal">
+      <div slot="content-main">
         <div>
           <div class="div-top">
-            <Moldura>
+            <Molded>
               <b-row>
                 <b-col sm="6">
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="salvarDocumento"
-                      tipo="sucesso"
-                      titulo="Salvar"
-                      classeIcone="fas fa-save"
-                      :desabilitado="salvarDesabilitado"
-                      tamanho="pequeno"
-                      :clique="salvarDocumento"
+                  <div class="side-by-side">
+                    <Button
+                      key="salvarDocumento"
+                      type="success"
+                      title="Salvar"
+                      classIcon="fas fa-save"
+                      :disabled="salvarDesabilitado"
+                      size="small"
+                      :clicked="salvarDocumento"
                     />
                   </div>
-                  <div class="lado-a-lado">
-                    <Botao
+                  <div class="side-by-side">
+                    <Button
                       v-if="id"
-                      chave="fazerCopia"
-                      tipo="sucesso"
-                      titulo="Fazer uma cópia"
-                      classeIcone="fas fa-clone"
-                      tamanho="pequeno"
-                      :clique="fazerCopia"
+                      key="fazerCopia"
+                      type="success"
+                      title="Fazer uma cópia"
+                      classIcon="fas fa-clone"
+                      size="small"
+                      :clicked="fazerCopia"
                     />
                   </div>
                 </b-col>
                 <b-col class="text-right" sm="6">
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="abrirLegenda"
-                      tipo="info"
-                      classeIcone="fas fa-book-reader"
-                      tamanho="pequeno"
-                      :clique="abrirLegenda"
+                  <div class="side-by-side">
+                    <Button
+                      key="abrirLegenda"
+                      type="info"
+                      classIcon="fas fa-book-reader"
+                      size="small"
+                      :clicked="abrirLegenda"
                     />
                   </div>
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="abrirCodigo"
-                      tipo="info"
-                      classeIcone="far fa-code"
-                      tamanho="pequeno"
-                      :clique="abrirCodigo"
+                  <div class="side-by-side">
+                    <Button
+                      key="abrirCodigo"
+                      type="info"
+                      classIcon="far fa-code"
+                      size="small"
+                      :clicked="abrirCodigo"
                     />
                   </div>
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="abrirVisualizar"
-                      tipo="info"
-                      titulo="Visualizar"
-                      classeIcone="far fa-eye"
-                      tamanho="pequeno"
-                      :clique="abrirVisualizar"
+                  <div class="side-by-side">
+                    <Button
+                      key="abrirVisualizar"
+                      type="info"
+                      title="Visualizar"
+                      classIcon="far fa-eye"
+                      size="small"
+                      :clicked="abrirVisualizar"
                     />
                   </div>
                 </b-col>
               </b-row>
-            </Moldura>
+            </Molded>
           </div>
-          <Modal titulo="Salvar" :largura="500" v-show="mostrarModal('salvarDocumento')">
+          <Modal title="Salvar" :width="500" v-show="mostrarModal('salvarDocumento')">
             <slot></slot>
           </Modal>
-          <Modal titulo="Parâmetros" :largura="1100" v-if="mostrarModal('legenda')">
-            <LegendaParametro v-if="modal.abrir" :legenda="legenda" />
+          <Modal title="Parâmetros" :width="1100" v-if="mostrarModal('legenda')">
+            <LegendaParametro v-if="modal.open" :legenda="legenda" />
           </Modal>
-          <Modal titulo="Editor de Código" :largura="900" v-if="mostrarModal('codigo')">
-            <CodigoEditor v-if="modal.abrir" />
+          <Modal title="Editor de Código" :width="900" v-if="mostrarModal('codigo')">
+            <CodigoEditor v-if="modal.open" />
           </Modal>
-          <Modal titulo="Visualizar" :largura="1200" v-if="mostrarModal('visualizar')">
-            <div v-if="modal.abrir">
+          <Modal title="Visualizar" :width="1200" v-if="mostrarModal('visualizar')">
+            <div v-if="modal.open">
               <b-row>
                 <b-col class="text-center">
-                  <Botao
+                  <Button
                     v-print="'#printMe'"
-                    chave="imprimir"
-                    tipo="editar"
-                    titulo="Imprimir"
-                    classeIcone="fas fa-print"
-                    tamanho="pequeno"
-                    :clique="imprimir"
+                    key="imprimir"
+                    type="edit"
+                    title="Imprimir"
+                    classIcon="fas fa-print"
+                    size="small"
+                    :clicked="imprimir"
                   />
                 </b-col>
               </b-row>
               <br />
-              <BarraRolagem :alturaMinima="500" :alturaMaxima="500">
+              <BarraRolagem :minHeight="500" :maxHeight="500">
                 <div>
                   <div class="a4">
                     <div id="printMe">
-                      <DocumentoPreview :template="documentoPreview" :d="dados" />
+                      <DocumentoPreview :template="documentoPreview" :d="data" />
                     </div>
                   </div>
                 </div>
@@ -121,8 +121,8 @@ import DocumentoEditor from "@nixweb/nixloc-ui/src/component/shared/DocumentoEdi
 import DocumentoPreview from "@nixweb/nixloc-ui/src/component/shared/DocumentoPreview.vue";
 import CodigoEditor from "@nixweb/nixloc-ui/src/component/shared/CodigoEditor.vue";
 import LegendaParametro from "@nixweb/nixloc-ui/src/component/shared/LegendaParametro.vue";
-import Moldura from "@nixweb/nixloc-ui/src/component/layout/Moldura";
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
 import BarraRolagem from "@nixweb/nixloc-ui/src/component/layout/BarraRolagem.vue";
 
@@ -141,14 +141,14 @@ export default {
     DocumentoPreview,
     CodigoEditor,
     LegendaParametro,
-    Moldura,
-    Botao,
+    Molded,
+    Button,
     Modal,
     BarraRolagem,
   },
   props: {
-    painel: Object,
-    dados: Object,
+    panel: Object,
+    data: Object,
     legenda: Array,
   },
   data() {
@@ -164,35 +164,35 @@ export default {
   methods: {
     ...mapMutations("generic", [
       "abrirModal",
-      "fecharModal",
-      "removeCarregando",
-      "insereEvento",
+      "hideModal",
+      "removeLoading",
+      "addEvent",
     ]),
     salvarDocumento() {
       if (this.id) {
-        this.insereEvento({ nome: "salvarDocumento" });
+        this.addEvent({ nome: "salvarDocumento" });
       } else {
         this.abrirModal("salvarDocumento");
-        this.removeCarregando(["salvarDocumento"]);
+        this.removeLoading(["salvarDocumento"]);
       }
     },
     fazerCopia() {
-      this.insereEvento({ nome: "fazerCopia" });
+      this.addEvent({ nome: "fazerCopia" });
     },
     abrirLegenda() {
       this.abrirModal("legenda");
-      this.removeCarregando(["abrirLegenda"]);
+      this.removeLoading(["abrirLegenda"]);
     },
     abrirCodigo() {
       this.abrirModal("codigo");
-      this.removeCarregando(["abrirCodigo"]);
+      this.removeLoading(["abrirCodigo"]);
     },
     abrirVisualizar() {
       this.abrirModal("visualizar");
-      this.removeCarregando(["abrirVisualizar"]);
+      this.removeLoading(["abrirVisualizar"]);
     },
     imprimir() {
-      this.removeCarregando(["imprimir"]);
+      this.removeLoading(["imprimir"]);
     },
   },
   watch: {

package/src/component/template/ModeloLista.vue

@@ -1,57 +1,57 @@
 <template>
   <div>
-    <div :class="{ 'g-div-moldura': mostrarMoldura }">
+    <div :class="{ 'g-div-molded': mostrarMoldura }">
       <b-row>
         <b-col sm="12"
           ><div>
             <FiltroHorizontal v-if="mostrarFiltroHorizontal">
-              <div slot="conteudo-filtro-horizontal">
-                <slot name="conteudo-filtro-horizontal"></slot>
+              <div slot="content-filter-horizontal">
+                <slot name="content-filter-horizontal"></slot>
               </div>
             </FiltroHorizontal></div
         ></b-col>
       </b-row>
       <b-row>
         <b-col sm="6">
-          <ResumoTabela :resumo="conteudo.resumo" />
+          <ResumoTabela :totalization="content.totalization" />
         </b-col>
 
         <b-col sm="6">
-          <Registro :totalRegistro="conteudo.totalRegistros" />
+          <Registro :totalRegistro="content.totalRecords" />
         </b-col>
       </b-row>
-      <BarraFixa posicao="topo" v-show="selecionados.length > 0">
+      <FixedBar posicao="topo" v-show="selecionados.length > 0">
         <div>
-          <Botao
+          <Button
             v-if="botaoExcluir"
-            chave="remover"
-            :titulo="`Remover  ${selecionados.length}`"
-            tipo="perigo"
-            tamanho="pequeno"
-            :clique="removerSelecionados"
+            key="remover"
+            :title="`Remover  ${selecionados.length}`"
+            type="danger"
+            size="small"
+            :clicked="removerSelecionados"
           />
-          <slot name="conteudo-botoes-tabela-cabecalho"></slot></div
-      ></BarraFixa>
+          <slot name="content-buttons-tabela-cabecalho"></slot></div
+      ></FixedBar>
       <Tabela
-        :cabecalhoTabela="modeloLista.cabecalhoTabela"
-        :dados="conteudo.dados"
+        :headerTable="modeloLista.headerTable"
+        :data="content.data"
         :mostrarChecks="modeloLista.mostrarChecks"
       >
-        <div slot="conteudo-botoes-tabela">
-          <slot name="conteudo-botoes-tabela"></slot>
+        <div slot="content-buttons-tabela">
+          <slot name="content-buttons-tabela"></slot>
         </div>
       </Tabela>
     </div>
     <br />
-    <Paginacao chave="modeloLista" :totalRegistros="conteudo.totalRegistros" />
+    <Paginacao key="modeloLista" :totalRecords="content.totalRecords" />
   </div>
 </template>
 
 <script>
 import Paginacao from "../shared/Paginacao.vue";
 import Tabela from "../shared/Tabela.vue";
-import Botao from "../forms/Botao.vue";
-import BarraFixa from "../layout/BarraFixa.vue";
+import Button from "../forms/Button.vue";
+import FixedBar from "../layout/FixedBar.vue";
 import Registro from "../shared/Registro.vue";
 import ResumoTabela from "../shared/ResumoTabela.vue";
 import FiltroHorizontal from "../shared/FiltroHorizontal.vue";
@@ -80,48 +80,48 @@ export default {
     FiltroHorizontal,
     ResumoTabela,
     Registro,
-    BarraFixa,
-    Botao,
+    FixedBar,
+    Button,
     Tabela,
     Paginacao,
   },
   data() {
     return {
-      conteudo: {
-        dados: [],
-        totalRegistros: 0,
+      content: {
+        data: [],
+        totalRecords: 0,
       },
       baseParams: {
-        pesquisa: undefined,
-        filtro: "contem",
-        paginaAtual: 1,
-        totalPorPagina: 10,
+        search: undefined,
+        filter: "contem",
+        currentPage: 1,
+        totalPerPage: 10,
       },
       paramsFiltro: [],
       filtroDinamico: {},
     };
   },
   created() {
-    // o carregamento inicial obterTodos() é feito pela mudança no paginacaoChave
+    // o carregamento inicial getAll() é feito pela mudança no paginacaoChave
   },
   mounted() {
-    this.atualizaPaginacao({
-      chave: "modeloLista",
-      totalPorPagina: this.baseParams.totalPorPagina,
+    this.updatePagination({
+      key: "modeloLista",
+      totalPerPage: this.baseParams.totalPerPage,
     });
   },
   beforeDestroy() {
-    let pesquisa = { conteudo: "", filtro: { conteudo: "contem", id: "contem" } };
-    this.atualizaCampoPesquisa(pesquisa);
+    let search = { content: "", filter: { content: "contem", id: "contem" } };
+    this.updateSearch(search);
   },
   computed: {
     ...mapState("generic", [
       "selecionados",
       "metodoExecutadoApi",
-      "pesquisa",
+      "search",
       "buscouPesquisa",
       "limpouPesquisa",
-      "totalPorPagina",
+      "totalPerPage",
       "EscolherEstatico",
     ]),
     ...mapGetters("generic", ["paginacao"]),
@@ -132,17 +132,17 @@ export default {
   methods: {
     ...mapActions("generic", ["getApi", "deleteAllApi"]),
     ...mapMutations("generic", [
-      "removeCarregando",
-      "adicionaSelecao",
-      "atualizaPaginacao",
-      "atualizaCampoPesquisa",
+      "removeLoading",
+      "addSelection",
+      "updatePagination",
+      "updateSearch",
     ]),
-    obterTodos() {
+    getAll() {
       let obj = { ...this.baseParams, ...this.filtroDinamico, ...this.propsParam };
       let params = { url: this.modeloLista.urlGetApi, obj: obj };
       this.getApi(params).then((response) => {
-        this.conteudo = response.conteudo;
-        this.removeCarregando(["painel", "modeloSubView", "pesquisar", "limpar"]);
+        this.content = response.content;
+        this.removeLoading(["panel", "modeloSubView", "pesquisar", "limpar"]);
       });
     },
     removerSelecionados() {
@@ -151,12 +151,12 @@ export default {
         selecionados: this.selecionados,
       };
       this.deleteAllApi(params).then(() => {
-        this.removeCarregando(["remover"]);
-        this.adicionaSelecao([]);
+        this.removeLoading(["remover"]);
+        this.addSelection([]);
       });
     },
     limpaParams() {
-      this.baseParams.paginaAtual = 1;
+      this.baseParams.currentPage = 1;
     },
   },
   watch: {
@@ -167,56 +167,56 @@ export default {
         value === "deleteAllApi" ||
         value === "deleteAllApiErro"
       ) {
-        this.obterTodos();
+        this.getAll();
       }
     },
     buscouPesquisa: function () {
-      this.baseParams.pesquisa = this.pesquisa.conteudo;
-      this.baseParams.filtro = this.pesquisa.filtro.id;
+      this.baseParams.search = this.search.content;
+      this.baseParams.filter = this.search.filter.id;
       this.limpaParams();
-      this.obterTodos();
+      this.getAll();
     },
     limpouPesquisa: function () {
-      this.baseParams.pesquisa = "";
-      this.baseParams.filtro = "";
+      this.baseParams.search = "";
+      this.baseParams.filter = "";
       this.limpaParams();
-      this.obterTodos();
+      this.getAll();
     },
     paginacaoChave: {
       handler(value) {
         this.limpaParams();
-        this.baseParams.paginaAtual = value.paginaAtual;
-        this.obterTodos();
+        this.baseParams.currentPage = value.currentPage;
+        this.getAll();
       },
       deep: true,
     },
     EscolherEstatico: {
       handler(value) {
-        let campoAlvo = value.campoAlvo;
-        let obj = { chave: campoAlvo, valor: value.valor };
+        let fieldTarget = value.fieldTarget;
+        let obj = { key: fieldTarget, valor: value.valor };
         this.paramsFiltro.push(obj);
 
         var result = {};
         for (var i = 0; i < this.paramsFiltro.length; i++) {
-          let chave = this.paramsFiltro[i].chave;
+          let key = this.paramsFiltro[i].key;
           let valor = this.paramsFiltro[i].valor;
 
-          if (chave == "periodo") {
+          if (key == "periodo") {
             result["inicio"] = valor.inicio;
             result["fim"] = valor.fim;
           } else {
-            result[chave] = valor;
+            result[key] = valor;
           }
         }
 
         this.filtroDinamico = result;
 
-        this.atualizaPaginacao({
-          chave: "modeloLista",
-          totalPorPagina: this.filtroDinamico.totalPorPagina,
+        this.updatePagination({
+          key: "modeloLista",
+          totalPerPage: this.filtroDinamico.totalPerPage,
         });
 
-        this.obterTodos();
+        this.getAll();
       },
       deep: true,
     },