@nixweb/nixloc-ui 0.0.124 → 0.0.125

package/package.json

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

package/src/component/forms/Button.vue

@@ -17,10 +17,10 @@
       :disabled="disabled"
       @click="execute()"
     >
-      <i class="title" :class="classIcon" v-if="!isLoading(this.key) && classIcon"></i>
-      <span v-if="!isLoading(this.key)">{{ title }}</span>
+      <i class="title" :class="classIcon" v-if="!isLoading(this._key) && classIcon"></i>
+      <span v-if="!isLoading(this._key)">{{ title }}</span>
       <vue-loading
-        v-if="isLoading(this.key)"
+        v-if="isLoading(this._key)"
         type="bubbles"
         color="#fff"
         :size="{ width: '26px', height: '26px' }"
@@ -35,7 +35,7 @@ import { mapGetters, mapMutations } from "vuex";
 export default {
   name: "Button",
   props: {
-    key: String,
+    _key: String,
     title: String,
     type: String,
     size: String,
@@ -56,7 +56,7 @@ export default {
           name: this.eventName,
           data: this.eventData,
         });
-      this.addLoading(this.key);
+      this.addLoading(this._key);
       if (this.clicked) this.clicked();
     },
   },

package/src/component/forms/InputText.vue

@@ -12,7 +12,7 @@
       <slot v-else></slot>
       <input
         type="text"
-        :style="style"
+        :style="_style"
         :placeholder="placeholder"
         :disabled="disabled"
         @keyup.enter.prevent="pressedEnter"
