@nixweb/nixloc-ui 0.0.197 → 0.0.199

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.197",
+  "version": "0.0.199",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,
@@ -86,4 +86,4 @@
     "not dead"
   ],
   "main": "babel.config.js"
-}
+}

package/src/component/forms/RadioGroup.vue

@@ -21,6 +21,7 @@ export default {
   props: {
     title: String,
     options: Array,
+    initialFieldTarget: String,
     fieldTarget: String,
     disabled: Boolean,
     stacked: Boolean,
@@ -36,6 +37,13 @@ export default {
       selected: this.value,
     };
   },
+  mounted() {
+    if (this.initialFieldTarget) {
+      let value = this.initialFieldTarget.value;
+      let obj = { tag: `${this.title}: ${value}`, fieldTarget: this.fieldTarget, value: value };
+      this.addFilter(obj);
+    }
+  },
   computed: {
     ...mapGetters("generic", ["event"]),
   },

package/src/component/forms/SelectStatic.vue

@@ -8,6 +8,10 @@
       <multiselect @open="onOpen" @select="onSelected" @search-change="onSearch" :options="data"
         v-model.trim="currentValue" :custom-label="label" :disabled="disabled" placeholder :showLabels="true"
         :noResult="false" ref="multiselect" selectLabel deselectLabel selectedLabel>
+        <div slot="beforeList" class="after-list">
+          <Button v-if="showBtnClean" key="cleanSelect" title="Limpar" type="warning" classIcon="fas fa-broom"
+            size="small" :clicked="cleanSelectStatic" />
+        </div>
       </multiselect>
     </div>
   </div>
@@ -16,7 +20,7 @@
 import Multiselect from "vue-multiselect";
 import Button from "./Button";
 
-import { mapMutations } from "vuex";
+import { mapMutations, mapGetters } from "vuex";
 
 export default {
   name: "SelectStatic",
@@ -39,6 +43,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    showBtnClean: {
+      type: Boolean,
+      default: false,
+    },
     markFormDirty: {
       type: Boolean,
       default: false,
@@ -65,6 +73,9 @@ export default {
       el.tabIndex = 0;
     }
   },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
   methods: {
     ...mapMutations("generic", ["addFilter", "removeLoading"]),
     ...mapMutations("validation", [
@@ -78,6 +89,11 @@ export default {
       this.$emit("input", value);
       let obj = { fieldTarget: this.fieldTarget, value: value.id };
       if (!this.onlyQuery) this.addFilter(obj);
+      if (this.fieldTarget) {
+        let obj = { tag: `${this.title}: ${value.content}`, fieldTarget: this.fieldTarget, value: value.id };
+        this.addFilter(obj);
+      }
+
       if (this.markFormDirty) this.updateFormDirty(true);
     },
     onSearch(value) { },
@@ -92,10 +108,11 @@ export default {
       this.removeLoading(["cleanSelectStatic"]);
 
       if (this.fieldTarget) {
-        let obj = { fieldTarget: this.fieldTarget, valor: "" };
+        let obj = { fieldTarget: this.fieldTarget, value: "" };
         this.addFilter(obj);
       }
     },
+
     validate() {
       this.notifications = [];
       if (this.required && !this.value.id) {
@@ -105,6 +122,16 @@ export default {
     },
   },
   watch: {
+    event: {
+      handler(event) {
+
+        if (event.name == "tagRemoved") {
+          if (this.fieldTarget == event.data) this.cleanSelectStatic();
+        }
+
+      },
+      deep: true,
+    },
     "value.id": function () {
       this.validate();
       this.formDirty = true;
@@ -145,7 +172,7 @@ export default {
   letter-spacing: 0.5px !important;
 }
 
-div.before-list {
+div.after-list {
   padding: 8px;
 }