@nixweb/nixloc-ui 1.7.0 → 1.8.0

package/package.json

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

package/src/component/forms/CheckboxServer.vue

@@ -8,7 +8,11 @@
       </div>
       <div v-show="show" class="side-by-side">
         <div class="input-container">
-          <input type="text" v-model="baseParams.search" placeholder="Pesquisar..." />
+          <input type="text" v-model="baseParams.search" placeholder="Pesquisar..." @keyup.enter.prevent="getAll" />
+          <Button _key="btnSearch" :disabled="baseParams.search == ''" type="info"
+            classIcon="fa-solid fa-magnifying-glass" size="small" :clicked="getAll" />
+          <Button _key="btnClean" :disabled="baseParams.search == ''" type="info" classIcon="fa-solid fa-broom"
+            size="small" :clicked="clean" />
         </div>
       </div>
 
@@ -32,10 +36,12 @@
         </div>
         <div v-if="totalRecords > 20 && data.length < totalRecords">
           <div class="after-list text-center">
-            <Button key="loadingMore" type="info" title="Carregar mais..." classIcon="fas fa-redo-alt" size="small"
-              :clicked="loadingMore" />
+            <Button key="loadingMore" type="info" title="Carregar mais..." size="small" :clicked="loadingMore" />
           </div>
         </div>
+        <div class="title" v-if="data.length == 0">
+          Nenhum registro encontrado!
+        </div>
       </ScrollBar>
     </div>
   </div>
@@ -79,7 +85,7 @@ export default {
       baseParams: {
         search: "",
         currentPage: 1,
-        totalPerPage: 20,
+        totalPerPage: 50,
       },
     };
   },
@@ -125,7 +131,7 @@ export default {
         this.markSelected();
 
         this.loading = false;
-        this.removeLoading(["loadingMore"]);
+        this.removeLoading(["loadingMore", "btnSearch", "btnClean"]);
       });
     },
     loadingMore() {
@@ -144,6 +150,14 @@ export default {
       this.show = this.show == true ? false : true;
       this.removeLoading(["btnShow"]);
     },
+    clean() {
+      this.baseParams = {
+        search: "",
+        currentPage: 1,
+        totalPerPage: 50,
+      }
+      this.getAll();
+    },
     markSelected() {
       this.data.forEach(item => {
         if (this.selected.includes(item.content)) {
@@ -155,14 +169,23 @@ export default {
   watch: {
     selected: {
       handler(value) {
-        this.$emit("input", value);
-        if (this.changed) this.changed(value);
+        if (value) {
+          this.$emit("input", value);
+          if (this.changed) this.changed(value);
+        }
+      },
+      deep: true,
+    },
+    event: {
+      handler(event) {
+        if (event.name == "cleanCheckboxServer")
+          this.selected = "";
       },
       deep: true,
     },
     'baseParams.search': {
       handler(value) {
-        this.getAll();
+        //  this.getAll();
       },
       deep: true,
     },

package/src/component/layout/AnimatedPhrase.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <transition name="slide-up" mode="out-in">
-            <div v-if="currentPhrase" :key="currentPhrase" class="phrase">
+            <div v-if="currentPhrase" :key="currentPhrase" class="phrase title">
                 {{ currentPhrase }}
             </div>
         </transition>