@@ -47,7 +47,7 @@ export default {
     "disabled",
     "titleColor",
     "mask",
-    "style",
+    "_style",
     "formName",
     "required",
     "maxLength",

package/src/component/layout/{Scrollbar.vue → ScrollBar.vue}

@@ -12,7 +12,7 @@
 import { mapMutations } from "vuex";
 
 export default {
-  name: "Scrollbar",
+  name: "ScrollBar",
   props: {
     id: String,
     maxHeight: Number,

package/src/component/shared/LegendaParametro.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Pesquisa />
+    <Search />
     <br />
     <ScrollBar :minHeight="400" :maxHeight="400">
       <table class="table table-responsive-xs">
@@ -32,7 +32,7 @@
   </div>
 </template>
 <script>
-import Pesquisa from "@nixweb/nixloc-ui/src/component/shared/Pesquisa.vue";
+import Search from "@nixweb/nixloc-ui/src/component/shared/Search.vue";
 import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
 
 import { mapGetters, mapState, mapMutations } from "vuex";
@@ -41,7 +41,7 @@ export default {
   name: "LegendaParametro",
   components: {
     ScrollBar,
-    Pesquisa,
+    Search,
   },
   props: {
     legenda: [],

package/src/component/shared/TableButton.vue

@@ -10,7 +10,7 @@
       :eventName="obj.button.eventName"
       :eventData="row"
     />
-    <BotaoDropdown
+    <Dropdown
       v-if="obj.qualBotao == 'botaodropdown'"
       :title="obj.button.title"
       :type="obj.button.type"
@@ -23,11 +23,11 @@
 </template>
 
 <script>
-import BotaoDropdown from "../forms/BotaoDropdown";
+import Dropdown from "../forms/Dropdown";
 import Button from "../forms/Button";
 export default {
   name: "TableButton",
-  components: { Button, BotaoDropdown },
+  components: { Button, Dropdown },
   props: {
     obj: Object,
     row: Object,

package/src/component/shared/query-builder/AddRule.vue

@@ -33,7 +33,7 @@
 import SelectRule from "./SelectRule.vue";
 import DynamicComponent from "./DynamicComponent.vue";
 import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-import ListDynamicComponent from "@nixweb/nixloc-ui/src/component/shared/construtor-query/ListDynamicComponent.vue";
+import ListDynamicComponent from "@nixweb/nixloc-ui/src/component/shared/query-builder/ListDynamicComponent.vue";
 
 import deepClone from "./utilities.js";
 

package/src/component/shared/query-builder/Fields.vue

@@ -14,7 +14,7 @@
         </ScrollBar>
       </b-col>
       <b-col sm="6">
-        <options
+        <RadioGroup
           :options="[
             { text: 'Crescente', value: 'asc' },
             { text: 'Decrescente', value: 'desc' },
@@ -34,7 +34,7 @@
 </template>
 <script>
 import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
-import options from "@nixweb/nixloc-ui/src/component/forms/options";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
 import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
 import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
 
@@ -46,7 +46,7 @@ export default {
     CheckboxGroup,
     SelectStatic,
     ScrollBar,
-    options,
+    RadioGroup,
   },
   props: {
     fields: Array,

package/src/component/template/ViewTemplateDocumentView.vue

@@ -115,8 +115,8 @@
 </template>
 
 <script>
-import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
 
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
 import DocumentEditor from "@nixweb/nixloc-ui/src/component/shared/DocumentEditor.vue";
 import DocumentPreview from "@nixweb/nixloc-ui/src/component/shared/DocumentPreview.vue";
 import CodeEditor from "@nixweb/nixloc-ui/src/component/shared/CodeEditor.vue";

package/src/component/template/ViewTemplateReportPreview.vue

@@ -77,7 +77,7 @@
                 </b-col>
               </b-row>
               <Modal title="Filtros" :width="900" v-show="showModal('filter')">
-                <slot name="filter"></slot>
+                <Rules :rules="rules" />
                 <br />
                 <b-row>
                   <b-col class="text-right" sm="12">
@@ -95,7 +95,7 @@
                 </b-row>
               </Modal>
               <Modal title="fields" :width="600" v-show="showModal('field')">
-                <slot name="field"></slot>
+                <Fields :fields="fields" />
                 <b-row>
                   <b-col class="text-right" sm="12">
                     <div class="side-by-side">
@@ -173,8 +173,8 @@
             <span> Nenhum registro foi encontrato!</span>
           </Alert>
         </div>
-        <div class="div-rodape" v-if="content.totalization.length > 0">
-          <Rodape :data="content.totalization" />
+        <div class="div-Totalization" v-if="content.totalization.length > 0">
+          <Totalization :data="content.totalization" />
         </div>
       </div>
     </Panel>
@@ -193,9 +193,11 @@ import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel.vue";
 import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
 import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
 import ProgressBar from "@nixweb/nixloc-ui/src/component/shared/ProgressBar";
-import Rodape from "@nixweb/nixloc-ui/src/component/shared/construtor-query/Rodape.vue";
-import Tags from "@nixweb/nixloc-ui/src/component/shared/construtor-query/Tags.vue";
+import Totalization from "@nixweb/nixloc-ui/src/component/shared/query-builder/Totalization.vue";
+import Tags from "@nixweb/nixloc-ui/src/component/shared/query-builder/Tags.vue";
 import AddEditReport from "@nixweb/nixloc-ui/src/component/template/AddEditReport.vue";
+import Fields from "@nixweb/nixloc-ui/src/component/shared/query-builder/Fields.vue";
+import Rules from "@nixweb/nixloc-ui/src/component/shared/query-builder/Rules.vue";
 import print from "vue-print-nb";
 
 import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
@@ -206,9 +208,11 @@ export default {
     print,
   },
   props: {
+    panel: Object,
     templateList: Object,
+    rules: Array,
+    fields: Array,
     field: Array,
-    panel: Object,
   },
   components: {
     Alert,
@@ -219,12 +223,14 @@ export default {
     Panel,
     ScrollBar,
     Molded,
-    Rodape,
+    Totalization,
     ProgressBar,
     Tags,
     AddEditReport,
     ExportExcel,
     HeaderPrint,
+    Fields,
+    Rules,
   },
   data() {
     return {
@@ -294,12 +300,7 @@ export default {
   },
   methods: {
     ...mapActions("generic", ["getApiOdata"]),
-    ...mapMutations("generic", [
-      "addEvent",
-      "showModal",
-      "hideModal",
-      "removeLoading",
-    ]),
+    ...mapMutations("generic", ["addEvent", "showModal", "hideModal", "removeLoading"]),
     ...mapMutations("report", [
       "atualizaFiltroSelecionado",
       "atualizaCampoOrdenado",
@@ -328,9 +329,7 @@ export default {
         let totalRecords = response["@odata.count"];
         if (totalRecords == 0) this.nenhumDadoRetornado = true;
         this.content.totalRecords = totalRecords;
-        this.content.pagination = Math.round(
-          totalRecords / this.content.totalPerPage
-        );
+        this.content.pagination = Math.round(totalRecords / this.content.totalPerPage);
 
         if (totalRecords <= this.content.totalPerPage) {
           this.consultaOdata();
@@ -482,7 +481,7 @@ export default {
   margin-right: 5px;
 }
 
-.div-rodape {
+.div-Totalization {
   margin-top: 20px;
 }