@sysvale/show 0.3.0 → 1.1.0

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.
@@ -1,432 +0,0 @@
1
- 'use strict';Object.defineProperty(exports,'__esModule',{value:true});function _interopDefault(e){return(e&&(typeof e==='object')&&'default'in e)?e['default']:e}var swal=_interopDefault(require('sweetalert2')),get=_interopDefault(require('lodash.get')),camelCase=_interopDefault(require('lodash.camelcase')),isObject=_interopDefault(require('lodash.isobject')),snakeCase=_interopDefault(require('lodash.snakecase'));var isArray = function (arg) { return Array.isArray(arg); };
2
-
3
- var convertKeysToCamelCase = function (data) {
4
- if (isArray(data)) {
5
- return data.map(function (element) {
6
- if (isObject(element) || isArray(element)) {
7
- return convertKeysToCamelCase(element);
8
- }
9
- return element;
10
- });
11
- }
12
- var newData = {};
13
- Object.keys(data).forEach(function (key) {
14
- if (isObject(data[key]) || isArray(data[key])) {
15
- newData[camelCase(key)] = convertKeysToCamelCase(data[key]);
16
- } else {
17
- newData[camelCase(key)] = data[key];
18
- }
19
- });
20
-
21
- return newData;
22
- };var isArray$1 = function (arg) { return Array.isArray(arg); };
23
-
24
- var convertKeysToSnakeCase = function (data) {
25
- if (isArray$1(data)) {
26
- return data.map(function (element) {
27
- if (isObject(element) || isArray$1(element)) {
28
- return convertKeysToSnakeCase(element);
29
- }
30
- return element;
31
- });
32
- }
33
- var newData = {};
34
- Object.keys(data).forEach(function (key) {
35
- if (isObject(data[key]) || isArray$1(data[key])) {
36
- newData[snakeCase(key)] = convertKeysToSnakeCase(data[key]);
37
- } else {
38
- newData[snakeCase(key)] = data[key];
39
- }
40
- });
41
-
42
- return newData;
43
- };function getFirstErrorMessage(response, fallbackMsg) {
44
- if ( fallbackMsg === void 0 ) fallbackMsg = 'Não conseguimos processar sua requisição. Tente novamente.';
45
-
46
- var errors = get(response, 'errors', false);
47
- if (!errors) { return fallbackMsg; }
48
- var ref = Object.keys(errors);
49
- var firstKey = ref[0];
50
- return errors[firstKey][0] || fallbackMsg;
51
- }var SUCCESS_SWAL_DEFAULT_CONFIG = {
52
- title: 'Informações salvas com sucesso!',
53
- icon: 'success',
54
- text: '',
55
- showCloseButton: true,
56
- confirmButtonText: 'Ok',
57
- };
58
-
59
- var ERROR_SWAL_DEFAULT_CONFIG = {
60
- icon: 'error',
61
- title: 'Erro',
62
- text: 'mensagem de error',
63
- showCancelButton: true,
64
- showConfirmButton: false,
65
- cancelButtonText: 'Fechar',
66
- };
67
-
68
- var script = {
69
- props: {
70
- service: {
71
- type: Function,
72
- required: true,
73
- },
74
- payload: {
75
- type: Object,
76
- default: function () { return ({}); },
77
- },
78
- payloadResolver: {
79
- type: Function,
80
- default: function (data) { return convertKeysToSnakeCase(data); },
81
- },
82
- dataResolver: {
83
- type: Function,
84
- default: function (data) { return convertKeysToCamelCase(data); },
85
- },
86
- successSwalConfig: {
87
- type: Object,
88
- default: function () { return SUCCESS_SWAL_DEFAULT_CONFIG; },
89
- },
90
- errorSwalConfig: {
91
- type: Object,
92
- default: function () { return ERROR_SWAL_DEFAULT_CONFIG; },
93
- },
94
- errorFeedbackResolver: {
95
- type: Function,
96
- default: null,
97
- },
98
- successFeedbackResolver: {
99
- type: Function,
100
- default: null,
101
- },
102
- showSuccessFeedback: {
103
- type: Boolean,
104
- default: false,
105
- },
106
- hideErrorFeedback: {
107
- type: Boolean,
108
- default: false,
109
- },
110
- immediate: {
111
- type: Boolean,
112
- default: false,
113
- },
114
- forceResetError: {
115
- type: Boolean,
116
- default: false,
117
- },
118
- initialData: {
119
- default: null,
120
- },
121
- },
122
-
123
- data: function data() {
124
- return {
125
- loading: false,
126
- failed: false,
127
- succeeded: false,
128
- error: null,
129
- data: this.initialData,
130
- };
131
- },
132
-
133
- watch: {
134
- forceResetError: function forceResetError(newValue) {
135
- if (newValue) {
136
- this.error = null;
137
- }
138
- },
139
- },
140
-
141
- mounted: function mounted() {
142
- if (this.immediate) {
143
- this.action();
144
- }
145
- },
146
-
147
- methods: {
148
- action: function action(payloadFromArgs) {
149
- var this$1 = this;
150
-
151
- this.startRequest();
152
- var payload = payloadFromArgs || this.payload;
153
- this.service(this.payloadResolver(payload))
154
- .then(
155
- function (ref) {
156
- var data = ref.data;
157
-
158
- this$1.data = this$1.dataResolver(data);
159
- this$1.succeeded = true;
160
- this$1.$emit('success', this$1.data);
161
-
162
- if (this$1.showSuccessFeedback) {
163
- if (this$1.successFeedbackResolver) {
164
- this$1.successFeedbackResolver({ vm: this$1, data: this$1.data });
165
- return;
166
- }
167
- swal.fire(Object.assign({}, SUCCESS_SWAL_DEFAULT_CONFIG,
168
- this$1.successSwalConfig)).then(function () {
169
- this$1.$emit('success-feedback-ok', this$1.data);
170
- });
171
- }
172
- }
173
- ).catch(
174
- function (error) {
175
- this$1.failed = true;
176
- this$1.error = error;
177
- this$1.$emit('error', error);
178
-
179
- if (!this$1.hideErrorFeedback) {
180
- var errorMessage = getFirstErrorMessage(
181
- get(error, 'response.data', null),
182
- 'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
183
- );
184
-
185
- if (this$1.errorFeedbackResolver) {
186
- this$1.errorFeedbackResolver({ vm: this$1, error: error, errorMessage: errorMessage });
187
- return;
188
- }
189
-
190
- swal.fire(Object.assign({}, ERROR_SWAL_DEFAULT_CONFIG,
191
- this$1.errorSwalConfig,
192
- {text: errorMessage})).then(function (result) {
193
- if (result.isDismissed) {
194
- this$1.$emit('error-feedback-cancel', error);
195
- }
196
- if (result.isConfirmed) {
197
- this$1.$emit('error-feedback-ok', error);
198
- }
199
- });
200
- }
201
- }
202
- ).finally(function () {
203
- this$1.loading = false;
204
- });
205
- },
206
-
207
- labelHelper: function labelHelper(label, loadingLabel) {
208
- if ( loadingLabel === void 0 ) loadingLabel = 'Carregando...';
209
-
210
- if (this.loading) {
211
- return loadingLabel;
212
- }
213
- return label;
214
- },
215
-
216
- startRequest: function startRequest() {
217
- this.loading = true;
218
- this.failed = false;
219
- this.succeeded = false;
220
- this.error = null;
221
- },
222
- },
223
-
224
- render: function render() {
225
- var slotProvider = this.$slots || this.$scopedSlots;
226
- var slot = slotProvider.default({
227
- loading: this.loading,
228
- failed: this.failed,
229
- succeeded: this.succeeded,
230
- error: this.error,
231
- data: this.data,
232
- action: this.action,
233
- labelHelper: this.labelHelper,
234
- errorMessage: getFirstErrorMessage(
235
- get(this.error, 'response.data', null),
236
- 'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
237
- ),
238
- });
239
-
240
- return Array.isArray(slot) ? slot[0] : slot;
241
- },
242
- };function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
243
- if (typeof shadowMode !== 'boolean') {
244
- createInjectorSSR = createInjector;
245
- createInjector = shadowMode;
246
- shadowMode = false;
247
- }
248
- // Vue.extend constructor export interop.
249
- var options = typeof script === 'function' ? script.options : script;
250
- // render functions
251
- if (template && template.render) {
252
- options.render = template.render;
253
- options.staticRenderFns = template.staticRenderFns;
254
- options._compiled = true;
255
- // functional template
256
- if (isFunctionalTemplate) {
257
- options.functional = true;
258
- }
259
- }
260
- // scopedId
261
- if (scopeId) {
262
- options._scopeId = scopeId;
263
- }
264
- var hook;
265
- if (moduleIdentifier) {
266
- // server build
267
- hook = function (context) {
268
- // 2.3 injection
269
- context =
270
- context || // cached call
271
- (this.$vnode && this.$vnode.ssrContext) || // stateful
272
- (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
273
- // 2.2 with runInNewContext: true
274
- if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
275
- context = __VUE_SSR_CONTEXT__;
276
- }
277
- // inject component styles
278
- if (style) {
279
- style.call(this, createInjectorSSR(context));
280
- }
281
- // register component module identifier for async chunk inference
282
- if (context && context._registeredComponents) {
283
- context._registeredComponents.add(moduleIdentifier);
284
- }
285
- };
286
- // used by ssr in case component is cached and beforeCreate
287
- // never gets called
288
- options._ssrRegister = hook;
289
- }
290
- else if (style) {
291
- hook = shadowMode
292
- ? function (context) {
293
- style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
294
- }
295
- : function (context) {
296
- style.call(this, createInjector(context));
297
- };
298
- }
299
- if (hook) {
300
- if (options.functional) {
301
- // register for functional component in vue file
302
- var originalRender = options.render;
303
- options.render = function renderWithStyleInjection(h, context) {
304
- hook.call(context);
305
- return originalRender(h, context);
306
- };
307
- }
308
- else {
309
- // inject component registration as beforeCreate hook
310
- var existing = options.beforeCreate;
311
- options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
312
- }
313
- }
314
- return script;
315
- }/* script */
316
- var __vue_script__ = script;
317
-
318
- /* template */
319
-
320
- /* style */
321
- var __vue_inject_styles__ = undefined;
322
- /* scoped */
323
- var __vue_scope_id__ = undefined;
324
- /* module identifier */
325
- var __vue_module_identifier__ = "data-v-58d9f362";
326
- /* functional template */
327
- var __vue_is_functional_template__ = undefined;
328
- /* style inject */
329
-
330
- /* style inject SSR */
331
-
332
- /* style inject shadow dom */
333
-
334
-
335
-
336
- var __vue_component__ = /*#__PURE__*/normalizeComponent(
337
- {},
338
- __vue_inject_styles__,
339
- __vue_script__,
340
- __vue_scope_id__,
341
- __vue_is_functional_template__,
342
- __vue_module_identifier__,
343
- false,
344
- undefined,
345
- undefined,
346
- undefined
347
- );var components=/*#__PURE__*/Object.freeze({__proto__:null,RequestProvider: __vue_component__});function removeAccents(str) {
348
- if ( str === void 0 ) str = '';
349
-
350
- var accents = 'ÀÁÂÃÄÅàáâãäåÒÓÔÕÕÖØòóôõöøÈÉÊËèéêëðÇçÐÌÍÎÏìíîïÙÚÛÜùúûüÑñŠšŸÿýŽž';
351
- var accentsOut = 'AAAAAAaaaaaaOOOOOOOooooooEEEEeeeeeCcDIIIIiiiiUUUUuuuuNnSsYyyZz';
352
- var strLen = str.length;
353
- var newStr = str.split('');
354
- var x;
355
-
356
- for (var i = 0; i < strLen; i += 1) {
357
- x = accents.indexOf(str[i]);
358
- if (x !== -1) {
359
- newStr[i] = accentsOut[x];
360
- }
361
- }
362
-
363
- newStr = newStr.join('');
364
- newStr = newStr.split('.').join('');
365
- newStr = newStr.split('-').join('');
366
- newStr = newStr.split('/').join('');
367
-
368
- return newStr;
369
- }function generateKey(length) {
370
- if ( length === void 0 ) length = 8;
371
-
372
- var result = '';
373
- var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
374
- var charactersLength = characters.length;
375
- for (var i = 0; i < length; i += 1) {
376
- result += characters.charAt(Math.floor(Math.random() * charactersLength));
377
- }
378
- return result;
379
- }var utils = {
380
- $showConvertKeysToCamelCase: convertKeysToCamelCase,
381
- $showConvertKeysToSnakeCase: convertKeysToSnakeCase,
382
- $showRemoveAccents: removeAccents,
383
- $showGenerateKey: generateKey,
384
- };
385
-
386
- // install function executed by Vue.use()
387
- function install(app) {
388
- if (install.installed) { return; }
389
-
390
- install.installed = true;
391
-
392
- var version = Number(app.version.split('.')[0]);
393
-
394
- if (version <= 2) {
395
- Object.keys(utils).forEach(function (key) {
396
- app.prototype[key] = utils[key];
397
- });
398
- }
399
-
400
- if (version > 2) {
401
- // ficará disponível apenas com o uso do Options API
402
- Object.keys(utils).forEach(function (key) {
403
- app.config.globalProperties[key] = utils[key];
404
- });
405
- }
406
-
407
- Object.keys(components).forEach(function (componentName) {
408
- app.component(
409
- ("Show" + componentName),
410
- components[componentName]
411
- );
412
- });
413
- }
414
-
415
- // Create module definition for Vue.use()
416
- var plugin = {
417
- install: install,
418
- };
419
-
420
- // To auto-install when vue is found
421
- /* global window global */
422
- var GlobalVue = null;
423
-
424
- if (typeof window !== 'undefined') {
425
- GlobalVue = window.Vue;
426
- } else if (typeof global !== 'undefined') {
427
- GlobalVue = global.Vue;
428
- }
429
-
430
- if (GlobalVue) {
431
- GlobalVue.use(plugin);
432
- }exports.RequestProvider=__vue_component__;exports.default=plugin;