@nixweb/nixloc-ui 0.0.234 → 0.0.236

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/component/forms/FileUpload.vue +1 -0
  3. package/src/component/forms/InputTag.vue +3 -0
  4. package/src/component/layout/Header.vue +1 -1
  5. package/src/component/shared/TableButton.vue +20 -10
  6. package/src/component/shared/TableItem.vue +14 -13
  7. package/src/component/value-objects/Person.vue +29 -23
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nixweb/nixloc-ui",
3
- "version": "0.0.234",
3
+ "version": "0.0.236",
4
4
  "description": "Componentes UI",
5
5
  "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
6
  "private": false,
package/src/component/forms/FileUpload.vue CHANGED
@@ -52,6 +52,7 @@ export default {
52
52
  ...mapActions("generic", ["postFileApi", "deleteFileApi"]),
53
53
  upload() {
54
54
  this.file = this.$refs.file.files[0];
55
+
55
56
  let params = {
56
57
  url: this.urlPost,
57
58
  file: this.file,
package/src/component/forms/InputTag.vue CHANGED
@@ -24,6 +24,7 @@ export default {
24
24
  required: Boolean,
25
25
  initialValue: Array,
26
26
  value: Array,
27
+ change: Function
27
28
  },
28
29
  data() {
29
30
  return {
@@ -39,10 +40,12 @@ export default {
39
40
  if (this.newItem) {
40
41
  this.tos.push(this.newItem);
41
42
  this.newItem = "";
43
+ this.change();
42
44
  }
43
45
  },
44
46
  removeEmail(index) {
45
47
  this.tos.splice(index, 1);
48
+ this.change();
46
49
  }
47
50
  },
48
51
  watch: {
package/src/component/layout/Header.vue CHANGED
@@ -34,7 +34,7 @@ export default {
34
34
  box-shadow: 0px 10px 30px -6px rgb(0 0 0 / 10%);
35
35
  border-bottom: 0px solid #eff0f1;
36
36
  position: fixed;
37
- z-index: 5;
37
+ z-index: 100;
38
38
  }
39
39
 
40
40
  .top-space {
package/src/component/shared/TableButton.vue CHANGED
@@ -1,9 +1,24 @@
1
1
  <template>
2
- <div class="div-btn">
3
- <Button v-if="obj.typeButton == 'default'" :key="row.id" :title="obj.button.title" :type="obj.button.type"
4
- :size="obj.button.size" :classIcon="obj.button.classIcon" :eventName="obj.button.eventName" :eventData="row" />
5
- <Dropdown v-if="obj.typeButton == 'dropdown'" :title="obj.button.title" :type="obj.button.type"
6
- :size="obj.button.size" :classIcon="obj.button.classIcon" :param="row" :items="obj.button.items" />
2
+ <div>
3
+ <Button
4
+ v-if="obj.typeButton == 'default'"
5
+ :key="row.id"
6
+ :title="obj.button.title"
7
+ :type="obj.button.type"
8
+ :size="obj.button.size"
9
+ :classIcon="obj.button.classIcon"
10
+ :eventName="obj.button.eventName"
11
+ :eventData="row"
12
+ />
13
+ <Dropdown
14
+ v-if="obj.typeButton == 'dropdown'"
15
+ :title="obj.button.title"
16
+ :type="obj.button.type"
17
+ :size="obj.button.size"
18
+ :classIcon="obj.button.classIcon"
19
+ :param="row"
20
+ :items="obj.button.items"
21
+ />
7
22
  </div>
8
23
  </template>
9
24
 
@@ -19,8 +34,3 @@ export default {
19
34
  },
20
35
  };
21
36
  </script>
22
- <style scoped>
23
- .div-btn {
24
- min-width: 80px;
25
- }
26
- </style>
package/src/component/shared/TableItem.vue CHANGED
@@ -9,7 +9,7 @@
9
9
  {{ row[obj.field] }}
10
10
  <div>{{ row[obj.fieldSecond] }}</div>
11
11
  </div>
12
- <div v-if="obj.type === 'image'">
12
+ <div v-if="obj.type === 'image'" :style="obj.styleBody">
13
13
  <img :class="convertClass(row[obj.fieldComparison], obj.classCssBody)" class="img"
14
14
  :src="urlImage + obj.container + '/' + row[obj.field]" />
15
15
  </div>
@@ -18,28 +18,33 @@
18
18
  {{ row[obj.field] }}
19
19
  </div>
20
20
  </div>
21
- <div v-if="obj.type === 'html'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
21
+ <div v-if="obj.type === 'html'" :style="obj.styleBody"
22
+ :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
22
23
  <div v-if="row[obj.field]" v-html="row[obj.field]"></div>
23
24
  <div v-else v-html="obj.html"></div>
24
25
  </div>
25
- <div v-if="obj.type === 'select'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
26
+ <div v-if="obj.type === 'select'" :style="obj.styleBody"
27
+ :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
26
28
  {{ row[obj.field].content }}
27
29
  </div>
28
- <div v-if="obj.type === 'date'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
30
+ <div v-if="obj.type === 'date'" :style="obj.styleBody"
31
+ :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
29
32
  {{ row[obj.field] | moment("DD/MM/YYYY") }}
30
33
  </div>
31
- <div v-if="obj.type === 'dateTime'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
34
+ <div v-if="obj.type === 'dateTime'" :style="obj.styleBody"
35
+ :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
32
36
  {{ row[obj.field] | moment("DD/MM/YYYY HH:mm") }}
33
37
  </div>
34
- <div class="div-currency" v-if="obj.type === 'currency'"
38
+ <div v-if="obj.type === 'currency'" :style="obj.styleBody"
35
39
  :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
36
40
  {{ row[obj.field] | currency }}
37
41
  </div>
38
- <div v-if="obj.type === 'button'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
42
+ <div v-if="obj.type === 'button'" :style="obj.styleBody"
43
+ :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
39
44
  <TableButton v-if="obj.ifFieldEqual == row[obj.field]" :obj="obj" :row="row" />
40
45
  </div>
41
- <div v-if="obj.type === 'link'" class="link" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
42
- @click="navegateTo(obj, row)">
46
+ <div v-if="obj.type === 'link'" class="link" :style="obj.styleBody"
47
+ :class="convertClass(row[obj.fieldComparison], obj.classCssBody)" @click="navegateTo(obj, row)">
43
48
  <span> {{ row[obj.field] }}</span>
44
49
  <div class="field-second">{{ row[obj.fieldSecond] }}</div>
45
50
  </div>
@@ -163,10 +168,6 @@ export default {
163
168
  border-radius: 20px;
164
169
  }
165
170
 
166
- .div-currency {
167
- min-width: 100px;
168
- }
169
-
170
171
  .period-rent {
171
172
  cursor: pointer;
172
173
  }
package/src/component/value-objects/Person.vue CHANGED
@@ -8,29 +8,31 @@
8
8
  ]" v-model="person.typePerson" :markFormDirty="markFormDirty" />
9
9
  </b-col>
10
10
  </b-row>
11
- <b-row>
12
- <b-col xs="12" sm="12" md="12" lg="4" xl="4">
13
- <InputText :title="person.typePerson == 2 ? 'CNPJ' : 'CPF'" field="document" :formName="formName" :mask="person.typePerson == 2 ? ['##.###.###/####-##'] : ['###.###.###-##']
14
- " :maxLength="30" :required="required" v-model="person.document" :markFormDirty="markFormDirty">
15
- <div class="glyphicon margin-button">
16
- <Button v-if="person.typePerson == 2" _key="searchDocumentFederalRecipe" type="success"
17
- classIcon="fas fa-search" :disabled="person.document.length < 18" size="small"
18
- :clicked="searchDocumentFederalRecipe" />
19
- </div>
20
- </InputText>
21
- </b-col>
22
- <b-col xs="12" sm="12" md="12" lg="4" xl="4">
23
- <InputText :title="person.typePerson == 2 ? 'Inscrição Estadual' : 'RG'" field="stateInscription"
24
- :formName="formName" :maxLength="50" :required="required" v-model="person.stateInscription"
25
- :markFormDirty="markFormDirty" />
26
- </b-col>
27
- <b-col xs="12" sm="12" md="12" lg="4" xl="4">
28
- <InputText v-if="person.typePerson == 2" title="Inscrição Municipal" field="municipalInscription"
29
- :formName="formName" :maxLength="50" :required="false" v-model="person.municipalInscription"
30
- :markFormDirty="markFormDirty" />
31
- </b-col>
32
- </b-row>
33
- <br v-if="person.typePerson == 2" />
11
+ <div v-if="showDocument">
12
+ <b-row>
13
+ <b-col xs="12" sm="12" md="12" lg="4" xl="4">
14
+ <InputText :title="person.typePerson == 2 ? 'CNPJ' : 'CPF'" field="document" :formName="formName" :mask="person.typePerson == 2 ? ['##.###.###/####-##'] : ['###.###.###-##']
15
+ " :maxLength="30" :required="required" v-model="person.document" :markFormDirty="markFormDirty">
16
+ <div class="glyphicon margin-button">
17
+ <Button v-if="person.typePerson == 2" _key="searchDocumentFederalRecipe" type="success"
18
+ classIcon="fas fa-search" :disabled="person.document.length < 18" size="small"
19
+ :clicked="searchDocumentFederalRecipe" />
20
+ </div>
21
+ </InputText>
22
+ </b-col>
23
+ <b-col xs="12" sm="12" md="12" lg="4" xl="4">
24
+ <InputText :title="person.typePerson == 2 ? 'Inscrição Estadual' : 'RG'" field="stateInscription"
25
+ :formName="formName" :maxLength="50" :required="required" v-model="person.stateInscription"
26
+ :markFormDirty="markFormDirty" />
27
+ </b-col>
28
+ <b-col xs="12" sm="12" md="12" lg="4" xl="4">
29
+ <InputText v-if="person.typePerson == 2" title="Inscrição Municipal" field="municipalInscription"
30
+ :formName="formName" :maxLength="50" :required="false" v-model="person.municipalInscription"
31
+ :markFormDirty="markFormDirty" />
32
+ </b-col>
33
+ </b-row>
34
+ </div>
35
+ <br v-if="person.typePerson == 2 && showDocument" />
34
36
  <b-row>
35
37
  <b-col xs="12" sm="12" md="12" lg="8" xl="8">
36
38
  <InputText :title="person.typePerson == 2 ? 'Razão Social' : 'Nome'" field="companyName" :formName="formName"
@@ -64,6 +66,10 @@ export default {
64
66
  type: Boolean,
65
67
  default: true,
66
68
  },
69
+ showDocument: {
70
+ type: Boolean,
71
+ default: true,
72
+ },
67
73
  markFormDirty: {
68
74
  type: Boolean,
69
75
  default: true,