vue-intergrall-plugins 1.0.30 → 1.0.32
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/README.md +208 -173
- package/dist/vue-intergrall-plugins.esm.js +62 -106
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +73 -115
- package/package.json +2 -3
- package/src/lib-components/Chat/BtnEmojis.vue +9 -10
- package/src/lib-components/Chat/BtnFiles.vue +41 -103
- package/src/lib-components/Chat/ExpandTextarea.vue +26 -37
- package/src/lib-components/Chat/TextFooter.vue +5 -3
- package/src/lib-components/Email/EmailItem.vue +6 -4
- package/src/lib-components/Messages/ChatMessages.vue +8 -6
- package/src/lib-components/Messages/InteratividadePopup.vue +10 -23
package/README.md
CHANGED
|
@@ -1,185 +1,220 @@
|
|
|
1
1
|
# :earth_americas: Vue IntergrAll Plugins
|
|
2
|
+
|
|
2
3
|
Biblioteca de plugins feitos em Vue para serem utilizados em qualquer lugar dentro das necessidades do Sistema IntergrAll.
|
|
3
4
|
|
|
4
5
|
|
|
5
6
|
|
|
6
7
|
## Template Generator:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
8
|
+
|
|
9
|
+
### Props:
|
|
10
|
+
|
|
11
|
+
**templates:**
|
|
12
|
+
|
|
13
|
+
- type: Object
|
|
14
|
+
- required: true
|
|
15
|
+
- desc: Objeto dos templates a serem exibidos.
|
|
16
|
+
|
|
17
|
+
**identifier:**
|
|
18
|
+
|
|
19
|
+
- type: String
|
|
20
|
+
- required: true
|
|
21
|
+
- desc: Identificador único para o componente. Útil para caso seja necessário disparar uma função de dentro do componente.
|
|
22
|
+
|
|
23
|
+
**dictionary:**
|
|
24
|
+
|
|
25
|
+
- type: Object
|
|
26
|
+
- required: true
|
|
27
|
+
- desc: Dicionário de palavras a ser utilizado no componente.
|
|
28
|
+
|
|
29
|
+
**hasButton:**
|
|
30
|
+
|
|
31
|
+
- type: Boolean
|
|
32
|
+
- required: false
|
|
33
|
+
- default: true
|
|
34
|
+
- desc: Exibir botão de envio. Faz a emissão do evento @click-trigger.
|
|
35
|
+
|
|
36
|
+
**iconButton:**
|
|
37
|
+
|
|
38
|
+
- type: Boolean
|
|
39
|
+
- required: false
|
|
40
|
+
- desc: Estiliza o botão para ser apenas um ícone 'fas fa-paperplane'. Para funcionar a opção hasButton deve ser true (default).
|
|
41
|
+
|
|
42
|
+
**columnSelect:**
|
|
43
|
+
|
|
44
|
+
- type: Boolean
|
|
45
|
+
- required: false
|
|
46
|
+
- desc: Torna o container do select de templates em coluna, onde encima ficará o título, "Template:" e embaixo o select. O padrão é o título e o select na mesma linha.
|
|
47
|
+
|
|
48
|
+
**resizeParentOnSelect:**
|
|
49
|
+
|
|
50
|
+
- type: Boolean
|
|
51
|
+
- required: false
|
|
52
|
+
- desc: Indica ao selecionar um template que o componente pai deve ter seu tamanho corrigido caso não faça isso naturalmente. Faz a emissão do evento @resize-parent.
|
|
53
|
+
|
|
54
|
+
**placement:**
|
|
55
|
+
|
|
56
|
+
- type: String
|
|
57
|
+
- required: false
|
|
58
|
+
- default: "bottom"
|
|
59
|
+
- desc: Indica se as opções do select devem abrir para cima('top'), ou para baixo('bottom', default).
|
|
60
|
+
|
|
61
|
+
**allVariables:**
|
|
62
|
+
|
|
63
|
+
- type: Boolean
|
|
64
|
+
- required: false
|
|
65
|
+
- default: true
|
|
66
|
+
- desc: Indica se todas variáveis devem ser exibidas quando houver o clique sobre o input para digitar o valor das variáveis.
|
|
67
|
+
|
|
68
|
+
### Emitters:
|
|
69
|
+
|
|
70
|
+
**@click-trigger:**
|
|
71
|
+
|
|
72
|
+
- desc: Emitido ao clicar no botão.
|
|
73
|
+
|
|
74
|
+
**@selected-template:**
|
|
75
|
+
|
|
76
|
+
- desc: Emitido ao selecionar alguma opção do template.
|
|
77
|
+
- sent_data: String - código do template ou 'envio_msg', que indica que o template é uma mensagem a ser digitada pelo usuário.
|
|
78
|
+
|
|
79
|
+
**@resize-parent:**
|
|
80
|
+
|
|
81
|
+
- desc: Emitido ao selecionar algum template.
|
|
82
|
+
|
|
83
|
+
**@template-data:**
|
|
84
|
+
|
|
85
|
+
- desc: Emitido quando é selecionado um template sem variáveis ou conforme o preenchimento da(s) variável(eis).
|
|
86
|
+
- sent_data: Object - envia os dados do template com os valores a serem atribuidos a variável na posição 'currentText'.
|
|
87
|
+
|
|
88
|
+
**@static-message:**
|
|
89
|
+
|
|
90
|
+
- desc: Emitido conforme o preenchimento do campo de texto.
|
|
91
|
+
- sent_data: String - valor da mensagem
|
|
74
92
|
|
|
75
93
|
## Text Footer:
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
-
|
|
105
|
-
-
|
|
106
|
-
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
-
|
|
115
|
-
-
|
|
116
|
-
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
-
|
|
147
|
-
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
94
|
+
|
|
95
|
+
### Props:
|
|
96
|
+
|
|
97
|
+
**textId:**
|
|
98
|
+
|
|
99
|
+
- type: String
|
|
100
|
+
- required: true
|
|
101
|
+
- desc: Identificador único para o componente. Útil para caso seja necessário disparar uma função de dentro do componente.
|
|
102
|
+
|
|
103
|
+
**dictionary:**
|
|
104
|
+
|
|
105
|
+
- type: Object
|
|
106
|
+
- required: true
|
|
107
|
+
- desc: Dicionário de palavras a ser utilizado no componente.
|
|
108
|
+
|
|
109
|
+
**buttons:**
|
|
110
|
+
|
|
111
|
+
- type: Object
|
|
112
|
+
- required: false
|
|
113
|
+
- default: { hasEmojis: false, hasSendButton: false, hasFiles: false, hasAudio: false }
|
|
114
|
+
- desc: Objeto responsável por habilitar os possíveis botões do componente. Sendo eles, emojis, enviar, arquivos e áudio, todos aceitam Boolean, true ou false.
|
|
115
|
+
|
|
116
|
+
**cssStyle:**
|
|
117
|
+
|
|
118
|
+
- type: Object
|
|
119
|
+
- required: false
|
|
120
|
+
- default: { width: "full", backgroundColor: "#FFF", outsideButtons: false }
|
|
121
|
+
- desc: Objeto de estilização, onde:
|
|
122
|
+
- width: Largura do componente. Aceita a String "full" (100%), "almostFull" (95%) ou "medium" (75%).
|
|
123
|
+
- backgroundColor: Cor de fundo do compoennte. Aceita String com qualquer código de cor CSS válido.
|
|
124
|
+
- outsideButtons: Coloca os botões flutuando na parte superior direita do componente. Aceita Boolean, true ou false.
|
|
125
|
+
|
|
126
|
+
**textareaSettings:**
|
|
127
|
+
|
|
128
|
+
- type: Object
|
|
129
|
+
- required: false
|
|
130
|
+
- default: { placeholderMessage: "", maxCharacters: 0, sendOnEnter: false, disabled: false }
|
|
131
|
+
- desc: Configurações do campo de texto, onde:
|
|
132
|
+
- placeholderMessage: Placeholder do campo de texto. Aceita qualquer String.
|
|
133
|
+
- maxCharacters: Máximo de caracteres aceitos no campo de texto. Aceita qualquer número positivo.
|
|
134
|
+
- sendOnEnter: Faz a emissão do evento que dispara a mensagem. Aceita Boolean, true ou false.
|
|
135
|
+
- disabled: Desabilita o campo de texto. Aceita Boolean, true ou false.
|
|
136
|
+
|
|
137
|
+
**emojiSettings:**
|
|
138
|
+
|
|
139
|
+
- type: Object
|
|
140
|
+
- required: false
|
|
141
|
+
- default: { openEmojisFrom: "top", smallEmojis: false }
|
|
142
|
+
- desc: Configurações dos emojis, onde:
|
|
143
|
+
- openEmojisFrom: Direção que a caixa de seleção de emojis vai abrir. Aceita String "top" ou "bottom".
|
|
144
|
+
- smallEmojis: Diminui o tamanho dos emojis renderizados na caixa de seleção. Aceita Boolean, true ou false.
|
|
145
|
+
|
|
146
|
+
**formattedMessageSettings:**
|
|
147
|
+
|
|
148
|
+
- type: Object
|
|
149
|
+
- required: false
|
|
150
|
+
- default: { hasStandardMessages: false, msgType: 0, token_cliente: "" }
|
|
151
|
+
- desc: Configurações das mensagens formatadas, onde:
|
|
152
|
+
- hasStandardMessages: Faz a aparição do botão de mensagem formatada caso verdadeiro. Aceita Boolean, true ou false.
|
|
153
|
+
- msgType: Tipo da mensagem formatada. Aceita os números 0 (sem mensagem), 1 (tipo mensagem 1) ou 2 (tipo mensagem 2).
|
|
154
|
+
- token_cliente: Para que a requisição de obter as mensagens formatadas funcione, é necessário passar o token_cliente.
|
|
155
|
+
|
|
156
|
+
**fileSettings:**
|
|
157
|
+
|
|
158
|
+
- type: Object
|
|
159
|
+
- required: false
|
|
160
|
+
- default: { docsExtensions: "", imagesExtensions: "", multiple: false, systemButton: false, max: 3 }
|
|
161
|
+
- desc: Configurações dos arquivos, onde:
|
|
162
|
+
- docsExtensions, imagesExtensions aceitam uma regex contendo as possíveis extensões a serem enviadas: Faz a aparição do botão de mensagem formatada caso verdadeiro. Aceita Boolean, true ou false.
|
|
163
|
+
- multiple: Caso aceite múltiplos arquivos para serem enviados.
|
|
164
|
+
- systemButton: Caso necessite de um botão extra. Emite o evento "@open-file-system".
|
|
165
|
+
- max: Máximo de arquivos que podem ser selecionados.
|
|
166
|
+
|
|
167
|
+
**isSending:**
|
|
168
|
+
|
|
169
|
+
- type: Boolean
|
|
170
|
+
- required: false
|
|
171
|
+
- default: false
|
|
172
|
+
- desc: Variável de controle que, quando marcada como true, coloca um loader no campo de texto para que não sejam realizadas múltiplas requisições enquanto uma já está em andamento.
|
|
173
|
+
|
|
174
|
+
**isMainChat:**
|
|
175
|
+
|
|
176
|
+
- type: Boolean
|
|
177
|
+
- required: false
|
|
178
|
+
- default: false
|
|
179
|
+
- desc: Controle de verificação para saber se o chat em questão é o principal da tela (tende a ser excluído nas próximas implementações)
|
|
180
|
+
|
|
181
|
+
### Emitters:
|
|
182
|
+
|
|
183
|
+
**@final-message:**
|
|
184
|
+
|
|
185
|
+
- desc: Emitido conforme o preenchimento do campo de texto.
|
|
186
|
+
- sent_data: String - valor da mensagem. **Obs:** Para os emojis, é enviado o seu respectivo código em HTML.
|
|
187
|
+
|
|
188
|
+
**@send-message:**
|
|
189
|
+
|
|
190
|
+
- desc: Emitido ao disparar mensagem pelo botão, tecla enter ou shift + enter, dependendo das props recebidas.
|
|
191
|
+
- sent_data: String - valor da mensagem. **Obs:** Para os emojis, é enviado o seu respectivo código em HTML.
|
|
192
|
+
|
|
193
|
+
**@obj-message:**
|
|
194
|
+
|
|
195
|
+
- desc: Emitido ao disparar mensagem pelo botão, tecla enter ou shift + enter, dependendo das props recebidas.
|
|
196
|
+
- sent_data: Object - Contém os seguintes valores referentes a mensagem:
|
|
197
|
+
- message: String, valor da mensagem;
|
|
198
|
+
- attachment: File, arquivo enviado;
|
|
199
|
+
- isDoc: Boolean, sinaliza se a mensagem é um documento;
|
|
200
|
+
- image: File, imagem enviada;
|
|
201
|
+
- isAudio: Boolean, sinaliza se a mensagem é do tipo áudio;
|
|
202
|
+
- audioAttachment: File, arquivo de áudio enviado.
|
|
203
|
+
|
|
204
|
+
**@open-file-system**
|
|
205
|
+
|
|
206
|
+
- desc: Emitido ao clicar no botão de arquivos do sistema.
|
|
172
207
|
|
|
173
208
|
## Dependências:
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
209
|
+
|
|
210
|
+
1. 
|
|
211
|
+
2. 
|
|
212
|
+
3. 
|
|
213
|
+
4. 
|
|
214
|
+
5. 
|
|
215
|
+
6. 
|
|
216
|
+
7. 
|
|
217
|
+
8. 
|
|
218
|
+
9. 
|
|
184
219
|
|
|
185
220
|
> Desenvolvido por **_Konecta Brasil_**
|