@nixweb/nixloc-ui 1.19.0 → 1.21.0

package/src/component/value-objects/Address.vue

@@ -1,173 +1,173 @@
-<template>
-  <div>
-    <b-row>
-      <b-col xs="12" sm="12" md="12" lg="3" xl="3">
-        <InputText title="CEP" field="zipCode" :formName="formName" :disabled="disabled" :mask="'#####-###'"
-          :maxLength="9" :required="required" :markFormDirty="markFormDirty" v-model="address.zipCode">
-          <div class="glyphicon margin-button">
-            <Button _key="searchZipCode" type="success" classIcon="fas fa-search" size="small"
-              :disabled="address.zipCode.length < 9" :clicked="searchZipCode" />
-          </div>
-        </InputText>
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-        <InputText title="Endereço" field="street" :formName="formName" :disabled="disabled" :maxLength="150"
-          :required="required" :markFormDirty="markFormDirty" v-model="address.street" />
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-        <InputText title="Número" field="number" :formName="formName" :disabled="disabled" :maxLength="20"
-          :markFormDirty="markFormDirty" v-model="address.number" />
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-        <InputText title="Complemento" field="complement" :formName="formName" :disabled="disabled" :maxLength="50"
-          :markFormDirty="markFormDirty" v-model="address.complement" />
-      </b-col>
-      <br />
-    </b-row>
-    <b-row>
-      <b-col xs="12" sm="12" md="12" :lg="showCity ? '5' : '12'" :xl="showCity ? '5' : '12'">
-        <InputText title="Bairro" field="province" :formName="formName" :disabled="disabled" :maxLength="100"
-          :required="required" :markFormDirty="markFormDirty" v-model="address.province" />
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="5" xl="5" v-if="showCity">
-        <InputText title="Cidade" field="city" :formName="formName" :disabled="disabled" :maxLength="100"
-          :required="required" :markFormDirty="markFormDirty" v-model="address.city" />
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="2" xl="2" v-if="showState">
-        <SelectStatic title="UF" :formName="formName" field="uf" fieldTarget="uf" :disabled="disabled"
-          :required="required" :markFormDirty="markFormDirty" v-model="address.state" :data="states" />
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
-import Address from "@nixweb/nixloc-ui/src/component/value-objects/Address.js";
-
-import axios from "axios";
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "Address",
-  props: {
-    formName: String,
-    markFormDirty: {
-      type: Boolean,
-      default: true,
-    },
-    required: {
-      type: Boolean,
-      default: false,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    showCity: {
-      type: Boolean,
-      default: true,
-    },
-    showState: {
-      type: Boolean,
-      default: true,
-    },
-    value: Object,
-  },
-  components: { InputText, Button, SelectStatic },
-
-  data() {
-    return {
-      address: new Address(),
-      states: [
-        { content: "AC", id: "AC" },
-        { content: "AL", id: "AL" },
-        { content: "AP", id: "AP" },
-        { content: "AM", id: "AM" },
-        { content: "BA", id: "BA" },
-        { content: "CE", id: "CE" },
-        { content: "DF", id: "DF" },
-        { content: "ES", id: "ES" },
-        { content: "GO", id: "GO" },
-        { content: "MA", id: "MA" },
-        { content: "MT", id: "MT" },
-        { content: "MS", id: "MS" },
-        { content: "MG", id: "MG" },
-        { content: "PA", id: "PA" },
-        { content: "PB", id: "PB" },
-        { content: "PR", id: "PR" },
-        { content: "PE", id: "PE" },
-        { content: "PI", id: "PI" },
-        { content: "RJ", id: "RJ" },
-        { content: "RN", id: "RN" },
-        { content: "RS", id: "RS" },
-        { content: "RO", id: "RO" },
-        { content: "RR", id: "RR" },
-        { content: "SC", id: "SC" },
-        { content: "SP", id: "SP" },
-        { content: "SE", id: "SE" },
-        { content: "TO", id: "TO" },
-      ],
-    };
-  },
-  mounted() {
-    if (this.value.zipCode != undefined) this.address = this.value;
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapMutations("generic", [
-      "addEvent",
-      "addNotifications",
-      "removeLoading",
-    ]),
-    searchZipCode() {
-      let zipCode = this.address.zipCode.replace(/\.|\-/g, "");
-      let url = `https://viacep.com.br/ws/${zipCode}/json/`;
-      axios.get(url).then((response) => {
-        let self = this;
-        setTimeout(function () {
-          self.loadData(response.data);
-          self.removeLoading(["searchZipCode"]);
-        }, 300);
-      });
-    },
-    loadData(data) {
-      this.address.zipCode = data.cep;
-      this.address.street = data.logradouro;
-      this.address.number = data.complemento;
-      this.address.province = data.bairro;
-      this.address.city =
-        data.localidade == undefined ? data.municipio : data.localidade;
-      this.address.state = { id: data.uf, content: data.uf };
-    },
-  },
-  watch: {
-    value: {
-      handler() {
-        this.address = this.value;
-      },
-      deep: true,
-    },
-    address: {
-      handler() {
-        this.$emit("input", this.address);
-      },
-      deep: true,
-    },
-    event: {
-      handler(event) {
-        if (event.name == "searchDocumentFederalRecipe") {
-          this.loadData(event.data);
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+        <InputText title="CEP" field="zipCode" :formName="formName" :disabled="disabled" :mask="'#####-###'"
+          :maxLength="9" :required="required" :markFormDirty="markFormDirty" v-model="address.zipCode">
+          <div class="glyphicon margin-button">
+            <Button _key="searchZipCode" type="success" classIcon="fas fa-search" size="small"
+              :disabled="address.zipCode.length < 9" :clicked="searchZipCode" />
+          </div>
+        </InputText>
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="5" xl="5">
+        <InputText title="Endereço" field="street" :formName="formName" :disabled="disabled" :maxLength="150"
+          :required="required" :markFormDirty="markFormDirty" v-model="address.street" />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+        <InputText title="Número" field="number" :formName="formName" :disabled="disabled" :maxLength="20"
+          :markFormDirty="markFormDirty" v-model="address.number" />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+        <InputText title="Complemento" field="complement" :formName="formName" :disabled="disabled" :maxLength="50"
+          :markFormDirty="markFormDirty" v-model="address.complement" />
+      </b-col>
+      <br />
+    </b-row>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" :lg="showCity ? '5' : '12'" :xl="showCity ? '5' : '12'">
+        <InputText title="Bairro" field="province" :formName="formName" :disabled="disabled" :maxLength="100"
+          :required="required" :markFormDirty="markFormDirty" v-model="address.province" />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="5" xl="5" v-if="showCity">
+        <InputText title="Cidade" field="city" :formName="formName" :disabled="disabled" :maxLength="100"
+          :required="required" :markFormDirty="markFormDirty" v-model="address.city" />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="2" xl="2" v-if="showState">
+        <SelectStatic title="UF" :formName="formName" field="uf" fieldTarget="uf" :disabled="disabled"
+          :required="required" :markFormDirty="markFormDirty" v-model="address.state" :data="states" />
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import Address from "@nixweb/nixloc-ui/src/component/value-objects/Address.js";
+
+import axios from "axios";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "Address",
+  props: {
+    formName: String,
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
+    required: {
+      type: Boolean,
+      default: false,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    showCity: {
+      type: Boolean,
+      default: true,
+    },
+    showState: {
+      type: Boolean,
+      default: true,
+    },
+    value: Object,
+  },
+  components: { InputText, Button, SelectStatic },
+
+  data() {
+    return {
+      address: new Address(),
+      states: [
+        { content: "AC", id: "AC" },
+        { content: "AL", id: "AL" },
+        { content: "AP", id: "AP" },
+        { content: "AM", id: "AM" },
+        { content: "BA", id: "BA" },
+        { content: "CE", id: "CE" },
+        { content: "DF", id: "DF" },
+        { content: "ES", id: "ES" },
+        { content: "GO", id: "GO" },
+        { content: "MA", id: "MA" },
+        { content: "MT", id: "MT" },
+        { content: "MS", id: "MS" },
+        { content: "MG", id: "MG" },
+        { content: "PA", id: "PA" },
+        { content: "PB", id: "PB" },
+        { content: "PR", id: "PR" },
+        { content: "PE", id: "PE" },
+        { content: "PI", id: "PI" },
+        { content: "RJ", id: "RJ" },
+        { content: "RN", id: "RN" },
+        { content: "RS", id: "RS" },
+        { content: "RO", id: "RO" },
+        { content: "RR", id: "RR" },
+        { content: "SC", id: "SC" },
+        { content: "SP", id: "SP" },
+        { content: "SE", id: "SE" },
+        { content: "TO", id: "TO" },
+      ],
+    };
+  },
+  mounted() {
+    if (this.value.zipCode != undefined) this.address = this.value;
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("generic", [
+      "addEvent",
+      "addNotifications",
+      "removeLoading",
+    ]),
+    searchZipCode() {
+      let zipCode = this.address.zipCode.replace(/\.|\-/g, "");
+      let url = `https://viacep.com.br/ws/${zipCode}/json/`;
+      axios.get(url).then((response) => {
+        let self = this;
+        setTimeout(function () {
+          self.loadData(response.data);
+          self.removeLoading(["searchZipCode"]);
+        }, 300);
+      });
+    },
+    loadData(data) {
+      this.address.zipCode = data.cep;
+      this.address.street = data.logradouro;
+      this.address.number = data.complemento;
+      this.address.province = data.bairro;
+      this.address.city =
+        data.localidade == undefined ? data.municipio : data.localidade;
+      this.address.state = { id: data.uf, content: data.uf };
+    },
+  },
+  watch: {
+    value: {
+      handler() {
+        this.address = this.value;
+      },
+      deep: true,
+    },
+    address: {
+      handler() {
+        this.$emit("input", this.address);
+      },
+      deep: true,
+    },
+    event: {
+      handler(event) {
+        if (event.name == "searchDocumentFederalRecipe") {
+          this.loadData(event.data);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/component/value-objects/Contact.js

@@ -1,7 +1,7 @@
-export default class DadosContato {
-    constructor() {
-        this.phone = "";
-        this.webSite = "";
-        this.email = "";
-    }
+export default class DadosContato {
+    constructor() {
+        this.phone = "";
+        this.webSite = "";
+        this.email = "";
+    }
 }

package/src/component/value-objects/Contact.vue

@@ -1,106 +1,106 @@
-<template>
-  <div>
-    <b-row>
-      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <InputText
-          title="Telefone"
-          field="phone"
-          :formName="formName"
-          :mask="['(##) ####-####', '(##) #####-####']"
-          :maxLength="20"
-          :required="required"
-          v-model="contact.phone"
-          :markFormDirty="markFormDirty"
-        />
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <InputText
-          title="Site"
-          field="webSite"
-          :formName="formName"
-          mask=""
-          :maxLength="100"
-          :required="false"
-          v-model="contact.webSite"
-          :markFormDirty="markFormDirty"
-        />
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <InputText
-          title="E-mail"
-          field="email"
-          :formName="formName"
-          mask=""
-          :maxLength="100"
-          :required="required"
-          v-model="contact.email"
-          :markFormDirty="markFormDirty"
-        />
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Contact from "@nixweb/nixloc-ui/src/component/value-objects/Contact.js";
-
-import { mapGetters } from "vuex";
-
-export default {
-  name: "Contact",
-  props: {
-    formName: String,
-    required: {
-      type: Boolean,
-      default: false,
-    },
-    markFormDirty: {
-      type: Boolean,
-      default: true,
-    },
-    value: Object,
-  },
-  components: { InputText, Button },
-  data() {
-    return {
-      contact: new Contact(),
-    };
-  },
-  mounted() {
-    if (this.value.phone != undefined) this.contact = this.value;
-  },
-  methods: {
-    loadData(data) {
-      this.contact.phone = data.phone;
-      this.contact.email = data.email;
-    },
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  watch: {
-    value: {
-      handler() {
-        this.contact = this.value;
-      },
-      deep: true,
-    },
-    contact: {
-      handler() {
-        this.$emit("input", this.contact);
-      },
-      deep: true,
-    },
-    event: {
-      handler(event) {
-        if (event.name == "searchDocumentFederalRecipe") {
-          this.loadData(event.data);
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <InputText
+          title="Telefone"
+          field="phone"
+          :formName="formName"
+          :mask="['(##) ####-####', '(##) #####-####']"
+          :maxLength="20"
+          :required="required"
+          v-model="contact.phone"
+          :markFormDirty="markFormDirty"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <InputText
+          title="Site"
+          field="webSite"
+          :formName="formName"
+          mask=""
+          :maxLength="100"
+          :required="false"
+          v-model="contact.webSite"
+          :markFormDirty="markFormDirty"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <InputText
+          title="E-mail"
+          field="email"
+          :formName="formName"
+          mask=""
+          :maxLength="100"
+          :required="required"
+          v-model="contact.email"
+          :markFormDirty="markFormDirty"
+        />
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Contact from "@nixweb/nixloc-ui/src/component/value-objects/Contact.js";
+
+import { mapGetters } from "vuex";
+
+export default {
+  name: "Contact",
+  props: {
+    formName: String,
+    required: {
+      type: Boolean,
+      default: false,
+    },
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
+    value: Object,
+  },
+  components: { InputText, Button },
+  data() {
+    return {
+      contact: new Contact(),
+    };
+  },
+  mounted() {
+    if (this.value.phone != undefined) this.contact = this.value;
+  },
+  methods: {
+    loadData(data) {
+      this.contact.phone = data.phone;
+      this.contact.email = data.email;
+    },
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  watch: {
+    value: {
+      handler() {
+        this.contact = this.value;
+      },
+      deep: true,
+    },
+    contact: {
+      handler() {
+        this.$emit("input", this.contact);
+      },
+      deep: true,
+    },
+    event: {
+      handler(event) {
+        if (event.name == "searchDocumentFederalRecipe") {
+          this.loadData(event.data);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/component/value-objects/Person.js

@@ -1,10 +1,10 @@
-export default class Person {
-    constructor() {
-        this.typePerson = 2;
-        this.companyName = "";
-        this.tradeName = "";
-        this.document = "";
-        this.stateInscription = "";
-        this.municipalInscription = "";
-    }
-}
+export default class Person {
+    constructor() {
+        this.typePerson = 2;
+        this.companyName = "";
+        this.tradeName = "";
+        this.document = "";
+        this.stateInscription = "";
+        this.municipalInscription = "";
+    }
+}