@nixweb/nixloc-ui 0.0.80 → 0.0.83
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.
- package/package.json +1 -1
- package/src/component/forms/CheckboxMultiplo.vue +9 -1
- package/src/component/forms/DateTime.vue +1 -3
- package/src/component/forms/Decimal.vue +6 -2
- package/src/component/forms/Escolher.vue +4 -7
- package/src/component/forms/Numero.vue +1 -3
- package/src/component/forms/Opcoes.vue +1 -3
- package/src/component/forms/Texto.vue +1 -3
- package/src/component/forms/TextoArea.vue +6 -1
- package/src/component/layout/BarraFixa.vue +1 -1
- package/src/component/layout/Menu.vue +18 -0
package/package.json
CHANGED
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
</template>
|
|
13
13
|
|
|
14
14
|
<script>
|
|
15
|
+
import { mapState, mapMutations } from "vuex";
|
|
16
|
+
|
|
15
17
|
export default {
|
|
16
18
|
name: "CheckboxMultiplo",
|
|
17
19
|
props: {
|
|
@@ -26,6 +28,10 @@ export default {
|
|
|
26
28
|
type: Boolean,
|
|
27
29
|
default: false,
|
|
28
30
|
},
|
|
31
|
+
marcarFormSujo: {
|
|
32
|
+
type: Boolean,
|
|
33
|
+
default: true,
|
|
34
|
+
},
|
|
29
35
|
},
|
|
30
36
|
data() {
|
|
31
37
|
return {
|
|
@@ -36,11 +42,13 @@ export default {
|
|
|
36
42
|
this.selecionado = this.valorInicial;
|
|
37
43
|
},
|
|
38
44
|
methods: {
|
|
45
|
+
...mapMutations("validation", ["insereFormSujo"]),
|
|
39
46
|
executar(event) {
|
|
47
|
+
if (this.marcarFormSujo) this.insereFormSujo(true);
|
|
40
48
|
this.$emit("input", this.selecionado);
|
|
41
49
|
let self = this;
|
|
42
50
|
setTimeout(function () {
|
|
43
|
-
// adicionado o pointerId para
|
|
51
|
+
// adicionado o pointerId para prevenir que não seja executado em duplicidade
|
|
44
52
|
if (self.clicou && event.pointerId === 1) self.clicou(self.params);
|
|
45
53
|
}, 100);
|
|
46
54
|
},
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
v-if="notificacoes.length > 0 && formSujo"
|
|
11
11
|
class="requerido glyphicon fas fa-exclamation-triangle"
|
|
12
12
|
></i>
|
|
13
|
-
|
|
14
13
|
<vue-numeric
|
|
15
14
|
class="form-control"
|
|
16
15
|
v-on:keyup.enter.native="apertouEnter"
|
|
@@ -67,7 +66,11 @@ export default {
|
|
|
67
66
|
this.valor = this.value;
|
|
68
67
|
},
|
|
69
68
|
methods: {
|
|
70
|
-
...mapMutations("validation", [
|
|
69
|
+
...mapMutations("validation", [
|
|
70
|
+
"insereValidacao",
|
|
71
|
+
"removeValidacao",
|
|
72
|
+
"insereFormSujo",
|
|
73
|
+
]),
|
|
71
74
|
valida() {
|
|
72
75
|
this.notificacoes = [];
|
|
73
76
|
if (this.value == 0) return;
|
|
@@ -90,6 +93,7 @@ export default {
|
|
|
90
93
|
valor() {
|
|
91
94
|
this.valida();
|
|
92
95
|
this.formSujo = true;
|
|
96
|
+
this.insereFormSujo(true);
|
|
93
97
|
this.$emit("input", this.valor);
|
|
94
98
|
},
|
|
95
99
|
notificacoes() {
|
|
@@ -283,9 +283,6 @@ export default {
|
|
|
283
283
|
</script>
|
|
284
284
|
|
|
285
285
|
<style scoped>
|
|
286
|
-
.titulo {
|
|
287
|
-
color: #5f7587;
|
|
288
|
-
}
|
|
289
286
|
div.antes-lista {
|
|
290
287
|
padding: 8px;
|
|
291
288
|
}
|
|
@@ -300,11 +297,11 @@ div.depois-lista {
|
|
|
300
297
|
}
|
|
301
298
|
|
|
302
299
|
.selecione {
|
|
303
|
-
height:
|
|
304
|
-
border-bottom: 1px solid #
|
|
305
|
-
border-radius:
|
|
300
|
+
height: 36px;
|
|
301
|
+
border-bottom: 1px solid #d6dadf;
|
|
302
|
+
border-radius: 0px !important;
|
|
306
303
|
margin-bottom: 20px;
|
|
307
|
-
}
|
|
304
|
+
}
|
|
308
305
|
|
|
309
306
|
.selecione-invalido {
|
|
310
307
|
border-bottom: 1px solid #ff5454;
|
|
@@ -56,7 +56,11 @@ export default {
|
|
|
56
56
|
this.valida();
|
|
57
57
|
},
|
|
58
58
|
methods: {
|
|
59
|
-
...mapMutations("validation", [
|
|
59
|
+
...mapMutations("validation", [
|
|
60
|
+
"insereValidacao",
|
|
61
|
+
"removeValidacao",
|
|
62
|
+
"insereFormSujo",
|
|
63
|
+
]),
|
|
60
64
|
valida() {
|
|
61
65
|
this.notificacoes = [];
|
|
62
66
|
|
|
@@ -80,6 +84,7 @@ export default {
|
|
|
80
84
|
value() {
|
|
81
85
|
this.valida();
|
|
82
86
|
this.formSujo = true;
|
|
87
|
+
this.insereFormSujo(true);
|
|
83
88
|
},
|
|
84
89
|
notificacoes() {
|
|
85
90
|
let self = this;
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="menu-container" :class="{ 'menu-aberto': subMenuPrimeiroNivel }">
|
|
3
3
|
<ul class="menu">
|
|
4
|
+
<li v-if="urlImagem">
|
|
5
|
+
<div class="div-logo text-center">
|
|
6
|
+
<img :src="urlImagem" />
|
|
7
|
+
</div>
|
|
8
|
+
</li>
|
|
4
9
|
<li>
|
|
5
10
|
<a
|
|
6
11
|
href="#"
|
|
@@ -76,6 +81,7 @@ export default {
|
|
|
76
81
|
type: String,
|
|
77
82
|
default: "#4680A5",
|
|
78
83
|
},
|
|
84
|
+
urlImagem: String,
|
|
79
85
|
},
|
|
80
86
|
data() {
|
|
81
87
|
return {
|
|
@@ -137,11 +143,18 @@ export default {
|
|
|
137
143
|
width: 277px;
|
|
138
144
|
z-index: 1000;
|
|
139
145
|
}
|
|
146
|
+
|
|
147
|
+
.div-logo {
|
|
148
|
+
padding-top: 5px;
|
|
149
|
+
padding-bottom: 15px;
|
|
150
|
+
}
|
|
151
|
+
|
|
140
152
|
.div-icone {
|
|
141
153
|
width: 35px;
|
|
142
154
|
height: 35px;
|
|
143
155
|
padding-top: 5px;
|
|
144
156
|
}
|
|
157
|
+
|
|
145
158
|
.icone-fechar {
|
|
146
159
|
margin-right: 20px;
|
|
147
160
|
}
|
|
@@ -163,4 +176,9 @@ export default {
|
|
|
163
176
|
font-size: 16px;
|
|
164
177
|
font-weight: normal;
|
|
165
178
|
}
|
|
179
|
+
|
|
180
|
+
img {
|
|
181
|
+
height: 27px;
|
|
182
|
+
margin-top: 10px;
|
|
183
|
+
}
|
|
166
184
|
</style>
|